/* The private workspace fills the viewport. Public pages retain their own layout. */
body.page-dashboard{--t:#202838;--m:#6d7686;--bd:#e3e7ee;--b:#f5f6f8;--p:#7541dd;background:var(--b);color:var(--t);font-size:14px;line-height:1.5}
.page-dashboard>header{height:64px;padding:0 28px;background:#fff;backdrop-filter:none;border-bottom:1px solid var(--bd);z-index:60}
.page-dashboard .brand{font-size:21px;font-weight:750;letter-spacing:-.5px}
.page-dashboard .mark{width:32px;height:32px;font-size:18px;border-radius:9px;box-shadow:none}
.page-dashboard header>a.small{font-size:12px;font-weight:500}
.page-dashboard .workspace{width:auto;max-width:none;margin:0 0 0 224px;padding:26px 32px 44px;min-height:calc(100dvh - 64px)}
.page-dashboard .workspace-topbar{min-height:62px;gap:20px;margin-bottom:24px}
.page-dashboard .workspace-heading{min-width:0}
.page-dashboard .workspace-heading .eyebrow{font-size:10px;font-weight:650;letter-spacing:.1em;color:#8a91a0;margin-bottom:5px}
.page-dashboard .workspace-heading h1{font-size:25px;font-weight:700;line-height:1.25;letter-spacing:-.65px;margin:0}
.page-dashboard .workspace-topbar .topactions{align-items:center;justify-content:flex-end;gap:8px}
.page-dashboard .workspace-topbar .btn{padding:9px 13px;min-height:38px;font-size:12px}
.page-dashboard .workspace .dash{display:block;grid-template-columns:none;gap:0}
.page-dashboard .workspace .sidebar{position:fixed;inset:64px auto 0 0;width:224px;height:calc(100dvh - 64px);display:flex;flex-direction:column;gap:0;align-self:auto;padding:20px 12px 15px;background:#252d3c;color:#d4d9e4;border:0;border-radius:0;box-shadow:none;overflow-y:auto;overscroll-behavior:contain;z-index:50;scrollbar-width:thin;scrollbar-color:#505a6e transparent}
.workspace-account{display:flex;align-items:center;gap:11px;padding:2px 9px 21px;margin-bottom:8px;border-bottom:1px solid #ffffff12;flex-shrink:0}
.workspace-avatar{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border-radius:10px;background:#8d5bdb;color:#fff;font-size:12px;font-weight:650}
.workspace-account>div{min-width:0;line-height:1.4}
.workspace-account strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#f4f5f9;font-size:12px;font-weight:650}
.workspace-account>div>span{display:block;color:#9da8bc;font-size:10px;margin-top:3px}
.workspace-nav-group+.workspace-nav-group{margin-top:18px}
.workspace-nav-label{padding:7px 12px 6px;font-size:9px;text-transform:uppercase;letter-spacing:1.25px;color:#8f9aaf;font-weight:650}
.page-dashboard .sidebar .navbtn{display:flex;align-items:center;gap:12px;width:100%;min-width:0;min-height:39px;padding:9px 11px;margin:2px 0;text-align:left;border:0;border-radius:6px;line-height:1.35;font-size:12px;font-weight:500;color:#cfd5e2;background:transparent;transition:background .15s,color .15s}
.page-dashboard .sidebar .navbtn:hover{background:#ffffff0b;color:#fff}
.page-dashboard .sidebar .navbtn.active{background:#151c29;color:#fff;box-shadow:inset 3px 0 0 #a782f1}
.workspace-icon{width:17px;height:17px;display:block;flex-shrink:0}
.page-dashboard .sidebar .workspace-icon{color:#96a3bb}
.page-dashboard .sidebar .navbtn.active .workspace-icon{color:#bc9af6}
.workspace-sidebar-footer{margin-top:auto;padding:25px 12px 0;font-size:11px;color:#c6cddb;line-height:1.6;flex-shrink:0}
.workspace-sidebar-footer>span:last-child{display:block;color:#7f8da5;font-size:9px;padding-left:12px;margin-top:1px}
.workspace-online-dot{display:inline-block;width:5px;height:5px;background:#b19bdc;border-radius:50%;margin-right:5px;vertical-align:middle}
.page-dashboard .content{width:100%;min-width:0}
.page-dashboard .content>.view>section.card{margin-bottom:20px}
.page-dashboard .card{border-color:var(--bd);border-radius:9px;padding:24px;box-shadow:0 1px 2px #25334b04;background:#fff}
.page-dashboard .content h2{font-size:19px;font-weight:650;letter-spacing:-.4px;line-height:1.35}
.page-dashboard .content h3{font-size:16px;font-weight:650;letter-spacing:-.15px}
.page-dashboard .content .eyebrow{font-size:10px;font-weight:650;letter-spacing:.08em}
.page-dashboard .sectionhead{gap:18px;align-items:center;margin-bottom:20px}
.page-dashboard .content p.muted{line-height:1.7}
.page-dashboard .btn{border-radius:6px;min-height:38px;padding:9px 14px;font-size:12px;font-weight:600;line-height:1.45}
.page-dashboard .pri{background:#7541dd;box-shadow:none}
.page-dashboard .pri:hover{background:#6736c9}
.page-dashboard .out{border:1px solid #d8dee8;color:#555f74;background:#fff}
.page-dashboard .out:hover{background:#f6f7fa;border-color:#c4cbda}
.page-dashboard .soft{background:#f1ecfa;color:#7541bd}
.page-dashboard .pill{padding:5px 9px;font-size:11px;font-weight:500;border-radius:5px;background:#f8f9fb;border-color:#e3e7ee}
.page-dashboard .pill.okpill{background:#eef8f3;color:#238563;border-color:#d8eee3}
.page-dashboard .pill.draftpill{background:#fff8eb;color:#956d24;border-color:#f3e4bd}
.page-dashboard label{font-size:12px;font-weight:600;margin:16px 0 7px}
.page-dashboard input,.page-dashboard textarea,.page-dashboard select{padding:10px 12px;border-color:#dfe4ec;border-radius:6px;font-size:13px;line-height:1.45;background:#fff}
.page-dashboard input:focus,.page-dashboard textarea:focus,.page-dashboard select:focus{border-color:#a98bdc;box-shadow:0 0 0 3px #7844cc0d}
.page-dashboard .notice{font-size:12px;border-radius:6px;background:#f6f3fb;color:#736483;line-height:1.65;padding:13px 15px}
.page-dashboard .statgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.page-dashboard .stat,.page-dashboard .analyticsbox,.page-dashboard .billing-summary>div,.page-dashboard .commerce-stat{border-color:#e3e7ee;border-radius:7px;background:#fff;padding:20px;box-shadow:none}
.page-dashboard .stat b{font-weight:650;font-size:27px;letter-spacing:-.6px;color:#273144}
.page-dashboard .billing-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.page-dashboard .billing-summary>div{gap:7px;background:#fafbfc;padding:18px}
.page-dashboard .billing-summary b{font-weight:650;font-size:16px}
.page-dashboard .grid2{gap:22px;align-items:start;grid-template-columns:repeat(2,minmax(0,1fr))}
.page-dashboard .setup-progress{margin:20px 0 8px;height:4px;background:#edf0f5}
.page-dashboard .setup-progress span{background:#9667dc}
.page-dashboard .setup-checklist{margin:0}
.page-dashboard .setup-checklist li{padding:17px 0;border-color:#edf0f5}
.page-dashboard .setup-checklist li:last-child{border-bottom:0;padding-bottom:2px}
.page-dashboard .step-number{width:30px;height:30px;border-radius:6px;font-size:12px}
.page-dashboard .step-copy b{font-size:13px;font-weight:600}
.page-dashboard .step-copy small{font-size:11px}
.page-dashboard .setup-checklist .btn{font-size:11px;min-height:34px}
.page-dashboard .groupitem,.page-dashboard .empty,.page-dashboard .filebox,.page-dashboard .plan,.page-dashboard .pixel-provider,.page-dashboard .model-choice{border-radius:8px;box-shadow:none}
.page-dashboard .analyticsgrid{gap:18px}
.page-dashboard .analyticsstats{gap:16px}
.page-dashboard .periodbtn{border-radius:5px;font-size:11px;font-weight:550;padding:7px 11px}
.page-dashboard .periodbtn.active{background:#f0eafa;color:#7442c1;border-color:#d7c8ef}
.page-dashboard .commerce-panel{padding:24px}
.page-dashboard .commerce-heading h2{font-size:21px}
.page-dashboard .commerce-heading p{font-size:12px}
.page-dashboard .commerce-summary{gap:16px;margin:22px 0}
.page-dashboard .commerce-stat>span{font-size:12px;color:#7b8496}
.page-dashboard .commerce-stat strong{font-size:28px;font-weight:650;letter-spacing:-.6px;color:#263044}
.page-dashboard .commerce-search{margin:24px 0 18px;gap:8px}
.page-dashboard .commerce-filters{background:#fafbfc;border-color:#e3e7ee;border-radius:6px}
.page-dashboard .commerce-filters summary{color:#697286;font-size:12px;font-weight:550}
.page-dashboard .commerce-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.page-dashboard .commerce-filter-grid label{font-size:11px}
.page-dashboard .commerce-table{border-color:#e3e7ee;border-radius:6px}
.page-dashboard .commerce-table table{font-size:13px}
.page-dashboard .commerce-table thead{background:#fafbfc}
.page-dashboard .commerce-table th{font-size:10px;color:#7b8496;font-weight:600;letter-spacing:.4px;border-color:#e8ecf2;padding:13px 16px}
.page-dashboard .commerce-table td{padding:17px 16px;border-color:#edf0f5}
.page-dashboard .commerce-table tbody tr:hover{background:#fafbfe}
.page-dashboard .commerce-buyer{color:#354155}
.page-dashboard .commerce-buyer strong{font-weight:600}
.page-dashboard .commerce-buyer span{color:#8992a2;font-size:11px}
.page-dashboard .commerce-tabs{gap:7px;margin-bottom:16px}
.page-dashboard .commerce-tabs .btn{font-size:11px;border-radius:5px;min-height:32px}
.page-dashboard .commerce-tabs .selected{background:#f0eafa;color:#7541bf;border-color:#ddcef2}
.page-dashboard .commerce-empty{background:#fafbfc;border:1px dashed #dce2eb;border-radius:6px}
.page-dashboard .commerce-footer{border-color:#e8ecf2}
.page-dashboard .commerce-drawer{width:min(540px,100vw);border-color:#e2e6ef;box-shadow:-8px 0 35px #2630441c;color:#273144}
.page-dashboard .commerce-detail-row{font-size:13px;border-color:#edf0f5;padding-top:17px;padding-bottom:17px}
.page-dashboard .commerce-detail-row dd{color:#354155}
.page-dashboard .commerce-detail-row dt{color:#7b8496}
.page-dashboard .commerce-drawer-head,.page-dashboard .commerce-drawer-tabs{border-color:#e8ecf2}
.page-dashboard .commerce-drawer-head h2{font-size:21px;font-weight:650}
.page-dashboard .commerce-campaign{border-color:#e3e7ee;background:#fafbfc;border-radius:6px}
.page-dashboard .commerce-history th,.page-dashboard .commerce-history td{border-color:#e8ecf2}
.page-dashboard .workspace .btn:focus-visible,.page-dashboard .sidebar .navbtn:focus-visible{outline:2px solid #a987df;outline-offset:3px}
.page-dashboard .sidebar .navbtn:focus-visible{outline-color:#ccb4f3;outline-offset:-2px}
.workspace-menu-toggle,.workspace-backdrop{display:none!important}
.page-dashboard .workspace-setup-card{width:min(760px,100%);margin:0;}
@media(min-width:1700px){.page-dashboard .workspace{padding:30px 42px 48px}.page-dashboard .grid2{gap:26px}}
@media(max-width:1150px) and (min-width:901px){.page-dashboard .workspace{margin-left:208px;padding:24px}.page-dashboard .workspace .sidebar{width:208px}.page-dashboard .workspace-topbar{align-items:flex-start}.page-dashboard .workspace-topbar .topactions{max-width:340px}.page-dashboard .grid2,.page-dashboard .analyticsgrid{grid-template-columns:1fr}.page-dashboard .commerce-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-dashboard .analyticsstats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
  .page-dashboard>header{height:60px;padding:0 20px}
  .page-dashboard .workspace{margin-left:0;padding:20px;min-height:calc(100dvh - 60px)}
  .page-dashboard .workspace-topbar{flex-direction:row;align-items:flex-start;gap:16px;min-height:0;margin-bottom:22px}
  .page-dashboard .workspace-heading h1{font-size:23px}
  .page-dashboard .workspace-topbar .topactions{gap:7px;max-width:50%}
  .page-dashboard .workspace .sidebar{inset:60px auto 0 0;width:244px;height:calc(100dvh - 60px);display:flex;transform:translateX(-102%);visibility:hidden;transition:transform .18s,visibility .18s;z-index:70}
  .page-dashboard .workspace-menu-toggle{display:inline-flex!important;min-height:36px}
  .page-dashboard.workspace-menu-open{overflow:hidden}
  .page-dashboard.workspace-menu-open .sidebar{transform:translateX(0);visibility:visible}
  .page-dashboard.workspace-menu-open .workspace-backdrop{display:block!important;position:fixed;inset:60px 0 0;z-index:65;border:0;border-radius:0;background:#141b3066;cursor:pointer}
  .page-dashboard .grid2,.page-dashboard .analyticsgrid{grid-template-columns:1fr}
  .page-dashboard .statgrid,.page-dashboard .billing-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
  .page-dashboard .commerce-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .page-dashboard .commerce-heading{display:flex;align-items:flex-start}
  .page-dashboard .commerce-actions{margin-top:0}
  .page-dashboard .commerce-stat{padding:17px}
}
@media(max-width:600px){
  .page-dashboard>header{padding:0 16px}
  .page-dashboard .workspace{padding:18px 14px 30px}
  .page-dashboard .workspace-topbar{flex-direction:column;gap:15px}
  .page-dashboard .workspace-topbar .topactions{width:100%;max-width:none;justify-content:flex-start;flex-wrap:wrap}
  .page-dashboard .workspace-topbar .topactions .btn{flex:0 1 auto;font-size:11px;padding:8px 11px}
  .page-dashboard .workspace-heading h1{font-size:22px}
  .page-dashboard .card{padding:18px;border-radius:8px}
  .page-dashboard .content h2{font-size:18px}
  .page-dashboard .sectionhead{align-items:flex-start;flex-wrap:wrap;gap:12px}
  .page-dashboard .statgrid,.page-dashboard .billing-summary{grid-template-columns:1fr;gap:10px}
  .page-dashboard .stat,.page-dashboard .billing-summary>div{padding:15px}
  .page-dashboard .commerce-summary{grid-template-columns:1fr;gap:10px}
  .page-dashboard .commerce-stat{padding:15px;display:flex;align-items:center;justify-content:space-between;gap:16px}
  .page-dashboard .commerce-stat>span{margin:0}
  .page-dashboard .commerce-stat strong{font-size:24px}
  .page-dashboard .commerce-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-dashboard .commerce-heading{display:block}
  .page-dashboard .commerce-actions{margin-top:15px}
  .page-dashboard .commerce-drawer{width:100vw}
  .page-dashboard .commerce-search>input{min-width:0;flex-basis:100%}
  .page-dashboard .model-editor{gap:24px}
  .page-dashboard .workspace-setup-card{width:100%}
}
@media(prefers-reduced-motion:reduce){.page-dashboard .sidebar,.page-dashboard .sidebar .navbtn{transition:none!important}}