/* GEOpick app layout. Shared identity lives in extension/brand.css. */
:root{
  --brand:var(--gp-brand);--brand-2:var(--gp-brand-hover);--brand-soft:var(--gp-brand-soft);
  --brand-line:var(--gp-brand-line);--ink:var(--gp-ink);--ink2:var(--gp-ink2);--ink3:var(--gp-ink3);
  --bg:var(--gp-bg);--surface:var(--gp-surface);--sunken:var(--gp-sunken);--line:var(--gp-line);
  --pass:var(--gp-pass);--passbg:var(--gp-pass-bg);--warn:var(--gp-warn);--warnbg:var(--gp-warn-bg);
  --fail:var(--gp-fail);--failbg:var(--gp-fail-bg);--sans:var(--gp-sans);--shadow:var(--gp-shadow);
  --fs-hero:30px;--fs-h1:18px;--fs-h2:15px;--fs-body:15px;--fs-sm:13px;--fs-xs:12px;
  --fs-num:40px;--fs-num-sm:28px;--sp-3:12px;--sp-4:20px;--sp-5:24px;--sp-6:32px;--sp-7:40px;
  --r:var(--gp-radius);--r-sm:var(--gp-radius-sm);--icon:18px;--control:40px;
}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
body{font-feature-settings:"ss01";font-variant-numeric:tabular-nums}
button,.btn,input,select,textarea{font-family:var(--sans)}
button,.btn{border-radius:var(--r-sm);min-height:var(--control);line-height:1.4;
  transition:background .15s,border-color .15s,box-shadow .15s}
button:hover,.btn:hover{filter:none;background:var(--brand-2)}
button.g:hover{background:var(--sunken)}
.btn.ghost{color:var(--ink2);border-color:var(--line)}
.btn.ghost:hover{background:var(--sunken);color:var(--ink)}
input,select,textarea{border-color:var(--line);border-radius:var(--r-sm);min-height:var(--control)}
textarea{width:100%;padding:var(--sp-3);font-size:var(--fs-body);color:var(--ink);background:var(--surface)}
input[type=checkbox],input[type=radio]{min-height:0;accent-color:var(--brand)}
.ui-icon{width:var(--icon);height:var(--icon);flex:none;vertical-align:middle}
.side{flex-basis:220px;background:var(--surface)}
.side .logo{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-5);font-size:22px}
.side .logo img{width:30px;height:30px}
.side .nav-caption{font-size:var(--fs-xs);color:var(--ink3);padding:var(--sp-3) var(--sp-3) var(--sp-2);letter-spacing:.08em}
.side .ni{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);min-height:42px}
.side .ni.on{box-shadow:inset 3px 0 var(--brand)}
.side .ni.sub{min-height:34px;margin-left:var(--sp-5);box-shadow:none}
.side .foot{font-family:var(--sans);padding:var(--sp-4) var(--sp-5)}
.foot small{display:block;margin-top:var(--sp-1);color:var(--ink3)}
.local-dot{display:inline-block;width:7px;height:7px;background:var(--pass);border-radius:50%;margin-right:var(--sp-2)}
.bar2{min-height:64px;padding:0 var(--sp-6)}
.bar2 .ttl{font-size:var(--fs-sm);font-weight:400;color:var(--ink2)}
.bar2 .mk{min-height:36px;border-radius:var(--r-sm)}
.bar2 .logout-form{margin:0}
.bar2 .logout-form.solo{margin-left:auto}
.bar2 .logout{min-height:36px;padding:7px 12px;background:var(--surface);color:var(--ink2);
  border:1px solid var(--line);font-size:var(--fs-xs)}
.bar2 .logout:hover{background:var(--sunken);color:var(--ink)}
.w{padding:var(--sp-6) var(--sp-6) 80px;max-width:1760px}
.page-intro{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-5)}
.page-intro p{color:var(--ink3);margin:var(--sp-2) 0 0;font-size:var(--fs-sm)}
.page-intro h1{font-weight:700;letter-spacing:-.035em}
.page-intro .eyebrow{color:var(--ink3);font-weight:400;letter-spacing:.14em}
.workspace-chip{background:var(--surface);border:1px solid var(--line);border-radius:var(--pill);
  padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs);color:var(--ink2);white-space:nowrap}
