/* Compatibility layer for section markup. The approved comp owns the tokens. */
:root{--accent:#0e6e60;--sec:#0e6e60;--sec-soft:#d9f1ed;--line:#dce9e5;--ink-45:#566b67;--ink-70:#365c53}
body{font-family:Inter,Arial,sans-serif;font-size:13px;background:#f7faf9}
.app{display:grid;grid-template-columns:214px minmax(0,1fr);max-width:1600px;margin:auto}
.side{position:static;width:auto;height:auto;transform:none;overflow:visible;padding:26px 14px 20px;background:white}
.brand{border:0;height:auto;margin:0;padding:0 5px 25px;background:none;color:#12423c}.brand b,.brand small{display:block;white-space:nowrap}.brand b{font-size:13px}.brand small{font-size:12px;color:#566b67}.demo-ribbon a{color:#23483e}
.main{margin:0;min-width:0;padding:0 32px 28px}.main>.top{height:auto;min-height:0;background:none;border:0;padding:0;position:static;display:flex;flex-wrap:wrap}.content{padding:0;max-width:none;margin:0;min-width:0}.page-band{display:none}
.utility .tools{margin:0;padding:0;flex-wrap:nowrap}.utility .search{margin:0}.utility .search input{height:auto;padding:0;box-shadow:none;outline:0}.utility .avatar{margin:0}
.title-row h1{font-size:29px;font-weight:500}.title-row .subtitle{font-size:12px}.date-wrap{margin-left:auto}
.side nav a{min-height:0;letter-spacing:normal;font-size:13px}.side nav a.on{background:linear-gradient(#d0eee6,#edf8f3)}.side .badge{font-size:12px}
.card,.legacy .card,.legacy .kpi{border:1px solid #dcebe5;border-radius:24px;background:linear-gradient(155deg,#cfede5 0%,#edf9f4 42%,#fff 90%);box-shadow:var(--shadow);overflow:hidden}
.legacy .kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.legacy .kpis[data-n="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.legacy .kpis[data-n="6"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.legacy .kpi{padding:22px;min-height:228px;position:relative;display:block}.legacy .kpi.hero{background:radial-gradient(ellipse at 95% 0%,#43887860,transparent 75%),linear-gradient(155deg,#235e50,#0b302a);color:#fff;border-color:#255b4d}
.legacy .kpi .tile{margin-bottom:18px}.legacy .kpi-top{display:block;float:none}.legacy .kpi-lead{display:block}.legacy .kpi .k{color:var(--muted);font-size:12px;margin:0 0 4px;text-transform:none;letter-spacing:0}.legacy .kpi .v{font-size:34px;font-weight:300;line-height:1.2;letter-spacing:-1px}.legacy .kpi.hero .k{color:#c4dfd3}.legacy .kpi.hero .v{color:white}.legacy .kpi .v.text{font-size:23px}
.legacy .kpi .trend{display:inline-flex;margin-top:16px;max-width:100%;font-size:12px;white-space:normal;padding:4px 7px;background:#cdeee0;color:#2d6451;border-radius:99px}.legacy .kpi .trend.down{background:#ffebc6;color:#805015}.legacy .kpi .trend svg{width:12px;height:12px}.legacy .kpi .mini{position:absolute;right:18px;bottom:14px;width:65px;height:25px;color:#388c79}.legacy .kpi.hero .mini{color:#a2e4de}.legacy .kpi .k-spark{display:none}
.legacy .card-h{border:0;padding:22px 24px 14px}.legacy .card-h h2{font-size:15px;font-weight:600;letter-spacing:-.35px}.legacy .card-b{padding:14px 24px 22px}.legacy .note,.legacy .sub,.legacy em{font-size:12px}
.legacy table{width:100%;table-layout:auto;white-space:normal;font-size:12px}.legacy th,.legacy td{font-size:12px;padding:13px 10px;white-space:normal;overflow-wrap:anywhere}.legacy th{background:#ecf4ef;font-weight:500}.legacy th:first-child,.legacy td:first-child{padding-left:20px}.legacy td{border-bottom:1px solid #dce9e5}.legacy th:nth-child(n),.legacy td:nth-child(n){width:auto}.legacy tr:hover{background:#eaf5ef}.legacy td.who2{font-weight:500}.legacy td.who2 em{display:block;color:#566b67;font-style:normal}.legacy .sel{width:36px!important}.legacy .row-go{width:20px}
.legacy .btn,.legacy input:not([type=checkbox]),.legacy select,.legacy textarea{border:1px solid #dce9e5;border-radius:12px;background:#f0f6f3;padding:10px 12px;font-size:12px}.legacy input:focus,.legacy select:focus,.legacy textarea:focus{outline:3px solid #a2e4de;outline-offset:1px}.legacy .btn{background:#fff}.legacy .btn.dark{background:linear-gradient(#1f5a52,#0c2f2a);color:white;box-shadow:0 5px 10px #12423c20}
.legacy .tabs{display:flex;flex-wrap:wrap;border:1px solid #dce9e5;border-radius:14px;background:#e4f0eb;padding:4px;gap:3px}.legacy .tabs button{border:0;border-radius:10px;padding:8px 11px;background:none;font-size:12px}.legacy .tabs button.on{background:white;color:#12423c;box-shadow:0 2px 6px #12423c18}.legacy .tools{gap:12px;flex-wrap:wrap;margin-bottom:18px}
.pill{font-size:12px!important;border:0!important}.pill[data-status=awaiting],.pill.warn{background:#fae8cb!important;color:#785923!important}.pill[data-status=processing],.pill.info{background:#d8eee8!important;color:#17695b!important}.pill[data-status=shipped]{background:#dfe9e6!important;color:#1f6a5f!important}.pill[data-status=confirmed],.pill.good{background:#d7f1ed!important;color:#225b50!important}.pill[data-status=cancelled],.pill[data-status=archived],.pill[data-status="out-of-stock"]{background:#e9eeeb!important;color:#62716b!important}.pill[data-status=delivered]{background:#c9e5d7!important;color:#24573e!important}
.legacy .thumb{border-radius:16px;background:linear-gradient(#fff,#d9f1ed);width:54px;height:62px;border:1px solid #dce9e5}.stock-meter{display:flex;gap:3px;margin-top:7px}.stock-meter i{width:12px;height:5px;background:#dce9e5;border-radius:2px}.stock-meter i.on{background:#3fae97}
.bulk-v2{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 20px;background:#d9f1ed;font-size:12px}.bulk-v2 button{background:white;border:1px solid #c6dfd5;border-radius:10px;padding:8px 12px}
.a-toast{left:auto!important;right:24px!important;bottom:24px!important;top:auto!important;transform:translateY(12px)!important;background:linear-gradient(#f2faf5,#fff)!important;color:#12423c!important;border:1px solid #d2e5d9!important;border-radius:16px!important;box-shadow:var(--shadow)!important}.a-toast.on{transform:none!important}.a-toast i{opacity:1!important;color:#566b67}
.legacy .strip{gap:10px;flex-wrap:wrap}.legacy .st{border:1px solid #dce9e5;border-radius:16px;background:linear-gradient(#d9f1ed,#fff);box-shadow:var(--shadow)}.legacy .st b{font-size:24px}.legacy .st span{font-size:12px}.legacy .grid2,.legacy .grid3{gap:20px}.dashboard-extra{margin-top:22px}.dashboard-extra>.kpis{margin-bottom:20px}.dashboard-extra>div[style]{grid-template-columns:repeat(3,minmax(0,1fr))}
.tracking-stepper{list-style:none;margin:18px 0;padding:0}.tracking-stepper li{position:relative;padding:0 0 22px 36px;color:#657870;font-size:13px}.tracking-stepper li:before{content:'';position:absolute;left:0;top:0;width:19px;height:19px;border:2px solid #bdd9cf;border-radius:50%;background:#edf8f6}.tracking-stepper li:not(:last-child):after{content:'';position:absolute;left:9px;top:21px;width:2px;height:23px;background:#dce9e5}.tracking-stepper .done{color:#12423c}.tracking-stepper .done:before{background:#0e6e60;border-color:#0e6e60;box-shadow:inset 0 0 0 4px #a2e4de}.tracking-stepper [aria-current=step]:before{box-shadow:0 0 0 4px #d9f1ed}
.drawer{visibility:hidden}.drawer.on{visibility:visible}.legacy svg text{font-size:11px!important}.legacy .pipeline{margin:0 0 20px}.legacy .pipeline .streak{margin:0}.brand .brandmark{color:#12423c;font-size:23px;letter-spacing:0}
.avatar[data-initials]:before{content:attr(data-initials)}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
body[data-page=Products] .legacy>section.card:last-child td{border-bottom:0}body[data-page=Products] .legacy>section.card:last-child tr:last-child{border-bottom:0}
@media(max-width:700px){body[data-page=Products] .legacy td.sel,body[data-page=Orders] .legacy td.sel{display:block!important}}
.sections-v2 .who2 em,.legacy .who2 em{overflow-wrap:normal;word-break:normal;text-overflow:clip;max-width:none}
.sections-v2 .heat-months{display:flex;height:auto;justify-content:space-between;margin:0 0 12px}.sections-v2 .heat-months span{position:static;left:auto;transform:none}.sections-v2 .section-recent-activity td:last-child .mono{display:inline}
@media(min-width:701px){.sections-v2 .section-recent-activity tr:not(.day-heading)>td:last-child{grid-column:4;grid-row:1}.sections-v2 .section-recent-activity td:last-child{white-space:normal}.sections-v2 .section-recent-activity tr:not(.day-heading)>td{align-self:center}}
.sections-v2 .bars{margin-bottom:20px}.sections-v2 .collection tr.total{grid-template-columns:repeat(var(--columns,4),minmax(0,1fr));align-items:start}.sections-v2 .collection tr.total td:first-child{grid-column:auto;font-size:12px}.sections-v2 .total td:before{content:attr(data-label);display:block;font-weight:400;font-size:11px;color:#657870;margin-bottom:5px}
.sections-v2 .th-h .pill{align-self:flex-start;flex:none;white-space:nowrap;margin:0}.sections-v2 .th-h>div{min-width:0}.sections-v2 .th-h span{overflow-wrap:anywhere}.sections-v2 .day-heading{cursor:default;pointer-events:none}.drawer .livedot{min-height:26px;line-height:1.5;overflow:visible}.legacy .srch{min-width:200px}.legacy .srch input{min-width:0;width:100%}.legacy>section.card+section.card{margin-top:22px}
.sections-v2 .section-recent-activity tr:not(.day-heading){grid-template-columns:85px 90px 170px minmax(0,1fr)}.sections-v2 .section-recent-activity td:last-child{overflow-wrap:normal}.sections-v2 .section-signed-in-sessions .who2 em,.sections-v2 .section-signed-in-sessions .btn{white-space:nowrap;overflow-wrap:normal}.sections-v2 .section-signed-in-sessions{grid-column:1/-1}
.path-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:12px}.path-flow>div{position:relative;display:flex;flex-direction:column;gap:8px}.path-flow b{font-size:22px;font-weight:400}.path-flow i{background:linear-gradient(135deg,#0e6e60,#a2e4de);border-radius:15px 5px 15px 5px}.path-flow>div:not(:last-child):after{content:'→';position:absolute;right:-13px;bottom:20px;z-index:1;color:#0e6e60}.visitor-summary{padding-top:20px;margin-top:20px;border-top:1px solid #dce9e5}.visitor-summary>strong{font-size:22px;margin-right:5px}.visitor-summary .section-cities{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}
.allocation{display:flex;gap:8px}.allocation>div{min-width:0}.allocation i{display:block;height:20px;background:linear-gradient(90deg,#0e6e60,#a2e4de);border-radius:6px;margin-bottom:12px}.allocation span,.allocation b{display:block;font-size:12px}.allocation b{margin-top:5px}.session-heat{height:145px}.session-heat button{border-radius:5px;min-width:0;padding:0}.checkbox-group{border:1px solid #cee3d7;border-radius:18px;padding:18px;background:linear-gradient(#edf8f3,#fff)}.checkbox-group h3{font-size:13px;margin-bottom:12px}.check-option{display:flex;align-items:center;gap:10px;margin:10px 0}
.sections-v2 .moderation tr{grid-template-columns:22px minmax(0,2fr) minmax(80px,1fr) minmax(100px,1fr);gap:10px 16px;padding:18px 22px}.sections-v2 .moderation td.sel{grid-column:1;grid-row:1/4}.sections-v2 .moderation td[data-label=Review]{grid-column:2;grid-row:1/4}.sections-v2 .moderation td:last-child{grid-column:3/-1}.sections-v2 .moderation td[data-label=Product],.sections-v2 .moderation td[data-label=Rating]{grid-row:1}.review-photo{display:block;width:58px;height:64px;object-fit:contain;background:#fff;border:1px solid #dce9e5;border-radius:10px;margin-top:8px}.sections-v2 .rating-stars{display:inline;margin-right:8px}.sections-v2 .moderation td:before{display:none}
@media(min-width:701px){body[data-page=Dashboard] .a-toast{left:calc(max(0px,(100vw - 1600px)/2) + 238px)!important;right:auto!important;max-width:360px!important}.sections-v2 .section-campaigns .collection tr.total{--columns:6}.sections-v2 .section-active-flows .collection tr.total{--columns:6}}
@media(max-width:700px){.sections-v2 .kpis>.kpi:last-child:nth-child(odd),.legacy .kpis>.kpi:last-child:nth-child(odd){grid-column:1/-1}.sections-v2 .collection tr.total{grid-template-columns:repeat(2,minmax(0,1fr))}.sections-v2 .total td:first-child{grid-column:1/-1}.sections-v2 .th-h{margin-top:6px;gap:10px}.sections-v2 .section-recent-activity tr:not(.day-heading){grid-template-columns:1fr 1fr}.sections-v2 .moderation tr{grid-template-columns:22px minmax(0,1fr) auto;padding:16px;gap:8px}.sections-v2 .moderation td.sel{grid-column:1!important;grid-row:1/5!important}.sections-v2 .moderation td[data-label=Review]{grid-column:2/-1!important;grid-row:2!important}.sections-v2 .moderation td[data-label=Product]{grid-column:2!important;grid-row:1!important}.sections-v2 .moderation td[data-label=Rating]{grid-column:3!important;grid-row:1!important}.sections-v2 .moderation td:last-child{grid-column:2/-1!important}.path-flow{gap:7px;font-size:11px}.path-flow b{font-size:17px}.path-flow>div:not(:last-child):after{right:-9px}.allocation{gap:6px}.allocation span,.allocation b{font-size:11px}
body[data-page=Orders] .legacy tbody tr{grid-template-columns:20px minmax(0,1fr) auto;padding:15px;gap:7px 10px}body[data-page=Orders] .legacy td.sel{grid-column:1!important;grid-row:1/3!important}body[data-page=Orders] .legacy td[data-label=Order]{grid-column:2;grid-row:1}body[data-page=Orders] .legacy td[data-label=Customer]{grid-column:2;grid-row:2}body[data-page=Orders] .legacy td[data-label=Status]{grid-column:3;grid-row:2}body[data-page=Orders] .legacy td[data-label=Total]{grid-column:3;grid-row:1;text-align:right}body[data-page=Orders] .legacy td.hide-sm,body[data-page=Orders] .legacy td:last-child{display:none}body[data-page=Orders] .legacy td:before{display:none}body[data-page=Orders] .legacy td .avatar,body[data-page=Orders] .legacy td em{display:none}
}
.legacy .kpi.hero .trend{background:#376452;color:#d2f5e4}.legacy .kpi.hero .trend.down{background:#ffebc6;color:#805015}.legacy .kpi.hero .v{font-weight:300}.drawer .btn{border:1px solid #dce9e5;border-radius:12px;background:#fff;color:#12423c;padding:10px 14px;font-size:12px}.drawer .btn.dark{background:linear-gradient(#1f5a52,#0c2f2a);color:white;box-shadow:0 5px 10px #12423c20}.drawer .blk{background:linear-gradient(155deg,#edf8f6,#fff 85%);border-radius:20px}.drawer input,.drawer select{border:1px solid #dce9e5;border-radius:12px;background:#f0f6f3;padding:10px 12px;font-size:13px}.drawer input:focus,.drawer select:focus{outline:3px solid #a2e4de;outline-offset:1px}
.week-bars span{font-size:11px}.legacy .ed{border-bottom-style:solid!important}.gl,.gridline{stroke-dasharray:none!important}.legacy .spark{filter:drop-shadow(0 3px 4px #3fae9715)}
.title-row.top h1{font-size:29px!important;font-weight:500!important;letter-spacing:-1.1px}.content>.kpis .kpi-top{justify-content:flex-start}.side a.on:before,.side a.on:after{display:none}.side a.on{border-left:1px solid #cce7de!important}.side nav summary{margin-top:0}.side nav a{font-weight:500}.legacy .st.info{color:#17695b}.legacy .st.info:before{background:#2f9c8a}
@media(max-width:1200px){.app{grid-template-columns:188px minmax(0,1fr)}.main{padding:0 23px 25px}.legacy .kpis,.legacy .kpis[data-n="6"]{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-extra>div[style]{grid-template-columns:1fr}.legacy .grid2,.legacy .grid3{grid-template-columns:minmax(0,1fr)}}
@media(min-width:701px){.legacy table{display:table}.legacy tbody{display:table-row-group}.legacy thead{display:table-header-group}.legacy tr{display:table-row}.legacy th:nth-child(n),.legacy td:nth-child(n){display:table-cell}.legacy .num{text-align:right}.legacy .prod{min-width:130px}.legacy .prod b{font-size:13px}}
@media(max-width:700px){.app{display:block}.main{padding:0 18px 22px}.side{position:relative;min-height:0;padding:14px 18px;inset:auto;transform:none!important}.side .brand{padding:0}.side nav{display:none}.side nav.open{display:block}.side-foot{display:none}.main>.top{display:flex;flex-direction:column;align-items:stretch;margin:23px 0}.date-wrap{margin-left:0}.legacy .kpis,.legacy .kpis[data-n]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.legacy .kpi{padding:15px 13px 48px;min-height:235px}.legacy .kpi .v{font-size:27px}.legacy .kpi .tile{width:38px;height:38px}.legacy .kpi .trend{font-size:11px}.legacy .card-h,.legacy .card-b{padding:18px}.legacy table,.legacy tbody{display:block}.legacy thead{display:none}.legacy tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:16px;gap:10px;border-bottom:1px solid #dce9e5}.legacy td:nth-child(n){display:block;grid-column:auto;grid-row:auto;padding:0;border:0;white-space:normal;width:auto}.legacy td[data-label]:before{content:attr(data-label);display:block;font-size:11px;color:#657870;font-weight:400;margin-bottom:4px}.legacy .sel{grid-column:1/-1!important;width:auto!important}.legacy td.who2,.legacy td:has(.prod){grid-column:1/-1}.legacy .num{text-align:left}.legacy .tabs{width:100%}.legacy .tabs button{flex:1}.legacy .tools .srch{width:100%}.legacy .tools .spacer{display:none}.legacy .strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.legacy .st{width:auto;min-width:0;padding:12px}.legacy .grid2,.legacy .grid3{grid-template-columns:minmax(0,1fr)}.a-toast{left:16px!important;right:16px!important;max-width:none!important;width:auto!important}.utility .search kbd{display:none}.footnote{flex-wrap:wrap}.legacy .table-foot{flex-wrap:wrap}}
/* Shared toast foundation, including pages without the legacy action script. */
.a-toast{position:fixed;z-index:999;max-width:min(440px,90vw);padding:14px 20px;font-size:14px;line-height:1.45;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.a-toast.on{opacity:1}.a-toast b{font-weight:650}.a-toast i{display:block;font-size:12px;font-style:normal;margin-top:3px}
@media(min-width:701px){body[data-page=Dashboard] .a-toast{left:auto!important;right:24px!important;max-width:440px!important}}
.sections-v2 .heat-months{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;justify-content:normal}.sections-v2 .heat-months span{text-align:left}
.visitor-summary .section-cities span{justify-content:flex-start;gap:5px}
.path-flow{gap:24px}.path-flow>div:not(:last-child):after{right:-19px;bottom:12px}
@media(max-width:700px){.path-flow{gap:14px}.path-flow b{font-size:15px}.path-flow>div:not(:last-child):after{right:-12px;bottom:4px;font-size:11px}}
.sections-v2 .session-heat{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr));grid-auto-flow:column;gap:5px}.sections-v2 .heat-months span{transform:none!important}