/* Volnify: deep blue navigation, emerald actions, clear operational data. */
:root{--green:#059b81;--green-dark:#087b6c;--line:#e5edf2;--text:#20374d;--muted:#6b7f91;--blue:#237ad8;--surface:#f5f8fb}
body{background:var(--surface);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
[hidden]{display:none!important}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid #27b9c9}
.sidebar{background:#0b2034;background-image:radial-gradient(ellipse at 0 100%,#0e564a80,transparent 65%);width:240px;border:0;padding:31px 20px 18px;color:#d9e8ef;overflow-y:auto}
.brand{font-size:32px;color:#fff;letter-spacing:-1.4px;gap:6px}.brand svg{fill:#39d1b2}.brand-dot{color:#3ddbb8}.workspace-label{border:1px solid #274358;background:#132e43;border-radius:10px;margin:28px 0 25px;padding:12px;color:#eff7fc;font-size:12px}.workspace-label small{color:#86a6bd;font-size:10px;margin-top:5px}.workspace-icon{background:linear-gradient(145deg,#17b690,#2788d8);color:#fff;border-radius:9px}.nav-label{font-size:8px;letter-spacing:1.8px;color:#7f9eb5;margin:22px 11px 12px}.nav-item{color:#9bb5c8;font-size:12px;font-weight:450;border-radius:8px;padding:12px 13px;margin-bottom:5px}.nav-item>span{color:#7fa7bc}.nav-item:hover{background:#16384e;color:#e1f8f2}.nav-item.active{background:linear-gradient(90deg,#166852,#153f58);box-shadow:inset 2px 0 #32d5b1;color:#c0fff0}.nav-item.active>span{color:#57e6c9}.compose-link{border:1px solid #397189;background:#183e52;color:#c9f6ed;border-radius:8px;margin-top:21px}.compose-link:hover{background:#1c5364}.sidebar-note{background:#143249;border:1px solid #28485d;color:#7dc8bd;padding:16px;border-radius:9px}.sidebar-note h3{color:#e0eef5;font-size:13px}.sidebar-note p{color:#9ab3c5;font-size:10px}.sidebar-footer{border-color:#274357;color:#87a6b9;font-size:10px}.sidebar-footer span{color:#7995aa}.sidebar-bottom{margin-top:35px}
.workspace{margin-left:240px}.topbar{border-bottom:1px solid #e6edf3;background:#fff;min-height:72px;padding:0 38px}.breadcrumb{color:#8091a0}.breadcrumb strong{color:#3e556b}.avatar{background:linear-gradient(135deg,#e1f7ef,#e3eeff);border:1px solid #d0e8eb;color:#188e7e}.environment{background:#eef6fc;border:1px solid #dceaf5;color:#477899}.brand-picker{display:flex;align-items:center;gap:10px;font-size:10px;color:#637e90}.brand-picker select{max-width:220px;background:#f6f9fc;border-color:#e0eaf2;padding:9px 12px;color:#25455d}
main{max-width:1640px;margin:auto;padding:34px 38px}.page-heading{margin-bottom:25px}h1{font-weight:600;color:#152e43;letter-spacing:-1px;font-size:31px}.eyebrow{color:#168d83;font-weight:600;font-size:9px;letter-spacing:1.8px}.subtitle{color:#718597;font-size:12px;line-height:1.8}.primary{background:linear-gradient(115deg,#079d82,#0a989e);border:1px solid #079581;box-shadow:0 4px 12px #0c98831c;color:white;border-radius:7px;font-weight:550}.primary:hover{background:linear-gradient(115deg,#058a73,#087e92)}.secondary{color:#44657b;border:1px solid #d7e5ed;background:#fff;border-radius:7px}.secondary:hover{background:#ecf6fa;border-color:#b4d8dd}.text-button,.text-link{color:#0c8e8c}.text-button:hover,.text-link:hover{color:#006b75}.panel,.metric{background:#fff;border:1px solid #e0eaf1;border-radius:12px;box-shadow:0 3px 13px #18385703}.section-heading h2{color:#294558;font-size:14px}.section-heading p,.muted{color:#6b8092;font-size:11px;line-height:1.8}.section-heading{padding:24px}.section-heading a{color:#078c91}.period-group label{color:#74899b}.period-caption,#period-caption{color:#7a8c9c}.period-toolbar select,input,select{border-color:#dce6ef;color:#35566d;background:#fff;border-radius:6px}.custom-dates span{color:#849bb1}.connection-strip{background:#eef9f6;border:1px solid #d5eee5;border-radius:9px;color:#188274}.connection-strip div strong{color:#168477}.connection-strip div>span{color:#629788}.connection-strip a{color:#128979}.live-dot{background:#14ba95;box-shadow:0 0 0 4px #0abd9312}.live-dot.unhealthy{background:#e2a344}
.metrics{gap:14px}.metric{padding:22px}.metric>span{color:#648196;font-size:11px}.metric>span i{color:#51a696}.metric strong{color:#153d57;font-size:36px;font-weight:550;letter-spacing:-1px}.metric small{color:#7b8e9e;font-size:10px}.metric:nth-child(2n){background:linear-gradient(145deg,#fff,#f6faff)}.metric:nth-child(3n){background:linear-gradient(145deg,#fff,#f2fbf7)}.metric.highlight{background:#f3fbf8;border-color:#d9ece4}.metric.warning{background:#fffaf2;border-color:#f0e8d9}.chart-grid{stroke:#e8eff5}.chart text{fill:#8197aa}.chart .bar-out{fill:#13b594}.chart .bar-in{fill:#459bdc}.outgoing-color{background:#13b594}.incoming-color{background:#459bdc}.legend{color:#688397}.chart-empty{color:#849aac}.delivery-stage>div{color:#738a9c}.delivery-stage strong{color:#245368}.delivery-stage meter,.delivery-stage meter::-webkit-meter-bar{background:#eef4f8}.delivery-stage meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#12b698,#45a0d9)}.delivery-stage meter::-moz-meter-bar{background:#19b59c}.delivery-note{border-color:#e8eef4}.delivery-note>span{color:#568698}.delivery-note p,.report-note{color:#78909f}.small-icon{background:#edf8f6;color:#26a190}.warning-icon{background:#fdf3df;color:#b79142}
th{color:#7d94a5;background:#f8fbfd;font-size:9px;letter-spacing:1px}td{color:#587388;border-color:#ebf0f5}th,td{padding:17px 22px}.person-title{color:#2c526c;font-weight:550}.message-snippet{color:#8598a8;font-size:10px}.mini-avatar{background:linear-gradient(140deg,#e6f7f0,#e9f0fd);color:#1ba68f;border:1px solid #deedf0}.time-cell,.time-cell span{color:#7b93a4}.status-pill{background:#eef3f9;color:#68879e;border-radius:5px}.status-pill.delivered,.status-pill.received,.status-pill.success{background:#eaf8f2;color:#168775}.status-pill.read{background:#eaf4ff;color:#3987c3}.status-pill.failed,.status-pill.rejected{background:#fff0e9;color:#bd755b}.status-pill.unknown,.status-pill.accepted,.status-pill.sending{background:#fff7e5;color:#ac8740}.issue strong{color:#7f7460}.issue p{color:#8d9299}.issue-clear{color:#42998e}.icon-button{color:#5c899f}.icon-button:hover{background:#edf7fa}.info-note{color:#5c8297;background:#edf6fa;border:1px solid #dcecf4;border-radius:8px}.count-badge{color:#638498;background:#f3f8fc;border-color:#e0eaf2}.empty{color:#7e96a7}.pagination{color:#7a93a6;border-color:#e3ecf3}.filter-bar input{border-color:#dbe7ee}.connection-grid small{color:#7a91a3}.connection-grid h3{color:#315d75}.connection-grid p,.connection-check-note{color:#7c96a6}.event-log summary{color:#477188}.event-log summary>span{color:#7c99ac}
.conversation-item{background:#fff;border-color:#e7eef3}.conversation-item:hover{background:#f5faff}.conversation-item.selected{background:#ecf8f5;box-shadow:inset 3px 0 #18b995}.conversation-meta{color:#7898ab}.thread-column{background:linear-gradient(150deg,#f4f9fc,#f3faf7)}.thread-heading{background:#fff;border-color:#e3edf3}.thread-heading h2{color:#315f72}.thread-heading p{color:#789aa9}.thread-placeholder{color:#86a8b9}.thread-placeholder>span{color:#44bda9}.thread-placeholder h2{color:#497e8d}.bubble{background:#fff;border:1px solid #deebf1;color:#345f70;box-shadow:0 2px 5px #0c526405}.bubble.outbound{background:linear-gradient(110deg,#e3f8ee,#e9f5fb);border-color:#cdebe1}.bubble small,.bubble .unavailable,.bubble-type{color:#7195a4}.thread-footnote{color:#7698a8;border-color:#e0edf0;background:#f9fcfd}.inbox-search{border-color:#e5eef3}.inbox-pagination{color:#6f96aa}.thread-scroll{height:470px}.composer label:not(.consent-row){color:#46758a}.composer textarea{background:#f9fcfe;color:#365e74;border-color:#d9e8f0}.compose-caption,.consent-row{color:#7496a7}.message-preview{background:#effaf6;border-color:#cdeade}.message-preview>p:not(.muted){color:#315e61}.notice{background:#eefaf4;border-color:#d2eadf;color:#3d8b74}.notice.error{background:#fff3ed;border-color:#f0dfd4;color:#a97459}.detail-body{background:#f4f9fc;border-color:#e1ecf3;color:#365d75}.detail-source,.detail-meta,.timeline small{color:#7a96aa}.timeline{border-color:#d0e8ec}.timeline li:before{background:#1ab395}.detail-top{border-color:#e0ebf2}dialog{color:#2d5068;border-color:#d9e8f0;box-shadow:0 25px 100px #08263b45}dialog::backdrop{background:#06213980;backdrop-filter:blur(5px)}footer{color:#8299aa}
.hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 32px;border:1px solid #cbe9e8;border-radius:12px;background:radial-gradient(ellipse at 85% 10%,#d2efff90,transparent 60%),linear-gradient(110deg,#e9faf2,#f1f7ff);margin-bottom:24px}.hero:after{content:'';position:absolute;width:200px;height:200px;right:-85px;top:-110px;border:1px solid #9fceda60;border-radius:50%;box-shadow:0 0 0 35px #b5d8dd15,0 0 0 70px #a3ced211;pointer-events:none}.hero h2{font-size:24px;letter-spacing:-.6px;color:#194c62;font-weight:550;margin:10px 0}.hero p:not(.eyebrow){color:#628596;font-size:12px;line-height:1.8;max-width:520px}.hero .primary{white-space:nowrap}.hero-usage{min-width:235px;padding:18px 20px;background:#ffffffb3;border:1px solid #d4e9ef;border-radius:9px;z-index:1}.hero-usage>span{color:#367285;font-size:12px}.hero-usage>small{font-size:10px;color:#7b9cab}.hero-usage .usage-meter{margin:13px 0 7px}.admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 24px}.admin-lower{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.distribution-row{margin:0 24px;padding:15px 0;display:flex;justify-content:space-between;border-top:1px solid #e7eef4;font-size:12px;color:#638399}.distribution-row:last-child{margin-bottom:15px}.distribution-row strong{color:#31879a;font-weight:500}.getting-started>p{display:flex;align-items:center;gap:12px;margin:0;padding:12px 24px 18px}.getting-started>p>span{display:grid;place-items:center;border:1px solid #d2eae5;background:#edf9f4;width:26px;height:26px;border-radius:7px;color:#1d9a88;font-size:11px;flex-shrink:0}.getting-started strong{font-size:11px;font-weight:450;color:#608195}.section-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.section-actions .filter-bar{padding:0;flex:1;margin:0}.section-actions .filter-bar input{max-width:320px}.row-actions{min-width:180px}.row-actions button{margin-right:10px;font-size:10px;line-height:2}.usage-meter{min-width:135px;max-width:260px;margin:8px 0 0}.usage-meter>div{display:flex;justify-content:space-between;font-size:10px;color:#547f91;gap:16px;margin-bottom:8px}.usage-meter small{color:#7b97a9;font-size:10px}.usage-meter progress{appearance:none;width:100%;height:5px;border:0;border-radius:10px;overflow:hidden;background:#e6f0f5}.usage-meter progress::-webkit-progress-bar{background:#e6f0f5}.usage-meter progress::-webkit-progress-value{background:linear-gradient(90deg,#09ac89,#329be0);border-radius:10px}.usage-meter progress::-moz-progress-bar{background:#10b49b}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:25px}.plan-card{padding:27px}.plan-card h2{font-size:20px;margin:18px 0 25px;color:#315b74;font-weight:550}.plan-number{font-size:40px;color:#177d89;letter-spacing:-1.5px}.plan-card p{font-size:12px;line-height:1.8;color:#6d899c}.plan-card hr{border:0;border-top:1px solid #e6eef3;margin:22px 0}.plan-card button{width:100%;margin-top:18px}.preview-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#eaf4ff;color:#59839f;border:1px solid #d4e7fa;border-radius:7px;padding:12px 17px;margin-bottom:20px;font-size:11px}.preview-banner a{color:#3189c6;text-decoration:none}
.edit-form{padding:25px;display:grid;gap:18px}.form-field{display:grid;gap:8px;font-size:12px;color:#5a7a8e}.form-field input,.form-field select,.form-field textarea{width:100%;padding:11px 12px;border:1px solid #dbe7ef;background:#fbfdfe;border-radius:7px;font:inherit;color:#315b75}.form-field textarea{resize:vertical;min-height:145px;line-height:1.8}.edit-form .primary{padding:12px}.edit-form>.muted{margin:0;font-size:11px}.account-row{display:flex;align-items:center;gap:12px;justify-content:space-between;font-size:12px;padding:15px 0;border-bottom:1px solid #e7eef4;overflow-wrap:anywhere}.account-row small{font-size:10px;color:#7a9aab}.campaign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.campaign-card{padding:25px}.campaign-card h2{font-size:18px;color:#315970;margin:16px 0}.campaign-copy{font-size:12px;color:#628197;background:#f4f9fc;border-radius:8px;padding:18px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto}.campaign-card small{font-size:10px}.card-actions{display:flex;gap:15px;margin-top:22px}.archived-campaigns{grid-column:1/-1;padding:20px}.archived-campaigns summary{font-size:12px;color:#698697;cursor:pointer}.commerce-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:22px}.integration-empty{padding:55px 35px;text-align:center;grid-column:1/-1}.integration-symbol{display:grid;place-items:center;width:58px;height:58px;border-radius:15px;border:1px solid #c8e8e8;background:linear-gradient(145deg,#e3f7ee,#e6f2fd);color:#1ca49f;font-size:30px;margin:0 auto 23px}.integration-empty .eyebrow{display:block;font-size:9px}.integration-empty h2{font-size:23px;color:#2c5b75;margin:16px 0;font-weight:500;letter-spacing:-.5px}.integration-empty>p{max-width:540px;margin:0 auto 25px;color:#7895a7;font-size:12px;line-height:1.9}.integration-empty button{padding:12px 20px}.flow-steps{display:flex;justify-content:center;gap:14px;margin-top:40px;flex-wrap:wrap}.flow-steps span{font-size:10px;color:#6e92a9;border:1px solid #dfebf3;background:#f8fbfd;border-radius:6px;padding:11px 15px}.package-detail{padding:25px}.package-detail .section-heading{padding:0 0 22px}.package-detail>.usage-meter{max-width:none;margin:25px 0}.package-detail .info-note{margin-bottom:0}
.login-card{max-width:465px;border-radius:16px;box-shadow:0 16px 70px #1251740b;padding:38px;border:1px solid #daebf2}.login-symbol{background:linear-gradient(140deg,#10b58c,#2a8fd6);color:white;box-shadow:0 7px 20px #21aeae25}.login-card h2{color:#214b66;font-size:28px}.login-card p{color:#7b99aa}.login-card label{color:#4b788f;margin-top:17px}.login-card input{border-color:#d7e8f0;background:#fbfdff;color:#2e5c75}.login-tabs{display:flex;background:#eff5f9;border:1px solid #e2edf3;border-radius:7px;padding:4px;margin:25px 0 16px}.login-tabs button{flex:1;border:0;border-radius:5px;background:none;color:#7c9aac;padding:10px;font-size:11px}.login-tabs button.selected{background:#fff;color:#0e8e83;box-shadow:0 2px 6px #254c7510}.login-card>small{color:#8da5b2}.toast{position:fixed;bottom:25px;right:25px;background:#113b50;color:#cbfae9;border:1px solid #287966;padding:15px 25px;border-radius:9px;box-shadow:0 5px 30px #12394730;font-size:12px;z-index:99}.media-attachment{margin:8px 0}.image-preview{display:block;border:0;padding:0;border-radius:8px;overflow:hidden;background:#e5f0f3;cursor:zoom-in;max-width:100%}.image-preview img{display:block;max-width:100%;width:300px;max-height:290px;object-fit:contain}.media-attachment>.muted{font-size:11px;max-width:300px}.media-attachment .text-button{display:block}.bubble:has(.image-preview){min-width:200px}.detail-body:has(+.media-attachment){display:none}#image-dialog{max-width:1050px;width:calc(100% - 40px);background:#0e2538;color:#d7eaf3}#image-dialog .detail-top{border-color:#254555}#image-dialog h2{color:#b9dde6;font-size:14px}#image-content{display:flex;align-items:center;justify-content:center;padding:18px}#image-content img{max-width:100%;max-height:76vh;object-fit:contain;border-radius:5px}
@media(min-width:1500px){.sidebar{width:250px}.workspace{margin-left:250px}main{padding:39px 45px}.topbar{padding:0 45px}}
@media(max-width:1150px){.sidebar{width:210px;padding:28px 14px 15px}.workspace{margin-left:210px}main{padding:28px}.topbar{padding:0 28px}.hero{padding:24px}.hero h2{font-size:21px}.hero-usage{min-width:205px}.plan-grid{gap:13px}.plan-card{padding:22px}.row-actions{min-width:160px}.brand-picker select{max-width:165px}}
@media(max-width:950px){.admin-metrics{grid-template-columns:repeat(2,1fr)}.hero{align-items:flex-start}.brand-hero{flex-direction:column}.hero-usage{width:100%}.hero-usage .usage-meter{max-width:none}.plan-grid{grid-template-columns:1fr}.plan-card{display:grid;grid-template-columns:1fr 1fr;column-gap:25px;align-items:center}.plan-card h2{margin:12px 0}.plan-card .eyebrow,.plan-card hr{grid-column:1/-1}.plan-card button{margin-top:8px}.admin-lower{grid-template-columns:1fr}.campaign-grid{grid-template-columns:1fr}.topbar-right{gap:8px}.brand-picker>select{max-width:150px}.breadcrumb{font-size:10px}.topbar .environment{font-size:9px}.owner-hero{flex-direction:column;gap:13px}}
@media(max-width:760px){.sidebar{position:static;width:100%;padding:18px 18px 10px;overflow:visible}.workspace{margin-left:0}.sidebar nav{display:flex;overflow-x:auto;justify-content:flex-start;gap:4px;white-space:nowrap;margin-top:14px;scrollbar-width:thin}.sidebar nav.owner-only{margin-top:14px}.sidebar .nav-item{font-size:11px;padding:10px 12px;border-radius:7px;margin:0;flex-shrink:0}.sidebar .nav-label{display:none}.sidebar .compose-link{top:18px;right:18px;background:#153e53;font-size:10px}.sidebar .brand{font-size:29px}.topbar{min-height:60px;padding:10px 18px;height:auto;gap:10px}.topbar .breadcrumb{display:none}.topbar-right{width:100%;justify-content:space-between}.brand-picker select{max-width:230px;width:auto}.brand-picker{font-size:10px}.hero{padding:23px}.hero h2{font-size:21px}.hero p:not(.eyebrow){font-size:11px}main{padding:26px 18px}.page-heading{margin-bottom:24px}h1{font-size:27px}.hero-usage{min-width:0}.admin-metrics{gap:10px}.metric{padding:18px}.metric strong{font-size:30px}.section-actions{flex-wrap:wrap}.section-actions .filter-bar{min-width:100%}.section-actions>.primary{width:100%}.preview-banner{font-size:10px;padding:12px;flex-wrap:wrap}.commerce-metrics{gap:9px}.commerce-metrics .metric>span{font-size:10px}.commerce-metrics .metric{padding:17px 12px}.commerce-metrics .metric strong{font-size:25px}.commerce-metrics .metric small{font-size:9px}.integration-empty{padding:40px 22px}.integration-empty h2{font-size:21px}.flow-steps{gap:8px;margin-top:30px}.flow-steps span{font-size:9px;padding:9px}.package-detail{padding:20px}.plan-card{display:block}.plan-card h2{margin:16px 0}.plan-card button{margin-top:18px}.account-row{flex-wrap:wrap}.row-actions{min-width:170px}.toast{left:15px;right:15px;bottom:15px;text-align:center}.login-card{margin:12px auto}.edit-form{padding:22px}.image-preview img{width:245px;max-height:260px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.commerce-summary,.commerce-list{margin-bottom:22px}.commerce-summary>h3{margin:0 24px 10px;color:#315d75}.commerce-summary>.message-snippet{margin:0 24px 18px}.commerce-summary>.info-note{margin:0 24px 24px}.commerce-list .message-snippet{overflow-wrap:anywhere;white-space:normal;max-width:300px}.commerce-list .pagination{padding:18px 24px}.commerce-list>.secondary{margin:0 24px 24px}

/* Clear separation between the platform console and each customer's workspace. */
.guest .sidebar nav,.guest .sidebar .workspace-label,.guest .sidebar .nav-label,.guest .sidebar-bottom,.guest .sidebar-pilot-note,.guest .topbar,.guest .page-heading{display:none!important}.guest .sidebar{position:static;width:100%;height:auto;padding:30px;background:transparent}.guest .sidebar .brand{color:#18445c;width:max-content;margin:auto}.guest .workspace{margin-left:0}.guest main{padding:0 18px 35px}.guest .login-card{margin:0 auto}.login-card #login-switch{display:inline-block;margin:14px 0;font-size:12px}.sidebar-pilot-note{padding:15px;background:#143b4b;border:1px solid #2e6770;border-radius:9px;color:#b4eddf;font-size:12px;margin-top:25px;line-height:1.7}.sidebar-pilot-note small{color:#94b7c4;font-size:11px}.store-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 24px;gap:16px}.store-metrics .text-button{display:block;margin-top:17px;font-size:11px}.store-overview-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;margin-bottom:24px}.sync-card,.summary-card,.pilot-guide{padding:27px}.sync-card h2{font-size:21px;margin:16px 0;color:#225b70}.sync-card p,.summary-card p,.pilot-guide p{font-size:12px;line-height:1.9;color:#628495}.sync-card>small{display:block;margin-top:15px;color:#6d8b9b;font-size:11px}.summary-card .section-heading{padding:0 0 20px}.summary-card>a{overflow-wrap:anywhere;font-size:12px}.summary-card>.usage-meter{max-width:none}.pilot-guide{background:linear-gradient(120deg,#eefbf5,#eef6ff)}.pilot-guide h2{font-size:20px;color:#245668;margin:13px 0}.pilot-guide .secondary{margin-top:8px}.internal-workspace{margin-top:24px}.internal-workspace summary{padding:20px;cursor:pointer;color:#7897a5;font-size:12px}.workspace-note{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:0 2px;margin:20px 0;color:#337e81;font-size:12px}.workspace-note small{font-size:11px;color:#7895a5}.workspace-note button{margin-left:auto}.commerce-toolbar{display:flex;flex-wrap:wrap;gap:12px;padding:24px;border-bottom:1px solid #e5edf3;align-items:center}.commerce-toolbar input,.commerce-toolbar select{min-width:0;padding:11px;border:1px solid #d6e5ee;border-radius:7px;background:#fbfdff;color:#305b71;font:inherit;font-size:12px}.commerce-toolbar input[type=search]{flex:1 1 290px}.commerce-toolbar input[type=date]{width:147px}.commerce-toolbar select{max-width:210px}.commerce-list .section-heading{padding-bottom:18px}.commerce-list td small{display:block;margin-top:7px}.commerce-list td .status-pill{white-space:normal}.commerce-list .row-actions{min-width:130px}.commerce-list .row-actions button{display:block}.record-detail{padding:26px}.record-detail h2{font-size:23px;color:#295d72}.record-detail p{overflow-wrap:anywhere;font-size:12px}.record-detail dl{display:grid;grid-template-columns:145px 1fr;gap:14px;font-size:12px;margin:25px 0 30px}.record-detail dt{color:#849dab}.record-detail dd{margin:0;color:#365d73}.record-detail h3{font-size:14px;color:#315d73}.related-record{display:flex;align-items:center;gap:15px;justify-content:space-between;padding:13px 0;border-bottom:1px solid #e4edf3;font-size:12px}.related-record small{color:#8c9eaa}.record-detail .info-note{margin:20px 0 0}.brand-table-meta{display:block}.owner-workspace .workspace-nav,.owner-workspace .workspace-nav-label{display:none!important}
@media(max-width:1000px){.store-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.store-overview-grid{grid-template-columns:1fr}.commerce-toolbar{padding:18px}}
@media(max-width:760px){.sidebar-pilot-note{display:none}.store-metrics{gap:10px}.store-metrics .metric{padding:20px}.store-metrics .metric>span{font-size:11px}.store-overview-grid{gap:16px}.sync-card,.summary-card,.pilot-guide{padding:23px}.commerce-toolbar{gap:10px}.commerce-toolbar input[type=search]{flex-basis:100%;width:100%}.commerce-toolbar select{max-width:none;width:100%}.commerce-toolbar input[type=date]{flex:1;width:calc(50% - 5px)}.commerce-toolbar button.primary{flex:1}.commerce-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-metrics .metric:last-child:nth-child(3){grid-column:1/-1}.record-detail dl{grid-template-columns:110px 1fr}.related-record{flex-wrap:wrap}.row-actions{min-width:145px}}

/* Dedicated sign-in layout; the authenticated workspace keeps its own styling. */
.guest{background:#f2f6fa}.guest .sidebar{display:none}.guest main{padding:32px;min-height:100svh;display:grid;place-items:center}.guest .login-card{margin:0;width:min(1180px,100%);max-width:none;padding:0;display:grid;grid-template-columns:1fr 1fr;border:1px solid #e0e8ef;border-radius:24px;overflow:hidden;box-shadow:0 25px 85px #133b5610;min-height:690px}.login-story{position:relative;display:flex;flex-direction:column;padding:46px;background:radial-gradient(ellipse at 10% 95%,#12a88040,transparent 55%),radial-gradient(ellipse at 100% 0%,#227bea55,transparent 60%),#09263c;color:#fff;overflow:hidden}.login-story:after{content:'';position:absolute;width:330px;height:330px;border:1px solid #ffffff09;border-radius:50%;right:-170px;top:220px;pointer-events:none}.login-brand{display:flex;align-items:center;text-decoration:none;font-size:34px;font-weight:800;letter-spacing:-1.6px;color:#fff;width:max-content}.login-brand>span:first-child{margin-right:12px;color:#25d366;font-size:38px;font-weight:900}.login-brand .login-brand-dot{color:#25d366}.login-story-copy{margin-top:62px}.login-kicker{font-size:10px;letter-spacing:2px;color:#81d6cc;font-weight:700}.login-card .login-story h2{font-size:44px;line-height:1.16;letter-spacing:-1.7px;color:white;margin:18px 0}.login-card .login-story-copy>p{color:#b3c8d7;font-size:14px;line-height:1.85;max-width:370px}.login-product-art{position:relative;margin:28px 0 34px;padding:20px;border:1px solid #ffffff24;border-radius:16px;background:linear-gradient(140deg,#ffffff14,#ffffff05);box-shadow:0 16px 40px #03142135;z-index:1}.login-art-top{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600;color:#e9f4fa}.login-art-icon{display:grid;place-items:center;width:34px;height:34px;background:linear-gradient(120deg,#13a884,#25d366);border-radius:9px;color:white;font-size:18px}.login-art-top small{display:block;font-size:9px;font-weight:400;color:#91b3c7;margin-top:5px}.login-art-top i{width:6px;height:6px;background:#25d366;border-radius:50%;margin-left:auto}.login-art-flow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:24px 0}.login-art-flow span{padding:10px 14px;border:1px solid #ffffff15;border-radius:9px;background:#ffffff07;font-size:11px;color:#bce3ea}.login-art-flow span:nth-of-type(2){border-color:#2ac69455;background:#15b58718;color:#7cf3bc}.login-art-flow b{font-size:14px;color:#6e9fb6;font-weight:400}.login-art-message{display:flex;gap:12px;background:#f5fbff;border-radius:10px;padding:16px;color:#163b51}.login-art-message>span{color:#0ba681;font-size:19px}.login-art-message strong{font-size:12px}.login-card .login-art-message p{color:#7290a2;font-size:10px;line-height:1.65;margin:7px 0 0}.login-art-bottom{display:flex;gap:22px;font-size:10px;color:#a5c8d7;margin-top:17px}.login-story-footer{display:flex;justify-content:space-between;gap:15px;font-size:11px;margin-top:auto;color:#88acbf}.login-story-footer a{color:#c0d8e6;text-decoration:none}.login-form-side{display:flex;flex-direction:column;background:white;padding:36px 42px 24px}.login-form-top{display:flex;justify-content:space-between;align-items:center;gap:14px}.login-form-top>span{font-size:9px;letter-spacing:1.3px;color:#93a8b5;font-weight:600}.login-form-top>a{font-size:10px;text-decoration:none;color:#578399}.login-form-inner{width:100%;max-width:360px;margin:auto;padding:45px 0}.login-welcome-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#eef8f5;color:#0ca77b;font-size:24px;margin-bottom:23px}.login-card .login-form-inner h2{color:#14354a;letter-spacing:-.8px;font-size:28px;margin:0 0 13px}.login-card .login-intro{font-size:12px;color:#8295a3;margin:0 0 26px;line-height:1.75}.login-card #login-form label{font-size:12px;font-weight:600;color:#365a70;display:block;margin:20px 0 9px}.login-card #login-form input{width:100%;height:49px;border-radius:9px;background:#fafcfe;border:1px solid #dae5ed;padding:0 15px;color:#23485e;font-size:13px}.login-card #login-form input:focus{outline:3px solid #159bdf15;border-color:#258ad8}.login-card #login-button{width:100%;margin-top:26px;padding:15px;border:0;border-radius:9px;background:linear-gradient(105deg,#0d9e89,#25d366);color:#fff;font-size:13px;font-weight:650;box-shadow:0 8px 22px #16b68520;transition:filter .2s,transform .2s}.login-card #login-button:hover{filter:brightness(1.04);transform:translateY(-1px)}.login-card #login-button:disabled{opacity:.6;transform:none}.login-card .login-help{font-size:11px;line-height:1.75;color:#879baa;margin:17px 0 0}.login-card #login-switch{font-size:11px;color:#198aab;margin:14px 0 0}.login-support-note{border-top:1px solid #edf2f6;margin-top:25px;padding-top:18px;color:#92a3af;font-size:11px;line-height:1.8}.login-support-note a{color:#4d7992;text-decoration:none}.login-legal{display:flex;justify-content:space-between;padding:0;border:0;color:#a2b2bd;font-size:10px}.login-legal div{display:flex;gap:18px}.login-legal a{color:#8da0ad;text-decoration:none}.guest #error{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;z-index:100;padding:15px 20px;background:#fff0f0;border:1px solid #edc5c5;box-shadow:0 5px 25px #4b0b0b16}.login-card[hidden]{display:none!important}
@media(max-width:980px){.guest main{padding:20px}.guest .login-card{min-height:640px}.login-story{padding:32px}.login-card .login-story h2{font-size:36px}.login-form-side{padding:28px}.login-form-top{align-items:flex-start;flex-direction:column;gap:8px}.login-art-flow span{padding:9px 10px}.login-art-bottom{gap:12px}}
@media(max-width:700px){.guest main{padding:20px 16px;display:block}.guest .login-card{grid-template-columns:1fr;min-height:0;border-radius:18px;max-width:480px;margin:auto}.login-story{padding:26px 28px}.login-brand{font-size:27px}.login-brand>span:first-child{font-size:31px}.login-story-copy{margin-top:24px}.login-kicker{font-size:8px}.login-card .login-story h2{font-size:30px;line-height:1.15;margin:12px 0}.login-card .login-story-copy>p{font-size:11px;margin-bottom:0}.login-product-art,.login-story-footer{display:none}.login-form-side{padding:25px 28px 22px}.login-form-top>span{display:none}.login-form-top{align-items:flex-end}.login-form-inner{padding:25px 0 28px;max-width:none}.login-welcome-icon{display:none}.login-card .login-form-inner h2{font-size:25px}.login-card .login-intro{margin-bottom:20px}.login-legal{font-size:9px}.login-card #login-form input{font-size:16px}}