.workspace-counts{display:flex;gap:var(--sp-5);margin:var(--sp-5) 0;flex-wrap:wrap;color:var(--ink3);font-size:var(--fs-sm)}
.workspace-counts b{color:var(--ink);font-size:var(--fs-h1);margin-right:var(--sp-2)}
.card,.ptabwrap,.kpi,.rtabwrap{box-shadow:var(--shadow)}
.card h2{padding:var(--sp-4) var(--sp-5);border-color:var(--line)}
.card .card{box-shadow:none}
.card .pad>p:first-child{margin-top:0}
.ptabwrap{padding:0;background:transparent;border:0;box-shadow:none;margin-bottom:var(--sp-5)}
.ptabhead{margin-bottom:var(--sp-3);gap:var(--sp-2)}
.ptabhead .pcap{padding:0;letter-spacing:0;text-transform:none;font-weight:400}
.ptabhead .pcap::after{content:"/";margin-left:var(--sp-2);color:var(--line)}
.ptabhead .pbrand{font-size:var(--fs-sm)}
.ptabgroups{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:var(--sp-2);overflow-x:auto;padding:2px 1px var(--sp-2);margin-bottom:var(--sp-2);scrollbar-width:thin}
.pgroup{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-decoration:none;min-height:64px;padding:12px 16px;border:1px solid #CBD3E0;border-radius:var(--r-sm);color:var(--ink);white-space:nowrap;background:var(--surface);box-shadow:0 2px 8px rgba(24,34,48,.05)}
.pgroup b{font-size:var(--fs-sm);line-height:1.2;font-weight:800}.pgroup small{font-size:var(--fs-xs);color:var(--ink2);margin-top:5px;font-weight:600}
.pgroup:hover{border-color:var(--brand-line);color:var(--brand);background:var(--brand-soft)}
.pgroup.on,.pgroup.on:hover{border-color:var(--brand);background:var(--brand);color:#fff;box-shadow:0 5px 16px rgba(27,69,180,.18)}
.pgroup.on small{color:rgba(255,255,255,.78)}
.ptabs{padding:6px;background:#EEF2F7;border:1px solid #D3DAE5;border-radius:var(--r);gap:5px;scrollbar-width:thin}
.ptab{padding:9px 15px;border:1px solid transparent;border-radius:var(--r-sm);min-height:38px;color:var(--ink2);font-weight:750;white-space:nowrap}
.studio-actions button[disabled]{opacity:.55;cursor:not-allowed;background:var(--line2);color:var(--ink3);border-color:var(--line)}
.studio-flow6{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:8px;margin:18px 0}
.studio-flow6>div{padding:12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface)}
.studio-flow6 b,.studio-flow6 small{display:block}.studio-flow6 small{margin-top:4px;color:var(--ink3);font-size:var(--fs-xs)}
.studio-autofill{border-color:var(--brand-line);background:var(--brand-soft)}
@media(max-width:900px){.studio-flow6{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.studio-flow6{grid-template-columns:repeat(2,1fr)}}
.ptab:hover{background:rgba(255,255,255,.65);color:var(--ink)}
.ptab.on,.ptab.on:hover{background:var(--surface);border-color:#CAD4E4;color:var(--brand);box-shadow:0 2px 7px rgba(15,23,42,.08)}
.project-head{margin:var(--sp-5) 0;gap:var(--sp-4);align-items:center;flex-wrap:wrap}
.project-head .acts{margin:0;display:flex;flex-wrap:wrap;width:auto;overflow:visible}
.project-head .acts>*{width:auto}
.project-head .acts button,.project-head .acts .btn{width:auto}
.brand-title{display:flex;gap:var(--sp-3);align-items:center}
.brand-avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;
  width:38px;height:38px;border:1px solid var(--brand-line);border-radius:var(--r);
  background:var(--brand-soft);color:var(--brand);font-size:var(--fs-h1);font-weight:700}
.brand-title .brand-avatar{width:52px;height:52px;font-size:var(--fs-num-sm)}
.brand-settings{position:relative;align-self:center}
.brand-settings summary{list-style:none;cursor:pointer;border:1px solid var(--line);background:var(--surface);
  color:var(--ink2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);font-size:var(--fs-sm)}
.brand-settings[open] .settings-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:8;
  width:280px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:var(--sp-4);
  box-shadow:0 12px 40px rgba(24,34,48,.12)}
.brand-settings .settings-pop form{margin:0 0 var(--sp-3)}
.project-head .acts .brand-settings .segf{position:static;width:auto;display:block}
.project-head .acts .brand-settings .segf .fl{position:static;display:block;margin-bottom:var(--sp-2)}
.project-head .acts .brand-settings .segs{display:flex}
.project-head .acts .brand-settings .seg{flex:1}
.quality-banner{display:flex;gap:var(--sp-3);align-items:flex-start;background:var(--surface);border:1px solid var(--line);
  padding:var(--sp-3) var(--sp-4);border-radius:var(--r);font-size:var(--fs-sm);margin:var(--sp-4) 0}
.quality-banner b{font-weight:700;color:var(--ink2);margin-right:var(--sp-3)}
.quality-banner span:not(.quality-dot){color:var(--ink3)}
.quality-dot{width:7px;height:7px;border-radius:50%;background:var(--ink3);flex:none;margin-top:7px}
.quality-banner.ready .quality-dot{background:var(--pass)}
.quality-banner.error .quality-dot{background:var(--fail)}
.quality-banner.partial .quality-dot{background:var(--warn)}
.measurement-health{padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r);background:var(--surface);margin:var(--sp-4) 0;font-size:var(--fs-sm)}
.measurement-health p{margin:var(--sp-2) 0;color:var(--ink3)}
.measurement-health summary{cursor:pointer;color:var(--brand)}
.measurement-health .table-scroll{overflow-x:auto;margin-top:var(--sp-3)}
.measurement-health table{min-width:680px}
.report-next{margin:var(--sp-5) 0}
.report-next h2{font-size:var(--fs-h2);margin:0 0 var(--sp-3)}
.report-next .sub{display:block;font-size:var(--fs-xs);font-weight:400;color:var(--ink3);margin-top:var(--sp-1)}
.next-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3)}
.next-card{display:flex;flex-direction:column;min-width:0;padding:var(--sp-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
.next-number{font-size:var(--fs-xs);color:var(--brand)}
.next-card h3{font-size:var(--fs-body);margin:var(--sp-2) 0}
.next-card p{font-size:var(--fs-sm);color:var(--ink3);margin:0 0 var(--sp-4);overflow-wrap:anywhere}
.next-card a{margin-top:auto;font-size:var(--fs-sm);color:var(--brand)}
@media(max-width:900px){.next-grid{grid-template-columns:1fr}}
@media print{.measurement-health details{display:none}.next-card{break-inside:avoid}}
.kgrid{grid-template-columns:1.35fr repeat(4,minmax(0,1fr));margin:var(--sp-5) 0;gap:var(--sp-3)}
.page-type-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));grid-auto-flow:column;overflow-x:auto;scrollbar-width:thin}
.page-type-grid>.kpi{min-width:150px}
.kpi{padding:var(--sp-5)}
.kpi .kv{font-family:var(--sans);font-size:var(--fs-num-sm);font-weight:700;line-height:1.15}
.kpi.lead{background:var(--surface);padding:var(--sp-5);border-top:3px solid var(--brand)}
.kpi.lead .kv{font-family:var(--sans);font-size:var(--fs-num);color:var(--brand)}
.kpi .kl{font-size:var(--fs-sm);font-weight:400;color:var(--ink2)}
.kpi .kn{font-size:var(--fs-xs);line-height:1.5;margin-top:var(--sp-2)}
.dashgrid>.card{margin-top:0;height:auto}
.gauge .big{font-family:var(--sans)}
.report-heading{margin-bottom:var(--sp-4)}
.report-heading .report-date{font-size:var(--fs-xs);color:var(--ink3)}
.report-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r);margin:var(--sp-4) 0}
.report-filters label{display:flex;align-items:center;gap:var(--sp-2);margin:0;white-space:nowrap;font-weight:400}
.report-filters select{width:auto;max-width:260px;font-size:var(--fs-sm);padding:var(--sp-2) var(--sp-3)}
.report-filters button{font-size:var(--fs-sm);min-height:36px;padding:var(--sp-2) var(--sp-3)}
.rtabwrap{margin:var(--sp-4) 0;border-radius:var(--r);padding:var(--sp-2)}
.rtab{border-radius:var(--r-sm);font-size:var(--fs-sm);padding:var(--sp-2) var(--sp-3);min-height:36px}
.rtab.on,.rtab.on:hover{background:var(--brand-soft);color:var(--brand)}
.report-explainer{margin:var(--sp-4) 0;font-size:var(--fs-sm);color:var(--ink2)}
.report-explainer summary{cursor:pointer;color:var(--ink3)}
.report-explainer .note{max-width:none}
.report-metrics .kpi.lead .kv{font-size:var(--fs-num-sm)}
.report-metrics{grid-template-columns:1.35fr repeat(3,minmax(0,1fr))}
.score-distinction{margin-top:calc(var(--sp-4) * -1);margin-bottom:var(--sp-5)}
.report-tab-section[aria-busy='true'] .report-tab-content{opacity:.55}
.report-tab-content{transition:opacity .16s ease}
.report-glance-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.65fr);gap:var(--sp-5);align-items:start}
.report-glance h3{font-size:var(--fs-body);margin:0 0 var(--sp-3)}
.report-glance table{min-width:620px}
.report-glance section{min-width:0;overflow-x:auto}
.glance-sources{display:grid;gap:var(--sp-3)}
.glance-source{display:grid;grid-template-columns:28px minmax(90px,1fr) minmax(80px,1.2fr) 42px;gap:var(--sp-2);align-items:center;font-size:var(--fs-xs)}
.glance-source>span{color:var(--ink3)}.glance-source>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.glance-source>i{height:6px;background:var(--line2);border-radius:999px;overflow:hidden}.glance-source>i>em{display:block;height:100%;background:var(--brand);border-radius:inherit}
.glance-source>strong{text-align:right}.glance-source.mine>b,.glance-source.mine>strong{color:var(--pass)}
.plan-guide-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--sp-4);align-items:start}
.plan-guide-grid>.card{margin-top:0}.scope-rules,.law-steps{display:grid;gap:var(--sp-3);padding-left:20px}
.scope-rules li{padding-left:4px}.scope-rules li b{display:block;margin-bottom:3px}.scope-rules li span{color:var(--ink2);line-height:1.65}
.law-plain{font-size:var(--fs-body);line-height:1.7}.law-steps{color:var(--ink2);line-height:1.6}
.project-list{margin-top:0;overflow:hidden}
.list-toolbar{display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap;padding:var(--sp-4);border-bottom:1px solid var(--line)}
.list-search{display:flex;align-items:center;gap:var(--sp-2);margin:0;font-weight:400;flex:1;min-width:180px;max-width:340px}
.list-search .ui-icon{color:var(--ink3)}
.list-search input{background:var(--sunken);font-size:var(--fs-sm)}
.list-search .clear-search{padding:0;width:28px;min-height:28px;flex:none;border:0;background:transparent;color:var(--ink3)}
.list-toolbar [data-result-count]{font-size:var(--fs-xs);color:var(--ink3);margin-right:auto}
.list-toolbar button{font-size:var(--fs-xs);padding:var(--sp-2) var(--sp-3);min-height:36px}
.project-list:not(.show-details) .detail-col{display:none}
.project-list table{width:100%;min-width:840px}
.project-list td{vertical-align:middle;padding:var(--sp-4) var(--sp-3)}
.project-list th{padding:var(--sp-3);font-weight:400;letter-spacing:0}
.project-list tbody tr:hover{background:var(--sunken)}
.brand-cell{display:flex;align-items:center;gap:var(--sp-3)}
.brand-cell .item{display:block;color:var(--ink);text-decoration:none;font-size:var(--fs-sm);max-width:220px;overflow:hidden;text-overflow:ellipsis}
.brand-cell .item:hover{color:var(--brand)}
.brand-cell small{display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis;color:var(--ink3);font-size:var(--fs-xs);margin-top:var(--sp-1)}
.project-list .detail-col .item{font-weight:400}
.project-list .n{font-family:var(--sans)}
.project-list .num-strong{font-size:var(--fs-body);font-weight:700}
.project-list .mini-meta{display:block;font-size:var(--fs-xs);color:var(--ink3);margin-top:var(--sp-1)}
.bulkbar{border:0;padding:var(--sp-3) 0;margin:0;justify-content:flex-end}
.bulkbar b{font-size:var(--fs-xs);color:var(--ink3);font-weight:400}
.bulkbar .muted{margin-right:auto;font-size:var(--fs-xs)}
.bulkbar button{font-size:var(--fs-xs);padding:var(--sp-2) var(--sp-3);min-height:34px}
.filter-empty{padding:var(--sp-6);text-align:center;color:var(--ink3)}
.list-note{font-size:var(--fs-xs);color:var(--ink3);margin-top:var(--sp-3)}
.project-list .tg,.project-list .st{font-weight:400;font-size:var(--fs-xs)}
.studio-stack{gap:var(--sp-5)}
.studio-stack>.card{margin-top:0}
.studio-intro{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}
.studio-intro p{font-size:var(--fs-sm);color:var(--ink3);margin:var(--sp-2) 0 0}
.studio-intro .studio-actions{margin:0}
.studio-safety{font-size:var(--fs-sm);color:var(--ink3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.studio-safety summary{cursor:pointer}
.studio-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.45fr);gap:var(--sp-5);align-items:start}
.studio-workspace>.card{margin-top:0}
.studio-editor{min-width:0}
.studio-editor textarea{font-family:var(--sans);line-height:1.85;padding:var(--sp-4);background:var(--sunken)}
.studio-reference{font-size:var(--fs-sm);min-width:0}
.studio-reference .pad{padding:var(--sp-4)}
.studio-reference .note{padding:var(--sp-3)}
.studio-saved summary{cursor:pointer;font-size:var(--fs-sm);font-weight:700}
.studio-saved{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:var(--sp-4)}
.studio-fact{padding:var(--sp-4);background:var(--sunken);border:1px solid var(--line);border-radius:var(--r)}
@media(max-width:1150px){
  .side{flex-basis:196px}.side .logo{padding:var(--sp-5) var(--sp-4)}
  .w{padding:var(--sp-5) var(--sp-4) 64px}.bar2{padding:0 var(--sp-4)}
  .kgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-type-grid{grid-template-columns:repeat(5,minmax(150px,1fr))}.kpi.lead{grid-column:auto}
  .dashgrid,.studio-workspace,.report-glance-grid,.plan-guide-grid{grid-template-columns:1fr}.studio-intro{flex-wrap:wrap}
}
@media(max-width:760px){
  .side{flex:none}.side .logo{padding:var(--sp-3) var(--sp-4);font-size:var(--fs-h1)}
  .side .nav-caption{display:none}.side .gnav{flex-direction:row;overflow-x:auto;flex:none}
  .side .ni,.side .ni.sub{white-space:nowrap;flex:none;margin:0;border:0;min-height:36px}
  .side .ni.on{box-shadow:none}.side .ni.sub{font-size:var(--fs-xs)}
  .side .ni .ui-icon{display:none}.side .foot{display:none}
  .bar2{min-height:56px}.w{padding:var(--sp-4) var(--sp-3) 48px}
  .workspace-chip{display:none}.page-intro h1{font-size:var(--fs-num-sm)}
  .ptabhead .pcap{display:block}.ptabs{gap:0}
  .project-head{align-items:flex-start}.brand-title h1{font-size:var(--fs-num-sm)}
  .project-head .acts{width:100%;gap:var(--sp-2)}
  .project-head .acts .btn{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs)}
  .kpi,.kpi.lead{padding:var(--sp-4)}.kpi.lead .kv{font-size:var(--fs-num-sm)}
  .quality-banner span:not(.quality-dot){display:block}.page-intro{align-items:flex-start}
  .report-filters{align-items:stretch}.report-filters label{width:100%}.report-filters select{flex:1;min-width:0;max-width:none}
  .studio-intro .studio-actions{margin:0}.dlg .dh,.dlg .db,.dlg .df{padding:var(--sp-4)}
  .brand-settings[open] .settings-pop{right:0;max-width:calc(100vw - 48px)}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{
  .page-intro .workspace-chip,.brand-settings,.list-toolbar,.bulkbar,.report-filters,.rtabwrap,.studio-actions{display:none!important}
  .w{padding:0;max-width:none}.app,.main{display:block}.project-list table{min-width:0}
  .project-list td{white-space:normal}.project-list .sel{display:none}
  .project-list:not(.show-details) .detail-col{display:none}.kgrid{grid-template-columns:repeat(4,minmax(0,1fr))}.page-type-grid{grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}
  .kpi,.quality-banner{box-shadow:none;break-inside:avoid}.studio-workspace{display:block}
}

