/* PrintBump Operations — Production Ribbon interface */

:root {
  --pb-ink:#0b0f19;
  --pb-navy:#10182b;
  --pb-indigo:#4f46e5;
  --pb-indigo-light:#6366f1;
  --pb-cyan:#06b6d4;
  --pb-emerald:#10b981;
  --pb-amber:#f59e0b;
  --pb-orange:#f97316;
  --pb-cloud:#f3f5fb;
  --pb-white:#fff;
  --pb-text:#171b2b;
  --pb-muted:#70778a;
  --pb-line:rgba(27,34,58,.1);
  --pb-shadow:0 26px 80px rgba(25,31,62,.12);
}

body { background:var(--pb-cloud);color:var(--pb-text); }
button,a,input,select,textarea { -webkit-tap-highlight-color:transparent; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:3px solid var(--pb-cyan);outline-offset:3px; }
.btn { border-radius:999px;padding-inline:20px; }
.btn-primary { background:linear-gradient(135deg,var(--pb-indigo-light),var(--pb-indigo));box-shadow:0 12px 28px rgba(79,70,229,.28); }
.btn-ghost { background:rgba(255,255,255,.8);border-color:var(--pb-line); }
.btn-link { color:var(--pb-indigo); }
.field>span { color:#40465a;font-size:.71rem;letter-spacing:.04em; }
.field input,.field select,.field textarea { min-height:48px;border:1px solid rgba(79,70,229,.14);border-radius:14px;background:rgba(255,255,255,.8); }
.field input:focus,.field select:focus,.field textarea:focus { border-color:var(--pb-indigo-light);box-shadow:0 0 0 4px rgba(99,102,241,.1); }

/* Immersive sign-in */
.auth-shell { min-height:100svh;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(420px,.75fr);background:var(--pb-ink); }
.auth-brand { position:relative;display:flex;align-items:center;padding:clamp(40px,6vw,96px);overflow:hidden;background:
  linear-gradient(90deg,rgba(11,15,25,.22),rgba(11,15,25,.12)),
  url('./assets/production-ribbon-v1.png') center / cover no-repeat; }
.auth-brand:before { content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,15,25,.05),rgba(11,15,25,.2) 50%,rgba(11,15,25,.92)); }
.auth-brand:after { content:"PRINT / OPERATE / DELIVER";position:absolute;left:clamp(40px,6vw,96px);bottom:27px;color:rgba(255,255,255,.4);font-size:.56rem;font-weight:700;letter-spacing:.24em; }
.auth-brand-inner { position:relative;z-index:2;max-width:590px;margin:0;text-shadow:0 2px 25px rgba(0,0,0,.35); }
.auth-live { display:inline-flex;align-items:center;gap:9px;margin-bottom:50px;padding:8px 13px;border:1px solid rgba(255,255,255,.19);border-radius:999px;background:rgba(11,15,25,.28);color:#cbd5ff;font-size:.59rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;backdrop-filter:blur(14px); }
.auth-live i { width:7px;height:7px;border-radius:50%;background:var(--pb-emerald);box-shadow:0 0 0 5px rgba(16,185,129,.15); }
.auth-brand .brand-mark { margin-bottom:38px; }
.auth-brand .brand-mark img { width:58px;height:58px;border-radius:16px;box-shadow:0 18px 45px rgba(0,0,0,.3); }
.auth-brand .brand-mark span { font-size:1.25rem; }
.auth-brand h1 { max-width:590px;margin-bottom:22px;font-size:clamp(3rem,5vw,6.3rem);font-weight:400;line-height:.88;letter-spacing:-.065em; }
.brand-sub { max-width:470px;color:#c1c8dc;font-size:.96rem; }
.brand-features { display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:34px; }
.brand-features li { min-height:100px;padding:16px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(11,15,25,.35);backdrop-filter:blur(15px); }
.feat-ico { width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,rgba(99,102,241,.3),rgba(6,182,212,.15)); }
.brand-features strong { font-size:.78rem; }.brand-features small{display:none}.brand-footer{color:#8b96ba}
.auth-panel { position:relative;z-index:3;padding:clamp(25px,4vw,66px);background:linear-gradient(150deg,#f7f8ff,#e9edf9); }
.auth-panel:before { content:"";position:absolute;width:300px;aspect-ratio:1;right:-120px;top:-110px;border-radius:50%;background:rgba(99,102,241,.12);filter:blur(4px); }
.auth-card { position:relative;width:100%;max-width:460px;padding:clamp(34px,5vw,58px);border:1px solid rgba(255,255,255,.88);border-radius:30px;background:rgba(255,255,255,.72);box-shadow:0 34px 100px rgba(30,38,80,.14);backdrop-filter:blur(25px); }
.auth-card:before { content:"SECURE STUDIO ACCESS";display:block;margin-bottom:38px;color:var(--pb-indigo);font-size:.57rem;font-weight:700;letter-spacing:.18em; }
.auth-form h2 { font-size:2.3rem;font-weight:500;letter-spacing:-.055em; }.auth-hint{margin-bottom:30px;line-height:1.5}
.auth-card .btn-primary { min-height:54px;margin-top:5px; }.auth-card .btn-link{margin-top:9px}.otp-box{border-radius:13px;background:#fff}

/* Console shell */
.app-shell { min-height:100svh;background:var(--pb-cloud); }
.app-nav { width:266px;padding:22px 16px;background:
  radial-gradient(circle at 30% -10%,rgba(99,102,241,.45),transparent 32%),
  linear-gradient(180deg,#101627,#090d16);box-shadow:18px 0 60px rgba(11,15,25,.08); }
.app-nav-brand { min-height:66px;gap:12px;padding:5px 9px 22px; }
.app-nav-brand img { width:38px;height:38px;border-radius:11px;box-shadow:0 10px 28px rgba(0,0,0,.3); }
.app-nav-brand>span { display:flex;flex-direction:column;font-size:.95rem; }.app-nav-brand small{margin-top:2px;color:#7883a8;font-size:.48rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.app-nav-links { gap:7px; }
.nav-link { min-height:47px;padding:0 14px;border:1px solid transparent;border-radius:14px;color:#8f99b8;font-size:.8rem;transition:background .2s,color .2s,transform .2s,border-color .2s; }
.nav-link:hover { color:#fff;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.07);transform:translateX(3px); }
.nav-link.active { color:#fff;background:linear-gradient(135deg,rgba(99,102,241,.92),rgba(79,70,229,.74));box-shadow:0 12px 28px rgba(79,70,229,.27); }
.nav-ico { display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:rgba(255,255,255,.08);filter:saturate(0) brightness(2); }
.nav-link.active .nav-ico { background:rgba(255,255,255,.16); }
.nav-badge { background:linear-gradient(135deg,var(--pb-amber),var(--pb-orange));color:#271505;box-shadow:0 5px 15px rgba(249,115,22,.25); }
.app-nav-footer { border-color:rgba(255,255,255,.08); }.sound-toggle{color:#828cac}.app-nav-footer .btn-link{color:#f79b91}

.app-body { min-width:0; }
.app-topbar { min-height:82px;padding:14px clamp(20px,3vw,46px);border:0;background:rgba(243,245,251,.82);box-shadow:0 1px var(--pb-line);backdrop-filter:blur(22px); }
.app-topbar-title h1 { font-size:1.3rem;font-weight:500;letter-spacing:-.035em; }.business-name{display:inline-block;margin-top:3px}
.customer-app-link { display:flex;align-items:center;gap:17px;min-height:39px;padding:0 15px;border:1px solid var(--pb-line);border-radius:999px;color:#4c5265;font-size:.68rem;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.06em;background:rgba(255,255,255,.65);transition:transform .2s,box-shadow .2s,color .2s}.customer-app-link:hover{color:var(--pb-indigo);transform:translateY(-2px);box-shadow:0 9px 24px rgba(79,70,229,.1)}
.conn-pill { background:rgba(16,185,129,.09);color:#07835f;border:1px solid rgba(16,185,129,.16); }.user-chip>span{background:linear-gradient(135deg,var(--pb-indigo-light),var(--pb-indigo));box-shadow:0 7px 18px rgba(79,70,229,.2)}
.app-main { padding:clamp(22px,3.5vw,52px); }

/* Immersive dashboard */
.command-hero { position:relative;min-height:360px;display:grid;grid-template-columns:.86fr 1.14fr;gap:55px;align-items:center;margin-bottom:26px;padding:clamp(30px,4vw,58px);overflow:hidden;border-radius:30px;background:
  radial-gradient(circle at 85% 20%,rgba(6,182,212,.2),transparent 28%),
  linear-gradient(135deg,#171f38,#262067 62%,#4338ca);color:#fff;box-shadow:0 30px 70px rgba(30,39,89,.18); }
.command-hero:before { content:"";position:absolute;width:420px;aspect-ratio:1;right:-100px;top:-210px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 60px rgba(255,255,255,.022),0 0 0 120px rgba(255,255,255,.015); }
.command-copy { position:relative;z-index:2; }.command-kicker{display:flex;align-items:center;gap:10px;margin-bottom:22px;color:#aeb7ff;font-size:.58rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.command-kicker i{width:7px;height:7px;border-radius:50%;background:var(--pb-emerald);box-shadow:0 0 0 5px rgba(16,185,129,.13)}
.command-copy h2{margin:0;font-size:clamp(2.4rem,4vw,4.8rem);font-weight:400;line-height:.91;letter-spacing:-.065em}.command-copy p{max-width:450px;margin:22px 0;color:#b7bfd6;font-size:.86rem;line-height:1.6}.command-button{padding:0 0 9px;border:0;border-bottom:1px solid rgba(255,255,255,.6);background:none;color:#fff;font-size:.72rem;font-weight:700;cursor:pointer}.command-button span{margin-left:55px}
.production-flow { position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;align-items:center; }
.production-flow:before { content:"";position:absolute;left:10%;right:10%;top:50%;height:1px;background:linear-gradient(90deg,var(--pb-amber),var(--pb-cyan),var(--pb-emerald));opacity:.55; }
.production-flow>div { position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:.86;border:1px solid rgba(255,255,255,.15);border-radius:45% 45% 18px 18px;background:rgba(255,255,255,.08);backdrop-filter:blur(15px); }
.production-flow span { color:#aab1c9;font-size:.52rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase; }.production-flow strong{margin:8px 0;font-size:clamp(2rem,4vw,4.2rem);font-weight:400}.production-flow i{position:absolute;right:-10px;width:13px;height:13px;border:3px solid #29265c;border-radius:50%;background:var(--pb-cyan)}.production-flow>div:first-child i{background:var(--pb-amber)}.production-flow>div:nth-child(3) i{background:var(--pb-emerald)}

.stat-grid { grid-template-columns:repeat(12,1fr);gap:12px;margin-bottom:24px; }
.stat-card { grid-column:span 3;min-height:148px;display:flex;flex-direction:column;justify-content:space-between;padding:22px;border:1px solid rgba(255,255,255,.9);border-top:1px solid rgba(255,255,255,.9)!important;border-radius:22px;background:rgba(255,255,255,.8);box-shadow:0 14px 44px rgba(30,38,76,.07); }
.stat-card:first-child{grid-column:span 4;background:linear-gradient(145deg,#fff,#edf3ff)}.stat-card:last-child{grid-column:span 5;color:#fff;background:linear-gradient(135deg,var(--pb-indigo),#292267);border:0!important}.stat-card .stat-label{color:var(--pb-muted);font-size:.59rem;letter-spacing:.12em}.stat-card .stat-value{font-size:clamp(2rem,3vw,3.4rem);font-weight:500;letter-spacing:-.06em}.stat-card:last-child .stat-label{color:#bdc4ff}.stat-card.amber .stat-value{color:#b86a06}.stat-card.emerald .stat-value{color:#07865e}.stat-card.red .stat-value{color:#d4424d}
.panel { padding:25px 28px;border:1px solid rgba(255,255,255,.9);border-radius:22px;background:rgba(255,255,255,.82);box-shadow:0 14px 45px rgba(30,38,76,.065); }.panel-head h2{font-size:1rem;font-weight:500}.activity-feed li{padding:15px 0;border-color:var(--pb-line)}

/* Operational views */
.toolbar { padding:12px;border:1px solid rgba(255,255,255,.9);border-radius:18px;background:rgba(255,255,255,.74);box-shadow:0 10px 35px rgba(30,38,76,.05); }
.search-input,.select { min-height:45px;border-color:var(--pb-line);border-radius:12px;background:#fff; }
.order-table-wrap { border:1px solid rgba(255,255,255,.9);border-radius:22px;background:rgba(255,255,255,.86);box-shadow:0 18px 55px rgba(30,38,76,.07); }
.order-table th { padding:15px 14px;color:#798095;background:#f8f9fd;font-size:.58rem;letter-spacing:.12em; }.order-table td{padding:15px 14px;border-color:var(--pb-line)}.order-table tr.row-link:hover{background:#f0f4ff}
.badge { border-radius:999px; }.settings-form .panel{margin-bottom:14px}.station-item{border-color:var(--pb-line);border-radius:17px;background:#fbfcff}.catalog-row,.staff-row{border-radius:16px}
.drawer-backdrop { background:rgba(8,11,19,.62);backdrop-filter:blur(8px); }.drawer{width:min(570px,100vw);border-radius:30px 0 0 30px;background:#f9faff;box-shadow:-30px 0 100px rgba(5,8,18,.3)}.drawer-head{padding:24px 28px}.drawer-head h2{font-size:1.3rem}.drawer-body{padding:25px 28px}.status-actions button{border-radius:999px}.status-actions button.current{background:var(--pb-indigo);border-color:var(--pb-indigo)}
.alert-banner { top:16px;left:50%;right:auto;width:min(620px,calc(100% - 28px));padding:12px 14px;border:1px solid rgba(255,255,255,.34);border-radius:18px;transform:translateX(-50%);background:linear-gradient(135deg,var(--pb-amber),var(--pb-orange));box-shadow:0 18px 55px rgba(249,115,22,.28);animation:premium-banner-in .35s cubic-bezier(.2,.8,.2,1)}
@keyframes premium-banner-in{from{opacity:0;transform:translate(-50%,-20px) scale(.97)}to{opacity:1;transform:translate(-50%,0) scale(1)}}

/* Incoming print-order prompt */
.new-order-prompt { position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:20px;overflow:hidden;background:rgba(7,10,18,.79);backdrop-filter:blur(22px); }
.prompt-orbit { position:absolute;width:min(760px,90vw);aspect-ratio:1;border:1px solid rgba(99,102,241,.38);border-radius:50%;animation:prompt-orbit 18s linear infinite }.prompt-orbit:before,.prompt-orbit:after{content:"";position:absolute;inset:14%;border:1px solid rgba(6,182,212,.22);border-radius:50%}.prompt-orbit:after{inset:31%}.prompt-orbit i{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--pb-cyan);box-shadow:0 0 25px currentColor}.prompt-orbit i:nth-child(1){left:13%;top:19%}.prompt-orbit i:nth-child(2){right:2%;top:48%;background:var(--pb-amber)}.prompt-orbit i:nth-child(3){left:27%;bottom:5%;background:var(--pb-emerald)}
.prompt-card { position:relative;z-index:2;width:min(560px,100%);padding:clamp(30px,5vw,56px);overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:32px;background:linear-gradient(145deg,rgba(34,39,69,.96),rgba(17,16,44,.98));color:#fff;box-shadow:0 40px 130px rgba(0,0,0,.5) }.prompt-card:after{content:"";position:absolute;width:240px;aspect-ratio:1;right:-100px;top:-110px;border-radius:50%;background:rgba(99,102,241,.22);filter:blur(5px)}
.prompt-close{position:absolute;z-index:3;right:20px;top:18px;width:38px;height:38px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font-size:1.25rem}.prompt-signal{display:flex;align-items:center;gap:10px;color:#fbbf72;font-size:.58rem;letter-spacing:.16em}.prompt-signal span{width:8px;height:8px;border-radius:50%;background:var(--pb-orange);box-shadow:0 0 0 7px rgba(249,115,22,.12);animation:pulse-dot 1.4s infinite}.prompt-count{margin:34px 0 8px;color:#7f89ff;font-size:clamp(5rem,12vw,8rem);font-weight:400;line-height:.72;letter-spacing:-.08em}.prompt-card h2{max-width:430px;margin:22px 0 36px;font-size:clamp(2.1rem,4.5vw,3.7rem);font-weight:400;letter-spacing:-.055em;line-height:.98}.prompt-order{display:grid;grid-template-columns:1fr auto;gap:7px;padding:20px 0;border-block:1px solid rgba(255,255,255,.13)}.prompt-order span{color:#aab3ca;font-size:.7rem;font-weight:700;letter-spacing:.1em}.prompt-order strong{font-size:1.1rem}.prompt-order small{grid-column:1/-1;color:#7e879e}.prompt-actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.prompt-actions button{min-height:50px;padding:0 18px;border:1px solid rgba(255,255,255,.17);border-radius:999px;background:transparent;color:#aab3ca;font-weight:700}.prompt-actions button:last-child{border-color:var(--pb-indigo-light);background:var(--pb-indigo);color:#fff}.prompt-actions button span{margin-left:20px}@keyframes prompt-orbit{to{transform:rotate(360deg)}}

@media(max-width:1100px){.command-hero{grid-template-columns:1fr}.production-flow{max-width:650px}.stat-card{grid-column:span 4}.stat-card:first-child,.stat-card:last-child{grid-column:span 6}}
@media(max-width:880px){
  .auth-shell{display:block;background:var(--pb-ink)}.auth-brand{min-height:42svh;padding:32px 22px 75px;background-position:42% center}.auth-brand:before{background:linear-gradient(0deg,var(--pb-ink),rgba(11,15,25,.06) 62%)}.auth-live{margin-bottom:22px}.auth-brand .brand-mark{margin-bottom:15px}.auth-brand h1{max-width:470px;font-size:clamp(2.7rem,12vw,4.4rem)}.brand-sub,.brand-features,.brand-footer{display:none}.auth-panel{min-height:58svh;margin-top:-42px;padding:0 14px 30px;background:transparent}.auth-card{max-width:520px;padding:34px 24px;border-radius:25px}
}
@media(max-width:980px){
  .app-nav{width:276px}.app-topbar{min-height:70px;padding:12px 16px}.customer-app-link{display:none}.app-main{padding:18px}.command-hero{min-height:0;padding:28px 22px;border-radius:23px}.command-copy h2{font-size:2.8rem}.production-flow{grid-template-columns:repeat(2,1fr)}.production-flow:before{display:none}.production-flow>div{min-height:125px;aspect-ratio:auto}.production-flow i{display:none}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-card,.stat-card:first-child,.stat-card:last-child{grid-column:span 1;min-height:130px}.stat-card:last-child{grid-column:1/-1}.panel{padding:20px 17px;border-radius:18px}.drawer{border-radius:22px 0 0 22px}
}
@media(max-width:560px){.app-topbar-actions{gap:7px}.user-chip div{display:none}.conn-pill{padding-inline:9px}.command-copy h2{font-size:2.45rem}.command-copy p{font-size:.78rem}.production-flow{gap:5px}.stat-grid{gap:8px}.stat-card{padding:16px;min-height:115px;border-radius:17px}.stat-card .stat-value{font-size:1.8rem}.prompt-actions{display:grid}.prompt-card{border-radius:24px}.prompt-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.nav-link,.customer-app-link,.prompt-orbit{transition:none;animation:none!important}}

/* Studio intelligence — a quiet management surface fed by the live order pulse. */
.dashboard-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px;padding:4px 2px}
.dashboard-heading .command-kicker{margin-bottom:12px;color:var(--pb-indigo)}
.dashboard-heading h2{margin:0;font-size:clamp(2rem,4vw,4.25rem);font-weight:450;letter-spacing:-.065em;line-height:.94;color:var(--pb-ink)}
.dashboard-heading .command-button{flex:0 0 auto;min-height:46px;padding:0 18px;border:1px solid var(--pb-line);border-radius:999px;background:#fff;color:var(--pb-ink);box-shadow:0 10px 30px rgba(30,38,76,.06)}
.dashboard-heading .command-button span{margin-left:28px;color:var(--pb-indigo)}
#view-dashboard .stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}
#view-dashboard .stat-card,#view-dashboard .stat-card:first-child,#view-dashboard .stat-card:last-child{grid-column:auto;min-height:126px;padding:20px;border:1px solid rgba(255,255,255,.94)!important;border-radius:19px;background:rgba(255,255,255,.78);color:var(--pb-text);box-shadow:0 12px 35px rgba(30,38,76,.055)}
#view-dashboard .stat-card.revenue{color:#fff;background:linear-gradient(140deg,#171c31,#3730a3);border:0!important}
#view-dashboard .stat-card.revenue .stat-label,#view-dashboard .stat-card.revenue .stat-note{color:#bfc5ea}
#view-dashboard .stat-card .stat-value{margin:12px 0 4px;font-size:clamp(1.7rem,2.6vw,2.75rem)}
.stat-note{color:var(--pb-muted);font-size:.67rem}
.dashboard-intelligence-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
.insight-panel{min-width:0;padding:24px;border:1px solid rgba(255,255,255,.94);border-radius:22px;background:rgba(255,255,255,.8);box-shadow:0 14px 42px rgba(30,38,76,.055)}
.trend-panel{grid-column:span 8}.mix-panel{grid-column:span 4}.flow-panel{grid-column:span 7}.activity-panel{grid-column:span 5}
.insight-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}
.insight-head span{display:block;margin-bottom:5px;color:var(--pb-indigo);font-size:.56rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.insight-head h3{margin:0;font-size:1rem;font-weight:600;letter-spacing:-.02em}.insight-head>small{color:var(--pb-muted);font-size:.62rem}
.trend-chart{min-height:260px}.trend-chart svg{display:block;width:100%;height:230px;overflow:visible}
.chart-legend{display:flex;align-items:center;gap:15px;color:var(--pb-muted);font-size:.62rem}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:8px;height:8px;border-radius:3px}.orders-key{background:var(--pb-indigo)}.revenue-key{background:#f97316}.profit-key{background:#111827}.chart-legend strong{margin-left:auto;color:var(--pb-text);font-size:.72rem}
.chart-gridline{stroke:rgba(27,34,58,.08);stroke-width:1}.chart-revenue-bar{fill:#f97316}.chart-profit-bar{fill:#111827}.chart-revenue-bar,.chart-profit-bar{transform-box:fill-box;transform-origin:center bottom;animation:chart-rise .45s ease-out both}.chart-label{fill:#858b9d;font-size:11px;font-weight:700}@keyframes chart-rise{from{transform:scaleY(0);opacity:.2}}
.category-mix{display:flex;flex-direction:column;gap:17px}.mix-row>div{display:flex;justify-content:space-between;gap:12px;font-size:.71rem}.mix-row>div span{font-weight:650}.mix-row>div strong{color:var(--pb-indigo)}.mix-row>i{display:block;height:6px;margin:7px 0 5px;overflow:hidden;border-radius:999px;background:#eceefa}.mix-row>i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pb-cyan),var(--pb-indigo));transition:width .4s ease}.mix-row>small{color:var(--pb-muted);font-size:.58rem}
.flow-panel .production-flow{gap:6px}.flow-panel .production-flow:before{background:linear-gradient(90deg,var(--pb-amber),var(--pb-cyan),var(--pb-emerald))}.flow-panel .production-flow>div{min-height:104px;aspect-ratio:auto;border-color:var(--pb-line);border-radius:15px;background:#f6f7fc}.flow-panel .production-flow span{color:var(--pb-muted)}.flow-panel .production-flow strong{color:var(--pb-text);font-size:2rem}.flow-panel .production-flow i{border-color:#f6f7fc}
.management-insight{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;align-items:center;margin-top:17px;padding:15px;border-radius:15px;background:#f3f4fb}.management-insight>span{grid-row:1/3;padding:6px 8px;border-radius:8px;background:#fff;color:var(--pb-indigo);font-size:.54rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.management-insight strong{font-size:.76rem}.management-insight p{margin:0;color:var(--pb-muted);font-size:.65rem}
.activity-panel .activity-feed{max-height:300px}.activity-panel .activity-feed li{padding:10px 0;font-size:.72rem}.activity-panel .activity-feed li:nth-child(n+7){display:none}.activity-time{min-width:58px;color:var(--pb-muted);font-size:.6rem}

/* Authenticated customer artwork inside the job drawer. */
.item-card{padding:14px;border-color:var(--pb-line);border-radius:15px;background:#fff}.item-card .item-meta{margin-top:4px;line-height:1.5}
.item-file{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--pb-line)}
.item-file>span{min-width:0;display:flex;align-items:center;gap:8px;overflow:hidden;color:#343a4d;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.item-file>span i{padding:4px 6px;border-radius:6px;background:#eef0ff;color:var(--pb-indigo);font-size:.48rem;font-style:normal;font-weight:800;letter-spacing:.08em}
.item-file>div{display:flex;gap:6px}.item-file button{min-height:34px;padding:0 10px;border:1px solid var(--pb-line);border-radius:9px;background:#fff;color:var(--pb-indigo);font-size:.62rem;font-weight:750;cursor:pointer}.item-file button:first-child{background:var(--pb-indigo);border-color:var(--pb-indigo);color:#fff}.item-file.missing{display:block;color:var(--pb-muted);font-size:.64rem}

/* Pickup Point module connections remain read-only and business-owned. */
.linked-stations-panel{margin-bottom:14px}.linked-count{padding:7px 10px;border-radius:999px;background:#e9fbf5;color:#087657;font-size:.61rem;font-weight:750}
.business-stations-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.business-station{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:15px;border:1px solid var(--pb-line);border-radius:16px;background:#fbfcff}.business-station-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--pb-indigo-light),var(--pb-indigo));color:#fff;font-weight:800}.business-station>div:nth-child(2){min-width:0}.business-station strong,.business-station span,.business-station small{display:block}.business-station strong{font-size:.76rem}.business-station span,.business-station small{margin-top:3px;overflow:hidden;color:var(--pb-muted);font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}.module-pill{display:flex!important;align-items:center;gap:6px!important;margin:0!important;color:#087657!important;font-size:.55rem!important;font-weight:750}.module-pill i{width:7px;height:7px;border-radius:50%;background:var(--pb-emerald)}

@media(max-width:1100px){.trend-panel,.flow-panel{grid-column:span 7}.mix-panel,.activity-panel{grid-column:span 5}.business-stations-list{grid-template-columns:1fr}}
@media(max-width:760px){.dashboard-heading{align-items:flex-start}.dashboard-heading h2{font-size:2.55rem}.dashboard-heading .command-button{padding-inline:13px}.dashboard-heading .command-button span{margin-left:12px}#view-dashboard .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-panel,.mix-panel,.flow-panel,.activity-panel{grid-column:1/-1}.insight-panel{padding:19px 16px}.trend-chart svg{height:205px}.business-station{grid-template-columns:40px 1fr}.business-station .module-pill{grid-column:2}.item-file{align-items:flex-start;flex-direction:column}.item-file>div{width:100%}.item-file button{flex:1}}
@media(max-width:430px){#view-dashboard .stat-grid{grid-template-columns:1fr}#view-dashboard .stat-card,#view-dashboard .stat-card:first-child,#view-dashboard .stat-card:last-child{min-height:108px}.dashboard-heading h2{font-size:2.15rem}.chart-legend strong{display:none}.production-flow{grid-template-columns:repeat(2,1fr)}}

/* Work-order proofing desk: artwork left, production controls right. */
.drawer{width:min(1280px,calc(100vw - 56px));border-radius:24px 0 0 24px;overflow:hidden;background:#fff}
.drawer-head{min-height:72px;padding:14px 22px 14px 26px;background:#fff}
.drawer-head>div>span{display:block;margin-bottom:3px;color:var(--pb-muted);font-size:.52rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.drawer-head h2{font-size:1.15rem;letter-spacing:-.025em}.drawer-close{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--pb-line);border-radius:12px;background:#f7f8fc;cursor:pointer}
.drawer-workspace{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(390px,.72fr);min-height:0;flex:1;overflow:hidden}
.job-preview-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;background:#0a0c11;color:#fff;border-right:1px solid #242832}
.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:70px;padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.1);background:#10131a}
.preview-file-identity{display:flex;align-items:center;min-width:0;gap:11px}.preview-file-identity>span{flex:none;padding:7px 8px;border-radius:8px;background:var(--pb-amber);color:#17100a;font-size:.52rem;font-weight:900;letter-spacing:.1em}.preview-file-identity>div{min-width:0}.preview-file-identity strong,.preview-file-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-file-identity strong{max-width:360px;font-size:.74rem}.preview-file-identity small{margin-top:4px;color:#8e95a5;font-size:.58rem}
.preview-toolbar-actions{display:flex;gap:6px}.preview-toolbar-actions button,.preview-document button,.preview-error button{min-height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:#191d26;color:#fff;font-size:.6rem;font-weight:750;cursor:pointer}.preview-toolbar-actions button:last-child{border-color:var(--pb-amber);background:var(--pb-amber);color:#17100a}.preview-toolbar-actions button:disabled{opacity:.34;cursor:wait}
.preview-stage{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden;padding:22px;background:radial-gradient(circle at 50% 42%,#202631 0,#10131a 48%,#080a0e 100%)}
.preview-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:24px 24px}
.preview-stage>img{position:relative;z-index:1;display:block;max-width:100%;max-height:100%;object-fit:contain;background:#fff;box-shadow:0 28px 70px rgba(0,0,0,.48)}
.preview-stage>iframe{position:relative;z-index:1;width:100%;height:100%;min-height:520px;border:0;border-radius:8px;background:#fff;box-shadow:0 28px 70px rgba(0,0,0,.48)}
.preview-loading,.preview-empty,.preview-document,.preview-error{position:relative;z-index:1;display:grid;justify-items:center;max-width:360px;text-align:center}.preview-loading i{width:46px;height:46px;margin-bottom:18px;border:2px solid rgba(255,255,255,.15);border-top-color:var(--pb-amber);border-radius:50%;animation:preview-spin .8s linear infinite}.preview-loading strong,.preview-empty strong,.preview-document strong,.preview-error strong{font-size:1.05rem}.preview-loading small,.preview-empty small,.preview-document small,.preview-error small{margin-top:8px;color:#8e95a5;font-size:.66rem;line-height:1.55}.preview-empty>span,.preview-document>span,.preview-error>span{display:grid;place-items:center;min-width:54px;height:54px;margin-bottom:17px;padding:0 10px;border:1px solid rgba(255,255,255,.18);border-radius:12px;color:var(--pb-amber);font-size:.6rem;font-weight:900;letter-spacing:.12em}.preview-document button,.preview-error button{margin-top:18px;background:var(--pb-amber);color:#17100a}
.preview-file-tabs{display:flex;gap:7px;min-height:64px;padding:10px 14px;overflow-x:auto;border-top:1px solid rgba(255,255,255,.1);background:#10131a}.preview-file-tabs:empty{display:none}.preview-file-tabs button{display:grid;grid-template-columns:auto minmax(80px,160px);align-items:center;gap:8px;min-width:0;padding:7px 9px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#171a22;color:#c7ccd6;text-align:left;cursor:pointer}.preview-file-tabs button.active{border-color:var(--pb-amber);background:#242018;color:#fff}.preview-file-tabs span{padding:4px 5px;border-radius:5px;background:#2b303c;color:var(--pb-amber);font-size:.45rem;font-weight:900}.preview-file-tabs strong{overflow:hidden;font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}
.drawer-body{min-width:0;min-height:0;padding:24px 26px;background:#f8f9fc}.drawer-section{padding-bottom:20px;border-bottom:1px solid var(--pb-line)}
@keyframes preview-spin{to{transform:rotate(360deg)}}

@media(max-width:900px){
  .drawer{width:100vw;border-radius:0}.drawer-workspace{grid-template-columns:1fr;grid-template-rows:minmax(320px,44svh) minmax(0,1fr)}.job-preview-panel{border-right:0;border-bottom:1px solid #242832}.preview-stage{padding:12px}.preview-stage>iframe{min-height:300px}.preview-toolbar{min-height:60px;padding:9px 12px}.preview-file-identity strong{max-width:42vw}.preview-toolbar-actions button{padding-inline:8px}.drawer-body{padding:20px 17px}
}

@media(max-width:520px){.preview-toolbar-actions button:first-child{display:none}.preview-file-identity>span{display:none}.preview-file-identity strong{max-width:48vw}.preview-stage{padding:8px}.preview-file-tabs{min-height:56px;padding:7px}.drawer-workspace{grid-template-rows:minmax(285px,40svh) minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.preview-loading i{animation:none}}

/* Production references: the proof is visual intent; the source tab is printable artwork. */
.approved-proof{position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;width:min(100%,760px);height:100%;min-height:0}.approved-proof>span{justify-self:start;margin-bottom:9px;padding:6px 8px;border-radius:5px;background:var(--pb-amber);color:#17100a;font-size:.5rem;font-weight:900;letter-spacing:.12em}.approved-proof img{display:block;max-width:100%;max-height:100%;min-height:0;object-fit:contain;background:#fff;box-shadow:0 28px 70px rgba(0,0,0,.48)}.approved-proof small{margin-top:10px;color:#9ba2b1;font-size:.58rem;line-height:1.5;text-align:center}.preview-file-tabs .proof-tab span{background:var(--pb-amber);color:#17100a}
.production-ticket-stack{display:grid;gap:12px;margin-bottom:15px}.production-ticket{overflow:hidden;border:1px solid #dfe2ea;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(24,31,61,.05)}.production-ticket>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:15px 16px;border-bottom:1px solid #eceef3;background:#121722;color:#fff}.production-ticket>header span,.production-ticket>header strong{display:block}.production-ticket>header span{margin-bottom:5px;color:var(--pb-amber);font-size:.48rem;font-weight:900;letter-spacing:.13em}.production-ticket>header strong{font-size:.78rem}.production-ticket>header>b{flex:none;padding:6px 8px;border-radius:6px;font-size:.47rem;letter-spacing:.07em}.production-ticket>header>b.ready{background:#dff7ed;color:#087657}.production-ticket>header>b.blocked{background:#ffe5e2;color:#a53328}.production-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#eceef3}.production-spec-grid>div{min-width:0;padding:11px 13px;background:#fff}.production-spec-grid span,.production-spec-grid strong{display:block}.production-spec-grid span{margin-bottom:4px;color:var(--pb-muted);font-size:.48rem;font-weight:750;letter-spacing:.05em;text-transform:uppercase}.production-spec-grid strong{overflow:hidden;font-size:.66rem;text-overflow:ellipsis}.production-ticket>footer{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center;padding:12px 14px;border-top:1px solid #eceef3}.production-ticket>footer>span{color:var(--pb-muted);font-size:.53rem;font-weight:750;text-transform:uppercase}.production-ticket>footer>strong{display:grid;place-items:center;min-width:32px;height:32px;border-radius:7px;background:var(--pb-amber);color:#17100a;font-size:.8rem}.production-ticket>footer>small{justify-self:end;color:var(--pb-muted);font-size:.52rem;text-align:right}
@media(max-width:520px){.production-spec-grid{grid-template-columns:1fr}.production-ticket>header{align-items:stretch;flex-direction:column}.production-ticket>header>b{align-self:start}.production-ticket>footer{grid-template-columns:auto auto}.production-ticket>footer>small{grid-column:1/-1;justify-self:start;text-align:left}}

/* Settings commissioning flow. */
.settings-command-head{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:32px;align-items:end;margin-bottom:22px;padding:34px 36px;border-radius:24px;background:linear-gradient(120deg,#111522 0 72%,#1d2440 72%);color:#fff;box-shadow:0 22px 60px rgba(10,14,26,.16)}
.settings-command-head h2{max-width:720px;margin:10px 0 8px;font-size:clamp(2.4rem,4vw,4.4rem);font-weight:350;letter-spacing:-.065em;line-height:.92}.settings-command-head p{max-width:620px;margin:0;color:#9da5b7;font-size:.76rem;line-height:1.65}
.settings-readiness,.security-score{padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.055)}.settings-readiness span,.security-score span{display:block;color:#929bad;font-size:.54rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.settings-readiness strong,.security-score strong{display:block;margin:8px 0 12px;font-size:1.05rem}.settings-readiness>i,.security-score>i{display:block;height:5px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.12)}.settings-readiness>i b,.security-score>i b{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pb-cyan),var(--pb-indigo-light));transition:width .35s ease}
.settings-wizard-nav{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;padding:8px;border:1px solid var(--pb-line);border-radius:19px;background:#fff;box-shadow:0 10px 34px rgba(30,38,76,.06)}.settings-wizard-nav:before{content:"";position:absolute;left:10%;right:10%;top:31px;height:1px;background:#e7e9f2}.settings-wizard-nav button{position:relative;z-index:1;display:flex;align-items:center;gap:11px;min-height:60px;padding:8px 12px;border:0;border-radius:13px;background:#fff;color:var(--pb-muted);text-align:left;cursor:pointer;transition:background .2s,color .2s,transform .2s}.settings-wizard-nav button:hover{background:#f6f7fc;transform:translateY(-1px)}.settings-wizard-nav button.active{background:#151a28;color:#fff;box-shadow:0 9px 25px rgba(15,20,35,.18)}.settings-wizard-nav button>span{display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid #dfe2ec;border-radius:10px;background:#fff;color:var(--pb-indigo);font-size:.56rem;font-weight:900}.settings-wizard-nav button.active>span{border-color:var(--pb-amber);background:var(--pb-amber);color:#17100a}.settings-wizard-nav strong,.settings-wizard-nav small{display:block}.settings-wizard-nav strong{font-size:.68rem}.settings-wizard-nav small{margin-top:3px;color:inherit;opacity:.64;font-size:.53rem}
.settings-stage{min-height:520px;padding:28px;border:1px solid rgba(255,255,255,.9);border-radius:24px;background:rgba(255,255,255,.76);box-shadow:0 18px 60px rgba(30,38,76,.07)}.settings-step{display:grid;grid-template-columns:minmax(220px,.32fr) minmax(0,.68fr);gap:34px;align-items:start}.settings-step-intro{position:sticky;top:100px;padding:8px}.settings-step-intro>span{color:var(--pb-indigo);font-size:.57rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.settings-step-intro h3{margin:15px 0 12px;font-size:clamp(2rem,3.2vw,3.35rem);font-weight:400;letter-spacing:-.055em;line-height:.96}.settings-step-intro>p{margin:0;color:var(--pb-muted);font-size:.7rem;line-height:1.65}.operator-card{display:flex;align-items:center;gap:12px;margin-top:28px;padding:13px;border:1px solid var(--pb-line);border-radius:15px;background:#fff}.operator-card>i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--pb-indigo-light),var(--pb-indigo));color:#fff;font-style:normal;font-weight:850}.operator-card strong,.operator-card small{display:block}.operator-card strong{font-size:.7rem}.operator-card small{margin-top:4px;color:var(--pb-muted);font-size:.55rem;text-transform:capitalize}
.settings-form-card{padding:26px;border:1px solid var(--pb-line);border-radius:20px;background:#fff;box-shadow:0 14px 40px rgba(25,33,68,.065)}.settings-form-card.compact{padding:22px}.settings-form-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px;padding-bottom:17px;border-bottom:1px solid var(--pb-line)}.settings-form-card>header span{display:block;color:var(--pb-indigo);font-size:.53rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.settings-form-card>header h4{margin:6px 0 0;font-size:1rem;letter-spacing:-.025em}.settings-form-card>header>b{padding:6px 9px;border-radius:8px;background:#f0f2f9;color:var(--pb-muted);font-size:.52rem;text-transform:uppercase}.settings-form-card>header>b.ready{background:#e7f9f1;color:#087657}.settings-form-card>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid var(--pb-line)}.settings-form-card>footer>span{color:var(--pb-muted);font-size:.6rem}.settings-form-card>footer>div{display:flex;gap:7px}
.settings-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-field-grid .field{min-width:0}.settings-field-grid .field small{display:block;margin-top:6px;color:var(--pb-muted);font-size:.54rem}.settings-card-stack{display:flex;flex-direction:column;gap:12px}.security-score{margin-top:28px;background:#171c2a;color:#fff}.switch-control{display:flex;align-items:center;gap:8px;cursor:pointer}.switch-control input{position:absolute;opacity:0}.switch-control i{position:relative;width:38px;height:22px;border-radius:999px;background:#dfe2ec}.switch-control i:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.18);transition:transform .2s}.switch-control input:checked+i{background:var(--pb-indigo)}.switch-control input:checked+i:after{transform:translateX(16px)}.switch-control>span{color:var(--pb-muted)!important;font-size:.55rem!important}
.automation-channel-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:27px;padding:5px;border-radius:13px;background:#e9ebf3}.automation-channel-nav button{min-height:38px;border:0;border-radius:9px;background:transparent;color:var(--pb-muted);font-size:.58rem;font-weight:800;cursor:pointer}.automation-channel-nav button.active{background:#fff;color:var(--pb-indigo);box-shadow:0 5px 16px rgba(24,31,61,.1)}.sender-id-list{display:grid;gap:7px;margin-bottom:18px}.sender-id-list article{display:grid;grid-template-columns:9px 1fr auto;gap:10px;align-items:center;padding:11px 12px;border-radius:11px;background:#f6f7fb}.sender-id-list article i{width:8px;height:8px;border-radius:50%;background:var(--pb-amber)}.sender-id-list article i.active{background:var(--pb-emerald)}.sender-id-list strong{font-size:.68rem}.sender-id-list span{color:var(--pb-muted);font-size:.54rem;text-transform:capitalize}.inline-settings-form{display:grid;grid-template-columns:.6fr 1.3fr auto;gap:10px;align-items:end;padding-top:17px;border-top:1px solid var(--pb-line)}.inline-settings-form .btn{height:45px}
.credits-contact{margin-top:25px;padding:13px;border-radius:12px;background:#eef0f8;color:var(--pb-muted);font-size:.6rem}.credits-contact a{display:block;margin-top:5px;color:var(--pb-indigo);font-weight:750}.credit-wallet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.credit-wallet{padding:24px;border:1px solid var(--pb-line);border-radius:20px;background:#fff;box-shadow:0 14px 40px rgba(25,33,68,.065)}.credit-wallet.low{border-color:#f4c78e;background:linear-gradient(180deg,#fffaf4,#fff)}.credit-wallet>header{display:flex;justify-content:space-between;gap:15px;padding-bottom:20px;border-bottom:1px solid var(--pb-line)}.credit-wallet>header span,.credit-wallet>header small{display:block;color:var(--pb-muted);font-size:.55rem}.credit-wallet>header h4{margin:8px 0 3px;font-size:2.7rem;letter-spacing:-.07em}.credit-wallet>header>b{align-self:start;padding:6px 9px;border-radius:8px;background:#e7f9f1;color:#087657;font-size:.51rem}.credit-wallet.low>header>b{background:#fff0db;color:#a45b08}.credit-usage{display:flex;justify-content:space-between;margin:18px 0;padding:12px;border-radius:11px;background:#f6f7fb;font-size:.6rem}.credit-wallet form{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;margin-top:10px}.credit-wallet form .btn{height:45px}
@media(max-width:1050px){.settings-step{grid-template-columns:1fr}.settings-step-intro{position:static;display:grid;grid-template-columns:1fr auto;gap:0 24px}.settings-step-intro>p{max-width:570px}.operator-card,.security-score,.automation-channel-nav,.credits-contact{grid-column:2;grid-row:1/4;width:220px;margin-top:0}.settings-field-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.settings-command-head{grid-template-columns:1fr;padding:25px 20px}.settings-readiness{width:100%}.settings-wizard-nav{display:flex;overflow-x:auto}.settings-wizard-nav:before{display:none}.settings-wizard-nav button{min-width:180px}.settings-stage{padding:15px}.settings-step-intro{display:block}.operator-card,.security-score,.automation-channel-nav,.credits-contact{width:auto;margin-top:22px}.settings-field-grid,.settings-field-grid.three,.credit-wallet-grid{grid-template-columns:1fr}.inline-settings-form{grid-template-columns:1fr}.settings-form-card,.settings-form-card.compact,.credit-wallet{padding:18px}.settings-form-card>footer{align-items:stretch;flex-direction:column}.settings-form-card>footer>div{display:grid;grid-template-columns:1fr 1fr}.credit-wallet form{grid-template-columns:1fr}.settings-command-head h2{font-size:2.65rem}}