/* The same compact app language in partner and operations workspaces. */
body[data-workspace] {
  --paper:var(--h2-mist); --card:#fff; --ink:var(--h2-ink); --muted:#525764;
  --line:var(--h2-silver); --soft:var(--h2-mist); --accent:var(--h2-blue);
  --studio-tint:var(--brand-tint); --studio-measure:1160px;
  --workspace-bottom-height:64px; --radius:14px;
  color:var(--ink); font-family:var(--h2-body); accent-color:var(--accent);
}
body[data-workspace] main { min-width:0; }
body[data-workspace] footer { display:none; }
body[data-workspace] .work-tabs { gap:25px; border-bottom:1px solid var(--line); scrollbar-width:none; }
body[data-workspace] .work-tabs::-webkit-scrollbar { display:none; }
body[data-workspace] .work-tabs a { min-height:63px; justify-content:center; font-size:.8rem; padding:10px 1px; }
body[data-workspace] .work-tabs a small { font-size:.66rem; margin-top:3px; font-weight:600; letter-spacing:.02em; }
body[data-workspace] .work-tabs a[aria-current] { color:var(--brand-accent); }
body[data-workspace] #workspace-mark { font-size:.68rem; letter-spacing:.03em; font-weight:650; border:0; border-radius:99px; padding:4px 10px; background:var(--brand-tint); color:var(--brand-deep); }
body[data-workspace] .page { width:100%; padding:22px 0 44px; }
body[data-workspace] .workspace-hero { display:block; padding:24px 0 0; margin:0 0 22px; }
body[data-workspace] .workspace-hero::after { display:none; }
body[data-workspace] :is(.workspace-hero,.auth-page) h1[lang=en] { font:900 clamp(1.7rem,3vw,2.55rem)/1.12 var(--h2-display); color:var(--accent); text-transform:uppercase; letter-spacing:-.045em; margin:6px 0 9px; }
body[data-workspace] :is(.workspace-hero,.auth-page) h1 em { font:inherit; letter-spacing:inherit; color:inherit; }
body[data-workspace] .workspace-hero>.overline { color:var(--muted); font:700 .75rem/1.45 var(--h2-body); letter-spacing:0; text-transform:none; }
body[data-workspace] .workspace-hero>p { font-size:.8rem; max-width:66ch; line-height:1.65; }
body[data-workspace] :is(.card,.desk-card,.desk-channels,.desk-presenter) { background:var(--card); padding:20px; border:1px solid var(--line); border-radius:14px; box-shadow:none; }
body[data-workspace] .card-head h2 { font-size:1rem; font-weight:700; }
body[data-workspace] .card-head .overline { color:var(--accent); font:750 .68rem/1.4 var(--h2-body); letter-spacing:.1em; }
body[data-workspace] .card-head .fine { font-size:.75rem; }
body[data-workspace] .card-head .link-button { font-size:.75rem; min-height:40px; text-decoration:none; }
body[data-workspace] .btn { min-height:44px; border-radius:10px; font-size:.8rem; font-weight:650; padding:10px 15px; }
body[data-workspace] .btn.primary { background:var(--brand-accent); border-color:var(--brand-accent); color:white; }
@media (hover:hover) {
  body[data-workspace] .btn.primary:not(:disabled):hover { background:var(--brand-deep); border-color:var(--brand-deep); }
}
body[data-workspace] .btn.primary:not(:disabled):active { background:var(--brand-deep); border-color:var(--brand-deep); }
body[data-workspace] .btn.subtle { border-color:var(--line); background:white; }
body[data-workspace] :is(.field,.desk-form,.desk-tools) :is(input,textarea,select):not([type=file]) { background:#fff; border:1px solid #a4a9b5; border-radius:10px; min-height:46px; box-shadow:none; }
body[data-workspace] :is(.field,.desk-form label) { font-size:.78rem; font-weight:600; }
body[data-workspace] ::placeholder { color:#656b78; }
body[data-workspace] :is(.fine,.hint,.desk-note,.desk-card p) { font-size:.77rem; line-height:1.65; }
body[data-workspace] .desk-heading { margin:16px 0; }
body[data-workspace] .desk-heading h2 { font-size:1.1rem; }
body[data-workspace] .desk-tabs { gap:6px; }
body[data-workspace] .desk-tabs button { font-size:.77rem; border-radius:9px; padding:9px 13px; }
body[data-workspace] .desk-tabs [aria-pressed=true] { color:var(--brand-deep); background:var(--brand-tint); border-color:var(--brand-line); }
body[data-workspace] .desk-stats { background:#fff; border:1px solid var(--line); }
body[data-workspace] .desk-stats strong { color:var(--accent); font-weight:760; font-variant-numeric:tabular-nums; }
body[data-workspace] .desk-dialog { border-color:var(--line); }
body[data-workspace] .desk-dialog h2 { font-size:1.15rem; }
body[data-workspace] .sheet-totals dd { font-size:1.15rem; font-variant-numeric:tabular-nums; }
body[data-workspace] .catalog-thumb { font:700 .8rem/1 var(--h2-body); }
.workspace-bottom-nav { display:none; }
#app-role-label { display:none; }
.workspace-menu header { padding:4px 0 12px; }
.workspace-role { display:block; color:var(--plum); font-size:.61rem; letter-spacing:.08em; font-weight:700; margin-bottom:5px; }
.workspace-menu nav { display:grid; grid-template-columns:1fr 1fr; gap:0 18px; }
.workspace-menu nav a { display:flex; align-items:center; gap:12px; min-height:72px; border-bottom:1px solid var(--line); padding:10px 0; }
.workspace-menu svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.workspace-menu a>svg:first-child { box-sizing:content-box; padding:7px; width:20px; height:20px; border-radius:50%; background:var(--soft); }
.workspace-menu a>span { flex:1; min-width:0; }
.workspace-menu a strong { display:block; font-size:.83rem; font-weight:620; }
.workspace-menu a small { display:block; color:var(--muted); font-size:.67rem; margin-top:3px; }
.workspace-menu a>svg:last-child { width:14px; height:14px; color:#9999a3; }
.workspace-menu a[aria-current] { color:var(--brand-accent); }
.workspace-menu a[aria-current]>svg:first-child { color:var(--brand-deep); background:var(--brand-tint); }
.workspace-menu .workspace-exit { margin-top:18px; }
#panel[data-kind=workspace-menu] .dialog-head .overline { visibility:hidden; }
#panel[data-kind=workspace-menu] #dialog-title { font-size:1.25rem; }
body[data-workspace] .auth-page { border-color:var(--brand-line); border-radius:18px; }
body[data-workspace] .auth-page>.overline { display:inline-flex; padding:4px 10px; margin-bottom:7px; border-radius:99px; background:var(--brand-tint); color:var(--brand-deep); letter-spacing:.04em; }
body[data-workspace] .auth-page>h1 { color:var(--accent); font-weight:800; letter-spacing:-.04em; line-height:1.3; }
@media (max-width:900px) {
  body[data-workspace] .two-col { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:660px) {
  body[data-workspace] { padding-bottom:calc(84px + env(safe-area-inset-bottom)); }
  body[data-workspace] .wrap { width:calc(100% - 32px); }
  body[data-workspace] .mast-inner { min-height:56px; }
  body[data-workspace] #workspace-mark { display:none; }
  body[data-workspace] #app-screen-title { flex:1; }
  body[data-workspace] #app-role-label:not([hidden]) { display:inline-flex; align-items:center; color:var(--plum); background:var(--studio-tint); padding:3px 9px; border-radius:20px; font-size:.65rem; font-weight:650; white-space:nowrap; }
  body[data-workspace] .header-actions { margin-left:auto; }
  body[data-workspace] #account-button { display:flex; align-items:center; justify-content:center; width:44px; min-width:44px; height:44px; padding:0; }
  body[data-workspace] #account-button svg { box-sizing:content-box; width:19px; height:19px; padding:7px; border-radius:50%; background:var(--brand-tint); color:var(--brand-deep); }
  body[data-workspace] #account-button span { display:none; }
  body[data-workspace] .partner-status .wrap { font-size:.61rem; }
  body[data-workspace] .work-tabs { display:none; }
  body[data-workspace] .page,body[data-workspace] .vendor-desk { padding-top:0; }
  body[data-workspace] .workspace-hero { padding-top:18px; margin-bottom:17px; }
  body[data-workspace] :is(.workspace-hero,.auth-page) h1[lang=en] { font-size:clamp(1.45rem,6.4vw,1.9rem); }
  body[data-workspace] .workspace-hero>p { font-size:.75rem; }
  body[data-workspace] :is(.card,.desk-card,.desk-channels,.desk-presenter) { padding:16px; border-radius:13px; }
  body[data-workspace] .card-head { margin-bottom:16px; }
  body[data-workspace] :is(input,select,textarea):not([type=checkbox],[type=radio],[type=file]) { font-size:16px; }
  body[data-workspace] .field { gap:7px; }
  body[data-workspace] .form-grid { gap:16px; }
  body[data-workspace] .icon-button { min-width:44px; min-height:44px; }
  body[data-workspace] .workspace-bottom-nav { position:fixed; inset:auto 0 0; z-index:20; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); height:calc(var(--workspace-bottom-height) + env(safe-area-inset-bottom)); padding:4px max(8px,env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left)); background:rgba(255,255,255,.97); border-top:1px solid var(--line); backdrop-filter:blur(18px); }
  .workspace-bottom-nav a,.workspace-bottom-nav button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:0; min-height:48px; color:var(--muted); background:none; font-size:.65rem; font-weight:550; padding:3px 0; }
  .workspace-bottom-nav svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
  .workspace-bottom-nav [aria-current] { color:var(--brand-accent); font-weight:750; }
  .workspace-bottom-nav [aria-current] svg { stroke-width:2.1; fill:var(--brand-tint); }
  .workspace-bottom-nav a:active,.workspace-bottom-nav button:active { opacity:.6; }
  body[data-workspace]:has(dialog[open]) .workspace-bottom-nav { visibility:hidden; }
  body[data-workspace] #toast { bottom:calc(80px + env(safe-area-inset-bottom)); }
  #panel[data-kind=workspace-menu] { inset:auto 0 0; top:auto; left:0; transform:none; width:100%; max-width:100%; max-height:88dvh; border-radius:22px 22px 0 0; border-bottom:0; padding-bottom:max(22px,env(safe-area-inset-bottom)); }
  #panel[data-kind=workspace-menu] .dialog-head { min-height:48px; }
  .workspace-menu nav { gap:0 14px; }
  .workspace-menu nav a { gap:9px; min-height:70px; }
  .workspace-menu a strong { font-size:.76rem; }
  .workspace-menu a small { font-size:.63rem; }
  .workspace-menu nav a>svg:last-child { display:none; }
  body[data-workspace] .history-row { overflow-wrap:anywhere; }
}
@media (max-width:360px) {
  body[data-workspace] .wrap { width:calc(100% - 24px); }
  body[data-workspace] #policy-form .pair { grid-template-columns:minmax(0,1fr); }
}