/* Customer account scoping. */
.readonly-banner{margin-bottom:var(--sp-4);padding:12px 15px;border:1px solid var(--brand-line);border-radius:var(--r-sm);background:var(--brand-soft);color:var(--ink2);font-size:var(--fs-sm);line-height:1.55}
.readonly-banner b{color:var(--brand)}
.account-layout{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:var(--sp-4);align-items:start}
.account-layout .card>h2{margin:0;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--line);font-size:var(--fs-h2)}
.account-assign form{display:grid;gap:var(--sp-4)}.account-assign label{margin:0}.account-assign input,.account-assign select{width:100%;margin-top:7px}
.account-scope{display:grid;gap:7px;padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--sunken)}
.account-scope b{color:var(--brand)}.account-scope span{font-size:var(--fs-xs);color:var(--ink2);line-height:1.5}
.account-list{display:grid;gap:0}.account-list article{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4) 0;border-bottom:1px solid var(--line)}
.account-list article:first-child{padding-top:0}.account-list article:last-child{border-bottom:0;padding-bottom:0}
.account-list article div{display:grid;gap:5px;min-width:0}.account-list article b,.account-list article span,.account-list article small{overflow-wrap:anywhere}
.account-list article span{color:var(--ink2);font-size:var(--fs-sm)}.account-list article small{color:var(--ink3);font-size:var(--fs-xs)}
.account-list form{flex:none}.account-list button{min-height:34px;padding:7px 11px}
@media(max-width:860px){.account-layout{grid-template-columns:1fr}}
@media(max-width:540px){.account-list article{align-items:flex-start;flex-direction:column}.account-list form,.account-list button{width:100%}}

/* 발행 계획: 표의 최소 폭을 없애 가로 스크롤 없이 카드형 행으로 읽는다. */
.plan-publish-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-5);margin-bottom:var(--sp-4);padding:var(--sp-4);background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm)}
.plan-publish-toolbar p{max-width:720px;margin:0;color:var(--ink2);line-height:1.65}
.plan-publish-toolbar form{display:flex;align-items:flex-end;gap:var(--sp-2);flex:none}.plan-publish-toolbar label{margin:0;color:var(--ink3);font-size:var(--fs-xs)}
.plan-publish-toolbar select{display:block;min-width:92px;margin-top:5px}.plan-publish-toolbar button{min-height:40px;white-space:nowrap}
.plan-publish-list{width:100%;border-top:1px solid var(--line)}
.plan-publish-head,.plan-publish-row{display:grid;grid-template-columns:56px minmax(320px,1.8fr) minmax(120px,.58fr) minmax(88px,.42fr) 112px;gap:var(--sp-3);align-items:center}
.plan-publish-head{padding:10px var(--sp-3);color:var(--ink3);font-size:var(--fs-xs);background:var(--sunken)}
.plan-publish-row{min-width:0;padding:var(--sp-4) var(--sp-3);border-bottom:1px solid var(--line)}
.plan-publish-row>div{min-width:0}.plan-publish-row .plan-week{display:flex;align-items:baseline;gap:2px;color:var(--brand)}
.plan-publish-row .plan-week b{font-size:var(--fs-h2)}.plan-publish-row .plan-week span{font-size:var(--fs-xs)}
.plan-publish-row .plan-topic>b{display:block;word-break:keep-all;overflow-wrap:anywhere}.plan-publish-row .plan-topic .muted{margin-top:5px;line-height:1.55}
.plan-publish-row .plan-why,.plan-publish-row .plan-effort{word-break:keep-all;line-height:1.5}
.plan-publish-row .plan-action{text-align:right}.plan-publish-row .plan-action .btn{display:inline-flex;align-items:center;justify-content:center;min-width:94px;white-space:nowrap}
@media(max-width:1060px){
  .plan-publish-head{display:none}.plan-publish-row{grid-template-columns:52px minmax(0,1fr) 104px}.plan-publish-row .plan-why{grid-column:2}.plan-publish-row .plan-effort{grid-column:3}.plan-publish-row .plan-action{grid-column:3;grid-row:1}
}
@media(max-width:680px){
  .plan-publish-toolbar{align-items:stretch;flex-direction:column}.plan-publish-toolbar form{width:100%}.plan-publish-toolbar label{flex:1}.plan-publish-toolbar select{width:100%}
  .plan-publish-row{grid-template-columns:44px minmax(0,1fr)}.plan-publish-row .plan-week{grid-row:1/4}.plan-publish-row .plan-why,.plan-publish-row .plan-effort,.plan-publish-row .plan-action{grid-column:2;text-align:left}.plan-publish-row .plan-action{grid-row:auto}
}
/* Brand-scoped page performance and question workspace. */
.workspace-subtabs{display:flex;gap:var(--sp-2);margin:var(--sp-4) 0 var(--sp-5);border-bottom:1px solid var(--line)}
.workspace-subtabs a{padding:var(--sp-3) var(--sp-4);color:var(--ink3);border-bottom:2px solid transparent;font-weight:700}
.workspace-subtabs a.on{color:var(--brand);border-bottom-color:var(--brand)}
.measure-subtabs{margin-top:0}
.distribution-intro,.ga4-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:var(--sp-6);align-items:end;margin-bottom:var(--sp-5);padding:var(--sp-6);background:#0D1424;color:#F8FAFC;border:1px solid #1D2940;border-radius:var(--r)}
.distribution-intro .eyebrow,.ga4-hero .eyebrow{color:#79EAC9;font-size:var(--fs-xs);letter-spacing:.13em}
.distribution-intro h2,.ga4-hero h2{margin:var(--sp-3) 0;font-size:clamp(28px,3.3vw,50px);letter-spacing:-.055em;line-height:1.08}
.distribution-intro p,.ga4-hero p{max-width:720px;color:#ABB7CA;line-height:1.75}
.distribution-intro ol{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0;padding:1px;list-style:none;background:#26334A}
.distribution-intro li{min-height:82px;padding:14px;background:#10192A;display:flex;flex-direction:column;justify-content:space-between}
.distribution-intro li b{color:#79EAC9;font-size:var(--fs-xs)}.distribution-intro li span{font-size:var(--fs-sm)}
.distribution-admin-badge{display:inline-flex;margin-bottom:var(--sp-3);padding:7px 10px;border:1px solid var(--brand-line);border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:var(--fs-xs);font-weight:700}
.distribution-group-title{margin:var(--sp-5) 0 var(--sp-3);font-size:var(--fs-sm);color:var(--ink2)}
.distribution-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3)}
.distribution-channel{min-width:0;padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface)}
.distribution-channel.off{opacity:.52}.distribution-channel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}
.distribution-channel p{min-height:44px;color:var(--ink2);font-size:var(--fs-sm);line-height:1.55}
.distribution-channel small{display:block;min-height:34px;color:var(--ink3);font-size:var(--fs-xs);line-height:1.45}
.distribution-channel form{margin-top:var(--sp-3)}.distribution-channel button{min-height:32px;padding:6px 10px;font-size:var(--fs-xs)}
.distribution-setup{margin-top:var(--sp-3);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.distribution-setup summary{padding:10px 0;cursor:pointer;color:var(--brand);font-size:var(--fs-xs);font-weight:700}
.distribution-setup ol{margin:0;padding:0 0 var(--sp-2) 18px;color:var(--ink2);font-size:var(--fs-xs);line-height:1.6}
.distribution-setup li{margin-top:5px}.distribution-setup p{min-height:0;margin:var(--sp-2) 0 var(--sp-3);font-size:var(--fs-xs)}
.distribution-env{padding:var(--sp-2);background:var(--sunken);border:1px solid var(--line)}.distribution-env b,.distribution-env code{display:block}
.distribution-env b{margin-bottom:5px;font-size:var(--fs-xs)}.distribution-env code{overflow-wrap:anywhere;color:var(--brand);font-size:var(--fs-xs);line-height:1.55}
.distribution-account{padding-top:var(--sp-3);border-top:1px solid var(--line)}
.distribution-account label{display:block;margin-top:8px;color:var(--ink2);font-size:var(--fs-xs);font-weight:700}
.distribution-account input{width:100%;min-width:0;margin-top:5px;padding:8px 9px;border:1px solid var(--line);border-radius:var(--r-xs);background:var(--sunken);color:var(--ink)}
.distribution-account p{min-height:0;margin:9px 0 0;color:var(--ink3);font-size:var(--fs-xs);line-height:1.45}
.distribution-request{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:var(--sp-3)}
.distribution-request label,.distribution-url label{margin:0}.distribution-request button{min-height:42px}
.distribution-releases>h2{margin:var(--sp-6) 0 var(--sp-3)}
.distribution-release h2{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.distribution-release h2 .tg{margin-left:auto}
.distribution-approval,.distribution-publish{display:grid;gap:var(--sp-3);padding:var(--sp-4);background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm)}
.distribution-approval label,.distribution-publish label,.distribution-confirm{display:flex;align-items:flex-start;gap:var(--sp-2);margin:0;font-weight:500}
.distribution-approval input,.distribution-publish input,.distribution-confirm input{width:auto;flex:none;margin-top:2px}
.distribution-url{display:grid;grid-template-columns:minmax(0,1fr) 180px minmax(240px,.65fr) auto;align-items:end;gap:var(--sp-3);margin-top:var(--sp-4)}
.distribution-url-ok{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4);background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:var(--r-sm)}
.distribution-url-ok a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.distribution-url-ok form{flex:none}.distribution-time{margin-bottom:0}
.ga4-status{justify-self:end;min-width:260px;padding:var(--sp-4);border:1px solid #2B3952;background:#111B2D}
.ga4-status b,.ga4-status small{display:block}.ga4-status b{margin-top:var(--sp-4);font-size:var(--fs-h2)}.ga4-status small{margin-top:var(--sp-2);color:#95A4BA}
.ga4-connect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}
.ga4-connect-grid article{min-width:0;padding:var(--sp-5);border:1px solid var(--line);background:var(--sunken);border-radius:var(--r-sm)}
.ga4-connect-grid h3{margin:var(--sp-4) 0 var(--sp-2)}.ga4-connect-grid p{color:var(--ink2);line-height:1.7}
.ga4-connect-grid code{display:block;margin-top:var(--sp-2);padding:9px 11px;overflow-wrap:anywhere;background:var(--surface);border:1px solid var(--line);color:var(--brand);font-size:var(--fs-xs)}
.ga4-connect-grid form{margin-top:var(--sp-4)}.ga4-fallback{margin-top:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-sm)}
.ga4-fallback summary{padding:var(--sp-4);cursor:pointer;font-weight:700}.ga4-fallback[open] summary{border-bottom:1px solid var(--line)}
.ga4-fallback>p,.ga4-fallback>form{margin:var(--sp-4)}.ga4-fallback textarea{min-height:116px}
.ga4-flow{display:grid;grid-template-columns:repeat(4,1fr);margin:var(--sp-5) 0;border:1px solid var(--line);background:var(--surface)}
.ga4-flow>div{position:relative;min-height:112px;padding:var(--sp-4);border-right:1px solid var(--line)}.ga4-flow>div:last-child{border-right:0}
.ga4-flow b,.ga4-flow span,.ga4-flow small{display:block}.ga4-flow b{color:var(--brand);font-size:var(--fs-xs)}.ga4-flow span{margin-top:var(--sp-4);font-weight:800}.ga4-flow small{margin-top:var(--sp-2);color:var(--ink3)}
.ga4-empty-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3);margin-bottom:var(--sp-5)}
.ga4-empty-grid article{padding:var(--sp-4);border:1px solid var(--line);background:var(--surface);border-radius:var(--r-sm)}
.ga4-empty-grid span,.ga4-empty-grid b,.ga4-empty-grid small{display:block}.ga4-empty-grid span,.ga4-empty-grid small{color:var(--ink3);font-size:var(--fs-xs)}.ga4-empty-grid b{margin:var(--sp-3) 0;font-size:var(--fs-body)}
.ga4-decisions{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);margin-bottom:var(--sp-4)}
.ga4-decisions article{padding:var(--sp-4);border:1px solid var(--line);background:var(--sunken)}.ga4-decisions p{font-size:var(--fs-sm);color:var(--ink2);line-height:1.65;margin-bottom:0}
.ga4-page-bars{display:grid;gap:var(--sp-3)}.ga4-page-bars>div{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(220px,1fr) 60px;align-items:center;gap:var(--sp-3)}
.ga4-page-bars span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ga4-page-bars i{height:8px;background:var(--line2);border-radius:99px;overflow:hidden}.ga4-page-bars em{display:block;height:100%;background:var(--brand);border-radius:inherit}.ga4-page-bars b{text-align:right}
.workspace-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--sp-3);margin:var(--sp-4) 0}
.workspace-filters>label{flex:1 1 160px;min-width:0;margin:0;font-size:var(--fs-sm);color:var(--ink3)}
.workspace-filters select,.workspace-filters input{width:100%;min-width:0;margin-top:var(--sp-2)}
.workspace-filters>button,.workspace-filters>.btn{flex:none}
.workspace-inline{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--sp-3);margin:var(--sp-4) 0}
.workspace-inline label{flex:1;min-width:180px;margin:0}
.workspace-inline label input{margin-top:var(--sp-2)}
.workspace-pager{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-3);padding:var(--sp-4);color:var(--ink3);font-size:var(--fs-sm)}
.performance-table,.question-table{table-layout:fixed;width:100%;min-width:940px}
.performance-table th,.performance-table td,.question-table th,.question-table td{white-space:normal;overflow-wrap:anywhere;vertical-align:top;padding:var(--sp-4)}
.performance-table small,.question-table small{display:block;color:var(--ink3);font-size:var(--fs-xs);margin-top:var(--sp-2);line-height:1.5}
.performance-table th:first-child{width:28%}.performance-table th:nth-child(2){width:9%}
.performance-table th:nth-child(3){width:9%}.performance-table th:nth-child(4){width:17%}
.performance-table th:nth-child(5){width:13%}.performance-table th:nth-child(6){width:13%}
.question-table th:first-child{width:64px}.question-table th:nth-child(2){width:32%}
.question-table th:first-child,.question-table td:first-child{padding:var(--sp-3);text-align:center;white-space:nowrap}
.question-table input[type=checkbox],.question-bulk input[type=checkbox]{width:16px;height:16px;flex:none;margin:0}
.question-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.question-table th:nth-child(3){width:17%}.question-table th:nth-child(4){width:16%}
.question-table th:last-child{width:12%}
.question-tag{display:inline-block;background:var(--sunken);border:1px solid var(--line);border-radius:var(--r);padding:2px 7px;margin:0 3px 4px 0;font-size:var(--fs-xs)}
.question-bulk{border-bottom:1px solid var(--line);background:var(--sunken)}
.question-bulk .checkline{display:flex;align-items:center;gap:var(--sp-2);margin:0;flex:none;white-space:nowrap}
.question-bulk details>summary{cursor:pointer;color:var(--ink3);font-size:var(--fs-sm)}
.citation-proof{padding:var(--sp-4) 0;border-top:1px solid var(--line)}
.citation-proof summary{cursor:pointer;line-height:1.7}.citation-proof .quote{white-space:pre-wrap;overflow-wrap:anywhere}
#question-editor,#page-evidence{scroll-margin-top:calc(var(--sp-7) * 2)}
@media(max-width:760px){
  .workspace-subtabs a{padding:var(--sp-3);font-size:var(--fs-sm)}
  .workspace-filters>label{flex-basis:calc(50% - 12px)}
  .workspace-inline label{flex-basis:100%}.question-bulk .acts{gap:var(--sp-3)}
  .distribution-intro,.ga4-hero{grid-template-columns:1fr;padding:var(--sp-4)}
  .distribution-intro ol{grid-template-columns:repeat(2,1fr)}
  .distribution-channels,.ga4-empty-grid,.ga4-decisions,.ga4-connect-grid{grid-template-columns:1fr}
  .distribution-request,.distribution-url{grid-template-columns:1fr}
  .distribution-url-ok{align-items:flex-start;flex-direction:column}
  .ga4-status{justify-self:stretch;min-width:0}
  .ga4-flow{grid-template-columns:1fr 1fr}
  .ga4-flow>div:nth-child(2){border-right:0}.ga4-flow>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .ga4-page-bars>div{grid-template-columns:1fr 48px}.ga4-page-bars span{grid-column:1/3}.ga4-page-bars i{min-width:0}
}
@media print{
  .workspace-subtabs,.workspace-filters,.workspace-inline,.workspace-pager,.question-bulk{display:none!important}
  .performance-table,.question-table{min-width:0;font-size:var(--fs-xs)}
}