/* ==== Global design-system primitives ==== This file is the single source of truth for: tokens, generic UI primitives and the central stylesheet entrypoint. Module css files should compose these primitives instead of redefining them.
*/ @import url('./navigation.css');

:root{
  --ju-brand:#B85C2E;
  --ju-brand-hover:#A64B23;
  --ju-brand-active:#8B3F1E;
  --ju-brand-strong:#8B3F1E;
  --ju-brand-soft:#F7ECE5;
  --ju-brand-line:rgba(184,92,46,.28);
  --ju-brand-focus:rgba(184,92,46,.30);
  --ju-brand-hover-fill:rgba(184,92,46,.075);
  /* Compatibility aliases: legacy module names point to the semantic brand layer. */
  --ju-gold:var(--ju-brand);
  --ju-gold-hover:var(--ju-brand-hover);
  --ju-gold-active:var(--ju-brand-active);
  --ju-gold-strong:var(--ju-brand-strong);
  --ju-gold-soft:var(--ju-brand-soft);
  --ju-gold-line:var(--ju-brand-line);
  --ju-anth:#1F1E21;
  --ju-bg:#F7F5F2;
  --ju-card:#FFFFFF;
  --ju-soft:#FAF8F6;
  --ju-text:#3D383F;
  --ju-text-strong:#242126;
  --ju-text-muted:#6D6670;
  --ju-text-subtle:#7B747D;
  --ju-border:#DDD7DB;
  --ju-border-strong:#CFC6CC;
  --ju-border-soft:#ECE7EA;
  --ju-overlay:rgba(15,23,42,.56);
  --ju-shadow-color:rgba(37,40,43,.065);
  --ju-shadow-color-soft:rgba(37,40,43,.028);
  --ju-shadow:0 8px 24px var(--ju-shadow-color);
  --ju-shadow-sm:0 4px 14px rgba(15,23,42,.08);
  --ju-success:#2F7D55;
  --ju-warning:#A65F00;
  --ju-danger:#B33A3A;
  --ju-success-bg:#EEF7F1;
  --ju-warning-bg:#FFF4E5;
  --ju-danger-bg:#FFF0F0;
  --ju-success-line:rgba(47,125,85,.24);
  --ju-warning-line:rgba(166,95,0,.24);
  --ju-danger-line:rgba(179,58,58,.22);
  --ju-accent-soft:var(--ju-brand-soft);
  --ju-accent-line:var(--ju-brand-line);
  --ju-accent-focus:var(--ju-brand-focus);
  --ju-accent-hover:var(--ju-brand-hover-fill);
  --ju-shell-bg:var(--ju-anth);
  --ju-shell-text:rgba(255,255,255,.84);
  --ju-shell-text-soft:rgba(255,255,255,.68);
  --ju-shell-line:rgba(255,255,255,.10);
  --ju-shell-fill:rgba(255,255,255,.06);
  --ju-shell-fill-strong:rgba(255,255,255,.12);
  --ju-radius:6px;
  --ju-radius-sm:6px;
  --ju-radius-md:6px;
  --ju-radius-lg:6px;
  --ju-radius-xl:6px;
  --ju-radius-pill:999px;
  --radius-panel:6px;
  --radius-tile:6px;
  --radius-sm:6px;
  --radius-md:6px;
  --radius-lg:6px;
  --radius-xl:6px;
  --ju-primary:var(--ju-brand);
  --ju-primary-soft:var(--ju-accent-soft);
  --ju-info:#5F5965;
  --ju-info-bg:#F2EFF4;
  --ju-info-line:rgba(95,89,101,.24);
  --ju-focus-ring:0 0 0 3px var(--ju-accent-focus);
  --ju-font:system-ui,-apple-system,"Segoe UI",Roboto,Inter,Arial,sans-serif;
  --ju-header-gap:18px;
  --ju-table-accent-line:var(--ju-border);
  --ju-motion-fast:.18s;
  --ju-ease-standard:ease;
  --ju-selected-line:var(--ju-brand);
  --ju-selected-bg:var(--ju-accent-soft);
  --ju-table-left-accent:var(--ju-brand);
  --ju-muted:var(--ju-text-muted);
  --app-workbar-offset:var(--app-workbar-height);
  --folder-depth:0;
  --line:var(--ju-border);
  --line-strong:var(--ju-border-strong);
  --shadow-md:0 12px 24px rgba(15,23,42,.12);
  --surface:var(--ju-card);
  --surface-2:var(--ju-soft);
  --text:var(--ju-text-strong);
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --color-warning:var(--ju-warning);
  --document-page-ratio:210 / 297;
  --offer-accent:var(--ju-brand);

  /* v3.7j-n2a platform foundation tokens. */
  --ju-space-1:4px;
  --ju-space-2:8px;
  --ju-space-3:12px;
  --ju-space-4:16px;
  --ju-space-5:20px;
  --ju-space-6:24px;
  --ju-space-8:32px;
  --ju-space-10:40px;
  --ju-space-12:48px;
  --ju-control-sm:36px;
  --ju-control-md:40px;
  --ju-control-lg:44px;
  --ju-content-reading:780px;
  --ju-content-default:1180px;
  --ju-content-wide:1480px;
  --ju-content-full:1920px;
  --ju-type-display:clamp(32px,2.7vw,46px);
  --ju-type-title:clamp(25px,2vw,34px);
  --ju-type-section:20px;
  --ju-type-body:14px;
  --ju-surface-raised:#FFFFFF;
  --ju-surface-subtle:#FAF8F6;
  --ju-surface-inset:#F0EDE6;
  --ju-shell-graphite:#1F1E21;
  --ju-shell-graphite-deep:#17161A;
  --ju-shadow-raised:0 12px 30px rgba(15,23,42,.08);
  --ju-shadow-floating:0 24px 54px rgba(15,23,42,.16);
  --ju-z-sticky:40;
  --ju-z-overlay:80;
  --ju-z-modal:100;
  --ju-safe-bottom:env(safe-area-inset-bottom,0px);

  /* Compatibility aliases used by existing modules. */
  --ju-accent:var(--ju-brand);
  --ju-accent-strong:var(--ju-brand-strong);
  --ju-gold-soft:var(--ju-brand-soft);
  --ju-ink:var(--ju-text-strong);
  --ju-link:var(--ju-brand);
  --ju-surface:var(--ju-card);
  --ju-surface-muted:var(--ju-soft);

  /* Release-candidate compatibility aliases for consolidated feature modules. */
  --accent:var(--ju-accent);
  --border:var(--ju-border);
  --border-color:var(--ju-border);
  --danger-text:var(--ju-danger);
  --ju-focus:var(--ju-accent);
  --ju-shadow-lg:var(--ju-shadow-floating);
  --ju-warning-text:var(--ju-warning);
  --ju-z-popover:60;
  --muted:var(--ju-text-muted);
  --success:var(--ju-success);
  --success-text:var(--ju-success);
  --surface-muted:var(--ju-soft);
  --surface-soft:var(--ju-soft);
  --surface-subtle:var(--ju-surface-subtle);
  --text-muted:var(--ju-text-muted);
  --warning:var(--ju-warning);
  --warning-bg:var(--ju-warning-bg);
  --warning-border:var(--ju-warning-line);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:var(--ju-font);font-size:14px;line-height:1.5;background:var(--ju-bg);color:var(--ju-anth)}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:18px}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.brand{display:flex;align-items:center;gap:10px}
.brand img{height:28px;width:auto}
.card{background:var(--ju-card);border:1px solid var(--ju-border);border-radius:var(--ju-radius);box-shadow:var(--ju-shadow)}
.card-h{padding:14px 16px;border-bottom:1px solid var(--ju-border);font-weight:600}
.card-b{padding:16px}
.row{display:flex;gap:14px;flex-wrap:wrap}
.kpi{flex:1 1 220px}
.kpi .big{font-size:26px;font-weight:800}
.navgrid{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 18px}
.navitem{padding:10px 14px;border-radius:6px;background:var(--ju-card);border:1px solid var(--ju-border);font-weight:700}
.navitem.active{background:var(--ju-accent-soft);border-color:var(--ju-accent-line)}
.small{font-size:12px;color:var(--ju-text-muted)} /* Notices */
.notice{border:1px solid var(--ju-border);background:var(--ju-card);padding:12px 14px;border-radius:var(--ju-radius);margin:12px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}
.notice>div>strong+span,.notice>strong+span{display:block;margin-top:4px;line-height:1.45}
.notice-warn,
.notice-warning{border-color:var(--ju-accent-line);background:var(--ju-accent-soft)}
.notice-success{border-color:var(--ju-success-bg);background:var(--ju-success-bg)}
.notice-error{border-color:var(--ju-danger);background:var(--ju-danger-bg)} .auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;}
.auth-card{max-width:420px;width:100%;} /* Internal app layout */
.admin-app{background:var(--ju-bg);}
.admin-app .page,.admin-app .home{min-height:100vh;} .admin-app .appMiniBtn{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:6px;background:var(--ju-shell-fill);border:1px solid var(--ju-shell-fill-strong);color:var(--ju-card);font-weight:700;text-decoration:none;}
.admin-app .appMainHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:14px;}
.admin-app .appGrid2{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;}
.admin-app .panel{background:var(--ju-shell-text);border:1px solid var(--ju-border);border-radius:6px;box-shadow:var(--ju-shadow);padding:16px;}
.admin-app .form label{display:block;font-weight:700;margin-bottom:6px;} .admin-app .form textarea{min-height:120px;resize:vertical;}
.admin-app .muted{color:var(--ju-text-muted);}
.admin-app .success,.admin-app .alert{padding:12px 14px;border-radius:6px;margin:0 0 14px 0;border:1px solid var(--ju-border);}
.admin-app .success{background:var(--ju-success-bg);border-color:var(--ju-success-bg);}
.admin-app .alert{background:var(--ju-danger-bg);border-color:var(--ju-danger);}
/* Konsistenzpaket Sprint 2 */
.document-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 16px;}
.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;}
.metric-card{background:var(--ju-card);border:1px solid var(--ju-border);border-radius:6px;box-shadow:0 8px 24px var(--ju-shadow-color);padding:16px;display:grid;gap:6px;}
.metric-card--primary{background:var(--ju-warning-bg);border-color:var(--ju-accent-line);}
.metric-card--success{background:var(--ju-success-bg);border-color:rgba(70,102,85,.22);}
.metric-card--warning{background:var(--ju-warning-bg);border-color:var(--ju-accent-line);}
.metric-card--danger{background:var(--ju-danger-bg);border-color:var(--ju-danger);}
.metric-card--quiet,.metric-card--neutral{background:var(--ju-card);border-color:var(--ju-border);}
.metric-label{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ju-text-muted);}
.metric-value{font-size:30px;line-height:1;font-weight:900;color:var(--ju-text-strong);}
.metric-hint{font-size:13px;color:var(--ju-text-muted);line-height:1.45;}
.alert-box{padding:12px 14px;border-radius:6px;margin:0 0 14px 0;border:1px solid var(--ju-border-strong);background:var(--ju-card);color:var(--ju-text-strong);}
.alert-box--info{background:var(--ju-soft);border-color:var(--ju-border-strong);}
.alert-box--success{background:var(--ju-success-bg);border-color:var(--ju-success-bg);}
.alert-box--warning{background:var(--ju-accent-soft);border-color:var(--ju-accent-line);}
.alert-box--error{background:var(--ju-danger-bg);border-color:var(--ju-danger);}
.form-field--suggest{position:relative;}
.suggest-box{position:absolute;z-index:20;left:0;right:0;top:100%;margin-top:8px;background:var(--ju-card);border:1px solid var(--ju-border);border-radius:6px;box-shadow:0 16px 28px var(--ju-border-strong);max-height:220px;overflow:auto;display:none;}
.suggest-box.is-open,.suggest-box.show{display:block;}
.suggest-box .btn,.suggest-box .suggest-option{display:flex;flex-direction:column;width:100%;padding:12px 14px;border:0;border-radius:0;text-align:left;align-items:flex-start;justify-content:flex-start;background:transparent;color:var(--ju-text);font:inherit;cursor:pointer;}
.suggest-box .btn:hover,.suggest-box .btn:focus,.suggest-box .suggest-option:hover,.suggest-box .suggest-option:focus{background:var(--ju-soft);outline:none;}
.suggest-box strong{display:block;color:var(--ju-text-strong);}
.suggest-box span{display:block;margin-top:4px;color:var(--ju-text-muted);font-size:12px;}
.section--next-step{border-color:var(--ju-accent-line);background:linear-gradient(180deg,var(--ju-warning-bg) 0%,var(--ju-soft) 100%);box-shadow:0 8px 24px var(--ju-accent-soft);}
.section--context-summary{background:var(--ju-warning-bg);border-color:var(--ju-accent-soft);}
.context-list{display:grid;gap:0;}
.context-list-row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--ju-border);} .context-list-row--compact{ padding:8px 0;
} .context-list-row--dense{ padding:6px 0;
} .context-list-row--divided{ padding:10px 0; border-bottom:1px solid var(--ju-border);
} .context-list-row--divided:last-child{ border-bottom:0; padding-bottom:0;
} .context-list-row:last-child{border-bottom:0;padding-bottom:0;}
.context-list-label{font-weight:700;color:var(--ju-text-muted);}
.context-list-value{font-weight:700;color:var(--ju-text-strong);text-align:right;}
.check-input,.radio-input{accent-color:var(--ju-gold);margin:0;}
.checkbox-inline{display:inline-flex;align-items:flex-start;gap:10px;min-height:44px;padding:10px 0;cursor:pointer;color:var(--ju-text);line-height:1.4;}
.checkbox-inline .check-input,.choice-row .check-input,.choice-row .radio-input{flex:0 0 auto;width:18px;height:18px;margin-top:2px;}
.checkbox-inline>span{display:grid;gap:3px;min-width:0;}
.checkbox-inline .form-hint{margin:0;}
.fieldset{min-width:0;}
.choice-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;min-height:44px;margin:8px 0;padding:11px 12px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);color:var(--ju-text);cursor:pointer;}
.choice-row:hover{border-color:var(--ju-border-strong);background:var(--ju-soft);}
.choice-row:focus-within{border-color:var(--ju-gold);box-shadow:0 0 0 3px var(--ju-focus-ring);}
.choice-row>span{display:grid;gap:3px;min-width:0;}
.choice-row strong{color:var(--ju-text-strong);line-height:1.3;}
.choice-row .form-hint{margin:0;}
.empty-state{padding:26px 18px;border:1px dashed var(--ju-border-strong);border-radius:6px;background:var(--ju-card);text-align:center;display:grid;gap:10px;}
.empty-state .form-actions{justify-content:center;}
.header-stack{display:grid;gap:16px;margin:0 0 18px;}
.page-header--document{margin:2px 0 18px;}
@media (max-width: 768px){ .context-list-row{display:block;} .context-list-value{text-align:left;display:block;margin-top:3px;}
} /* === P12 CORE === */
html,body{ width:100%; max-width:100%; overflow-x:hidden;
}
img,svg,iframe,canvas,video{ max-width:100%; height:auto;
}
body{ overflow-wrap:normal;
}
.admin-app,
.admin-app .page,
.admin-app .home,
.container,
.panel,
.card,
.notice, .helpWrap,
.settingsAdminWrap,
.articleWrap,
.ticketAdminWrap,
.moduleShell{ width:100%; max-width:100%;
} .row,
.topbar,
.topbarActions,
.navgrid,
.document-actions,
.quickActionRow,
.sectionActions,
.loginBannerActions{ max-width:100%; flex-wrap:wrap;
}
.table,
.articleTableWrap{ max-width:100%;
}
.articleTableWrap{ overflow:auto; -webkit-overflow-scrolling:touch;
} @media (max-width:1023px){ .admin-app .container, .admin-app .helpWrap, .admin-app .settingsAdminWrap{ padding-left:16px; padding-right:16px; }
} html{scroll-behavior:smooth}
body{background:var(--ju-bg);background-image:none;color:var(--ju-text-strong)}
body.admin-app{background:var(--ju-bg);background-image:none}
.page{padding-bottom:110px}
.card,.docPanel,.docCard,.settingsPanel,.settingsCard,.articlePanel,.ticketPanel,.mailComposerPanel,.surface{ background:var(--ju-card); border:1px solid var(--ju-border); box-shadow:var(--ju-shadow); border-radius:var(--ju-radius);
}
.appMainHeader,.dmsHero,.searchHero,.helpHero{position:relative}
.appMainHeader:after,.dmsHero:after,.searchHero:after,.helpHero:after{ content:'';display:block;width:88px;height:4px;border-radius:6px;margin-top:14px;background:linear-gradient(90deg,var(--ju-gold),transparent);
} .kpi{display:none} .masterMiluLauncher{ position:fixed;right:18px;bottom:18px;z-index:70;display:inline-flex;align-items:center;justify-content:center;gap:0;min-width:48px;min-height:48px;padding:10px;border-radius:6px;background:var(--ju-text-strong);color:var(--ju-card);text-decoration:none;box-shadow:0 14px 34px rgba(15,23,42,.20);border:1px solid var(--ju-shell-fill);cursor:pointer;transition:transform var(--ju-motion-fast) var(--ju-ease-standard),box-shadow var(--ju-motion-fast) var(--ju-ease-standard);
}
.masterMiluLauncher:hover{text-decoration:none;transform:translateY(-1px);color:var(--ju-card)}
.masterMiluLauncher strong{font-size:14px;line-height:1}
.masterMiluLauncher span{font-size:12px;line-height:1;color:var(--ju-shell-text-soft)}
.masterMiluLauncherIcon{ width:28px;height:28px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:var(--ju-gold);color:var(--ju-anth);box-shadow:inset 0 1px 0 var(--ju-shell-text-soft);
}
.masterMiluLauncherIcon svg{width:17px;height:17px}
.masterMiluLauncherLabel{display:none}
@media (max-width:980px){ .masterMiluLauncher{right:16px;bottom:16px} .masterMiluLauncherLabel span{display:none}
}
@media (max-width:640px){ .masterMiluLauncherLabel{display:none} .masterMiluLauncher{right:12px;bottom:12px;min-width:46px;min-height:46px}
} .orderFlowRail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}
.orderFlowStep{position:relative;padding:14px 16px;border-radius:6px;background:linear-gradient(180deg,var(--ju-card),var(--ju-soft));border:1px solid var(--ju-border);box-shadow:0 10px 30px var(--ju-border)}
.orderFlowStep.is-active{border-color:var(--ju-gold);box-shadow:0 16px 40px var(--ju-accent-focus)}
.orderFlowStep::after{content:"";position:absolute;right:-8px;top:50%;width:16px;height:2px;background:var(--ju-border-strong);transform:translateY(-50%)}
.orderFlowStep:last-child::after{display:none}
.orderFlowEyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ju-text-subtle);margin-bottom:6px}
.orderFlowTitle{display:block;font-size:15px;font-weight:700;color:var(--ju-text-strong)}
.orderFlowHint{display:block;font-size:12px;color:var(--ju-text-muted);margin-top:5px;line-height:1.45}
.orderMetaStrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}
.orderMetaCard{padding:16px 18px;border-radius:6px;background:linear-gradient(180deg,var(--ju-card),var(--ju-soft));border:1px solid var(--ju-border);box-shadow:0 18px 45px var(--ju-border)}
.orderMetaLabel{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ju-text-subtle)}
.orderMetaValue{margin-top:8px;font-size:20px;font-weight:700;color:var(--ju-text-strong)}
.orderMetaHint{margin-top:4px;font-size:12px;color:var(--ju-text-muted);line-height:1.45}
.reminderWorkboard{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);gap:18px;margin-top:18px;align-items:start}
.reminderAsideCard{padding:18px;border-radius:6px;background:linear-gradient(180deg,var(--ju-card),var(--ju-soft));border:1px solid var(--ju-border);box-shadow:0 18px 46px var(--ju-border);position:sticky;top:104px}
.reminderAsideCard h3{margin:0 0 10px;font-size:16px;color:var(--ju-text-strong)}
.reminderAsideList{display:grid;gap:10px;margin-top:12px}
.reminderAsideItem{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:12px 14px;border-radius:6px;background:var(--ju-soft);border:1px solid var(--ju-border)}
.reminderAsideItem strong{display:block;font-size:14px;color:var(--ju-text-strong)}
.reminderAsideItem span{display:block;font-size:12px;color:var(--ju-text-muted);margin-top:3px}
.articleTypeCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 0}
.articleTypeCard{padding:14px 16px;border-radius:6px;border:1px solid var(--ju-border);background:linear-gradient(180deg,var(--ju-card),var(--ju-soft));box-shadow:0 16px 38px var(--ju-shadow-color)}
.articleTypeCard.is-active{border-color:var(--ju-gold);box-shadow:0 18px 42px var(--ju-accent-focus)}
.articleTypeCard strong{display:block;font-size:15px;color:var(--ju-text-strong)}
.articleTypeCard span{display:block;font-size:12px;color:var(--ju-text-muted);margin-top:6px;line-height:1.45}
.articleModeHint{margin-top:12px;padding:12px 14px;border-radius:6px;background:var(--ju-warning-bg);border:1px solid var(--ju-accent-line);font-size:13px;color:var(--ju-warning);line-height:1.5}
@media (max-width: 1100px){ .orderFlowRail,.orderMetaStrip,.articleTypeCards{grid-template-columns:repeat(2,minmax(0,1fr))} .reminderWorkboard{grid-template-columns:1fr} .reminderAsideCard{position:static}
}
@media (max-width: 720px){ .orderFlowRail,.orderMetaStrip,.articleTypeCards{grid-template-columns:1fr}
} .settingsHero,
.adminOpsHero,
.helpHubHero,
.billingHero,
.authHeroCard{ position:relative; overflow:hidden; border-radius:6px; border:1px solid var(--ju-border); background:linear-gradient(135deg, var(--ju-accent-soft) 0%, var(--ju-card) 28%, var(--ju-card) 100%); box-shadow:0 18px 42px var(--ju-border);
}
.settingsHero::after,
.adminOpsHero::after,
.helpHubHero::after,
.billingHero::after,
.authHeroCard::after{ content:""; position:absolute; inset:auto -80px -80px auto; width:220px; height:220px; border-radius:6px; background:radial-gradient(circle, var(--ju-accent-focus) 0%, transparent 70%); pointer-events:none;
}
.settingsHero,
.adminOpsHero,
.helpHubHero,
.billingHero{padding:22px; margin-bottom:18px;}
.heroEyebrow{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--ju-gold-strong);margin-bottom:10px;display:inline-flex;align-items:center;gap:8px}
.heroTitle{margin:0;font-size:clamp(26px,3vw,38px);line-height:1.05;color:var(--ju-text-strong)}
.heroLead{margin:10px 0 0;color:var(--ju-text-muted);max-width:760px;line-height:1.6;font-size:15px}
.heroMetaRow{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.heroMetaChip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;border:1px solid var(--ju-border);background:var(--ju-shell-text);font-size:12px;font-weight:800;color:var(--ju-text-muted)}
.heroActionRow{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.softPanel{padding:16px;border-radius:6px;background:var(--ju-card);border:1px solid var(--ju-border);box-shadow:0 10px 24px var(--ju-shadow-color)}
.softGrid2{display:grid;grid-template-columns:1.25fr .95fr;gap:18px}
.softGrid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.segmentCard{padding:16px;border-radius:6px;background:var(--ju-card);border:1px solid var(--ju-border);box-shadow:0 8px 22px var(--ju-shadow-color)}
.segmentCard h3{margin:0 0 8px;font-size:18px;color:var(--ju-text-strong)}
.segmentCard p{margin:0;color:var(--ju-text-muted);line-height:1.55}
.segmentList{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px}
.segmentList li{display:flex;gap:10px;align-items:flex-start;color:var(--ju-text-muted)}
.segmentList li::before{content:"•";color:var(--ju-gold-strong);font-weight:900}
.stepChip{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:6px;background:var(--ju-card);border:1px solid var(--ju-border);font-size:12px;font-weight:800;color:var(--ju-text-strong)}
.authSplit{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,.8fr);gap:18px;align-items:start}
.authHeroCard{padding:22px}
.authHeroCard h2{margin:10px 0 8px;font-size:28px;line-height:1.05;color:var(--ju-text-strong)}
.authHeroCard p{margin:0;color:var(--ju-text-muted);line-height:1.6}
.authTrustList{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}
.authTrustList li{display:flex;gap:10px;align-items:flex-start;color:var(--ju-text-muted)}
.authTrustList li::before{content:"✓";font-weight:900;color:var(--ju-success)}
.authStatGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.authStat{padding:14px;border-radius:6px;background:var(--ju-card);border:1px solid var(--ju-border)}
.authStat strong{display:block;font-size:22px;color:var(--ju-text-strong)}
.authStat span{font-size:12px;font-weight:800;color:var(--ju-text-muted);text-transform:uppercase;letter-spacing:.06em}
.billingFlow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.billingFlow .stepChip{justify-content:flex-start}
.quickTileGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.quickTile{padding:16px;border-radius:6px;background:var(--ju-card);border:1px solid var(--ju-border);box-shadow:0 8px 22px var(--ju-shadow-color)}
.quickTile h3{margin:0 0 6px;font-size:17px;color:var(--ju-text-strong)}
.quickTile p{margin:0;color:var(--ju-text-muted);line-height:1.55}
.quickTile a{margin-top:12px;display:inline-flex;align-items:center;font-weight:800;text-decoration:none}
.helpContextRow{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-bottom:18px}
.miluSpotlight{padding:20px;border-radius:6px;background:linear-gradient(135deg, var(--ju-border) 0%, var(--ju-card) 26%, var(--ju-card) 100%);border:1px solid var(--ju-border-strong);box-shadow:0 14px 28px var(--ju-border)}
.miluSpotlight h2{margin:0 0 8px;font-size:24px;color:var(--ju-text-strong)}
.miluSpotlight p{margin:0;color:var(--ju-text-muted);line-height:1.6}
.contextBadge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:6px;background:var(--ju-border);border:1px solid var(--ju-border-strong);font-size:11px;font-weight:900;color:var(--ju-shell-bg);text-transform:uppercase;letter-spacing:.06em}
@media (max-width: 1100px){ .softGrid2,.helpContextRow,.authSplit{grid-template-columns:1fr} .quickTileGrid,.softGrid3,.billingFlow{grid-template-columns:1fr 1fr}
}
@media (max-width: 720px){ .quickTileGrid,.softGrid3,.billingFlow,.authStatGrid{grid-template-columns:1fr}
} /* === Dashboard shell reset === */ /* remove old secondary dashboard sidebar completely */ .statusStrip{ grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); min-width:0;
}
.statusPillCard{ min-width:0; max-width:100%;
}
.admin-app .dashboardSection[id]{ scroll-margin-top:96px;
} .is-hidden-by-view{ display:none;
} .is-hidden-by-view{ display:none;
} /* ======================================== - keep original workbar layout - tabs use full bar height - search trigger gets slight radius only /* ======================================== - tabs truly flush to workbar height - text optically centered - search trigger slight radius, still right-aligned /* ======================================== /* ======================================== - remove sidebar right border causing bright line - disable any appWorkbar ::before overlays /* ======================================== - force one identical shell gradient for sidebar + workbar - neutralize legacy workbar color drift :root{ --ju-shell-unified-start:var(--ju-anth); --ju-shell-unified-end:var(--ju-shell-bg);
} /* ======================================== - canonicalize one shell color - override geometry so no workspace gap shows through - re-enable a controlled left extension for the workbar :root{ --ju-shell-canonical:var(--ju-shell-bg);
} /* ======================================== - flatten any remaining sidebar/workbar tone drift - add left/right breathing room to Ctrl+K search field /* ======================================== - keep shell/workbar state - only add a bit more bottom spacing for the opened search field /* ======================================== - mobile search belongs to header, not workbar - smooth slide-down sheet under mobile header - keep workbar mobile-only for module navigation /* ======================================== - closed: no extra gap, workbar sits directly below header - open: global search opens between header and workbar - dashboard inline search is fully disabled on mobile /* ======================================== final-mobile-search-reset - mobile header loupe is the only search trigger - mobile search renders between header and workbar - workbar stays dropdown-only on mobile /* ======================================== Bereinigte Basis nur für Hauptnavigation / Workbar / mobile Suche: - mobile Suchpanel ohne weißen Rand / Streifen - Suchpanel bündig zum Viewport, Innenabstand nur im inneren Shell - Workbar unten ohne Restspalt /* ======================================== part8-mobile-menu-search-dropdown-fix - entfernt linken Streifen der mobilen Suche - integriert Dropdown bündig in die Workbar /* === shared search result styles === */
.searchHero{display:grid;gap:14px;margin-bottom:18px}
.searchHeroCard{padding:0;background:transparent;border:0;box-shadow:none;border-radius:0}
.searchGroup,.searchEmpty{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}
.searchHeroTop{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.searchHeroLabel,.searchChip,.searchGroupCount,.searchResultBadge,.searchAction{display:inline-flex;align-items:center;padding:7px 10px;border-radius:6px;font-weight:800;font-size:12px}
.searchHeroLabel{gap:8px;background:var(--ju-warning-bg);color:var(--ju-gold-strong)}
.searchGroupCount,.searchChip{background:var(--ju-soft);border:1px solid var(--ju-border);color:var(--ju-text-muted)}
.searchChip.is-active{background:var(--ju-text-strong);color:var(--ju-card);border-color:var(--ju-text-strong);text-decoration:none}
.searchHero h1{margin:10px 0 0;font-size:32px;line-height:1.08;color:var(--ju-text-strong)}
.searchHero p{margin:8px 0 0;color:var(--ju-text-muted);font-size:15px;line-height:1.55}
.searchFilters{display:grid;gap:12px;margin-top:14px}
.searchChipRow{display:flex;gap:8px;flex-wrap:wrap}
.searchSelectRow{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.searchSelectRow .select{max-width:100%;}
.searchGroup{margin:28px 0 0;padding-top:18px;border-top:1px solid var(--ju-border)}
.searchGroupHead{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:10px;padding-bottom:8px}
.searchGroupTitle{margin:0;font-size:24px;line-height:1.15;color:var(--ju-text-strong)}
.searchResultList{display:grid;gap:0}
.searchResultItem{display:grid;gap:10px;padding:16px 0;border-top:1px solid var(--ju-border);background:transparent;border-radius:0;box-shadow:none}
.searchResultList .searchResultItem:first-child{border-top:0}
.searchResultTop{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.searchResultBody{display:grid;gap:6px;min-width:0}
.searchResultTitle{font-size:20px;font-weight:800;line-height:1.18;color:var(--ju-text-strong)}
.searchResultTitle a{color:inherit;text-decoration:none}
.searchResultTitle a:hover{text-decoration:underline}
.searchResultSub{font-size:15px;line-height:1.55;color:var(--ju-text-muted)}
.searchResultMeta{font-size:13px;color:var(--ju-text-muted);line-height:1.6}
.searchResultBadge{align-self:flex-start;background:transparent;border:1px solid var(--ju-accent-focus);color:var(--ju-gold-strong);white-space:nowrap;padding:6px 10px}
.searchActions{display:flex;gap:8px;flex-wrap:wrap;padding-top:0}
.searchAction{background:var(--ju-card);border:1px solid var(--ju-border);color:var(--ju-text-strong);text-decoration:none;transition:border-color .18s ease, background .18s ease, color .18s ease}
.searchAction:hover{border-color:var(--ju-border-strong);background:var(--ju-soft)}
.searchAction--primary{background:var(--ju-text-strong);color:var(--ju-card);border-color:var(--ju-text-strong)}
.searchAction--primary:hover{background:var(--ju-text-strong);color:var(--ju-card);border-color:var(--ju-text-strong)}
.searchHintGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.searchHint{padding:14px 0 0;border-radius:0;background:transparent;border:0;border-top:1px solid var(--ju-border)}
.searchHint strong{display:block;margin-bottom:4px;color:var(--ju-text-strong)}
.searchHint span{font-size:13px;color:var(--ju-text-muted)}
.searchEmpty{margin-top:18px;padding:16px 0;border-top:1px dashed var(--ju-border-strong);color:var(--ju-text-muted)} /* === live search results in dashboard workbar === */ .admin-app .dashboardSearchResultsHost{margin:18px 0 20px}
.admin-app .dashboardSearchResultsHead{display:block;margin-bottom:12px}
.admin-app .dashboardSearchResultsEyebrow{display:inline-flex;align-items:center;padding:7px 10px;border-radius:6px;font-size:12px;font-weight:800;background:var(--ju-warning-bg);color:var(--ju-gold-strong)}
.admin-app .dashboardSearchResultsTitle{margin:10px 0 0;font-size:30px;line-height:1.08;color:var(--ju-text-strong)}
.admin-app .dashboardSearchResultsLead{margin:8px 0 0;color:var(--ju-text-muted);font-size:14px;line-height:1.55}
.admin-app .dashboardSearchResultsBody .searchGroup:last-child,
.admin-app .dashboardSearchResultsBody .searchEmpty:last-child{margin-bottom:0}
.admin-app .dashboardSearchResultsBody .searchGroup,
.admin-app .dashboardSearchResultsBody .searchEmpty{background:transparent}
@media (max-width:760px){ .searchHero h1,.admin-app .dashboardSearchResultsTitle{font-size:26px} .searchHintGrid{grid-template-columns:1fr} .searchResultTop{flex-direction:column}
} /* ======================================== - sticky workbar - flatter search trigger - plain search results surface - hide module chrome while search-results tab is active @media (min-width:981px){ .admin-app .dashboardSearchResultsHost{ margin:0 0 28px; padding:0; background:var(--ju-card); background-image:none; border:0; box-shadow:none; } .admin-app .dashboardSearchResultsHead{ margin:0 0 18px; padding:0; border:0; background:transparent; } .admin-app .dashboardSearchResultsTitle{ margin:0; } .admin-app .dashboardSearchResultsLead{ margin-top:8px; } } .admin-app .dashboardSearchResultsEyebrow{ display:none;
} .admin-app .dashboardSearchResultsBody,
.admin-app .dashboardSearchResultsBody .searchGroup,
.admin-app .dashboardSearchResultsBody .searchResultItem,
.admin-app .dashboardSearchResultsBody .searchEmpty{ background:var(--ju-card); background-image:none; box-shadow:none;
} .admin-app .dashboardSearchResultsBody .searchGroup{ margin-top:22px; padding-top:18px;
} .admin-app .dashboardSearchResultsBody .searchResultItem{ padding:14px 0;
} .admin-app .is-hidden-by-view{ display:none;
} /* ======================================== - remove foreign white page feel - use dashboard background and linear result hierarchy - emphasize section headers with gold divider .admin-app .dashboardSearchResultsHost,
.admin-app .dashboardSearchResultsHead,
.admin-app .dashboardSearchResultsBody,
.admin-app .dashboardSearchResultsBody .searchGroup,
.admin-app .dashboardSearchResultsBody .searchResultItem,
.admin-app .dashboardSearchResultsBody .searchEmpty{ background:transparent; background-image:none; border-radius:0; box-shadow:none;
} .admin-app .dashboardSearchResultsHost{ margin:0 0 28px; padding:0;
} .admin-app .dashboardSearchResultsHead{ margin:0 0 18px; padding:0;
} .admin-app .dashboardSearchResultsTitle{ margin:0; font-size:30px; line-height:1.05; letter-spacing:-0.02em; color:var(--ju-text-strong);
} .admin-app .dashboardSearchResultsLead{ margin:8px 0 0; font-size:14px; color:var(--ju-text-muted);
} .admin-app .dashboardSearchResultsBody .searchGroup{ margin-top:26px; padding-top:0; border-top:0;
} .admin-app .dashboardSearchResultsBody .searchGroupHead{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:14px; margin:0 0 12px; padding:0;
} .admin-app .dashboardSearchResultsBody .searchGroupTitle{ display:inline-flex; align-items:center; gap:12px; margin:0; min-width:0; font-size:18px; line-height:1.15; font-weight:900; letter-spacing:.01em; color:var(--ju-text-strong);
} .admin-app .dashboardSearchResultsBody .searchGroupTitle::before{ content:""; display:inline-block; width:34px; height:2px; border-radius:6px; background:linear-gradient(90deg, var(--ju-gold) 0%, var(--ju-gold) 100%); box-shadow:0 0 0 1px var(--ju-shadow-color-soft);
} .admin-app .dashboardSearchResultsBody .searchGroupCount{ padding:5px 11px; border-radius:6px; background:var(--ju-shell-text-soft); border:1px solid var(--ju-border); color:var(--ju-text-strong); font-size:12px; font-weight:800;
} .admin-app .dashboardSearchResultsBody .searchResultList{ display:grid; gap:0;
} .admin-app .dashboardSearchResultsBody .searchResultItem{ display:grid; gap:10px; padding:16px 0; border-top:1px solid var(--ju-border);
} .admin-app .dashboardSearchResultsBody .searchResultList .searchResultItem:first-child{ border-top:1px solid var(--ju-border-strong);
} .admin-app .dashboardSearchResultsBody .searchResultTop{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:14px;
} .admin-app .dashboardSearchResultsBody .searchResultBody{ gap:4px;
} .admin-app .dashboardSearchResultsBody .searchResultTitle{ font-size:22px; line-height:1.14; font-weight:850; letter-spacing:-0.015em; color:var(--ju-text-strong);
} .admin-app .dashboardSearchResultsBody .searchResultItem--code-title .searchResultTitle{ font-size:17px; line-height:1.2; letter-spacing:.01em;
} .admin-app .dashboardSearchResultsBody .searchResultSub{ font-size:15px; line-height:1.5; color:var(--ju-text-muted);
} .admin-app .dashboardSearchResultsBody .searchResultMeta{ font-size:13px; line-height:1.55; color:var(--ju-text-muted);
} .admin-app .dashboardSearchResultsBody .searchResultBadge{ align-self:start; padding:5px 10px; border-radius:6px; border:1px solid var(--ju-accent-line); background:var(--ju-accent-soft); color:var(--ju-gold-strong); font-size:12px; font-weight:800;
} .admin-app .dashboardSearchResultsBody .searchActions{ display:flex; gap:12px; flex-wrap:wrap; padding-top:0;
} .admin-app .dashboardSearchResultsBody .searchAction{ padding:0; border:0; border-radius:0; background:transparent; color:var(--ju-text-strong); font-size:13px; font-weight:800; text-decoration:none; box-shadow:none;
} .admin-app .dashboardSearchResultsBody .searchAction::after{ content:"→"; display:inline-block; margin-left:6px; color:var(--ju-gold-strong); transition:transform .18s ease;
} .admin-app .dashboardSearchResultsBody .searchAction:hover{ color:var(--ju-text-strong);
} .admin-app .dashboardSearchResultsBody .searchAction:hover::after{ transform:translateX(2px);
} .admin-app .dashboardSearchResultsBody .searchAction--primary{ color:var(--ju-text-strong);
} .admin-app .dashboardSearchResultsBody .searchEmpty{ margin-top:14px; padding:18px 0; border-top:1px dashed var(--ju-border-strong); color:var(--ju-text-muted);
} @media (max-width:760px){ .admin-app .dashboardSearchResultsBody .searchGroupHead{ grid-template-columns:1fr; } .admin-app .dashboardSearchResultsTitle{ font-size:26px; } .admin-app .dashboardSearchResultsBody .searchGroupTitle{ font-size:20px; } .admin-app .dashboardSearchResultsBody .searchResultTitle{ font-size:18px; }
} /* ========================================================================== Core components: buttons, forms, badges and toolbars ========================================================================== */ .btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:40px; padding:0 14px; border:1px solid var(--ju-border-strong); border-radius:6px; background:var(--ju-card); color:var(--ju-text-strong); font:inherit; font-size:14px; font-weight:700; line-height:1; text-decoration:none; cursor:pointer; box-shadow:none; transition: background-color var(--ju-motion-fast) var(--ju-ease-standard), border-color var(--ju-motion-fast) var(--ju-ease-standard), color var(--ju-motion-fast) var(--ju-ease-standard), box-shadow var(--ju-motion-fast) var(--ju-ease-standard), transform var(--ju-motion-fast) var(--ju-ease-standard);
} .btn:hover,
.btn:focus{ background:var(--ju-soft); border-color:var(--ju-accent-line); color:var(--ju-text-strong); outline:none;
} .btn:focus-visible{ box-shadow:0 0 0 3px var(--ju-accent-focus);
} .btn[disabled],
.btn.is-disabled{ opacity:1; cursor:not-allowed; pointer-events:none; background:var(--ju-soft); border-color:var(--ju-border); color:var(--ju-text-muted); box-shadow:none;
} .btn-primary{ background:linear-gradient(180deg,var(--ju-brand) 0%,var(--ju-gold) 100%); border-color:#A64B23; color:#2B250F;
} .btn-primary:hover,
.btn-primary:focus{ background:var(--ju-gold); border-color:var(--ju-gold); color:var(--ju-anth); box-shadow:0 0 0 3px var(--ju-accent-focus);
} .btn-primary[disabled],
.btn-primary.is-disabled{ background:var(--ju-soft); border-color:var(--ju-border); color:var(--ju-text-muted); box-shadow:none; } .btn-secondary{ background:#fff; border-color:var(--ju-border-strong); color:var(--ju-text);
} .btn-secondary:hover,
.btn-secondary:focus{ background:var(--ju-soft); border-color:var(--ju-accent-line);
} .btn-danger{ background:var(--ju-danger-bg); border-color:var(--ju-danger-line); color:var(--ju-danger);
} .btn-danger:hover,
.btn-danger:focus{ background:var(--ju-danger-bg); border-color:var(--ju-danger); color:var(--ju-danger);
} .btn-sm{ min-height:36px; padding:0 12px; font-size:13px;
} .btn-icon{ width:38px; padding:0;
} .btn-help{ flex:0 0 auto; font-size:18px; font-weight:900; line-height:1;
} .form-field{ display:grid; gap:6px; min-width:0;
} .form-label{ color:var(--ju-text-strong); font-size:13px; font-weight:700; line-height:1.35;
} .form-label--hidden{ display:none;
} .form-label--block{ display:block; margin-bottom:8px;
} .form-label--compact{ margin:0 0 6px;
} .form-label--upper{ font-size:12px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:var(--ju-text-muted);
} .field-min-0 > *,
.field-min-0{ min-width:0;
} .form-hint{ color:var(--ju-text-muted); font-size:12px; line-height:1.45;
} .input,
.select,
.textarea{ width:100%; min-height:40px; padding:8px 12px; border:1px solid var(--ju-border-strong); border-radius:6px; background:var(--ju-card); color:var(--ju-text-strong); font:inherit; box-shadow:none; transition: background-color var(--ju-motion-fast) var(--ju-ease-standard), border-color var(--ju-motion-fast) var(--ju-ease-standard), color var(--ju-motion-fast) var(--ju-ease-standard), box-shadow var(--ju-motion-fast) var(--ju-ease-standard);
} .input::placeholder,
.textarea::placeholder{ color:var(--ju-text-subtle);
} .input:focus,
.select:focus,
.textarea:focus{ outline:none; border-color:var(--ju-gold); box-shadow:0 0 0 3px var(--ju-accent-focus);
} .input[disabled],
.select[disabled],
.textarea[disabled]{ background:var(--ju-soft); color:var(--ju-text-muted); border-color:var(--ju-border); cursor:not-allowed; opacity:.78;
} .input[readonly],
.select[readonly],
.textarea[readonly],
.input.is-calculated,
.select.is-calculated,
.textarea.is-calculated,
[data-calculated="true"]{ background:var(--ju-soft); color:var(--ju-text-strong); border-color:var(--ju-border); cursor:default;
} .textarea{ min-height:120px; padding-top:10px; padding-bottom:10px; resize:vertical;
} .select{ appearance:none; -webkit-appearance:none; -moz-appearance:none; background-image: linear-gradient(45deg,transparent 50%,var(--ju-text-muted) 50%), linear-gradient(135deg,var(--ju-text-muted) 50%,transparent 50%); background-position: calc(100% - 18px) calc(50% - 2px), calc(100% - 12px) calc(50% - 2px); background-size:6px 6px,6px 6px; background-repeat:no-repeat; padding-right:32px;
} .badge,
.pill{ display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:24px; padding:0 9px; border:1px solid var(--ju-border); border-radius:6px; background:var(--ju-soft); color:var(--ju-text-muted); font-size:12px; font-weight:800; line-height:1; text-decoration:none; white-space:nowrap;
} .badge-success,
.pill-success{ background:var(--ju-success-bg); border-color:var(--ju-success); color:var(--ju-success);
} .badge-warning,
.pill-warning{ background:var(--ju-warning-bg); border-color:var(--ju-accent-line); color:var(--ju-warning);
} .badge-danger,
.pill-danger{ background:var(--ju-danger-bg); border-color:var(--ju-danger-line); color:var(--ju-danger);
} .badge-muted,
.badge-neutral,
.pill-muted{ background:var(--ju-soft); border-color:var(--ju-border); color:var(--ju-text-muted);
} .ui-toolbar{ display:flex; align-items:center; gap:var(--space-3); flex-wrap:wrap;
} .ui-toolbar--between{ justify-content:space-between;
} .ui-toolbar--end{ justify-content:flex-end;
} @media (prefers-reduced-motion: reduce){ .btn, .input, .select, .textarea{ transition:none; }
} /* ==== Core UI system (Styleguide ) ==== */ .page-header{ display:flex; align-items:flex-start; justify-content:space-between; gap:18px; flex-wrap:wrap; margin:0 0 var(--ju-header-gap);
} .page-header-title{ display:grid; grid-template-columns:minmax(0,1fr); align-content:start; gap:8px; position:relative; padding-left:14px; min-width:0;
} .page-header-title>.page-title, .page-header-title>.page-subtitle{ grid-column:1; display:block; width:100%; min-width:0; } .page-header-title::before{ content:""; position:absolute; left:0; top:4px; bottom:4px; width:3px; border-radius:6px; background:var(--ju-gold); opacity:.55;
} .page-title{ margin:0; font-size:clamp(28px,2vw,34px); line-height:1.1; letter-spacing:-.03em; font-weight:750; color:var(--ju-text-strong);
} .page-subtitle{ margin:0; max-width:72ch; color:var(--ju-text-muted); font-size:15px; line-height:1.5;
} .page-meta{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:0; color:var(--ju-text-muted); font-size:14px; line-height:1.5;
} .page-meta strong{ color:var(--ju-text-strong); font-weight:800;
} .page-meta-sep{ color:var(--ju-text-subtle);
} .page-header-actions{ display:flex; align-items:center; gap:10px; flex-wrap:wrap;
} .page-header-actions>form,.form-actions>form{display:inline-flex;margin:0;align-items:stretch;
} .page-header--compact .page-title{ font-size:clamp(28px,2vw,36px); line-height:1.06;
} .page-header--document{ margin:2px 0 18px;
} .page-header--stack{ display:grid; gap:8px;
} .header-stack{ display:grid; gap:16px; margin:0 0 18px;
} .section{ display:grid; gap:14px;
} .section-header{ display:grid; gap:4px;
} .section-header--with-action{ display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;
} .section-header--with-action .section-title{ min-width:0;
} .section-header--with-action .btn-icon{ flex:0 0 auto;
}
.financeAccountHelpBody{display:grid;gap:14px;}
.financeAccountHelpIntro{border:1px solid var(--ju-accent-line);border-left:4px solid var(--ju-gold);border-radius:var(--ju-radius);background:linear-gradient(135deg,var(--ju-card),var(--ju-warning-bg));padding:14px 16px;}
.financeAccountHelpIntro strong,.financeAccountHelpNote strong{display:block;color:var(--ju-text-strong);margin:0 0 5px;}
.financeAccountHelpIntro p,.financeAccountHelpNote p{margin:0;color:var(--ju-text-muted);line-height:1.55;}
.financeAccountHelpSteps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;margin:0;padding:0;}
.financeAccountHelpSteps li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:flex-start;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);padding:12px;min-width:0;}
.financeAccountHelpSteps li>span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:var(--ju-gold);color:#111827;font-size:12px;font-weight:900;line-height:1;}
.financeAccountHelpSteps strong{display:block;color:var(--ju-text-strong);font-size:14px;line-height:1.35;}
.financeAccountHelpSteps p{margin:4px 0 0;color:var(--ju-text-muted);font-size:12px;line-height:1.45;}
.financeAccountHelpNote{margin:0;}
@media(max-width:820px){.financeAccountHelpSteps{grid-template-columns:1fr;}}
 .section-title{ margin:0; font-size:16px; font-weight:800; color:var(--ju-text-strong);
} .section-lead{ margin:0; color:var(--ju-text-muted); font-size:13px; line-height:1.5;
} .section-header--flush{ padding:0 0 10px; margin:0; border-bottom:0;
} .section-content--flush{ padding:0;
} .empty-state--flush{ background:transparent; border:0; box-shadow:none; padding:0;
} .page-meta--tight{ margin-bottom:12px;
} .table-sort{ width:100%; padding:10px 11px; border:0; background:transparent; text-align:left; font-size:11.5px; line-height:1.2; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--ju-text-muted); cursor:pointer; transition: background-color var(--ju-motion-fast) var(--ju-ease-standard), border-color var(--ju-motion-fast) var(--ju-ease-standard), color var(--ju-motion-fast) var(--ju-ease-standard), box-shadow var(--ju-motion-fast) var(--ju-ease-standard), opacity var(--ju-motion-fast) var(--ju-ease-standard), transform var(--ju-motion-fast) var(--ju-ease-standard);
} .table-sort:hover,
.table-sort:focus{ color:var(--ju-text-strong); outline:none;
} .table-sort.is-active{ color:var(--ju-text-strong); border-bottom:2px solid var(--ju-gold);
} .table-sort.is-active::after{ content:"▾"; display:inline-block; margin-left:6px; font-size:11px; transform:translateY(-1px);
} .table-sort[data-sort-dir="asc"].is-active::after{ content:"▴";
} .table-wrap{ overflow:auto; border:1px solid var(--ju-border); border-radius:var(--ju-radius); background:#fff; position:relative; transition: background-color var(--ju-motion-fast) var(--ju-ease-standard), border-color var(--ju-motion-fast) var(--ju-ease-standard), box-shadow var(--ju-motion-fast) var(--ju-ease-standard), opacity var(--ju-motion-fast) var(--ju-ease-standard), transform var(--ju-motion-fast) var(--ju-ease-standard);
} .table-wrap::before{ content:""; position:absolute; left:0; right:0; top:0; height:1px; background:var(--ju-table-accent-line); border-top-left-radius:var(--ju-radius); border-top-right-radius:var(--ju-radius); pointer-events:none; transition: background-color var(--ju-motion-fast) var(--ju-ease-standard), border-color var(--ju-motion-fast) var(--ju-ease-standard), opacity var(--ju-motion-fast) var(--ju-ease-standard);
} .table-wrap.is-linked{ padding-left:12px;
} .table-wrap.is-linked::after{ content:""; position:absolute; left:0; top:10px; bottom:10px; width:3px; border-radius:6px; background:var(--ju-table-left-accent); opacity:.55; pointer-events:none;
} .table-wrap.is-linked::before{ left:12px;
} .table{ width:100%; border-collapse:separate; border-spacing:0;
} .table th,
.table td{ padding:11px 10px; border-bottom:1px solid var(--ju-border); text-align:left; vertical-align:top;
} .table th{ color:var(--ju-text-muted); font-size:11.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; background:#F8F9FB; border-bottom:1px solid var(--ju-border-strong);
} .table tbody tr > td{ transition: background-color var(--ju-motion-fast) var(--ju-ease-standard), border-color var(--ju-motion-fast) var(--ju-ease-standard), color var(--ju-motion-fast) var(--ju-ease-standard), box-shadow var(--ju-motion-fast) var(--ju-ease-standard);
} .table tbody tr:hover > td{ background:var(--ju-accent-hover);
} .table tr.is-selected > td,
.table tbody tr.is-selected:hover > td{ background:var(--ju-selected-bg); box-shadow:inset 0 1px 0 var(--ju-accent-line), inset 0 -1px 0 var(--ju-accent-line);
} .table tr.is-selected{ outline:1px solid var(--ju-accent-line); outline-offset:-1px;
} .table tr.is-selected > td:first-child{ position:relative; box-shadow: inset 3px 0 0 var(--ju-selected-line), inset 0 1px 0 var(--ju-accent-line), inset 0 -1px 0 var(--ju-accent-line);
} .table-actions{ text-align:right; white-space:nowrap;
} .table-amount{ text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums;
} .table-status{ white-space:nowrap;
} .table-empty-cell{ text-align:center; color:var(--ju-text-muted); padding:24px 16px;
} .table-compact th,
.table-compact td{ padding-top:9px; padding-bottom:9px;
} .table-subline{ display:block; margin-top:3px; color:var(--ju-text-muted); font-size:12px; line-height:1.35;
} .table-filters{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:0 0 var(--ju-header-gap);
} .table-filter{ display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:38px; padding:0 12px; border:1px solid var(--ju-border); border-radius:var(--ju-radius); background:var(--ju-card); color:var(--ju-text-muted); font-size:13px; font-weight:600; line-height:1; cursor:pointer; transition: background-color var(--ju-motion-fast) var(--ju-ease-standard), border-color var(--ju-motion-fast) var(--ju-ease-standard), color var(--ju-motion-fast) var(--ju-ease-standard), box-shadow var(--ju-motion-fast) var(--ju-ease-standard);
} .table-filter:hover,
.table-filter:focus{ background:var(--ju-soft); border-color:var(--ju-accent-line); color:var(--ju-text-strong); outline:none;
} .table-filter.is-active,
.table-filter[aria-pressed="true"],
.table-filter[aria-current="true"],
.table-filter[data-active="true"]{ background:var(--ju-accent-soft); border-color:var(--ju-accent-line); color:var(--ju-text-strong); box-shadow:inset 0 0 0 1px var(--ju-accent-line);
} .metric-grid--compact{ grid-template-columns:repeat(3,minmax(0,1fr));
} .pageAlert{ display:flex; align-items:flex-start; gap:10px;
} .pageAlert--soft{ background:var(--ju-accent-soft); border:1px solid var(--ju-accent-focus); border-radius:6px; padding:12px 14px;
} /* workbar-only shell cleanup */
.appShellGrid--document.docGrid,
.appShellGrid--settings.settingsShell,
.appShellGrid--compact.articleShell,
.appShellGrid--compact.tasksShell,
.appShellGrid--dms.dmsGrid,
.appShellGrid--dms-view.dmsViewGrid{ grid-template-columns:minmax(0,1fr); gap:16px;
} @media (max-width:980px){ .metric-grid--compact{ grid-template-columns:1fr; }
} @media (max-width:860px){ .page-header{ gap:14px; } .page-title{ font-size:clamp(30px,4.5vw,38px); } .form-row, .form-grid{ grid-template-columns:1fr; } .table-filters{ gap:8px; } .table-filter{ min-height:34px; padding:0 11px; }
} @media (max-width:640px){ .page-header-title{ padding-left:10px; } .page-header-title::before{ width:2px; opacity:.4; } .page-header{ margin:0 0 14px; } .table-filters{ margin:0 0 14px; } .table-wrap{ border-radius:6px; } .table-wrap::before{ border-top-left-radius:8px; border-top-right-radius:8px; } .table-wrap.is-linked{ padding-left:10px; } .table-wrap.is-linked::after{ top:8px; bottom:8px; width:2px; opacity:.4; } .table-wrap.is-linked::before{ left:10px; }
} @media (prefers-reduced-motion: reduce){ .page-header-title, .page-header-title::before, .table-wrap, .table-wrap::before, .table tbody tr > td, .table-filter, .table-sort{ transition:none; }
} /* ========================================================================== Final utilities: visibility and spacing ========================================================================== */ .is-hidden{ display:none;
} .stack-top-sm{ margin-top:12px;
} .stack-top-md{ margin-top:16px;
} .auth-card--narrow{ max-width:560px; margin:0 auto;
} .section-lead--spaced-sm{ margin-top:4px;
} .section-lead--spaced-md{ margin-top:8px;
} .section-header--document{ display:flex; justify-content:space-between; gap:14px; align-items:flex-end; flex-wrap:wrap; margin:0 0 14px;
} .card-h .section-header--document,.card-b .section-header--document{margin:0;width:100%;align-items:center;} /* ==== Core layout/form helpers (Styleguide ) ==== */
.form-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-items:start;
} .form-grid--single{ grid-template-columns:1fr;
} .form-grid--toolbar{ grid-template-columns:minmax(220px,1fr) minmax(160px,auto) minmax(120px,auto) auto; align-items:end;
} .form-row{ display:grid; gap:8px;
} .form-actions{ display:flex; gap:10px; align-items:center; flex-wrap:wrap;
} .form-actions--end{ justify-content:flex-end;
} .form-field--span-2{ grid-column:1 / -1;
} .layout-main{ display:grid; grid-template-columns:minmax(0,2fr) minmax(280px,1fr); gap:16px; align-items:start;
} .layout-grid-2{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start;
} .card-collapsible summary{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; cursor:pointer; padding:14px 16px; font-weight:700; list-style:none;
} .card-collapsible summary>span{ display:grid; grid-template-columns:minmax(0,1fr); gap:3px; min-width:0;
} .card-collapsible summary>span>strong, .card-collapsible summary>span>small{ display:block; min-width:0;
} .card-collapsible summary>span>small{ color:var(--ju-text-muted); font-size:12px; font-weight:500; line-height:1.4;
} .card-collapsible summary::-webkit-details-marker{ display:none;
} .card-collapsible summary::after{ content:"▾"; flex:0 0 auto; margin-left:auto; color:var(--ju-text-muted);
} .card-collapsible:not([open]) summary::after{ content:"▸";
} .card-collapsible .card-b{ border-top:1px solid var(--ju-border);
} @media (max-width:980px){ .layout-main, .layout-grid-2, .form-grid, .form-grid--toolbar{ grid-template-columns:1fr; }
} /* ==== Core UI refinements (Styleguide ) ==== */
.ui-toolbar--stretch{ width:100%;
} .ui-toolbar--stretch .form-field{ flex:1 1 220px; min-width:180px;
} .ui-toolbar--stretch .form-field:first-child{ flex:2 1 360px;
} .ui-toolbar--stretch .input,
.ui-toolbar--stretch .select{ width:100%;
} .layout-main,
.layout-grid-2,
.metric-grid{ margin-bottom:16px;
} .card-collapsible{ margin-top:14px;
} .card-collapsible summary:hover{ background:var(--ju-soft);
} .required-marker{ color:var(--ju-danger); font-weight:800; }
.input.is-invalid,
.select.is-invalid,
.textarea.is-invalid{ border-color:var(--ju-danger); background:var(--ju-danger-bg); box-shadow:0 0 0 3px rgba(170,58,48,.12);
} /* ==== Document viewer + review field states ==== */
.input--autofilled{ background:var(--ju-warning-bg); border-color:var(--ju-accent-line);
} .select.input--autofilled{ background-color:var(--ju-warning-bg); border-color:var(--ju-accent-line); background-image:linear-gradient(45deg,transparent 50%,var(--ju-text-muted) 50%),linear-gradient(135deg,var(--ju-text-muted) 50%,transparent 50%); background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px); background-size:6px 6px,6px 6px; background-repeat:no-repeat; padding-right:32px;
} .documentViewer{ display:grid; gap:12px;
} .documentViewerViewport{ position:relative; min-height:220px; max-height:78vh; overflow:auto; padding:12px; border:1px solid var(--ju-border); border-radius:6px; background:var(--ju-soft);
} .documentViewerCanvasHost{ display:grid; justify-items:center;
} .documentViewerCanvas{ max-width:100%; height:auto; background:var(--ju-card); border:1px solid var(--ju-border); border-radius:6px; box-shadow:var(--ju-shadow);
} .documentViewerLoading,
.documentViewerFallback{ padding:16px; border:1px solid var(--ju-border); border-radius:6px; background:var(--ju-card); color:var(--ju-text-muted);
} .documentViewerActions{ display:flex; justify-content:flex-end; gap:10px; flex-wrap:wrap;
} .documentViewerPager{ margin-top:10px;
}
.documentViewer.is-page-flow .documentViewerViewport{max-height:none;overflow:visible;}
.documentViewer.is-page-flow .documentViewerCanvasHost{display:grid;gap:28px;justify-items:center;}
.documentViewerPageFlowItem{display:grid;gap:8px;justify-items:center;margin:0;}
.documentViewerCanvas--flow{max-width:100%;height:auto;}
.documentViewerPageCaption{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 12px;border:1px solid var(--ju-border-soft);border-radius:6px;background:var(--ju-card);color:var(--ju-text-muted);font-size:12px;font-weight:800;}

/* ==== Offer document workspace ==== */
.offerProcessPanel{padding:0;overflow:hidden;}
.offerProcessLayout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:0;align-items:stretch;}
.offerProcessSummary{min-width:0;padding:22px 24px 24px;}
.offerProcessHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--ju-border-soft);}
.offerProcessHeader h2,.offerDocumentHeader h2{margin:0;color:var(--ju-text-strong);font-size:20px;line-height:1.2;letter-spacing:-.01em;}
.offerProcessHeader p,.offerDocumentHeader p{margin:5px 0 0;color:var(--ju-text-muted);font-size:13px;line-height:1.45;}
.offerProcessDetailsLink{display:flex;justify-content:flex-start;margin-top:12px;}
.offerProcessNotice{margin-top:14px;}
.offerRevisionChain{display:grid;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--ju-border-soft);}
.offerRevisionChain > strong{color:var(--ju-text-strong);font-size:13px;}
.offerRevisionChain > div{display:flex;flex-wrap:wrap;gap:8px;}
.offerRevisionChip{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-soft);color:var(--ju-text);font-size:12px;font-weight:850;text-decoration:none;}
.offerRevisionChip:hover{border-color:var(--ju-accent-line);background:var(--ju-accent-soft);}
.offerActionPanel{display:grid;align-content:start;gap:16px;padding:22px;background:linear-gradient(180deg,rgba(248,250,252,.96),rgba(241,245,249,.92));border-left:1px solid var(--ju-border-soft);}
.offerActionPanelHeader{display:grid;gap:3px;padding:0 0 14px;border-bottom:1px solid var(--ju-border-soft);}
.offerActionPanelHeader span,.offerActionGroupLabel{color:var(--ju-text-muted);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.06em;}
.offerActionPanelHeader strong{color:var(--ju-text-strong);font-size:17px;line-height:1.2;}
.offerActionGroup{display:grid;gap:8px;}
.offerActionGroup--primary{padding-bottom:2px;}
.offerActionButton{width:100%;justify-content:center;min-height:40px;}
.offerActionButton[disabled]{opacity:.56;cursor:not-allowed;}
.offerDocumentCard{padding:0;overflow:visible;}
.offerDocumentHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 24px;border-bottom:1px solid var(--ju-border-soft);}
.offerDocumentHeaderActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.offerDocumentStage{padding:24px;background:linear-gradient(135deg,#f8fafc,#eef2f7);}
.offerDocumentStage .documentViewer{gap:14px;}
.offerDocumentStage .documentViewerViewport{max-height:none;overflow:visible;min-height:0;padding:28px;border-color:var(--ju-border-soft);border-radius:6px;background:linear-gradient(135deg,#eef2f7,#e5eaf0);}
.offerDocumentStage .documentViewerCanvas{border-radius:6px;border:1px solid rgba(15,23,42,.10);box-shadow:0 18px 44px rgba(15,23,42,.18);}
.offerDocumentStage .documentViewerActions{justify-content:center;padding-top:2px;}
@media (max-width:1180px){.offerProcessLayout{grid-template-columns:1fr}.offerActionPanel{border-left:0;border-top:1px solid var(--ju-border-soft)}}
@media (max-width:720px){.offerProcessSummary,.offerActionPanel,.offerDocumentHeader,.offerDocumentStage{padding:16px}.offerProcessHeader{flex-direction:column}.offerDocumentStage .documentViewerViewport{padding:14px}}
.documentPreviewModalOpen{overflow:hidden;}
.documentPreviewModal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:24px;color:var(--ju-text-strong);}
.documentPreviewModalBackdrop{position:absolute;inset:0;background:rgba(17,24,39,.58);backdrop-filter:blur(3px);}
.documentPreviewModalPanel{position:relative;z-index:1;width:min(1280px,96vw);height:min(900px,93vh);display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:0 28px 80px rgba(15,23,42,.32);overflow:hidden;}
.documentPreviewModalHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid var(--ju-border-soft);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.96));}
.documentPreviewModalTitle{display:grid;gap:2px;min-width:0;}
.documentPreviewModalTitle strong{font-size:16px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.documentPreviewModalTitle span{font-size:12px;color:var(--ju-text-muted);font-weight:700;}
.documentPreviewModalActions{display:flex;gap:8px;align-items:center;flex:0 0 auto;}
.documentPreviewModalBody{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;gap:12px;min-height:0;padding:18px;background:var(--ju-soft);}
.documentPreviewModalViewport{height:100%;min-height:0;display:grid;align-items:start;justify-items:center;padding:18px;border:1px solid var(--ju-border-soft);border-radius:6px;background:linear-gradient(135deg,#f8fafc,#eef2f7);overflow:auto;}
.documentPreviewModalCanvasHost{width:100%;min-height:100%;display:grid;align-items:start;justify-items:center;min-width:0;}
.documentPreviewModalCanvas{max-width:none;width:auto;height:auto;background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.18);}
.documentPreviewModalImage{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;box-shadow:0 12px 32px rgba(15,23,42,.18);}
.documentPreviewModalArrow{width:46px;height:62px;border:1px solid var(--ju-border);border-radius:6px;background:rgba(255,255,255,.95);box-shadow:var(--ju-shadow-sm);color:var(--ju-text-strong);font-size:34px;font-weight:800;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease;}
.documentPreviewModalArrow:hover:not(:disabled){transform:translateY(-1px);border-color:var(--ju-accent-line);background:var(--ju-accent-hover);}
.documentPreviewModalArrow:disabled{opacity:.38;cursor:not-allowed;}
.documentPreviewModalArrow[hidden]{display:none;}
.documentPreviewModalPager{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border-top:1px solid var(--ju-border-soft);background:var(--ju-card);}
.documentPreviewModalPageBadge{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 14px;border-radius:6px;background:var(--ju-soft);border:1px solid var(--ju-border-soft);color:var(--ju-text-strong);font-size:13px;font-weight:900;white-space:nowrap;}
.documentPreviewModal.is-landscape .documentPreviewModalPanel{width:min(1260px,94vw);height:min(760px,88vh);}
.documentPreviewModal.is-portrait .documentPreviewModalPanel{width:min(1220px,96vw);height:min(920px,93vh);}
@media (max-width:760px){
  .documentPreviewModal{padding:8px}
  .documentPreviewModalPanel{width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:6px}
  .documentPreviewModalHeader{align-items:stretch;flex-direction:column;gap:10px;padding:12px 14px}
  .documentPreviewModalTitle strong{white-space:normal;overflow-wrap:anywhere}
  .documentPreviewModalActions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .documentPreviewModalActions .btn{width:100%;min-height:44px}
  .documentPreviewModalBody{grid-template-columns:1fr;padding:8px}
  .documentPreviewModalArrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:44px;height:56px}
  .documentPreviewModalArrow--prev{left:12px}.documentPreviewModalArrow--next{right:12px}
  .documentPreviewModalPager{flex-wrap:wrap;padding:10px 12px}.documentPreviewModalPager .btn{flex:1 1 auto}
}

/* ==== Premium document editor workspace (shared styleguide pattern) ==== */
.documentEditorShell{--document-editor-columns:minmax(0,1fr) minmax(0,1fr);display:grid;grid-template-columns:var(--document-editor-columns);gap:18px;align-items:start;margin-bottom:16px;}
.documentEditorWorkspaceBar{grid-column:1 / -1;position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;min-height:48px;padding:10px 12px;border:1px solid var(--ju-border);border-radius:var(--ju-radius-sm);background:var(--ju-soft);}
.documentEditorFormPanel{min-width:0;padding:24px;}
.documentEditorFormPanel .docFormGrid,.documentEditorFormPanel .form-grid{gap:16px;}
.documentEditorFormPanel .docField{display:grid;gap:7px;}
.documentEditorFormPanel[data-document-editor-manual-sections="1"]{display:grid;gap:18px;}
.documentEditorSection{display:grid;gap:14px;padding:0 0 18px;border-bottom:1px solid var(--ju-border-soft);}
.documentEditorSection:last-child{padding-bottom:0;border-bottom:0;}
.documentFieldLabelActions{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.documentFieldLabelActions label{margin:0;}
.documentFieldAction{display:inline-flex;align-items:center;justify-content:center;width:42px;min-width:42px;height:42px;min-height:42px;padding:0;font-weight:900;white-space:nowrap;border-radius:var(--ju-radius-sm);}
.documentFieldAction span{font-size:20px;line-height:1;}
.documentFieldWithAction{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:10px;align-items:end;}
.documentFieldWithAction .select,.documentFieldWithAction .input{min-width:0;width:100%;}
.documentCustomerSearchInput.is-selected{font-weight:700;color:var(--ju-text);background:var(--ju-card);}
.documentPositionAddRow{display:flex;justify-content:flex-start;margin-top:14px;}
.documentPositionAddRow .btn{min-width:190px;}

.documentTermField{min-width:0;}
.documentTermSelect{min-height:42px;}
.documentTermTextField textarea{min-height:86px;}
.documentTermsEditorGrid{grid-template-columns:1fr;}
.documentTermsEditorGrid .documentTermControlGroup,.documentTermsEditorGrid .documentTermTextField,.documentTermsEditorGrid .textarea{width:100%;max-width:100%;}

.documentTermModal .ticketThreadModalDialog{width:min(980px,calc(100vw - 56px));}
.documentTermModalGrid{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(360px,1.4fr);min-height:520px;border-top:1px solid var(--ju-border-soft);}
.documentTermListPane{display:grid;grid-template-rows:auto 1fr auto;gap:14px;padding:22px;border-right:1px solid var(--ju-border-soft);background:var(--ju-soft);}
.documentTermList{display:grid;align-content:start;max-height:520px;overflow:auto;margin:0 -22px;}
.documentTermListItem{appearance:none;border:0;border-bottom:1px solid var(--ju-border-soft);background:transparent;text-align:left;padding:15px 22px;display:grid;gap:6px;color:var(--ju-text);cursor:pointer;}
.documentTermListItem:hover,.documentTermListItem.is-active{background:var(--ju-card);}
.documentTermListItem strong{color:var(--ju-text-strong);font-weight:900;}
.documentTermListItem small{color:var(--ju-text-muted);font-size:12px;line-height:1.4;}
.documentTermDefaultMark{display:inline-flex;align-items:center;width:max-content;gap:5px;color:var(--ju-text-muted);font-size:12px;font-weight:900;}
.documentTermListItem.is-active .documentTermDefaultMark{color:var(--ju-accent-strong);}
.documentTermEditPane{display:grid;align-content:start;gap:14px;padding:22px;}
.documentTermEditPane .ticketReplySheetField{display:grid;gap:7px;}
.documentTermNewButton{justify-content:flex-start;}
.switchRow{display:inline-flex;align-items:center;gap:10px;font-weight:800;color:var(--ju-text);}
.switchRow input{width:20px;height:20px;accent-color:var(--ju-gold);}
@media (max-width:900px){.documentTermModalGrid{grid-template-columns:1fr}.documentTermListPane{border-right:0;border-bottom:1px solid var(--ju-border-soft)}.documentTermList{max-height:260px}}
.documentEditorFormPanel .docPanel--plain,.documentEditorFormPanel .docPanel--compact{box-shadow:none;}
.documentEditorPreviewPanel{min-width:0;position:sticky;top:86px;align-self:start;}
.documentEditorShell.is-preview-hidden{grid-template-columns:minmax(0,1fr);}
.documentEditorShell.is-preview-hidden .documentEditorPreviewPanel{display:none;}
.documentEditorShell.is-preview-hidden .documentEditorFormPanel{grid-column:1 / -1;}
.documentEditorShell.is-preview-hidden [data-document-editor-split]{opacity:.5;}
.documentPreviewSplitControl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;grid-template-rows:auto auto;place-items:center;gap:3px;width:min(340px,34vw);color:var(--ju-text-muted);font-size:11px;font-weight:800;white-space:nowrap;z-index:2;}
.documentPreviewSplitControl span{position:static;transform:none;line-height:1;text-transform:uppercase;letter-spacing:.04em;}
.documentPreviewSplitControl input{width:min(300px,30vw);accent-color:var(--ju-gold);cursor:ew-resize;}
.documentEditorWorkspaceBar > :last-child:not(.documentPreviewSplitControl){margin-left:auto;}
.documentEditorShell.is-preview-hidden .documentPreviewSplitControl{display:none;}
.documentLivePreviewHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:0 0 10px;}
.documentLivePreviewTitle{font-size:18px;font-weight:900;color:var(--ju-text-strong);letter-spacing:-.01em;}
.documentLivePreviewLead{font-size:12px;color:var(--ju-text-muted);line-height:1.45;margin-top:2px;}
.documentLivePreviewSurface{border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:var(--ju-shadow-sm);padding:14px;}
.documentEditorPreviewPanel .documentViewer{gap:10px;}
.documentEditorPreviewPanel .documentViewerViewport{min-height:calc(100vh - 310px);height:calc(100vh - 236px);max-height:calc(100vh - 236px);padding:18px;background:var(--ju-soft);border-radius:6px;overflow:hidden;}
.documentEditorPreviewPanel .documentViewerCanvasHost{min-height:100%;height:100%;display:flex;justify-content:center;align-items:center;}
.documentEditorPreviewPanel .documentViewerCanvas{border-radius:6px;box-shadow:var(--ju-shadow);background:var(--ju-card);}
.documentViewerAutoUpdate{display:inline-flex;align-items:center;gap:6px;color:var(--ju-text-muted);font-size:12px;font-weight:800;white-space:nowrap;}
.documentViewerAutoUpdate input{accent-color:var(--ju-gold);}
.documentViewer.is-refreshing .documentViewerViewport{outline:2px solid var(--ju-warning-bg);outline-offset:2px;}

/* ==== Document editor runtime hardening (generic pattern) ==== */
.documentViewerNativeFrame{width:100%;min-height:calc(100vh - 330px);height:calc(100vh - 330px);border:0;border-radius:6px;background:var(--ju-card);box-shadow:var(--ju-shadow);}
.documentViewerNativeFrame--modal{height:100%;min-height:100%;border-radius:0;box-shadow:none;}
.documentPreviewModalPanel--native{width:min(1180px,calc(100vw - 48px));height:min(920px,calc(100vh - 48px));}
.documentPreviewModalBody--native{height:100%;min-height:0;padding:0;}
.documentViewer--modal{height:100%;}
.documentViewer--modal .documentViewerViewport{height:100%;max-height:none;padding:22px;background:var(--ju-soft);overflow:auto;}
.documentViewer--modal .documentViewerCanvasHost{display:flex;justify-content:center;align-items:flex-start;}
.documentViewer--modal .documentViewerCanvas{border-radius:6px;box-shadow:var(--ju-shadow);background:var(--ju-card);}
.documentEditorShell.is-preview-hidden .documentEditorFormPanel{max-width:none;}
.ju-suggest-wrap{position:relative;display:block;width:100%;}
.ju-suggest-box{position:absolute;z-index:70;left:0;right:0;top:calc(100% + 6px);display:grid;gap:4px;max-height:320px;overflow:auto;padding:6px;border:1px solid var(--ju-border-strong);border-radius:var(--ju-radius-sm);background:var(--ju-card);box-shadow:var(--ju-shadow);}
.ju-suggest-box[hidden]{display:none;}
.ju-suggest-item{display:grid;gap:2px;width:100%;padding:9px 10px;border:0;border-radius:6px;background:transparent;color:var(--ju-text);font:inherit;text-align:left;cursor:pointer;}
.ju-suggest-item strong{color:var(--ju-text-strong);font-weight:900;}
.ju-suggest-item span{color:var(--ju-text-muted);font-size:12px;line-height:1.35;}
.ju-suggest-item:hover,.ju-suggest-item.is-active{background:var(--ju-soft);}
.ju-suggest-item.documentCustomerSuggestCreate{border-top:1px solid var(--ju-border);margin-top:4px;padding-top:11px;color:var(--ju-accent-strong,#8B3F1E);}
.ju-suggest-item.documentCustomerSuggestCreate strong{color:var(--ju-accent-strong,#8B3F1E);}
@media (max-width:1180px){.documentViewerNativeFrame{height:72vh;min-height:420px;}}
@media (max-width:1180px){.documentEditorShell{grid-template-columns:minmax(0,1fr);} .documentEditorPreviewPanel{position:static;} .documentEditorWorkspaceBar{align-items:flex-start}.documentPreviewSplitControl{display:none;}}

/* ==== Candidate review preview alignment ==== */
.candidateReviewPreviewGrid{ align-items:start;
} .candidateReviewPreviewGrid > .card-collapsible{ min-height:0;
} .candidateReviewPreviewGrid > .card-collapsible[open]{ display:flex; flex-direction:column;
} .candidateReviewPreviewGrid > .card-collapsible[open] .card-b{ flex:1 1 auto; height:70vh; min-height:420px; overflow:auto;
} .candidateReviewMailText{ line-height:1.65; white-space:normal;
} .candidateReviewMailText a{ color:var(--ju-link); font-weight:700; text-decoration:underline; text-underline-offset:2px;
} .candidateReviewPreviewGrid .documentViewerViewport{ max-height:calc(70vh - 54px);
} @media (max-width:980px){ .candidateReviewPreviewGrid > .card-collapsible[open] .card-b{ height:auto; min-height:0; } .candidateReviewPreviewGrid .documentViewerViewport{ max-height:78vh; }
}
.documentViewerImage{ max-width:100%; height:auto; display:block; margin:0 auto; background:var(--ju-card); border:1px solid var(--ju-border); border-radius:6px; box-shadow:var(--ju-shadow);
} .attachment-list{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px;
} .attachment-chip{ display:inline-flex; align-items:center; max-width:100%; padding:6px 10px; border:1px solid var(--ju-border); border-radius:6px; background:var(--ju-soft); color:var(--ju-text); font-size:13px; line-height:1.2; text-decoration:none;
} .attachment-chip.is-active{ background:var(--ju-warning-bg); border-color:var(--ju-accent-line); font-weight:700;
} .attachment-chip.is-muted{ color:var(--ju-text-muted);
} /* ==== PDF password overlay ==== */
.documentViewerViewport{ position:relative;
} .pdfPasswordOverlay{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:24px; background:rgba(255,255,255,.82); z-index:2;
} .pdfPasswordCard{ width:min(100%, 360px); box-shadow:var(--ju-shadow);
} .pdfPasswordNotice{ margin-top:10px;
} .scanOcrPanel{ margin: var(--space-4, 1rem) 0; }
.scanOcrProgress{ margin-top: var(--space-3, .75rem); }
.scanOcrProgressBar{ width: 100%; height: .5rem; border-radius: 999px; overflow: hidden; background: var(--surface-2); }
.scanOcrProgressBar span{ display: block; width: 0; height: 100%; border-radius: inherit; background: var(--ju-gold); transition: width .25s ease; }
.scanOcrPreview{ margin-top: var(--space-3, .75rem); }
.scanOcrTextPreview{ max-height: 18rem; overflow: auto; white-space: pre-wrap; } /* ==== Generic file dropzone ==== */
.fileDropzone{ display:grid; gap:8px; padding:18px 20px; min-height:132px; align-items:center; justify-items:center; text-align:center; border:2px dashed var(--ju-border-strong); border-radius:6px; background:var(--ju-card); cursor:pointer; transition:border-color .16s ease, background .16s ease;
}
.fileDropzone--compact{min-height:0;padding:14px 16px;}
.fileDropzone.is-dragover{border-color:var(--ju-accent-line);background:var(--ju-accent-soft);}
.fileDropzoneTitle{font-weight:800;color:var(--ju-text-strong);}
.fileDropzoneHint{font-size:12px;color:var(--ju-text-muted);line-height:1.4;}
.fileDropzoneFile{font-weight:700;color:var(--ju-text-strong);} /* Generic progress pattern (OCR, imports, bulk processing) */
.progressRail{width:100%;height:.55rem;border-radius:6px;overflow:hidden;background:var(--surface-2);}
.progressRail span{display:block;width:0;height:100%;border-radius:inherit;background:var(--ju-gold);transition:width .25s ease;}
.progressMeta{margin-top:var(--space-2,.5rem);font-size:12px;color:var(--ju-text-muted);}
/* ==== Global analysis overlay ==== */
.analysis-overlay{position:fixed;inset:0;z-index:110;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--ju-overlay);}
.analysis-overlay[hidden]{display:none;}
.analysis-overlay__panel{width:min(420px,calc(100vw - 32px));display:grid;gap:14px;justify-items:center;text-align:center;padding:26px 24px;border:1px solid var(--ju-border-strong);border-radius:var(--ju-radius-lg);background:var(--ju-card);box-shadow:0 24px 60px rgba(15,23,42,.22);}
.analysis-overlay__spinner{width:52px;height:52px;border-radius:6px;border:4px solid var(--ju-border);border-top-color:var(--ju-gold);animation:analysisSpinner .85s linear infinite;}
.analysis-overlay__title{margin:0;color:var(--ju-text-strong);font-size:18px;font-weight:900;line-height:1.2;}
.analysis-overlay__text{margin:0;color:var(--ju-text-muted);font-size:14px;line-height:1.45;}
.analysis-overlay__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%;}
.analysis-overlay__progress{width:100%;}
@keyframes analysisSpinner{to{transform:rotate(360deg);}}
@media (prefers-reduced-motion:reduce){.analysis-overlay__spinner{animation:none;border-top-color:var(--ju-border-strong);}}
@media (max-width:640px){.analysis-overlay{padding:14px}.analysis-overlay__panel{width:100%;padding:22px 18px}.analysis-overlay__actions{display:grid;grid-template-columns:1fr}.analysis-overlay__actions .btn{width:100%;}}
 /* === Milu Global Assistant === */
.masterMiluLauncher{ font:inherit; cursor:pointer; text-align:left;
} body.milu-widget-open{ overflow-x:hidden;
} .miluWidgetBackdrop{ position:fixed; inset:0; z-index:80; background:var(--ju-overlay);
} .miluWidget{ position:fixed; right:20px; bottom:92px; z-index:90; width:min(440px,calc(100vw - 28px)); max-height:min(720px,calc(100vh - 118px)); display:grid; grid-template-rows:auto minmax(220px,1fr) auto; background:var(--ju-card); border:1px solid var(--ju-border-strong); border-radius:var(--ju-radius); box-shadow:0 24px 60px var(--ju-border-strong); overflow:hidden;
} .miluWidgetHeader{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:16px; border-bottom:1px solid var(--ju-border); background:var(--ju-soft);
} .miluWidgetTitle{ display:grid; gap:4px; min-width:0;
} .miluWidgetTitle strong{ color:var(--ju-text-strong); font-size:16px; line-height:1.2;
} .miluWidgetTitle span{ color:var(--ju-text-muted); font-size:12px; line-height:1.35;
} .miluWidgetClose{ flex:0 0 auto;
} .miluWidgetMessages{ overflow:auto; padding:16px; display:grid; gap:10px; background:var(--ju-card);
} .miluWidgetBubble{ max-width:88%; padding:10px 12px; border:1px solid var(--ju-border); border-radius:var(--ju-radius); line-height:1.45; font-size:14px; white-space:pre-wrap; overflow-wrap:anywhere;
} .miluWidgetBubble--assistant{ justify-self:start; background:var(--ju-soft); color:var(--ju-text-strong);
} .miluWidgetBubble--user{ justify-self:end; background:var(--ju-accent-soft); border-color:var(--ju-accent-line); color:var(--ju-text-strong);
} .miluWidgetComposer{ display:grid; gap:10px; padding:14px; border-top:1px solid var(--ju-border); background:var(--ju-soft);
} .miluWidgetComposerRow{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:end;
} .miluWidgetActions{ display:flex; align-items:center; gap:8px; flex-wrap:wrap;
} .miluWidgetContext{ color:var(--ju-text-muted); font-size:12px; line-height:1.35;
} @media (max-width:640px){ .miluWidget{ right:10px; left:10px; bottom:74px; width:auto; max-height:calc(100vh - 92px); } .miluWidgetComposerRow{ grid-template-columns:1fr; }
} /* === Mobile App UX & Responsive App Shell === */
.mobileRecordList,
.mobileActionBar,
.mobileStickySave{ display:none;
} .mobileMetaRow{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; color:var(--ju-text-muted); font-size:13px; line-height:1.4;
} .mobilePrimaryAction{ width:100%;
} @media (max-width:760px){ html{ -webkit-text-size-adjust:100%; } body{ overscroll-behavior-y:contain; } .btn, .btn-sm, .input, .select, .textarea, .table-filter, .workbarDropdownToggle, .settingsSectionChooser, .appMiniBtn{ min-height:44px; } .btn, .btn-sm{ padding-left:14px; padding-right:14px; font-size:14px; } .btn-icon{ width:44px; min-width:44px; } .input, .select, .textarea{ font-size:16px; border-radius:6px; padding:10px 12px; } .select{ background-position:calc(100% - 20px) calc(50% - 2px), calc(100% - 14px) calc(50% - 2px); padding-right:38px; } .page-header, .page-header--compact, .page-header--document{ display:grid; gap:10px; margin-bottom:12px; } .page-title, .page-header--compact .page-title{ font-size:clamp(28px,8vw,34px); line-height:1.05; letter-spacing:-.025em; margin-bottom:6px; } .page-subtitle{ font-size:14px; line-height:1.45; } .page-header-actions, .form-actions, .document-actions, .docActions, .ticketNewFooter, .mailContextActionsHead, .onboardingActions, .offerRowActions, .orderRowActions, .customerInlineActions, .dmsInlineActionBar{ width:100%; align-items:stretch; } .page-header-actions>form, .form-actions>form{width:100%;} .page-header-actions .btn, .form-actions .btn, .docActions .btn, .ticketNewFooter .btn, .onboardingActions .btn, .customerInlineActions .btn, .dmsInlineActionBar .btn{ flex:1 1 auto; } .metric-grid, .form-grid, .form-row, .searchHintGrid, .ticketsKpiGrid, .dashboardGrid, .settingsGrid{ grid-template-columns:1fr; } .table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; } .mobileCardTable{ display:block; min-width:0; width:100%; border-collapse:separate; border-spacing:0; } .mobileCardTable thead{ display:none; } .mobileCardTable tbody{ display:grid; gap:10px; } .mobileCardTable tr{ display:grid; gap:8px; padding:14px; border:1px solid var(--ju-border); border-radius:6px; background:var(--ju-card); box-shadow:0 8px 22px var(--ju-shadow-color-soft); } .mobileCardTable tr[hidden], .mobileCardTable tr.is-hidden, .mobileCardTable tr.is-filter-hidden{ display:none; } .mobileCardTable td, .mobileCardTable th{ display:block; width:100%; padding:0; border:0; } .mobileCardTable td + td{ padding-top:6px; border-top:1px solid var(--ju-border-soft); } .mobileCardTable .table-actions, .mobileCardTable .right{ text-align:left; } .mobileCardTable .table-actions .btn, .mobileCardTable .dmsActionGroup .btn, .mobileCardTable .offerRowActions .btn, .mobileCardTable .customerInlineActions .btn{ width:100%; } .ticketsTable{ min-width:0; } .ticketsTableRow{ cursor:pointer; } .ticketsTableCell--summary{ order:-2; } .ticketsTableCell--ticket{ order:-3; } .ticketsTableCell--status{ order:-1; } .ticketsTableCell--created, .ticketsTableCell--activity, .ticketsTableCell--assigned, .ticketsTableCell--channel{ font-size:13px; } .ticketsTableSubject, .customerRowPrimary, .offerRowPrimary, .dmsRowPrimary{ font-size:17px; line-height:1.25; } .ticketsTablePreview, .table-subline, .customerCellSub, .offerCellSub{ font-size:13px; line-height:1.4; } .ticketPageMeta, .page-meta, .searchChipRow{ gap:8px; } .ticketPageMeta .chip, .searchChip, .stepChip, .statusPill, .customerPill, .invoiceFilterChip, .templatesChip, .helpMetaPill, .attachment-chip{ border-radius:6px; min-height:36px; } .searchHeroCard, .section, .card, .settingsCard, .docPanel, .surface{ border-radius:6px; } .searchChipRow{ display:grid; grid-template-columns:1fr 1fr; } .searchChip{ justify-content:center; text-align:center; } .searchHintGrid{ display:none; } .docActions, .form-actions.docActions, .ticketNewFooter, .onboardingActions{ position:sticky; bottom:0; z-index:25; margin-left:-12px; margin-right:-12px; padding:10px calc(12px + var(--ju-safe-right,0px)) calc(10px + var(--ju-safe-bottom,0px)) calc(12px + var(--ju-safe-left,0px)); border-top:1px solid var(--ju-border); background:var(--ju-card); box-shadow:0 -10px 24px var(--ju-shadow-color-soft); } .docActions .btn-primary, .ticketNewFooter .btn-primary, .onboardingActions .btn-primary{ order:-1; } .danger-zone, .btn-danger{ margin-top:8px; }
} @media (max-width:640px){ .masterMiluLauncher{ min-width:52px; min-height:52px; } .miluWidgetBackdrop{ z-index:118; } .miluWidget{ left:0; right:0; bottom:0; z-index:119; width:100%; max-height:calc(100dvh - 8px); height:min(86dvh,720px); grid-template-rows:auto minmax(0,1fr) auto; border-left:0; border-right:0; border-bottom:0; border-radius:6px; box-shadow:0 -22px 60px var(--ju-border-strong); } .miluWidgetHeader{ align-items:center; padding:14px 14px 12px; } .miluWidgetMessages{ min-height:0; padding:14px; } .miluWidgetBubble{ max-width:94%; border-radius:6px; font-size:14px; } .miluWidgetComposer{ position:sticky; bottom:0; padding:12px 12px calc(12px + var(--ju-safe-bottom,0px)); } .miluWidgetComposerRow{ grid-template-columns:minmax(0,1fr) auto; } .miluWidgetComposerRow .btn-primary{ min-width:86px; } .miluWidgetActions{ display:grid; grid-template-columns:1fr; } .miluWidgetActions .btn{ width:100%; } body.milu-widget-open{ overflow:hidden; }
} @media (max-width:430px){ .searchChipRow{ grid-template-columns:1fr; } .page-header-actions, .form-actions, .document-actions{ display:grid; grid-template-columns:1fr; } .miluWidgetComposerRow{ grid-template-columns:1fr; }
} /* === Full Module Coverage Extension === */
.moduleMobileAuditNote{display:none;} @media (max-width:760px){ .appShellContent, .docContent, .settingsContent, .adminPanelContent, .ticketPageContent, .customerContent, .balanceContent, .clubFinanceContent, .eventContent{ min-width:0; } .table-wrap, .articleTableWrap, .settingsTableWrap, .adminTableWrap, .salesTableWrap, .balanceTableWrap, .clubFinanceTableWrap{ overflow:visible; } .mobileCardTable.hasMobileLabels td, .mobileCardTable.hasMobileLabels th{ display:grid; grid-template-columns:minmax(96px,36%) minmax(0,1fr); gap:8px; align-items:start; } .mobileCardTable.hasMobileLabels td::before, .mobileCardTable.hasMobileLabels th::before{ content:attr(data-mobile-label); min-width:0; color:var(--ju-text-muted); font-size:12px; font-weight:700; line-height:1.35; } .mobileCardTable.hasMobileLabels td:empty::after{ content:'—'; color:var(--ju-text-subtle); } .mobileCardTable.hasMobileLabels td[colspan], .mobileCardTable.hasMobileLabels th[colspan]{ display:block; } .mobileCardTable.hasMobileLabels td[colspan]::before, .mobileCardTable.hasMobileLabels th[colspan]::before{ display:none; } .mobileCardTable .mobileTableActions{ display:grid; grid-template-columns:1fr; gap:8px; } .mobileCardTable .mobileTableActions::before{ display:none; } .mobileCardTable .mobileTableActions .btn, .mobileCardTable .mobileTableActions a.btn, .mobileCardTable .mobileTableActions button, .mobileCardTable .mobileTableActions form{ width:100%; } .appModuleList, .dashboardGrid, .settingsGrid, .adminOpsGrid, .billingGrid, .actionGrid, .eventsGrid, .articleGrid, .vendorGrid, .financeGrid, .balanceGrid, .clubFinanceGrid, .emailTemplatesGrid{ grid-template-columns:1fr; } .filterBar, .tableFilterBar, .searchFilterBar, .invoiceFilterBar, .ticketFilterBar, .customerFilterBar, .memberFilterBar, .articleFilterBar, .balanceFilterBar, .clubFinanceFilterBar, .eventFilterBar, .settingsToolbar, .adminToolbar{ display:grid; grid-template-columns:1fr; gap:10px; } .page-header-actions .btn, .sectionActions .btn, .form-actions .btn, .document-actions .btn, .quickActionRow .btn, .settingsActions .btn, .adminActions .btn, .ticketActions .btn, .mailActions .btn, .eventActions .btn{ width:100%; justify-content:center; } .page-header, .page-header.page-header--compact, .section-header, .card-h, .settingsCardHeader, .adminPanelHeader, .ticketPageHeader, .mailHeader, .eventHeader{ gap:10px; } .page-meta, .ticketPageMeta, .customerMeta, .memberMeta, .articleMeta, .invoiceMeta, .balanceMeta, .clubFinanceMeta, .eventMeta, .helpMeta{ display:grid; grid-template-columns:1fr; align-items:stretch; } .page-meta span, .ticketPageMeta span, .customerMeta span, .memberMeta span, .articleMeta span, .invoiceMeta span, .balanceMeta span, .clubFinanceMeta span, .eventMeta span, .helpMeta span{ min-height:32px; align-items:center; } .form-grid, .form-grid.form-grid--customer-list, .settingsFormGrid, .adminFormGrid, .invoiceFormGrid, .offerFormGrid, .orderFormGrid, .balanceFormGrid, .clubFinanceFormGrid, .eventFormGrid{ grid-template-columns:1fr; } .form-row, .form-actions, .document-actions, .sectionActions, .quickActionRow, .docInlineForms, .mailComposerActions, .ticketReplyActions, .eventTaskActions{ flex-direction:column; align-items:stretch; } .danger-zone, .dangerZone, .destructiveActions{ border-top:1px solid var(--ju-border); padding-top:12px; }
} @media (max-width:430px){ .mobileCardTable.hasMobileLabels td, .mobileCardTable.hasMobileLabels th{ grid-template-columns:1fr; } .mobileCardTable.hasMobileLabels td::before, .mobileCardTable.hasMobileLabels th::before{ margin-bottom:2px; }
} /* === Final App Polish: curated mobile card/form behavior === */
.mobileRecordCard{ display:grid; gap:10px; padding:14px; border:1px solid var(--ju-border); border-radius:6px; background:var(--ju-card); box-shadow:0 8px 22px var(--ju-shadow-color-soft);
} @media (max-width:760px){ .page-title, .page-header--compact .page-title{ font-size:clamp(28px,8vw,34px); letter-spacing:-.025em; } .page-header, .page-header--compact, .section-header, .card-h, .settingsCardHeader{ align-items:start; } .mobileCardTable.hasMobileLabels .mobileTablePrimary:not(.mobileTableField){ display:block; order:-3; color:var(--ju-text-strong); font-size:16px; font-weight:900; line-height:1.25; } .mobileCardTable.hasMobileLabels .mobileTablePrimary:not(.mobileTableField)::before{ display:none; } .mobileCardTable.hasMobileLabels .mobileTableStatus, .mobileCardTable.hasMobileLabels .mobileTableDate, .mobileCardTable.hasMobileLabels .mobileTableAmount{ align-items:center; } .mobileCardTable.hasMobileLabels .mobileTableAmount{ color:var(--ju-text-strong); font-weight:900; } .mobileCardTable.hasMobileLabels .mobileTableDate{ color:var(--ju-text-muted); } .mobileCardTable .badge, .mobileCardTable .statusPill, .mobileCardTable .customerPill, .mobileCardTable .invoiceFilterChip, .mobileCardTable .ticketPageMeta .chip{ min-height:30px; border-radius:6px; } .mobileCardTable.mobileTableForm tr{ gap:10px; box-shadow:0 6px 18px var(--ju-shadow-color-soft); } .mobileCardTable.hasMobileLabels .mobileTableField{ grid-template-columns:1fr; gap:6px; } .mobileCardTable.hasMobileLabels .mobileTableField::before{ font-size:12px; margin-bottom:0; } .mobileCardTable .mobileTableField .input, .mobileCardTable .mobileTableField .select, .mobileCardTable .mobileTableField .textarea{ width:100%; } .mobileCardTable .mobileTableActions{ padding-top:10px; border-top:1px solid var(--ju-border-soft); } body.has-mobile-bottom-ui .masterMiluLauncher{ bottom:calc(76px + var(--ju-safe-bottom,0px)); } body.milu-widget-open .masterMiluLauncher{ opacity:0; pointer-events:none; } .miluWidgetActions .btn-primary{ order:-1; } body.milu-widget-input-focused .miluWidget{ height:min(92dvh,760px); }
} @media (max-width:430px){ .mobileCardTable tr, .mobileRecordCard{ padding:12px; border-radius:6px; } .mobileCardTable.hasMobileLabels .mobileTablePrimary:not(.mobileTableField){ font-size:15px; }
} /* === Public Pricing, Demo & lineare UX === */
.publicHero{ align-items:flex-start; gap:16px;
}
.publicEyebrow{ margin:0 0 6px; color:var(--ju-text-muted); font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase;
}
.publicHeroActions{ align-items:center; flex-wrap:wrap;
}
.publicLinearSection{ border-color:var(--ju-accent-line); background:linear-gradient(180deg,var(--ju-warning-bg),var(--ju-card));
}
.publicStepGrid,
.publicPlanGrid,
.publicDecisionGrid,
.publicDemoTimeline{ display:grid; gap:14px;
}
.publicStepGrid--four{ grid-template-columns:repeat(4,minmax(0,1fr));
}
.publicPlanGrid{ grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch;
}
.publicDecisionGrid{ grid-template-columns:repeat(3,minmax(0,1fr));
}
.publicDecisionGrid--two{ grid-template-columns:repeat(2,minmax(0,1fr));
}
.publicDemoTimeline{ grid-template-columns:repeat(3,minmax(0,1fr));
}
.publicStepCard,
.publicPlanCard,
.publicDecisionCard,
.publicDemoStep{ padding:16px;
}
.publicStepCard,
.publicDemoStep,
.publicPlanCard{ display:grid; gap:10px; align-content:start;
}
.publicStepCard>span{ display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:6px; background:var(--ju-text-strong); color:var(--ju-card); font-weight:900;
}
.publicStepCard h3,
.publicDemoStep h3,
.publicDecisionCard strong{ margin:0; color:var(--ju-text-strong); font-size:16px; line-height:1.25;
}
.publicStepCard p,
.publicDemoStep p,
.publicDecisionCard span,
.publicPlanNote{ margin:0; color:var(--ju-text-muted); font-size:13px; line-height:1.45;
}
.publicPlanCard{ grid-template-rows:auto auto 1fr auto auto;
}
.publicPlanCard--featured{ border-color:var(--ju-accent-line); box-shadow:0 14px 34px var(--ju-accent-soft);
}
.publicPlanTopline{ display:flex; justify-content:flex-start;
}
.publicPlanHeader{ display:grid; gap:6px;
}
.publicPlanPrice{ display:flex; align-items:flex-end; gap:6px; margin:0; color:var(--ju-text-muted);
}
.publicPlanPrice strong{ color:var(--ju-text-strong); font-size:30px; line-height:1; font-weight:900;
}
.publicFeatureList{ margin:0; padding-left:18px; color:var(--ju-text-muted); font-size:13px; line-height:1.55;
}
.publicPlanActions{ padding-top:4px; flex-wrap:wrap;
}
.publicModuleGrid{ align-items:stretch;
}
.publicDemoOutcome{ margin-top:18px;
}
@media (max-width:1100px){ .publicStepGrid--four, .publicPlanGrid, .publicDemoTimeline, .publicDecisionGrid, .publicDecisionGrid--two{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px){ .publicHeroActions, .publicPlanActions{ width:100%; } .publicHeroActions .btn, .publicPlanActions .btn{ width:100%; justify-content:center; } .publicStepGrid--four, .publicPlanGrid, .publicDemoTimeline, .publicDecisionGrid, .publicDecisionGrid--two{ grid-template-columns:1fr; } .publicPlanPrice strong{ font-size:26px; }
} /* linear UX guidance: shared internal process rail for desktop and mobile. */
.linearUxPanel{display:grid;gap:14px;margin:14px 0 18px;padding:16px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:linear-gradient(135deg,var(--ju-card),var(--ju-soft));box-shadow:var(--ju-shadow);}
.linearUxPanel--compact{padding:14px;margin:12px 0 16px;}
.linearUxHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.linearUxEyebrow{margin:0 0 4px;color:var(--ju-gold-strong);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
.linearUxTitle{margin:0;color:var(--ju-text-strong);font-size:20px;line-height:1.25;font-weight:800;}
.linearUxLead{margin:6px 0 0;color:var(--ju-text-muted);font-size:14px;line-height:1.55;max-width:860px;}
.linearUxActions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;}
.linearUxSteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;margin:0;padding:0;}
.linearUxStep{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);min-width:0;}
.linearUxStepNo{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:var(--ju-accent-soft);border:1px solid var(--ju-accent-line);color:var(--ju-gold-strong);font-size:12px;font-weight:900;line-height:1;}
.linearUxStep strong{display:block;color:var(--ju-text-strong);font-size:14px;line-height:1.35;}
.linearUxStep span:not(.linearUxStepNo){display:block;margin-top:4px;color:var(--ju-text-muted);font-size:12px;line-height:1.45;}
.linearUxNote{padding:10px 12px;border:1px solid var(--ju-accent-line);border-radius:var(--ju-radius);background:var(--ju-accent-soft);color:var(--ju-gold-strong);font-size:12px;line-height:1.5;font-weight:700;}
@media (max-width:980px){.linearUxSteps{grid-template-columns:1fr;}.linearUxHead{display:grid;}.linearUxActions{justify-content:flex-start;}.linearUxActions .btn{width:auto;}}
@media (max-width:640px){.linearUxPanel{margin:10px 0 14px;padding:12px;}.linearUxTitle{font-size:18px;}.linearUxActions{display:grid;grid-template-columns:1fr;width:100%;}.linearUxActions .btn{width:100%;justify-content:center;}.linearUxStep{padding:11px;}.linearUxNote{font-size:11px;}} /* Finanz-/Beleg-/Kassen-Produktivstart-Prüfpunkts */
.financePrüfpunkt { margin: 18px 0; padding: 18px; border: 1px solid var(--ju-border, rgba(15, 23, 42, .12)); border-radius: var(--ju-radius-xl, 6px); background: linear-gradient(135deg, rgba(15, 23, 42, .035), rgba(184,92,46,.055)); box-shadow: var(--ju-shadow-sm, 0 10px 24px rgba(15, 23, 42, .08));
}
.financePrüfpunkt--compact { margin-top: 0; }
.financePrüfpunktHeader { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 14px;
}
.financePrüfpunktEyebrow { font-size: .76rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ju-primary, var(--ju-gold)); margin-bottom: 4px;
}
.financePrüfpunkt h2 { margin: 0; font-size: clamp(1.05rem, 1.8vw, 1.35rem); line-height: 1.25;
}
.financePrüfpunkt p { margin: 6px 0 0; color: var(--ju-muted, #64748b); max-width: 78ch;
}
.financePrüfpunktLabel { flex: 0 0 auto; display: inline-flex; align-items: center; padding: 0; font-size: .78rem; font-weight: 800; color: var(--ju-text-muted); background: transparent; border: 0;
}
.financePrüfpunktGrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px;
}
.financePrüfpunktCheck { min-height: 92px; padding: 12px; border-radius: var(--ju-radius-lg, 6px); background: var(--ju-surface, #fff); border: 1px solid var(--ju-border, rgba(15, 23, 42, .10));
}
.financePrüfpunktCheck strong { display: block; margin-bottom: 5px; color: var(--ju-ink, #0f172a);
}
.financePrüfpunktCheck span { display: block; color: var(--ju-muted, #64748b); font-size: .9rem; line-height: 1.45;
}
.financePrüfpunktFooter { margin-top: 12px; display: flex; gap: 12px; align-items: center; justify-content: space-between; flex-wrap: wrap;
}
.financePrüfpunktRisk { color: var(--ju-muted, #64748b); font-size: .92rem;
}
.financePrüfpunktRisk strong { color: var(--ju-ink, #0f172a); }
.financePrüfpunktActions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap;
}
@media (max-width: 960px) { .financePrüfpunktGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) { .financePrüfpunkt { padding: 14px; border-radius: var(--ju-radius-lg, 6px); } .financePrüfpunktHeader { flex-direction: column; align-items: stretch; } .financePrüfpunktGrid { grid-template-columns: 1fr; } .financePrüfpunktActions { width: 100%; } .financePrüfpunktActions .btn { width: 100%; justify-content: center; }
} /* finance Gesamtablauf, cancellation/correction and period gates */
.financeGesamtablauf { margin: 18px 0; padding: 18px; border: 1px solid var(--ju-accent-line); border-radius: var(--ju-radius-xl, 6px); background: linear-gradient(135deg, var(--ju-accent-soft), rgba(184,92,46,.045)); box-shadow: var(--ju-shadow-sm, 0 8px 24px rgba(15, 23, 42, .08));
}
.financeGesamtablauf--compact { margin-top: 0; }
.financeGesamtablaufIntro { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 14px;
}
.financeGesamtablaufEyebrow { font-size: .76rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ju-primary, var(--ju-gold));
}
.financeGesamtablauf h2 { margin: 3px 0 6px; font-size: clamp(1.05rem, 1.7vw, 1.32rem); color: var(--ju-ink, #0f172a);
}
.financeGesamtablauf p { margin: 0; color: var(--ju-muted, #64748b); line-height: 1.55;
}
.financeGesamtablaufLabel { flex: 0 0 auto; padding: 0; background: transparent; color: var(--ju-text-muted); font-weight: 800; font-size: .78rem;
}
.financeGesamtablaufSteps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px;
}
.financeGesamtablaufStep { position: relative; min-height: 122px; padding: 14px 12px 12px; border-radius: var(--ju-radius-lg, 6px); border: 1px solid rgba(148, 163, 184, .22); background: rgba(255, 255, 255, .82);
}
.financeGesamtablaufNumber { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 999px; background: var(--ju-primary, var(--ju-gold)); color: var(--ju-anth); font-size: .8rem; font-weight: 900; margin-bottom: 9px;
}
.financeGesamtablaufStep strong { display: block; margin-bottom: 5px; color: var(--ju-ink, #0f172a);
}
.financeGesamtablaufStep span:last-child { display: block; color: var(--ju-muted, #64748b); font-size: .9rem; line-height: 1.45;
}
.financeGesamtablaufFooter { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 14px;
}
.financeGesamtablaufChecks { display: flex; flex-wrap: wrap; gap: 7px;
}
.financeGesamtablaufChecks span { border-radius: 999px; padding: 6px 9px; background: rgba(15, 23, 42, .06); color: var(--ju-ink, #0f172a); font-weight: 700; font-size: .78rem;
}
.financeGesamtablaufActions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end;
}
.financeGesamtablaufRisk { margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(148, 163, 184, .22); color: var(--ju-muted, #64748b); font-size: .9rem; line-height: 1.45;
}
.financeGesamtablaufRisk strong { color: var(--ju-ink, #0f172a); }
@media (max-width: 980px) { .financeGesamtablaufSteps { grid-template-columns: repeat(2, minmax(0, 1fr)); } .financeGesamtablaufFooter { align-items: stretch; flex-direction: column; } .financeGesamtablaufActions { justify-content: flex-start; }
}
@media (max-width: 680px) { .financeGesamtablauf { padding: 14px; border-radius: var(--ju-radius-lg, 6px); } .financeGesamtablaufIntro { flex-direction: column; align-items: stretch; } .financeGesamtablaufSteps { grid-template-columns: 1fr; } .financeGesamtablaufActions { width: 100%; } .financeGesamtablaufActions .btn { width: 100%; justify-content: center; }
} /* Finance deep systemcheck */
.financeDeepCheck { margin: 18px 0; padding: 18px; border: 1px solid rgba(15, 23, 42, .10); border-radius: var(--ju-radius-xl, 6px); background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(248,250,252,.94)); box-shadow: var(--ju-shadow-sm, 0 10px 30px rgba(15,23,42,.07));
}
.financeDeepIntro { display: flex; justify-content: space-between; gap: 18px; align-items: flex-start;
}
.financeDeepEyebrow { color: var(--ju-primary, var(--ju-gold)); font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
}
.financeDeepIntro h2 { margin: 4px 0 6px; color: var(--ju-ink, #0f172a); font-size: clamp(1.1rem, 1.8vw, 1.45rem);
}
.financeDeepIntro p { margin: 0; color: var(--ju-muted, #64748b); max-width: 820px;
}
.financeDeepScore { min-width: 118px; padding: 12px 14px; border-radius: var(--ju-radius-lg, 6px); background: var(--ju-accent-soft); text-align: center;
}
.financeDeepScore strong { display: block; color: var(--ju-primary, var(--ju-gold)); font-size: 1.35rem;
}
.financeDeepScore span { color: var(--ju-muted, #64748b); font-size: .82rem; }
.financeDeepMetrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 14px;
}
.financeDeepMetrics span { padding: 10px 12px; border: 1px solid rgba(15, 23, 42, .08); border-radius: var(--ju-radius-md, 6px); background: rgba(255,255,255,.76); color: var(--ju-muted, #64748b);
}
.financeDeepMetrics strong { color: var(--ju-ink, #0f172a); }
.financeDeepGroup { margin-top: 16px; }
.financeDeepGroup h3 { margin: 0 0 8px; color: var(--ju-ink, #0f172a); font-size: 1rem; }
.financeDeepList { display: grid; gap: 8px; }
.financeDeepItem { display: flex; justify-content: space-between; gap: 12px; padding: 12px 14px; border: 1px solid rgba(15,23,42,.08); border-left-width: 4px; border-radius: var(--ju-radius-md, 6px); background: rgba(255,255,255,.86);
}
.financeDeepItem--ok { border-left-color: var(--ju-success, #16a34a); }
.financeDeepItem--warn { border-left-color: var(--ju-warning, #f59e0b); }
.financeDeepItem--fail { border-left-color: var(--ju-danger, #dc2626); }
.financeDeepItem strong { display: block; color: var(--ju-ink, #0f172a); }
.financeDeepItem span { display: block; margin-top: 2px; color: var(--ju-muted, #64748b); font-size: .9rem; }
.financeDeepMeta { display: flex; align-items: flex-end; flex-direction: column; gap: 4px; white-space: nowrap; }
.financeDeepMeta small { color: var(--ju-muted, #64748b); font-weight: 700; }
.financeDeepNext { margin-top: 16px; padding: 12px 14px; border-radius: var(--ju-radius-md, 6px); background: rgba(15,23,42,.04); color: var(--ju-muted, #64748b);
}
.financeDeepNext strong { color: var(--ju-ink, #0f172a); }
@media (max-width: 900px) { .financeDeepIntro { flex-direction: column; } .financeDeepScore { width: 100%; } .financeDeepMetrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) { .financeDeepCheck { padding: 14px; border-radius: var(--ju-radius-lg, 6px); } .financeDeepMetrics { grid-template-columns: 1fr; } .financeDeepItem { flex-direction: column; } .financeDeepMeta { flex-direction: row; align-items: center; justify-content: space-between; }
} /* ==== Nutzerführung & Oberfläche layer: linear, quiet, accessible ==== */
.FocusDock{margin:0 0 18px 0;padding:16px;border:1px solid var(--ju-accent-line);border-radius:var(--ju-radius);background:linear-gradient(135deg,var(--ju-card),var(--ju-accent-soft));box-shadow:var(--ju-shadow);display:grid;grid-template-columns:minmax(240px,1.2fr) minmax(180px,.6fr);gap:14px;align-items:start}
.FocusMain h2{margin:2px 0 6px;font-size:clamp(20px,2.4vw,30px);line-height:1.1;color:var(--ju-text-strong)}
.FocusMain p{margin:0;color:var(--ju-text-muted);max-width:70ch}.Eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800;color:var(--ju-gold-strong)}
.NextAction{border:1px solid var(--ju-border);background:var(--ju-card);border-radius:var(--ju-radius);padding:12px}.NextAction span{display:block;font-size:12px;color:var(--ju-text-muted);font-weight:700}.NextAction strong{display:block;margin-top:4px;color:var(--ju-text-strong)}
.StepRail{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;list-style:none;margin:0;padding:0}.StepRail li{padding:8px 10px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);font-weight:700;font-size:13px}.StepRail li::before{content:'✓ ';color:var(--ju-success);font-weight:900}
.Details{grid-column:1/-1;background:var(--ju-card);border:1px solid var(--ju-border);border-radius:var(--ju-radius);padding:10px 12px}.Details summary{cursor:pointer;font-weight:800}.Details ul{margin:8px 0 0 18px;color:var(--ju-text-muted)}
.Score{position:absolute;right:16px;top:16px;border:1px solid var(--ju-border);background:var(--ju-card);border-radius:6px;padding:6px 10px;display:flex;gap:2px;align-items:baseline}.FocusDock{position:relative}.Score strong{font-size:18px}.Score span{font-size:12px;color:var(--ju-text-muted)}
.ProfileGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.ProfileCard{border:1px solid var(--ju-border);background:var(--ju-card);border-radius:var(--ju-radius);padding:14px}.ProfileCard h3{margin:4px 0 8px}.ProfileCard p{color:var(--ju-text-muted)}.ScoreLine{display:flex;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid var(--ju-border)}
.DetectedPrimary{outline:3px solid var(--ju-accent-focus);outline-offset:2px}.CopyDietCandidate{max-width:78ch}.TableWrap{overflow:auto;-webkit-overflow-scrolling:touch}
.nonplusultra-ready :focus-visible{outline:3px solid var(--ju-accent-focus);outline-offset:2px}
@media (max-width:760px){.FocusDock{grid-template-columns:1fr;padding:14px}.Score{position:static;width:max-content}.StepRail{display:grid;grid-template-columns:1fr}.NextAction{order:-1}} /* ==== Nutzerführung & Oberfläche hardening: desktop + mobile ==== */
.Fix2Hero{margin:0 0 18px;padding:18px;border:1px solid var(--ju-accent-line);border-radius:var(--ju-radius);background:linear-gradient(135deg,var(--ju-card),var(--ju-accent-soft));box-shadow:var(--ju-shadow);display:grid;grid-template-columns:minmax(260px,1.25fr) minmax(220px,.75fr);gap:14px;align-items:start;position:relative}.Fix2HeroMain h2{margin:2px 0 8px;font-size:clamp(22px,2.7vw,34px);line-height:1.08;color:var(--ju-text-strong)}.Fix2HeroMain p{margin:0;max-width:68ch;color:var(--ju-text-muted);line-height:1.55}.Fix2Primary{border:1px solid var(--ju-border);background:var(--ju-card);border-radius:var(--ju-radius);padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.05)}.Fix2Primary span{display:block;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ju-text-muted)}.Fix2Primary strong{display:block;margin-top:5px;font-size:1.02rem;color:var(--ju-text-strong)}.Fix2Steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;list-style:none;margin:0;padding:0}.Fix2Steps li{display:flex;align-items:center;gap:8px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);padding:9px 11px;font-weight:800;color:var(--ju-text-strong)}.Fix2Steps li span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:var(--ju-gold,#B85C2E);color:#111827;font-size:12px}.Fix2DeviceGrid{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.Fix2DeviceGrid article,.Fix2Details,.Fix2Module{border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);padding:12px}.Fix2DeviceGrid strong{display:block;margin-bottom:5px;color:var(--ju-text-strong)}.Fix2DeviceGrid p,.Fix2Details p,.Fix2Module p{margin:0;color:var(--ju-text-muted);line-height:1.5}.Fix2Details{grid-column:1/-1}.Fix2Details summary{cursor:pointer;font-weight:900;color:var(--ju-text-strong)}.Fix2ModuleGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.Fix2Module h3{margin:4px 0 8px;color:var(--ju-text-strong)}.Fix2Score{display:flex;align-items:baseline;gap:2px;margin-top:10px}.Fix2Score strong{font-size:1.55rem;color:var(--ju-text-strong)}.Fix2Score span{color:var(--ju-text-muted)}.Fix2CompactText{max-width:68ch}.Fix2TableScroll{overflow:auto;-webkit-overflow-scrolling:touch}.Fix2StickyAction{position:sticky;bottom:12px;z-index:20;display:flex;justify-content:flex-end;pointer-events:none}.Fix2StickyAction>*{pointer-events:auto}.Fix2QuietList{display:grid;gap:8px}.Fix2QuietList>*{border:1px solid var(--ju-border);background:var(--ju-card);border-radius:var(--ju-radius);padding:10px}
@media(max-width:900px){.Fix2Hero{grid-template-columns:1fr;padding:15px}.Fix2Steps{grid-template-columns:repeat(2,minmax(0,1fr))}.Fix2DeviceGrid{grid-template-columns:1fr}}
@media(max-width:620px){.Fix2Hero{margin-left:-4px;margin-right:-4px;border-radius:var(--ju-radius)}.Fix2Steps{grid-template-columns:1fr}.Fix2Steps li{border-radius:6px}.Fix2Primary{order:-1}.Fix2HeroMain h2{font-size:24px}.desktopScrollTable{min-width:680px}.btn,.button,button[type=submit],input[type=submit]{min-height:44px}.input,.select,.textarea,input,select,textarea{font-size:16px}} /* ==== Product UX high-level polish: neutral runtime classes ==== */
.product-ux-page{--product-gap:14px;--product-touch:44px;}
.productUxPanel{margin:0 0 18px;padding:18px;border:1px solid var(--ju-border);border-left:4px solid var(--ju-gold);border-radius:var(--ju-radius);background:linear-gradient(135deg,var(--ju-card) 0%,var(--ju-soft) 100%);box-shadow:0 14px 34px rgba(15,23,42,.06);display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:14px;align-items:start;}
.productUxPanelMain h2{margin:2px 0 8px;color:var(--ju-text-strong);font-size:clamp(21px,2.2vw,30px);line-height:1.12;}
.productUxPanelMain p{margin:0;color:var(--ju-text-muted);line-height:1.55;max-width:72ch;}
.productUxEyebrow{margin:0 0 4px;color:var(--ju-gold-strong);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
.productUxActions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;}
.productUxSteps{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;margin:0;padding:0;}
.productUxSteps li{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);font-weight:800;color:var(--ju-text-strong);min-width:0;}
.productUxSteps li span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border-radius:6px;background:var(--ju-gold);color:#111827;font-size:12px;}
.productUxMicroGrid,.productUxTrustItems{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;}
.productUxMicroGrid span,.productUxTrustItems span{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border:1px solid var(--ju-accent-line);border-radius:6px;background:var(--ju-accent-soft);color:var(--ju-gold-strong);font-size:12px;font-weight:800;}
.productUxTrust{margin:0 0 16px;padding:14px 16px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:0 10px 28px rgba(15,23,42,.05);display:flex;justify-content:space-between;gap:12px;align-items:center;}
.productUxTrust strong{display:block;color:var(--ju-text-strong);}.productUxTrust span{color:var(--ju-text-muted);line-height:1.45;}
.productUxStepper{margin:0 0 16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
.productUxStepperItem{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);color:var(--ju-text-muted);font-weight:800;font-size:13px;}
.productUxStepperItem i{width:10px;height:10px;border-radius:6px;background:var(--ju-border-strong);}.productUxStepperItem.is-active{border-color:var(--ju-accent-line);background:var(--ju-accent-soft);color:var(--ju-text-strong);}.productUxStepperItem.is-active i{background:var(--ju-gold);}
.productUxOnsiteBar{margin:0 0 16px;padding:14px;border:2px solid var(--ju-accent-line);border-radius:var(--ju-radius);background:var(--ju-warning-bg);display:flex;justify-content:space-between;gap:12px;align-items:center;}
.productUxOnsiteBar strong{display:block;color:var(--ju-text-strong);font-size:1.05rem}.productUxOnsiteBar span{display:inline-block;color:var(--ju-warning);font-weight:800;margin-right:8px;}
.productUxMobileBar{position:sticky;bottom:10px;z-index:50;margin:18px 0 0;padding:10px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:0 18px 42px rgba(15,23,42,.18);display:none;justify-content:space-between;gap:10px;align-items:center;}
.productUxMobileBar strong{font-size:13px;color:var(--ju-text-strong)}.productUxMobileBar div{display:flex;gap:8px;}
.productUxTouchTarget{min-height:var(--product-touch);}
.productUxSmartTable{width:100%;}
.productUxSmartRow{vertical-align:top;}
.productUxCompactCopy{max-width:72ch;color:var(--ju-text-muted);line-height:1.55;}
.productUxFormSection{border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);padding:14px;margin:0 0 14px;}
.productUxFormSection h3{margin:0 0 8px;color:var(--ju-text-strong);}.productUxFormSection p{margin:0 0 12px;color:var(--ju-text-muted);}
@media (max-width:900px){.productUxPanel{grid-template-columns:1fr}.productUxActions{justify-content:flex-start}.productUxSteps{grid-template-columns:1fr}.productUxTrust,.productUxOnsiteBar{display:grid}.productUxStepper{grid-template-columns:1fr 1fr}.productUxMobileBar{display:flex}}
@media (max-width:720px){.product-ux-page .productUxSmartTable thead{display:none}.product-ux-page .productUxSmartTable,.product-ux-page .productUxSmartTable tbody,.product-ux-page .productUxSmartTable tr,.product-ux-page .productUxSmartTable td{display:block;width:100%}.product-ux-page .productUxSmartTable tr{margin:0 0 12px;padding:12px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:0 10px 26px rgba(15,23,42,.05)}.product-ux-page .productUxSmartTable td{padding:8px 0;border:0;display:grid;grid-template-columns:minmax(110px,.42fr) minmax(0,1fr);gap:10px;align-items:start}.product-ux-page .productUxSmartTable td::before{content:attr(data-label);font-size:11px;font-weight:900;color:var(--ju-text-muted);text-transform:uppercase;letter-spacing:.04em}.productUxPanel{padding:14px}.productUxStepper{grid-template-columns:1fr}.productUxActions .btn{width:100%;justify-content:center}.productUxMobileBar{display:grid}.productUxMobileBar div{display:grid;grid-template-columns:1fr;width:100%}.productUxMobileBar .btn{justify-content:center}}

/* Legacy module classes mapped to the central styleguide. */
.section-content,.box,.content-box{border:1px solid var(--ju-border,#e5e7eb);border-radius:var(--ju-radius,6px);background:var(--ju-card,#fff);box-shadow:var(--ju-shadow,0 14px 34px rgba(15,23,42,.06));padding:clamp(14px,2vw,20px)}
.grid{display:grid;gap:var(--product-gap,14px)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.kpi-value,.metric-value{font-size:clamp(1.6rem,3vw,2.45rem);font-weight:900;letter-spacing:-.04em;color:var(--ju-text-strong,#0f172a)}
.docBadge,.eyebrow,.Eyebrow{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:4px 9px;border-radius:6px;background:var(--ju-accent-soft,#fff7ed);color:var(--ju-warning,#b45309);font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.moduleGuide,.fix4Guide{margin:0 0 16px;padding:14px 16px;border:1px solid var(--ju-accent-line,#fde68a);border-left:4px solid var(--ju-gold,#7a3f5f);border-radius:var(--ju-radius,6px);background:linear-gradient(135deg,var(--ju-card,#fff),var(--ju-soft,#f8fafc));box-shadow:0 12px 30px rgba(15,23,42,.06)}
.fix4Guide strong{color:var(--ju-text-strong,#0f172a)}.fix4Guide p{margin:.25rem 0 0;color:var(--ju-text-muted,#64748b);line-height:1.55}
@media(max-width:900px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section-content,.box,.content-box{padding:14px}.btn,.button,button[type=submit],input[type=submit]{min-height:44px}.input,.select,.textarea{min-height:44px}.input,.select,.textarea,input,select,textarea{font-size:16px}}


/* Bedienbarkeit: Tastaturhilfe und robuste Touch-/Formularziele. */
.shortcutHelpPanel{position:fixed;right:18px;bottom:18px;z-index:9999;width:min(360px,calc(100vw - 32px));padding:18px 18px 16px;border:1px solid var(--ju-border,#e5e7eb);border-radius:6px;background:var(--ju-card,#fff);box-shadow:0 24px 60px rgba(15,23,42,.22);color:var(--ju-text-strong,#0f172a)}
.shortcutHelpPanel strong{display:block;margin:0 0 8px;font-size:1rem}.shortcutHelpPanel p{margin:.4rem 0;color:var(--ju-text-muted,#64748b);line-height:1.45}.shortcutHelpPanel kbd{display:inline-block;min-width:1.55em;padding:.12rem .35rem;border:1px solid var(--ju-border,#e5e7eb);border-bottom-width:2px;border-radius:6px;background:var(--ju-soft,#f8fafc);font-weight:800;text-align:center}.shortcutHelpClose{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:1.4rem;line-height:1;cursor:pointer;color:var(--ju-text-muted,#64748b)}
@media(max-width:760px){.shortcutHelpPanel{left:12px;right:12px;bottom:12px;width:auto}.workbar{position:sticky;top:0;z-index:30}.btn,.button,button,input[type=submit],a.btn{min-height:44px}}

/* === v2.7 Designsystem: restrained premium color, radius and accessibility gate === */
:root{
  --ju-success-line:rgba(70,102,85,.24);
  --ju-warning-line:var(--ju-accent-line);
  --ju-danger-line:rgba(179,58,58,.22);
}
.notice-info,.alert-box--info,.pageAlert--info{background:var(--ju-info-bg);border-color:var(--ju-info-line);color:var(--ju-info);}
.notice-success,.alert-box--success{border-color:var(--ju-success-line);}
.notice-warning,.notice-warn,.alert-box--warning{border-color:var(--ju-warning-line);}
.notice-error,.alert-box--error{border-color:var(--ju-danger-line);}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--ju-gold);outline-offset:2px;}
:where(.btn,.input,.select,.textarea,.appNavLink,.appSidebarDesktopToggle,.appMobileLauncher,.appWorkbarTab,.workbarDropdownToggle,.workbarDropdownItem,.commandPaletteItem):focus-visible{box-shadow:var(--ju-focus-ring);}
@media (max-width:760px){
  :where(.btn,button,.input,.select,.textarea,.appNavLink,.appMobileLauncher,.appWorkbarTab,.workbarDropdownToggle){min-height:44px;}
  .card,.panel,.section,.softPanel,.segmentCard,.quickTile{border-radius:var(--radius-panel);}
}

/* Verkauf list/header normalization. Keep existing workbar tabs; normalize page rhythm only. */
.salesListContent {
  min-width: 0;
}
.salesListHeader {
  margin-bottom: 8px;
}
.salesListHeader .page-title,
.salesListHeader h1 {
  margin: 0;
}
.salesListMeta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 16px;
  color: var(--ju-text-muted);
  font-size: 14px;
}
.salesListToolbar {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(180px, 220px) auto;
  gap: 12px;
  align-items: end;
  margin-bottom: 12px;
}
.salesListToolbar > * {
  min-width: 0;
}
.salesListToolbarActions {
  display: flex;
  align-items: end;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}
.salesCompactMetrics {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  margin: 0 0 18px;
}
.salesCompactMetrics .metric-card {
  min-height: 86px;
}
.salesPipelineList .section-header,
.salesSystemNotice .section-header {
  padding-bottom: 10px;
}
@media (max-width: 980px) {
  .salesListToolbar {
    grid-template-columns: 1fr;
  }
  .salesListToolbarActions {
    justify-content: flex-start;
  }
}


/* Shell/UI contract: shared page rhythm and progressive live-filter helpers. */
.page-header{
  align-items:flex-start;
  gap:18px;
}
.page-header > div:first-child{min-width:0;}
.page-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;}
.page-meta,.pageMetaLine,.moduleMetaLine{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  color:var(--ju-text-muted);
}
.page-meta > span + span::before,
.pageMetaLine > span + span::before,
.moduleMetaLine > span + span::before{
  content:'·';
  margin-right:8px;
  color:var(--ju-text-subtle);
}
.liveFilterStatus,.live-filter-status,[data-live-filter-status-text]{color:var(--ju-text-muted);font-size:13px;}
.is-live-filter-hidden{display:none;}
.liveFilterEmpty[hidden],.live-filter-empty[hidden]{display:none;}
@media (max-width:760px){
  .page-header{display:block;}
  .page-header-actions{justify-content:flex-start;margin-top:12px;}
}


/* Central reusable tabs inside cards. */
.cardTabs{display:flex;align-items:center;gap:.35rem;border-bottom:1px solid var(--ju-border);margin:.75rem 0 1rem;padding:0 .1rem;overflow-x:auto;}
.cardTab{appearance:none;border:0;background:transparent;color:var(--ju-muted,#667085);font:inherit;font-weight:700;padding:.65rem .85rem;border-radius:var(--ju-radius-sm,6px) var(--ju-radius-sm,6px) 0 0;cursor:pointer;white-space:nowrap;}
.cardTab:hover{background:var(--ju-surface-muted,#f5f7fb);color:var(--ju-text,#101828);}
.cardTab.is-active{background:var(--ju-accent-soft,#FFF9EC);color:var(--ju-warning,#8B3F1E);box-shadow:inset 0 -2px 0 var(--ju-gold,#B85C2E);}
.cardTabPanel[hidden],[data-card-tab-panel][hidden]{display:none;}
@media (max-width:760px){
  .cardTabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible;border-bottom:0;padding:0;}
  .cardTab{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:9px 10px;white-space:normal;text-align:center;border:1px solid var(--ju-border);border-radius:var(--ju-radius);}
  .cardTab.is-active{border-color:var(--ju-accent-line);box-shadow:inset 0 -2px 0 var(--ju-gold);}
}
.cardHeaderClose,.ticketSelectionClose{min-width:2.1rem;min-height:2.1rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;}

html.has-modal-open,body.ticketThreadModalOpen{overflow:hidden;}
.ticketThreadModal[hidden]{display:none;}
.ticketThreadModal{position:fixed;inset:0;z-index:1600;display:flex;align-items:center;justify-content:center;padding:24px;}
.ticketThreadModalBackdrop{position:absolute;inset:0;background:var(--ju-overlay);}
.ticketThreadModalDialog{position:relative;z-index:1;width:min(1020px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow:hidden;background:var(--ju-card);border-radius:var(--ju-radius);border:1px solid var(--ju-border-strong);box-shadow:0 28px 60px var(--ju-border-strong);}
.ticketThreadModalDialog--reply{padding:0;}
.ticketThreadModalDialog--compact{width:min(680px,calc(100vw - 48px));}
.ticketThreadModalBody{max-height:calc(100vh - 48px);overflow:auto;background:var(--ju-card);}
.ticketThreadModalClose{position:absolute;top:14px;right:14px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--ju-border-strong);border-radius:6px;background:var(--ju-card);color:var(--ju-text-strong);font-size:24px;line-height:1;cursor:pointer;}
.ticketThreadModalLoading,.ticketThreadModalError{padding:32px;color:var(--ju-text-muted);}


/* Central communication modal spacing and reusable mailflow sheet rhythm. */
.communicationModalHost .ticketThreadModalDialog{width:min(980px,calc(100vw - 72px));}
.communicationModalHost--wide .ticketThreadModalDialog{width:min(1180px,calc(100vw - 64px));height:min(88vh,900px);max-height:calc(100vh - 48px);display:flex;flex-direction:column;}
.financePartyModal .ticketThreadModalDialog{width:min(1180px,calc(100vw - 56px));max-height:calc(100vh - 40px);display:flex;flex-direction:column;}
.financePartyModal .ticketThreadModalBody{flex:1 1 auto;max-height:none;overflow:auto;}
.financePartyModal .mailflowSheet{min-height:min(620px,calc(100vh - 128px));}
.financePartyModal .cardTabPanel .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.financePartyModal .ticketReplySheetActions{position:sticky;bottom:0;margin-left:-32px;margin-right:-32px;padding:16px 32px 0;background:linear-gradient(180deg,rgba(255,255,255,0),var(--ju-card) 24%);}
.communicationModalHost .ticketThreadModalBody{padding:0;background:var(--ju-card,#fff);}
.mailflowSheet{box-sizing:border-box;padding:28px 32px 26px;}
.mailflowSheet--stacked{display:grid;gap:18px;}
.mailflowSheet .ticketReplySheetHead{padding-right:48px;margin-bottom:14px;}
.mailflowSheet .ticketReplySheetField{margin-bottom:13px;}
.mailflowSheet .ticketReplySheetField--two-up{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start;}
.mailflowSheet .ticketReplySheetField--sender{margin-bottom:16px;}
.mailflowSheet .ticketReplySheetActions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--ju-border);}
@media (max-width:760px){.communicationModalHost .ticketThreadModalDialog,.communicationModalHost--wide .ticketThreadModalDialog,.financePartyModal .ticketThreadModalDialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.communicationModalHost--wide .ticketThreadModalDialog{height:calc(100dvh - 24px)}.financePartyModal .cardTabPanel .form-grid{grid-template-columns:1fr}.financePartyModal .ticketReplySheetActions{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.mailflowSheet{padding:22px 18px 20px}.mailflowSheet .ticketReplySheetField--two-up{grid-template-columns:1fr}}
.salesCustomerQuickModal .ticketThreadModalDialog{width:min(980px,calc(100vw - 64px));}
.salesCustomerQuickForm .ticketReplySheetHead p{margin:.25rem 0 0;}
.salesCustomerQuickStatus{margin:0 0 12px;padding:10px 12px;border:1px solid var(--ju-border);border-radius:var(--ju-radius-sm);background:var(--ju-soft);color:var(--ju-text-muted);font-size:13px;}
.salesCustomerQuickStatus--error{border-color:rgba(185,28,28,.28);background:#fff5f5;color:#991b1b;}
.salesCustomerQuickStatus--success{border-color:rgba(42,124,80,.28);background:#f2fbf6;color:#166534;}
.salesCustomerQuickPanel .ticketReplySheetField label{display:block;margin-bottom:6px;font-weight:800;color:var(--ju-text-strong);}
.salesCustomerQuickPanel .ticketReplySheetField{min-width:0;}
@media (max-width:760px){.salesCustomerQuickModal .ticketThreadModalDialog{width:calc(100vw - 24px);}.salesCustomerQuickModal .cardTabs{margin-top:.5rem;}}


/* Central communication modal header and scroll-safe editor. */
.communicationModalHost .ticketThreadModalDialog{overflow:hidden;border-radius:var(--ju-radius-lg,6px);}
.communicationModalHost .ticketThreadModalBody{max-height:calc(100vh - 104px);overflow:auto;background:var(--ju-card,#fff);}.communicationModalHost--wide .ticketThreadModalBody{flex:1 1 auto;min-height:0;max-height:none;overflow:hidden;}.communicationModalHost--wide .mailflowSheet{height:100%;min-height:0;display:flex;flex-direction:column;}.communicationModalHost--wide [data-finance-modal-frame]{flex:1 1 auto;width:100%;height:100%;min-height:0;}
.communicationModalHost .mailflowSheet{padding:28px 32px 26px;}
.communicationModalHost .mailflowSheet .ticketReplySheetHead{padding-right:0;}
.communicationModalHost .mailflowSheet .ticketReplySheetHead h2{margin-top:0;}
.communicationModalHost .communicationEditorSurface{max-height:300px;overflow:auto;overscroll-behavior:contain;}
.communicationModalHost .replyQuoteBlock{max-height:none;}
.communicationModalHost .mailflowContextBody{max-height:220px;overflow:auto;}
@media (max-width:760px){.communicationModalHost .mailflowSheet{padding:22px 18px 20px}.communicationModalHost .communicationEditorSurface{max-height:260px}}
/* CRM uses shared cards and buttons with minimal common rules. */
.btn:hover,.btn:focus,.btn:active{text-decoration:none;}
.crmSelectAll{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--ju-text-strong);}
.crmSelectionColumn{width:72px;text-align:center;}
.crmPartyMailModal .ticketThreadModalDialog{width:min(1040px,calc(100vw - 72px));max-height:calc(100vh - 48px);display:flex;flex-direction:column;}
.crmPartyMailModal .ticketThreadModalBody{flex:1 1 auto;max-height:none;overflow:auto;}
.crmPartyMailModal .mailflowSheet{padding-bottom:0;}
.crmMailRecipientPreview{display:grid;gap:4px;margin-top:4px;}
.crmMailRecipientPreview > div{padding:6px 0;border-top:1px solid var(--ju-border-soft);}
.crmMailRecipientPreview span,.crmMailRecipientMore{font-size:12px;color:var(--ju-text-muted);}
.crmMailRecipientMore{font-weight:800;}
.crmMailRecipientList{max-height:220px;overflow:auto;overscroll-behavior:contain;}
.crmPartyMailModal .ticketReplySheetActions{position:sticky;bottom:0;z-index:4;margin-left:-32px;margin-right:-32px;padding:14px 32px 16px;background:var(--ju-card,#fff);box-shadow:0 -10px 24px rgba(8,28,54,.06);}
@media (max-width:760px){.crmPartyMailModal .ticketThreadModalDialog{width:calc(100vw - 24px);max-height:calc(100vh - 24px);}.crmPartyMailModal .ticketReplySheetActions{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px;}}



/* ==== Document editor customer/article suggest fields (generic) ==== */
.input[data-customer-suggest="1"],
.input[data-article-suggest="1"]{background:var(--ju-card);}


/* ==== Premium document editor form polish (generic, styleguide-token only) ==== */
.documentPreviewSplitControl span{font-size:10px;letter-spacing:.08em;color:var(--ju-text-muted);}
.documentEditorFormPanel .docField > label{min-height:18px;display:flex;align-items:center;}
.documentCustomerField .ju-suggest-wrap{display:block;width:100%;}
.documentCustomerSearchInput{height:42px;}
.documentCustomerSelected{margin-top:8px;padding:10px 12px;border:1px solid var(--ju-border);border-radius:var(--ju-radius-sm);background:var(--ju-soft);display:flex;justify-content:space-between;gap:12px;align-items:center;}
.documentCustomerSelected strong{display:block;color:var(--ju-text-strong);font-weight:900;line-height:1.25;}
.documentCustomerSelected span{display:block;margin-top:2px;color:var(--ju-text-muted);font-size:12px;line-height:1.35;}

.documentCompletionStrip{display:grid;gap:12px;margin:0 0 14px;padding:12px 14px;border:1px solid var(--ju-border-soft);border-left:4px solid var(--ju-accent-line);border-radius:var(--ju-radius);background:linear-gradient(180deg,var(--ju-card),var(--ju-soft));box-shadow:0 8px 20px var(--ju-shadow-color-soft);}
.documentCompletionStrip.is-ok{border-left-color:var(--ju-success);}
.documentCompletionStrip.is-missing{border-left-color:var(--ju-danger);}
.documentCompletionStrip.is-warning{border-left-color:var(--ju-gold);}
.documentCompletionHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.documentCompletionHead strong{display:block;color:var(--ju-text-strong);font-size:14px;font-weight:900;line-height:1.2;}
.documentCompletionHead span{display:block;color:var(--ju-text-muted);font-size:12px;font-weight:650;line-height:1.35;}
.documentCompletionSummary{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border:1px solid var(--ju-border-soft);border-radius:6px;background:var(--ju-card);color:var(--ju-text-muted);font-size:12px;font-weight:900;white-space:nowrap;}
.documentCompletionStrip.is-ok .documentCompletionSummary{border-color:var(--ju-success-line);background:var(--ju-success-bg);color:var(--ju-success);}
.documentCompletionStrip.is-missing .documentCompletionSummary{border-color:var(--ju-danger-line);background:var(--ju-danger-bg);color:var(--ju-danger);}
.documentCompletionStrip.is-warning .documentCompletionSummary{border-color:var(--ju-warning-line);background:var(--ju-warning-bg);color:var(--ju-warning);}
.documentCompletionGrid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:8px;}
.documentCompletionItem{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon label" "icon value";column-gap:8px;row-gap:2px;align-items:center;min-width:0;padding:9px 10px;border:1px solid var(--ju-border-soft);border-radius:var(--ju-radius-sm);background:var(--ju-card);}
.documentCompletionIcon{grid-area:icon;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;border:1px solid var(--ju-border-soft);background:var(--ju-soft);color:var(--ju-text-muted);font-size:13px;font-weight:950;line-height:1;}
.documentCompletionLabel{grid-area:label;min-width:0;color:var(--ju-text-strong);font-size:12px;font-weight:900;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.documentCompletionValue{grid-area:value;min-width:0;color:var(--ju-text-muted);font-size:11px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.documentCompletionItem.is-ok{border-color:var(--ju-success-line);background:var(--ju-success-bg);}
.documentCompletionItem.is-ok .documentCompletionIcon{border-color:var(--ju-success-line);background:var(--ju-card);color:var(--ju-success);}
.documentCompletionItem.is-missing{border-color:var(--ju-danger-line);background:var(--ju-danger-bg);}
.documentCompletionItem.is-missing .documentCompletionIcon{border-color:var(--ju-danger-line);background:var(--ju-card);color:var(--ju-danger);}
.documentCompletionItem.is-warning{border-color:var(--ju-warning-line);background:var(--ju-warning-bg);}
.documentCompletionItem.is-warning .documentCompletionIcon{border-color:var(--ju-warning-line);background:var(--ju-card);color:var(--ju-warning);}
.documentCompletionItem.is-neutral .documentCompletionIcon{background:var(--ju-soft);color:var(--ju-text-subtle);}
.btn[data-document-submit].is-disabled,.btn[data-document-submit]:disabled{opacity:.58;cursor:not-allowed;filter:grayscale(.15);}
.documentPriceModeField.is-disabled .select{background:var(--ju-soft);color:var(--ju-text-muted);cursor:not-allowed;}
.documentPriceModeField.is-disabled label{color:var(--ju-text-muted);}
@media(max-width:1280px){.documentCompletionGrid{grid-template-columns:repeat(3,minmax(140px,1fr));}}
@media(max-width:760px){.documentCompletionGrid{grid-template-columns:1fr}.documentCompletionHead{display:grid}.documentCompletionSummary{width:max-content;max-width:100%;}}

.documentPositionList{display:grid;gap:10px;overflow:visible;}
.documentPositionItem{display:grid;gap:12px;container-type:inline-size;max-width:100%;overflow:visible;padding:14px;border:1px solid var(--ju-border-soft);border-radius:var(--ju-radius-sm);background:var(--ju-card);box-shadow:var(--ju-shadow-sm);}
.documentPositionItemHead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;}
.documentPositionItemHead strong{display:block;color:var(--ju-text-strong);font-weight:900;line-height:1.25;}
.documentPositionRemove{border-color:var(--ju-border-soft);color:var(--ju-text-muted);background:var(--ju-card);}
.documentPositionRemove:hover,.documentPositionRemove:focus{border-color:var(--ju-danger);color:var(--ju-danger);background:var(--ju-danger-bg);}
.documentPositionArticleControl{align-items:end;grid-template-columns:minmax(0,1fr);gap:0;min-width:0;position:relative;}
.documentPositionArticleControl.has-article-action{grid-template-columns:minmax(0,1fr) 42px;gap:10px;}
.documentPositionArticleControl .documentArticleEditAction[hidden]{display:none;}
.documentPositionArticleControl .ju-suggest-box{right:auto;width:min(420px,calc(100cqw - 28px));min-width:min(320px,calc(100cqw - 28px));max-width:calc(100cqw - 28px);max-height:340px;overflow:auto;z-index:160;}
.documentArticleEditAction[hidden]{display:none;}
@supports not (width: 1cqw){.documentPositionArticleControl .ju-suggest-box{width:min(420px,calc(100vw - 48px));min-width:min(320px,calc(100vw - 48px));max-width:calc(100vw - 48px);}}
.documentPositionBadge{display:inline-flex;align-items:center;width:max-content;margin-bottom:3px;padding:3px 8px;border-radius:6px;background:var(--ju-soft);color:var(--ju-text-muted);font-size:11px;font-weight:900;letter-spacing:.02em;}
.documentPositionItemGrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.75fr) minmax(0,1fr) minmax(0,1.2fr);grid-template-areas:"article article article article" "description description description description" "qty tax price amount";column-gap:10px;row-gap:12px;align-items:end;max-width:100%;min-width:0;}
.documentPositionItemGrid .docField{min-width:0;max-width:100%;}
.documentPositionItemGrid .input,.documentPositionItemGrid .select{min-width:0;max-width:100%;width:100%;box-sizing:border-box;}
.documentPositionArticleField{grid-area:article;min-width:0;}
.documentPositionDescriptionField{grid-area:description;min-width:0;}
.documentPositionQtyField{grid-area:qty;min-width:0;}
.documentPositionTaxField{grid-area:tax;min-width:0;}
.documentEditorShell[data-company-small-business="1"] .documentPositionTaxField{display:none;}
.documentEditorShell[data-company-small-business="1"] .documentPositionItemGrid{grid-template-columns:minmax(0,.75fr) minmax(0,1fr) minmax(0,1.2fr);grid-template-areas:"article article article" "description description description" "qty price amount";}
.documentPositionPriceField{grid-area:price;min-width:0;}
.documentPositionAmountField{grid-area:amount;align-self:end;min-width:0;}
.documentPositionAmountInput{font-weight:900;text-align:right;background:var(--ju-soft);color:var(--ju-text-strong);}
.documentPositionToolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;}
.documentPositionToolbar .btn{min-width:190px;}
.documentPositionArticleMeta{display:inline-flex;width:max-content;max-width:100%;margin-top:8px;padding:4px 8px;border:1px solid var(--ju-border-soft);border-radius:6px;background:var(--ju-soft);color:var(--ju-text-muted);font-size:11px;font-weight:800;line-height:1.25;white-space:normal;}
.documentPositionArticleMeta.is-delivery-relevant{border-color:var(--ju-warning-line);background:var(--ju-warning-bg);color:var(--ju-warning);}
.documentPositionStockMeta{display:block;margin-top:5px;color:var(--ju-text-muted);font-size:11px;font-weight:750;line-height:1.35;}
.documentPositionStockMeta.is-ok{color:var(--ju-success);}
.documentPositionStockMeta.is-warning{color:var(--ju-warning);}
.documentPositionStockMeta.is-neutral{color:var(--ju-text-muted);}
.documentLayoutControlsGrid{grid-template-columns:repeat(2,minmax(0,1fr));}
.documentLayoutControlsGrid .docField--full{grid-column:1 / -1;}
@media(max-width:980px){.documentLayoutControlsGrid{grid-template-columns:1fr;}}
.documentArticleSuggestFree{border-top:1px solid var(--ju-border);margin-top:4px;padding-top:11px;}
.documentArticleSuggestFree strong{color:var(--ju-text-strong);}
.documentArticleSuggestCreate{border-top:1px solid var(--ju-border);margin-top:4px;padding-top:11px;color:var(--ju-accent-strong,#8B3F1E);}
.documentArticleSuggestCreate strong{color:var(--ju-accent-strong,#8B3F1E);}

.documentFreePositionModal .ticketThreadModalDialog{width:min(720px,calc(100vw - 64px));}
.documentFreePositionForm{display:grid;gap:14px;}
.documentFreePositionGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.documentFreePositionGrid .ticketReplySheetField--full{grid-column:1 / -1;}
@media(max-width:760px){.documentFreePositionGrid{grid-template-columns:1fr;}}
.documentEditorFormatHint{padding:10px 12px;border:1px solid var(--ju-border);border-radius:var(--ju-radius-sm);background:var(--ju-soft);color:var(--ju-text-muted);font-size:12px;line-height:1.45;}
.documentInternalGrid{margin-top:6px;padding-top:14px;border-top:1px solid var(--ju-border);}
.documentEditorSection--internal{padding:16px;border:1px solid var(--ju-border-soft);border-radius:var(--ju-radius-sm);background:var(--ju-soft);}
.documentInternalPanel{margin-top:0;padding:0;border:0;border-radius:0;background:transparent;}
.documentInternalPanel .docField{margin:0;}
.documentInternalPanelHead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;}
.documentInternalPanelHead strong{color:var(--ju-text-strong);font-weight:900;}
.documentInternalPanelHead span{color:var(--ju-text-muted);font-size:12px;font-weight:800;}
@container (max-width:640px){.documentPositionItemGrid{grid-template-columns:1fr 1fr;grid-template-areas:"article article" "description description" "qty tax" "price price" "amount amount"}.documentEditorShell[data-company-small-business="1"] .documentPositionItemGrid{grid-template-areas:"article article" "description description" "qty price" "amount amount"}.documentPositionAmountInput{text-align:left;}}
@media (max-width:1180px){.documentPositionItemGrid{grid-template-columns:1fr 1fr;grid-template-areas:"article article" "description description" "qty tax" "price price" "amount amount"}.documentEditorShell[data-company-small-business="1"] .documentPositionItemGrid{grid-template-areas:"article article" "description description" "qty price" "amount amount"}.documentPositionAmountInput{text-align:left;}}


.documentEditorSubsection{grid-column:1 / -1;margin:4px 0 2px;padding-top:14px;border-top:1px solid var(--ju-border);}
.documentEditorSubsection:first-child{border-top:0;padding-top:0;}
.documentEditorSubsection h3{margin:0;color:var(--ju-text-strong);font-size:15px;font-weight:900;letter-spacing:-.01em;}
.documentEditorSubsection p{margin:3px 0 0;color:var(--ju-text-muted);font-size:12px;line-height:1.45;}

/* Document editor: shared form safeguards. */
.documentEditorFormPanel .documentTermControlGroup{grid-column:1 / -1;max-width:100%;}
.documentEditorFormPanel .documentTermTextField{grid-column:1 / -1;}
.documentEditorFormPanel .documentTermTextField .textarea{width:100%;min-height:112px;}


/* ==== Document design modal (generic document editor) ==== */
.documentDesignDialog{width:min(1040px,calc(100vw - 72px));}
.documentDesignForm{display:grid;gap:16px;}
.documentDesignPanel{display:grid;gap:16px;}
.documentDesignColorRow{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:center;}
.documentDesignColorPicker{height:42px;padding:4px;}
.documentDesignForm .fileDropzone{min-height:138px;}
.documentBrandingGrid{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(260px,1fr);gap:16px;align-items:stretch;}
.documentLogoPreviewCard{display:grid;gap:10px;align-content:start;padding:14px;border:1px solid var(--ju-border-soft);border-radius:var(--ju-radius-sm);background:var(--ju-soft);}
.documentLogoPreviewBox{display:flex;align-items:center;justify-content:center;min-height:120px;border:1px dashed var(--ju-border);border-radius:var(--ju-radius-sm);background:var(--ju-card);overflow:hidden;}
.documentLogoPreviewBox img{max-width:100%;max-height:112px;object-fit:contain;}
.documentLogoPreviewBox span{color:var(--ju-text-muted);font-size:12px;font-weight:800;}
.documentLogoPreviewCard strong{color:var(--ju-text-strong);font-weight:900;}
.documentLogoPreviewCard span{display:block;color:var(--ju-text-muted);font-size:12px;font-weight:750;word-break:break-word;}
.documentAccentField{align-self:start;}
.documentAccentField .btn{margin-top:8px;width:max-content;max-width:100%;}
.documentAccentRecommendation{display:inline-flex;align-items:center;gap:8px;white-space:normal;text-align:left;}
.documentAccentSwatch{display:inline-block;width:18px;height:18px;border-radius:6px;border:1px solid var(--ju-border-strong);background:var(--ju-gold);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);}
.documentLogoPreviewError{max-width:24ch;text-align:center;color:var(--ju-warning);}
.documentFooterPreview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;border:1px solid var(--ju-border-soft);border-radius:var(--ju-radius-sm);background:var(--ju-soft);}
.documentFooterPreviewCol{display:grid;align-content:start;gap:3px;min-width:0;color:var(--ju-text-muted);font-size:11px;line-height:1.35;}
.documentFooterPreviewCol strong{color:var(--ju-text-strong);font-size:11px;font-weight:950;}
.documentFooterPreviewCol span{overflow-wrap:anywhere;}
@media(max-width:900px){.documentBrandingGrid,.documentFooterPreview{grid-template-columns:1fr;}}
@media (max-width:760px){.documentDesignDialog{width:calc(100vw - 24px);}.documentDesignColorRow{grid-template-columns:1fr;}}
.documentDesignModal .ticketThreadModalDialog,.documentLetterheadModal .ticketThreadModalDialog{width:min(1120px,calc(100vw - 56px));}
.documentDesignGrid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);gap:18px;align-items:start;}
.documentDesignPane{display:grid;gap:16px;}
.documentDesignSummary{position:sticky;top:18px;padding:16px;border:1px solid var(--ju-border);border-radius:var(--ju-radius-sm);background:var(--ju-soft);color:var(--ju-text-muted);line-height:1.45;}
.documentDesignSummary strong{display:block;color:var(--ju-text-strong);font-weight:900;margin-bottom:6px;}
.documentDesignSummary ul{margin:10px 0 0;padding-left:18px;}
.documentLetterheadGrid{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.35fr);min-height:520px;border-top:1px solid var(--ju-border-soft);}
.documentLetterheadGrid .documentTermListPane{border-right:1px solid var(--ju-border-soft);}
.fileDropzone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;}
@media (max-width:980px){.documentDesignGrid,.documentLetterheadGrid{grid-template-columns:1fr}.documentDesignSummary{position:static}.documentLetterheadGrid .documentTermListPane{border-right:0;border-bottom:1px solid var(--ju-border-soft)}}


/* Document letterhead management. */
.documentDesignModal .documentLetterheadMargins{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.documentDesignModal .fileDropzone.is-dragover{border-color:var(--ju-primary);background:rgba(184,92,46,.08)}

.itemTaxNote{margin-top:2px;font-size:8px;color:#6b7280;}

/* Online-Banking: zentrale, schlanke Statusdarstellung statt Modul-Sonderwelt. */
.onlineBankingStatus{display:grid;gap:.25rem;align-items:start}
.onlineBankingNotice{border-left:4px solid var(--color-warning,#d9a441)}
.financeAccountInlineActions .inline-form{display:inline-flex;margin:0 .25rem .25rem 0}
.onlineBankingDashboard--attention{box-shadow:0 0 0 1px rgba(180,110,0,.18)}

.metricTable{width:100%;table-layout:fixed;}
.metricTable th{font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:var(--ju-text-muted);}
.metricTable td{vertical-align:top;}
.metricTableValue{display:block;font-size:20px;line-height:1.15;font-weight:950;color:var(--ju-text-strong);letter-spacing:-.01em;}
.metricTableValue--text{font-size:15px;line-height:1.25;letter-spacing:0;}
.metricTableValue--positive{color:var(--ju-success);}
.metricTableValue--negative{color:var(--ju-danger);}
.metricTableValue--warning{color:var(--ju-warning);}
.metricTableValue--neutral{color:var(--ju-text-strong);}
@media (max-width:760px){.metricTable{table-layout:auto;}.metricTableValue{font-size:18px;}}

.financeHelpButton{width:36px;min-width:36px;height:36px;padding:0;justify-content:center;border-radius:6px;font-weight:900;}
.financePageHelpList{margin:0;padding-left:18px;display:grid;gap:8px;color:var(--ju-text);line-height:1.45;}
.financeFilterActions{display:flex;align-items:end;justify-content:flex-end;gap:8px;}
.financeFilterActions .btn{min-height:36px;}
.financeDisclosure{border:1px solid var(--ju-border);border-radius:var(--ju-radius-lg);background:var(--ju-card);box-shadow:0 8px 24px var(--ju-shadow-color-soft);margin-bottom:14px;overflow:hidden;}
.financeDisclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;padding:12px 14px;font-weight:800;color:var(--ju-text-strong);}
.financeDisclosure>summary::-webkit-details-marker{display:none;}
.financeDisclosure>summary::after{content:'▾';color:var(--ju-text-muted);font-size:12px;}
.financeDisclosure[open]>summary{border-bottom:1px solid var(--ju-border);}
.financeDisclosure[open]>summary::after{content:'▴';}
.financeDisclosureBody{padding:12px 14px;}
@media (max-width:760px){.financeFilterActions{justify-content:stretch}.financeFilterActions .btn{width:100%;}.financeHelpButton{width:44px;min-width:44px;height:44px;}}

.check input[type="checkbox"],
.check input[type="radio"]{
  accent-color:var(--ju-gold);
}
.noticeSubline,.alert-box>strong+.muted,.alert-box>strong+span.muted{display:block;margin-top:4px;color:var(--ju-text-muted);font-size:12px;line-height:1.35;}
.alert-box--compact .noticeSubline,.alert-box--compact>strong+.muted,.alert-box--compact>strong+span.muted{margin-top:3px;}
.metricTable--compact th,.metricTable--compact td{padding:10px 12px;}
.metricTable--compact .table-subline{display:block;margin-top:3px;}
.formSwitch.formSwitch{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:11px;width:max-content;max-width:100%;min-height:32px;margin:0;color:var(--ju-text);font:inherit;line-height:1.35;cursor:pointer;user-select:none;}
.formSwitch.formSwitch>.formSwitchInput{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;opacity:0;}
.formSwitchTrack{position:relative;display:block;width:44px;height:24px;border:1px solid var(--ju-border-strong);border-radius:6px;background:#E6E9ED;box-shadow:inset 0 1px 2px rgba(15,23,42,.08);transition:background-color var(--ju-motion-fast) var(--ju-ease-standard),border-color var(--ju-motion-fast) var(--ju-ease-standard),box-shadow var(--ju-motion-fast) var(--ju-ease-standard);}
.formSwitchThumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:6px;background:var(--ju-card);box-shadow:0 1px 4px rgba(15,23,42,.22);transition:transform var(--ju-motion-fast) var(--ju-ease-standard);}
.formSwitchInput:checked+.formSwitchTrack{border-color:var(--ju-warning);background:var(--ju-gold);box-shadow:inset 0 1px 2px rgba(47,52,58,.14);}
.formSwitchInput:checked+.formSwitchTrack .formSwitchThumb{transform:translateX(20px);}
.formSwitchInput:focus-visible+.formSwitchTrack{outline:0;box-shadow:var(--ju-focus-ring),inset 0 1px 2px rgba(15,23,42,.08);}
.formSwitchInput:disabled+.formSwitchTrack,.formSwitchInput:disabled~.formSwitchText{opacity:.52;cursor:not-allowed;}
.formSwitch:hover>.formSwitchInput:not(:disabled)+.formSwitchTrack{border-color:var(--ju-text-muted);}
.formSwitch.is-disabled{cursor:not-allowed;}
.formSwitchText{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere;}
.formSwitchText strong{font-size:14px;line-height:1.35;font-weight:850;color:var(--ju-text-strong);}
.formSwitchText small{display:block;color:var(--ju-text-muted);font-size:12px;font-weight:500;line-height:1.45;}
.formSwitch--compact.formSwitch{grid-template-columns:40px minmax(0,1fr);gap:9px;}
.formSwitch--compact .formSwitchTrack{width:40px;height:22px;border-radius:6px;}
.formSwitch--compact .formSwitchThumb{top:3px;left:3px;width:14px;height:14px;}
.formSwitch--compact .formSwitchInput:checked+.formSwitchTrack .formSwitchThumb{transform:translateX(18px);}
.formSwitch--attention.formSwitch{padding:10px 12px;border:1px solid var(--ju-accent-line);border-radius:var(--ju-radius);background:var(--ju-accent-soft);}
.formSwitch--decision.formSwitch{width:100%;padding:14px 0;border-top:1px solid var(--ju-accent-line);}
.formSwitch.switchRow,.formSwitch.ticketReplySheetCheck,.formSwitch.eventCheckboxLabel,.formSwitch.ticketNewToggle,.formSwitch.toggle-line{display:grid;align-items:center;}
.choiceToggleGroup{display:grid;gap:10px;}

.vatPageHeader{margin-bottom:18px;}
.vatReadinessPanel{display:grid;gap:16px;margin:0 0 18px;padding:18px 20px;border:1px solid var(--ju-border-strong);border-left:4px solid var(--ju-warning);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:0 8px 24px var(--ju-shadow-color-soft);}
.vatReadinessPanel--ready{border-left-color:var(--ju-gold);background:linear-gradient(90deg,var(--ju-accent-soft),var(--ju-card) 34%);}
.vatReadinessPanel--decision{border-left-color:var(--ju-warning);background:linear-gradient(90deg,var(--ju-warning-bg),var(--ju-card) 34%);}
.vatReadinessPanel--blocked{border-left-color:var(--ju-warning);}
.vatReadinessHead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;}
.vatReadinessHead>div{min-width:0;}
.vatReadinessHead>.btn{flex:0 0 auto;white-space:nowrap;}
.vatReadinessEyebrow,.vatZeroDecisionEyebrow,.vatPreviewEyebrow{display:block;margin:0 0 4px;color:var(--ju-text-muted);font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;}
.vatReadinessHead h2,.vatZeroDecision h2,.vatPreviewHeader h2{margin:0;color:var(--ju-text-strong);font-size:20px;line-height:1.2;letter-spacing:-.02em;}
.vatReadinessHead p,.vatZeroDecisionCopy p,.vatPreviewHeader p{max-width:820px;margin:6px 0 0;color:var(--ju-text-muted);font-size:13px;line-height:1.55;}
.vatReadinessFacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-top:1px solid var(--ju-border);border-bottom:1px solid var(--ju-border);}
.vatReadinessFacts>div{min-width:0;padding:11px 14px;border-right:1px solid var(--ju-border);}
.vatReadinessFacts>div:first-child{padding-left:0;}
.vatReadinessFacts>div:last-child{padding-right:0;border-right:0;}
.vatReadinessFacts dt{margin:0 0 3px;color:var(--ju-text-muted);font-size:11px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;}
.vatReadinessFacts dd{margin:0;color:var(--ju-text-strong);font-size:13px;font-weight:750;line-height:1.4;overflow-wrap:anywhere;}
.vatReadinessDetails{margin:0;}
.vatReadinessDetails>summary{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;list-style:none;color:var(--ju-text-strong);font-size:13px;font-weight:800;cursor:pointer;}
.vatReadinessDetails>summary::-webkit-details-marker{display:none;}
.vatReadinessDetails>summary::before{content:'›';display:inline-block;color:var(--ju-warning);font-size:18px;line-height:1;transition:transform var(--ju-motion-fast) var(--ju-ease-standard);}
.vatReadinessDetails[open]>summary::before{transform:rotate(90deg);}
.vatReadinessDetailsBody{display:grid;gap:12px;padding:10px 0 0 22px;color:var(--ju-text);font-size:13px;line-height:1.5;}
.vatReadinessDetailsBody ul{display:grid;gap:6px;margin:0;padding-left:18px;}
.vatReadinessWarnings{display:grid;gap:5px;padding-top:10px;border-top:1px solid var(--ju-border);}
.vatReadinessWarnings strong{color:var(--ju-text-strong);}

.vatWorkspace{--document-editor-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:20px;}
.vatWorkspaceMain{display:grid;gap:24px;padding:24px;}
.vatPeriodSection{gap:16px;}
.vatPeriodForm{display:grid;gap:14px;}
.vatPeriodGrid{display:grid;grid-template-columns:minmax(120px,.55fr) minmax(160px,.75fr) minmax(220px,1.15fr) minmax(180px,.9fr);gap:12px;align-items:end;}
.vatPeriodGrid .form-field{display:grid;gap:7px;min-width:0;margin:0;}
.vatPeriodResult{display:grid;align-content:center;gap:3px;min-height:42px;padding:8px 11px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-soft);}
.vatPeriodResult span{color:var(--ju-text-muted);font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;}
.vatPeriodResult strong{color:var(--ju-text-strong);font-size:13px;line-height:1.35;}
.vatPeriodActions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:2px;}
.vatPeriodActions p{margin:0;color:var(--ju-text-muted);font-size:12px;line-height:1.45;}
.vatPeriodActions p strong{color:var(--ju-text);}
.vatPeriodActions .btn{white-space:nowrap;}

.vatMetricStrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-soft);}
.vatMetricItem{display:grid;align-content:start;gap:3px;min-width:0;padding:15px 16px;border-right:1px solid var(--ju-border);}
.vatMetricItem:last-child{border-right:0;}
.vatMetricItem>span{color:var(--ju-text-muted);font-size:11px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;}
.vatMetricItem>strong{color:var(--ju-text-strong);font-size:22px;line-height:1.15;font-weight:900;letter-spacing:-.02em;overflow-wrap:anywhere;}
.vatMetricItem>small{color:var(--ju-text-muted);font-size:12px;line-height:1.35;}
.vatMetricItem--due>strong,.vatMetricItem--attention>strong{color:var(--ju-warning);}
.vatMetricItem--refund>strong{color:var(--ju-text-strong);}

.vatFormSectionRoot{gap:16px;}
.vatFormHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;}
.vatFormHeader .section-header{min-width:0;}
.vatViewControl{display:flex;align-items:center;gap:9px;flex:0 0 auto;}
.vatViewControl>span{color:var(--ju-text-muted);font-size:12px;font-weight:800;}
.vatViewOptions{display:inline-grid;grid-template-columns:1fr 1fr;padding:3px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-soft);}
.vatViewOptions button{min-height:32px;padding:5px 10px;border:0;border-radius:6px;background:transparent;color:var(--ju-text-muted);font:inherit;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer;}
.vatViewOptions button:hover{color:var(--ju-text-strong);background:var(--ju-card);}
.vatViewOptions button:focus-visible{outline:0;box-shadow:var(--ju-focus-ring);}
.vatViewOptions button[aria-pressed="true"]{background:var(--ju-card);color:var(--ju-text-strong);box-shadow:0 1px 4px rgba(15,23,42,.10);}
.vatFormSections{overflow:hidden;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);}
.vatFormSection{margin:0;border-bottom:1px solid var(--ju-border);}
.vatFormSection:last-child{border-bottom:0;}
.vatFormSection>summary{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:14px;list-style:none;padding:15px 16px;background:var(--ju-card);cursor:pointer;}
.vatFormSection>summary::-webkit-details-marker{display:none;}
.vatFormSection>summary:hover{background:var(--ju-accent-hover);}
.vatFormSection>summary:focus-visible{outline:0;box-shadow:inset var(--ju-focus-ring);}
.vatFormSection>summary>span{display:grid;gap:3px;min-width:0;}
.vatFormSection>summary strong{color:var(--ju-text-strong);font-size:14px;font-weight:900;line-height:1.35;}
.vatFormSection>summary small{color:var(--ju-text-muted);font-size:12px;font-weight:500;line-height:1.4;}
.vatFormSection>summary em{color:var(--ju-text-muted);font-size:12px;font-style:normal;font-weight:700;text-align:right;white-space:nowrap;}
.vatFormSection>summary::after{content:'⌄';color:var(--ju-text-muted);font-size:17px;line-height:1;text-align:center;transition:transform var(--ju-motion-fast) var(--ju-ease-standard);}
.vatFormSection[open]>summary{background:var(--ju-soft);border-bottom:1px solid var(--ju-border);}
.vatFormSection[open]>summary::after{transform:rotate(180deg);}
.vatFormSectionBody{display:grid;}
.vatFormLine{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);gap:22px;align-items:center;padding:17px 16px;border-bottom:1px solid var(--ju-border-soft);background:var(--ju-card);}
.vatFormLine:last-child{border-bottom:0;}
.vatFormLine--computed{background:var(--ju-soft);}
.vatFormLine--attention{box-shadow:inset 3px 0 0 var(--ju-gold);background:var(--ju-warning-bg);}
.vatFormLineCopy{display:grid;gap:5px;min-width:0;}
.vatFormLineMeta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--ju-text-muted);font-size:11px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;}
.vatFormLineMeta span+span::before{content:'·';margin-right:8px;color:var(--ju-text-subtle);}
.vatFormLineCopy h3{margin:0;color:var(--ju-text-strong);font-size:14px;line-height:1.45;font-weight:850;overflow-wrap:anywhere;}
.vatFormLineSource,.vatFormLineHint,.vatFormLineAlert{margin:0;font-size:12px;line-height:1.45;}
.vatFormLineSource,.vatFormLineHint{color:var(--ju-text-muted);}
.vatFormLineAlert{color:var(--ju-warning);font-weight:750;}
.vatFormLineControl{min-width:0;}
.vatValueGrid,.vatInputGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.vatValueGrid>:only-child,.vatInputGrid>:only-child{grid-column:1 / -1;}
.vatValueDisplay{display:grid;gap:4px;min-height:58px;padding:9px 11px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-soft);}
.vatValueDisplay>span,.vatAmountField>span:first-child,.vatTextField>span,.vatSelectField>span,.vatSupplementaryText>span{color:var(--ju-text-muted);font-size:11px;font-weight:800;line-height:1.3;}
.vatValueDisplayAmount{color:var(--ju-text-strong);font-size:16px;line-height:1.3;font-weight:900;text-align:right;}
.vatValueDisplayAmount--empty{color:var(--ju-text-subtle);font-weight:750;}
.vatValueDisplayAmount--due{color:var(--ju-warning);}
.vatValueDisplayAmount--refund{color:var(--ju-text-strong);}
.vatAmountField,.vatTextField,.vatSelectField,.vatSupplementaryText{display:grid;gap:6px;min-width:0;}
.vatAmountInputWrap{position:relative;display:block;}
.vatAmountInputWrap .vatAmountInput{width:100%;padding-right:34px;text-align:right;font-variant-numeric:tabular-nums;}
.vatAmountInputWrap>span{position:absolute;top:50%;right:12px;transform:translateY(-50%);color:var(--ju-text-muted);font-size:12px;font-weight:800;pointer-events:none;}
.vatTextField .input,.vatSelectField .select,.vatSupplementaryText .textarea{width:100%;}
.vatSupplementaryFields{display:grid;gap:10px;}
.vatSupplementaryText small{color:var(--ju-text-muted);font-size:11px;line-height:1.4;}
.vatFormLineSwitch.formSwitch{width:100%;}
.vatValueEmpty{color:var(--ju-text-muted);font-size:12px;line-height:1.45;}

.vatZeroDecision{display:grid;gap:14px;margin-top:22px;padding:18px 20px;border:1px solid var(--ju-accent-line);border-left:4px solid var(--ju-gold);border-radius:var(--ju-radius);background:var(--ju-warning-bg);}
.vatZeroDecision.is-active{border-left-color:var(--ju-gold);background:linear-gradient(90deg,var(--ju-accent-soft),var(--ju-card) 48%);}
.vatZeroDecisionState{margin:0;color:var(--ju-text-muted);font-size:12px;font-weight:750;line-height:1.4;}
.vatZeroDecision.is-active .vatZeroDecisionState{color:var(--ju-text-strong);}
.vatZeroDecision.is-conflict{border-left-color:var(--ju-danger);background:var(--ju-danger-bg);}
.vatZeroDecision.is-conflict .vatZeroDecisionState{color:var(--ju-danger);}
.vatActionBar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding-top:18px;border-top:1px solid var(--ju-border);}
.vatSaveState{display:grid;grid-template-columns:9px minmax(0,1fr);align-items:start;gap:9px;min-width:0;}
.vatSaveState>span{width:9px;height:9px;margin-top:5px;border-radius:6px;background:var(--ju-text-muted);box-shadow:0 0 0 3px var(--ju-soft);}
.vatSaveState>div{display:grid;gap:2px;}
.vatSaveState strong{color:var(--ju-text-strong);font-size:12px;line-height:1.35;}
.vatSaveState small{color:var(--ju-text-muted);font-size:11px;line-height:1.4;}
.vatSaveState.is-dirty>span{background:var(--ju-gold);box-shadow:0 0 0 3px var(--ju-warning-bg);}
.vatSaveState.is-dirty strong{color:var(--ju-warning);}
.vatActionButtons{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;}

.vatPreviewPanel{padding:18px;overflow:hidden;background:var(--ju-card);}
.vatPreviewHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;}
.vatPreviewHeader>div:first-child{min-width:0;}
.vatPreviewActions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;flex:0 0 auto;}
.vatPreviewSurface{min-height:680px;padding:10px;border-radius:var(--ju-radius);background:var(--ju-soft);}
.vatPreviewPanel .documentViewer{gap:0;}
.vatPreviewPanel .documentViewerViewport{height:calc(100vh - 238px);min-height:650px;max-height:82vh;padding:0;border:0;border-radius:var(--ju-radius);background:var(--ju-card);overflow:hidden;}
.vatPreviewPanel .documentViewerFrame,.vatPreviewPanel iframe{width:100%;height:100%;min-height:650px;border:0;background:var(--ju-card);}
.vatPreviewPanel .documentViewerActions:empty{display:none;}
.vatPreviewFootnote{margin:12px 2px 0;color:var(--ju-text-muted);font-size:12px;line-height:1.45;}
.vatPreviewFootnote strong{color:var(--ju-warning);}
.vatLineEvidenceLink{display:inline-flex;align-items:center;gap:5px;width:max-content;max-width:100%;margin-top:1px;color:var(--ju-warning);font-size:12px;font-weight:800;line-height:1.4;text-decoration:none;}
.vatLineEvidenceLink:hover{text-decoration:underline;text-underline-offset:3px;}
.vatLineEvidenceLink:focus-visible{border-radius:6px;outline:0;box-shadow:var(--ju-focus-ring);}
.vatWorkflowPanel{display:grid;gap:14px;margin-top:18px;padding:18px;border:1px solid var(--ju-border);border-left:3px solid var(--ju-gold);border-radius:var(--ju-radius);background:var(--ju-card);}
.vatWorkflowHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;}
.vatWorkflowHead>div{display:grid;gap:3px;min-width:0;}
.vatWorkflowHead span{color:var(--ju-text-muted);font-size:10px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;}
.vatWorkflowHead h2{margin:0;color:var(--ju-text-strong);font-size:17px;line-height:1.3;}
.vatWorkflowHead>a{flex:none;color:var(--ju-warning);font-size:12px;font-weight:800;text-decoration:none;}
.vatWorkflowHead>a:hover{text-decoration:underline;text-underline-offset:3px;}
.vatWorkflowFacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border:1px solid var(--ju-border);border-radius:var(--ju-radius);overflow:hidden;background:var(--ju-soft);}
.vatWorkflowFacts>div{display:grid;align-content:start;gap:4px;min-width:0;padding:12px 13px;border-right:1px solid var(--ju-border);border-bottom:1px solid var(--ju-border);}
.vatWorkflowFacts>div:nth-child(2n){border-right:0;}
.vatWorkflowFacts>div:nth-last-child(-n+2){border-bottom:0;}
.vatWorkflowFacts dt{color:var(--ju-text-muted);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;}
.vatWorkflowFacts dd{display:grid;gap:3px;margin:0;color:var(--ju-text-strong);font-size:12px;font-weight:800;line-height:1.4;overflow-wrap:anywhere;}
.vatWorkflowFacts small{color:var(--ju-text-muted);font-size:10px;font-weight:650;}
.vatWorkflowStatusForm{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin:0;}
.vatWorkflowStatusForm label{display:grid;gap:6px;min-width:0;}
.vatWorkflowStatusForm label>span{color:var(--ju-text);font-size:11px;font-weight:800;}
.vatWorkflowStatusForm .select{min-width:0;min-height:38px;}
.vatWorkflowStatusForm .btn{min-height:38px;}
.vatWorkflowEmpty{margin:0;color:var(--ju-text-muted);font-size:12px;line-height:1.5;}

@media (max-width:1180px){
  .vatWorkspace{grid-template-columns:minmax(0,1fr);}
  .vatPreviewPanel{position:static;}
  .vatPeriodGrid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .vatPreviewPanel .documentViewerViewport,.vatPreviewPanel .documentViewerFrame,.vatPreviewPanel iframe{height:72vh;min-height:560px;max-height:760px;}
}
@media (max-width:840px){
  .vatReadinessFacts{grid-template-columns:repeat(2,minmax(0,1fr));}
  .vatReadinessFacts>div{border-bottom:1px solid var(--ju-border);}
  .vatReadinessFacts>div:nth-child(2){border-right:0;}
  .vatReadinessFacts>div:nth-last-child(-n+2){border-bottom:0;}
  .vatReadinessFacts>div:nth-child(3){padding-left:0;}
  .vatMetricStrip{grid-template-columns:repeat(2,minmax(0,1fr));}
  .vatMetricItem:nth-child(2){border-right:0;}
  .vatMetricItem:nth-child(-n+2){border-bottom:1px solid var(--ju-border);}
  .vatFormHeader{align-items:flex-start;flex-direction:column;}
  .vatViewControl{width:100%;justify-content:space-between;}
  .vatFormLine{grid-template-columns:minmax(0,1fr);gap:12px;align-items:start;}
  .vatActionBar{align-items:flex-start;flex-direction:column;}
  .vatActionButtons{width:100%;justify-content:flex-start;}
}
@media (max-width:620px){
  .formSwitch.formSwitch:not(.documentViewerAutoUpdate){width:100%;min-width:0;max-width:100%;}
  .vatPageHeader .page-header-actions{display:grid;grid-template-columns:44px repeat(2,minmax(0,1fr));align-items:stretch;width:100%;}
  .vatPageHeader .page-header-actions .btn{width:100%;min-width:0;flex:none;}
  .vatPageHeader .financeHelpButton{width:44px;min-width:44px;padding:0;}
  .vatReadinessPanel,.vatWorkspaceMain,.vatPreviewPanel{padding:16px;}
  .vatReadinessHead,.vatPreviewHeader{flex-direction:column;}
  .vatReadinessFacts{grid-template-columns:1fr;}
  .vatReadinessFacts>div,.vatReadinessFacts>div:first-child,.vatReadinessFacts>div:nth-child(3){padding:10px 0;border-right:0;border-bottom:1px solid var(--ju-border);}
  .vatReadinessFacts>div:last-child{border-bottom:0;}
  .vatPeriodGrid{grid-template-columns:1fr;}
  .vatPeriodActions{align-items:stretch;flex-direction:column;}
  .vatPeriodActions .btn{width:100%;white-space:nowrap;}
  .vatMetricStrip{grid-template-columns:1fr;}
  .vatMetricItem,.vatMetricItem:nth-child(2){border-right:0;border-bottom:1px solid var(--ju-border);}
  .vatMetricItem:last-child{border-bottom:0;}
  .vatViewControl{align-items:stretch;flex-direction:column;}
  .vatViewOptions{width:100%;}
  .vatViewOptions button{white-space:normal;}
  .vatFormSection>summary{grid-template-columns:minmax(0,1fr) 18px;gap:9px;padding:13px 14px;}
  .vatFormSection>summary em{grid-column:1 / -1;grid-row:2;text-align:left;white-space:normal;}
  .vatFormSection>summary::after{grid-column:2;grid-row:1;}
  .vatFormLine{padding:15px 14px;}
  .vatValueGrid,.vatInputGrid{grid-template-columns:1fr;}
  .vatActionButtons{display:grid;grid-template-columns:1fr;width:100%;}
  .vatActionButtons .btn{width:100%;}
  .vatPreviewActions{width:100%;justify-content:flex-start;}
  .vatWorkflowHead{flex-direction:column;}
  .vatWorkflowFacts{grid-template-columns:1fr;}
  .vatWorkflowFacts>div,.vatWorkflowFacts>div:nth-child(2n){border-right:0;border-bottom:1px solid var(--ju-border);}
  .vatWorkflowFacts>div:last-child{border-bottom:0;}
  .vatWorkflowStatusForm{grid-template-columns:1fr;}
  .vatWorkflowStatusForm .btn{width:100%;}
  .vatPreviewSurface{min-height:0;}
  .vatPreviewPanel .documentViewerViewport,.vatPreviewPanel .documentViewerFrame,.vatPreviewPanel iframe{height:52vh;min-height:360px;max-height:520px;}
}

@media (prefers-reduced-motion:reduce){
  .formSwitchTrack,.formSwitchThumb,.vatReadinessDetails>summary::before,.vatFormSection>summary::after{transition:none;}
}

/* Tax filing workspaces */
.vatExtensionWorkspace{margin-top:20px;}
.vatExtensionYearForm{margin:0;}
.vatExtensionYearSection{padding-bottom:18px;}
.vatExtensionYearRow{display:grid;grid-template-columns:minmax(170px,220px) minmax(220px,1fr) auto;align-items:end;gap:14px;}
.vatExtensionYearRow .form-field{margin:0;}
.vatExtensionYearRow>.btn{min-height:42px;}
.vatExtensionDeadline{margin:14px 0 0;padding:11px 13px;border-left:3px solid var(--ju-gold);border-radius:0 var(--ju-radius) var(--ju-radius) 0;background:var(--ju-accent-soft);color:var(--ju-text-muted);font-size:12px;line-height:1.5;}
.vatExtensionDeadline strong{color:var(--ju-text-strong);}
.taxChoiceGroup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;border:0;min-width:0;}
.taxChoiceGroup--horizontal{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px;}
.taxChoiceOption{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:10px;min-width:0;padding:14px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);cursor:pointer;transition:border-color var(--ju-motion-fast) var(--ju-ease-standard),background-color var(--ju-motion-fast) var(--ju-ease-standard),box-shadow var(--ju-motion-fast) var(--ju-ease-standard);}
.taxChoiceOption:hover{border-color:var(--ju-border-strong);background:var(--ju-soft);}
.taxChoiceOption:has(input:checked){border-color:var(--ju-warning);background:var(--ju-accent-soft);box-shadow:inset 3px 0 0 var(--ju-gold);}
.taxChoiceOption:has(input:focus-visible){box-shadow:var(--ju-focus-ring);}
.taxChoiceOption>.radio-input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--ju-gold);}
.taxChoiceOption>span{display:grid;gap:4px;min-width:0;}
.taxChoiceOption strong{color:var(--ju-text-strong);font-size:13px;line-height:1.35;}
.taxChoiceOption small{color:var(--ju-text-muted);font-size:11px;line-height:1.45;}
.vatExtensionMetricStrip{margin-top:2px;}
.vatMetricItem--due strong{color:var(--ju-warning);}
.vatExtensionManualBasis{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(260px,1.3fr);gap:14px;margin-top:14px;padding:15px;border:1px solid var(--ju-accent-line);border-radius:var(--ju-radius);background:var(--ju-accent-soft);}
.vatExtensionManualBasis[hidden]{display:none;}
.vatEvidenceDisclosure{margin-top:16px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);overflow:hidden;}
.vatEvidenceDisclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;color:var(--ju-text-strong);font-size:12px;font-weight:850;cursor:pointer;list-style:none;}
.vatEvidenceDisclosure>summary::-webkit-details-marker{display:none;}
.vatEvidenceDisclosure>summary::after{content:'+';display:grid;place-items:center;width:22px;height:22px;color:var(--ju-text-muted);font-size:18px;font-weight:500;line-height:1;}
.vatEvidenceDisclosure[open]>summary{border-bottom:1px solid var(--ju-border);}
.vatEvidenceDisclosure[open]>summary::after{content:'−';}
.vatEvidenceBody{padding:0;}
.vatEvidenceBody .table-wrap{border:0;border-radius:0;box-shadow:none;}
.vatEvidenceTable{margin:0;border:0;}
.vatEvidenceTable th,.vatEvidenceTable td{padding:10px 13px;}
.vatExtensionSwitches{display:grid;gap:0;border-top:1px solid var(--ju-border);}
.vatExtensionSwitches .formSwitch{width:100%;padding:13px 0;border-bottom:1px solid var(--ju-border);}
.vatExtensionFollowupGrid{grid-template-columns:repeat(2,minmax(0,1fr));}
.vatExtensionFormReference{margin-top:18px;}
.vatExtensionFormReference .vatFormSectionBody{max-height:none;}
.vatExtensionFormReference .vatValueDisplay{min-width:150px;}

@media (max-width:980px){
  .vatExtensionYearRow{grid-template-columns:minmax(160px,220px) minmax(0,1fr);}
  .vatExtensionYearRow>.btn{grid-column:1 / -1;justify-self:start;}
  .taxChoiceGroup{grid-template-columns:1fr;}
  .taxChoiceGroup--horizontal{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:720px){
  .vatExtensionYearRow,.vatExtensionManualBasis,.vatExtensionFollowupGrid,.taxChoiceGroup--horizontal{grid-template-columns:1fr;}
  .vatExtensionYearRow>.btn{width:100%;}
  .taxChoiceOption{padding:13px;}
  .vatEvidenceDisclosure>summary{padding:12px 13px;}
  .vatExtensionFormReference .vatValueDisplay{min-width:0;}
}

/* Tax filing hub */
.taxHubOverview{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.9fr);gap:20px;margin-bottom:20px;padding:22px;border:1px solid var(--ju-border);border-left:4px solid var(--ju-gold);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:var(--ju-shadow);}
.taxHubOverviewMain{display:grid;align-content:start;gap:7px;min-width:0;}
.taxHubOverviewMain h2{margin:0;color:var(--ju-text-strong);font-size:21px;line-height:1.25;}
.taxHubOverviewMain p{max-width:760px;margin:0;color:var(--ju-text-muted);font-size:13px;line-height:1.55;}
.taxHubOverviewMain p strong{color:var(--ju-text-strong);}
.taxHubOverviewActions{display:flex;gap:8px;margin-top:7px;}
.taxHubOverviewFacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border:1px solid var(--ju-border);border-radius:var(--ju-radius);overflow:hidden;background:var(--ju-soft);}
.taxHubOverviewFacts>div{display:grid;gap:4px;padding:12px 13px;border-right:1px solid var(--ju-border);border-bottom:1px solid var(--ju-border);}
.taxHubOverviewFacts>div:nth-child(2n){border-right:0;}
.taxHubOverviewFacts>div:nth-last-child(-n+2){border-bottom:0;}
.taxHubOverviewFacts dt{color:var(--ju-text-muted);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;}
.taxHubOverviewFacts dd{margin:0;color:var(--ju-text-strong);font-size:13px;font-weight:850;line-height:1.35;}
.taxHubYearSection{display:flex;align-items:end;justify-content:space-between;gap:18px;}
.taxHubYearForm{display:flex;align-items:end;gap:10px;margin:0;}
.taxHubYearForm .form-field{min-width:170px;margin:0;}
.taxHubYearForm>.btn{min-height:42px;}
.taxHubLegend{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap;color:var(--ju-text-muted);font-size:11px;font-weight:750;}
.taxHubLegend span{display:inline-flex;align-items:center;gap:7px;}
.taxHubLegend span::before{content:'';width:8px;height:8px;border-radius:6px;background:var(--ju-border-strong);}
.taxHubLegend [data-tax-status="accepted"]::before{background:var(--ju-success);}
.taxHubLegend [data-tax-status="prepared"]::before{background:var(--ju-gold);}
.taxHubLegend [data-tax-status="overdue"]::before{background:var(--ju-danger);}
.taxHubTimeline{display:grid;gap:0;border:1px solid var(--ju-border);border-radius:var(--ju-radius);overflow:hidden;background:var(--ju-card);}
.taxHubPeriod{position:relative;display:grid;grid-template-columns:minmax(125px,.7fr) minmax(210px,1.35fr) minmax(165px,.8fr) minmax(235px,1fr);align-items:center;gap:16px;padding:14px 16px;border-bottom:1px solid var(--ju-border);}
.taxHubPeriod:last-child{border-bottom:0;}
.taxHubPeriod::before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:var(--ju-border-strong);}
.taxHubPeriod[data-tax-status="accepted"]::before,.taxHubPeriod[data-tax-status="uploaded"]::before{background:var(--ju-success);}
.taxHubPeriod[data-tax-status="checked"]::before,.taxHubPeriod[data-tax-status="exported"]::before,.taxHubPeriod[data-tax-status="draft"]::before{background:var(--ju-gold);}
.taxHubPeriod[data-tax-status="overdue"]::before,.taxHubPeriod[data-tax-status="rejected"]::before{background:var(--ju-danger);}
.taxHubPeriod[data-tax-status="overdue"],.taxHubPeriod[data-tax-status="rejected"]{background:var(--ju-danger-bg);}
.taxHubPeriodDate,.taxHubPeriodState,.taxHubPeriodAmount{display:grid;gap:3px;min-width:0;}
.taxHubPeriodDate strong,.taxHubPeriodState strong,.taxHubPeriodAmount strong{color:var(--ju-text-strong);font-size:13px;line-height:1.35;}
.taxHubPeriodDate span,.taxHubPeriodState span,.taxHubPeriodAmount span{color:var(--ju-text-muted);font-size:11px;line-height:1.4;}
.taxHubPeriodAmount{text-align:right;font-variant-numeric:tabular-nums;}
.taxHubPeriodActions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;}
.taxHubStatusForm{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0;margin:0;}
.taxHubStatusForm label{min-width:190px;}
.taxHubStatusForm .select{max-width:190px;min-height:34px;padding-top:6px;padding-bottom:6px;font-size:11px;}
.taxHubExtensionSection{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-left:4px solid var(--ju-gold);}
.taxHubExtensionCopy{display:grid;gap:6px;min-width:0;}
.taxHubExtensionCopy h2{margin:0;color:var(--ju-text-strong);font-size:18px;line-height:1.3;}
.taxHubExtensionCopy p{max-width:800px;margin:0;color:var(--ju-text-muted);font-size:13px;line-height:1.55;}
.taxHubExtensionCopy p strong{color:var(--ju-text-strong);}
.taxHubHistory td{font-size:12px;}

@media (max-width:1120px){
  .taxHubOverview{grid-template-columns:1fr;}
  .taxHubPeriod{grid-template-columns:minmax(120px,.7fr) minmax(200px,1.4fr) minmax(150px,.8fr);}
  .taxHubPeriodActions{grid-column:1 / -1;justify-content:flex-start;padding-top:2px;}
}
@media (max-width:760px){
  .taxHubPageHeader .page-header-actions{width:100%;}
  .taxHubOverview{padding:17px;}
  .taxHubYearSection,.taxHubExtensionSection{align-items:stretch;flex-direction:column;}
  .taxHubYearForm{align-items:stretch;width:100%;}
  .taxHubYearForm .form-field{flex:1;min-width:0;}
  .taxHubLegend{justify-content:flex-start;}
  .taxHubPeriod{grid-template-columns:1fr;padding:14px;gap:10px;}
  .taxHubPeriodAmount{text-align:left;}
  .taxHubPeriodActions{grid-column:auto;align-items:stretch;flex-direction:column;}
  .taxHubStatusForm,.taxHubStatusForm .select,.taxHubPeriodActions .btn{width:100%;max-width:none;}
}
@media (max-width:520px){
  .taxHubOverviewFacts{grid-template-columns:1fr;}
  .taxHubOverviewFacts>div,.taxHubOverviewFacts>div:nth-child(2n){border-right:0;border-bottom:1px solid var(--ju-border);}
  .taxHubOverviewFacts>div:last-child{border-bottom:0;}
  .taxHubYearForm{flex-direction:column;}
  .taxHubYearForm>.btn{width:100%;}
}

/* Reporting evidence */
.reportDrilldownBack{display:inline-flex;align-items:center;width:max-content;margin-bottom:5px;color:var(--ju-text-muted);font-size:12px;font-weight:800;text-decoration:none;}
.reportDrilldownBack:hover{color:var(--ju-text-strong);}
.reportDrilldownSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);overflow:hidden;box-shadow:var(--ju-shadow);}
.reportDrilldownSummary>div{display:grid;gap:4px;padding:16px;border-right:1px solid var(--ju-border);}
.reportDrilldownSummary>div:last-child{border-right:0;}
.reportDrilldownSummary span{color:var(--ju-text-muted);font-size:10px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;}
.reportDrilldownSummary strong{color:var(--ju-text-strong);font-size:20px;line-height:1.25;font-variant-numeric:tabular-nums;}
.reportDrilldownSummary small{color:var(--ju-text-muted);font-size:11px;line-height:1.4;}
.reportDrilldownContext{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;overflow:hidden;}
.reportDrilldownContext>div{display:grid;gap:4px;padding:13px 15px;border-right:1px solid var(--ju-border);}
.reportDrilldownContext>div:last-child{border-right:0;}
.reportDrilldownContext span{color:var(--ju-text-muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;}
.reportDrilldownContext strong{color:var(--ju-text-strong);font-size:12px;line-height:1.4;}
.reportDrilldownTable tr.is-review{background:var(--ju-warning-bg);}
.reportEvidenceState{display:inline-flex;align-items:center;gap:7px;color:var(--ju-text-muted);font-size:11px;font-weight:800;}
.reportEvidenceState::before{content:'';width:8px;height:8px;border-radius:6px;background:var(--ju-border-strong);}
.reportEvidenceState.is-complete{color:var(--ju-text-strong);}
.reportEvidenceState.is-complete::before{background:var(--ju-success);}
.reportEvidenceState.is-missing::before{background:var(--ju-warning);}
.reportPagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;color:var(--ju-text-muted);font-size:12px;font-weight:800;}

@media (max-width:900px){
  .reportDrilldownSummary,.reportDrilldownContext{grid-template-columns:repeat(2,minmax(0,1fr));}
  .reportDrilldownSummary>div:nth-child(2),.reportDrilldownContext>div:nth-child(2){border-right:0;}
  .reportDrilldownSummary>div:nth-child(-n+2),.reportDrilldownContext>div:nth-child(-n+2){border-bottom:1px solid var(--ju-border);}
}
@media (max-width:560px){
  .reportDrilldownSummary,.reportDrilldownContext{grid-template-columns:1fr;}
  .reportDrilldownSummary>div,.reportDrilldownSummary>div:nth-child(2),.reportDrilldownContext>div,.reportDrilldownContext>div:nth-child(2){border-right:0;border-bottom:1px solid var(--ju-border);}
  .reportDrilldownSummary>div:last-child,.reportDrilldownContext>div:last-child{border-bottom:0;}
  .reportPagination{justify-content:space-between;}
}

.financeExportMenu{position:relative;display:inline-flex;flex:0 0 auto;}
.financeExportMenu>summary{list-style:none;cursor:pointer;user-select:none;}
.financeExportMenu>summary::-webkit-details-marker{display:none;}
.financeExportMenu>summary::after{content:'▾';margin-left:7px;font-size:10px;line-height:1;}
.financeExportMenu[open]>summary{border-color:var(--ju-border-strong);background:var(--ju-soft);}
.financeExportMenu>div{position:absolute;z-index:35;top:calc(100% + 8px);right:0;display:grid;min-width:220px;padding:6px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:var(--shadow-md);}
.financeExportMenu>div form{margin:0;}
.financeExportMenu>div a,.financeExportMenu>div button{display:block;width:100%;padding:9px 10px;border:0;border-radius:6px;background:transparent;color:var(--ju-text);font:inherit;font-size:12px;font-weight:750;line-height:1.35;text-align:left;text-decoration:none;white-space:nowrap;cursor:pointer;}
.financeExportMenu>div a:hover,.financeExportMenu>div a:focus-visible,.financeExportMenu>div button:hover,.financeExportMenu>div button:focus-visible{background:var(--ju-soft);color:var(--ju-text-strong);outline:0;}
.euerPageHeader{margin-bottom:18px;}
.euerControlPanel{margin-bottom:18px;padding:18px;}
.euerControlForm{display:grid;gap:0;margin:0;}
.euerControlPrimary{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(145px,.72fr) minmax(145px,.72fr) minmax(210px,1.1fr) auto;align-items:end;gap:12px;}
.euerControlPrimary .form-field{margin:0;}
.euerControlPeriod{display:grid;align-content:center;gap:2px;min-height:42px;padding:7px 12px;border-left:3px solid var(--ju-gold);border-radius:0 var(--ju-radius) var(--ju-radius) 0;background:var(--ju-accent-soft);}
.euerControlPeriod span{color:var(--ju-text-muted);font-size:9px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;}
.euerControlPeriod strong{color:var(--ju-text-strong);font-size:12px;line-height:1.35;}
.euerControlPeriod small{color:var(--ju-text-muted);font-size:10px;line-height:1.35;}
.euerAdvancedFilters{margin-top:14px;border-top:1px solid var(--ju-border);}
.euerAdvancedFilters>summary{display:flex;align-items:center;gap:7px;width:max-content;padding:12px 0 0;color:var(--ju-text-muted);font-size:11px;font-weight:800;cursor:pointer;list-style:none;}
.euerAdvancedFilters>summary::-webkit-details-marker{display:none;}
.euerAdvancedFilters>summary::before{content:'+';display:grid;place-items:center;width:17px;height:17px;border:1px solid var(--ju-border-strong);border-radius:6px;color:var(--ju-text-strong);font-size:12px;line-height:1;}
.euerAdvancedFilters[open]>summary::before{content:'−';}
.euerAdvancedFilters>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:12px;padding-top:13px;}
.euerAdvancedFilters .form-field{margin:0;}
.euerAdvancedActions{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-height:42px;}
.euerReadiness{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(390px,1fr);gap:20px;margin-bottom:18px;padding:21px 22px;border:1px solid var(--ju-border);border-left:4px solid var(--ju-gold);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:var(--ju-shadow);}
.euerReadiness--ready{border-left-color:var(--ju-success);}
.euerReadinessMain{display:grid;align-content:start;gap:5px;min-width:0;}
.euerReadinessMain>span{color:var(--ju-text-muted);font-size:10px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;}
.euerReadinessMain h2{margin:0;color:var(--ju-text-strong);font-size:20px;line-height:1.25;}
.euerReadinessMain p{max-width:780px;margin:0;color:var(--ju-text-muted);font-size:13px;line-height:1.55;}
.euerReadinessFacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border:1px solid var(--ju-border);border-radius:var(--ju-radius);overflow:hidden;background:var(--ju-soft);}
.euerReadinessFacts>div{display:grid;align-content:start;gap:4px;min-width:0;padding:12px 13px;border-right:1px solid var(--ju-border);border-bottom:1px solid var(--ju-border);}
.euerReadinessFacts>div:nth-child(2n){border-right:0;}
.euerReadinessFacts>div:nth-last-child(-n+2){border-bottom:0;}
.euerReadinessFacts dt{color:var(--ju-text-muted);font-size:12px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;}
.euerReadinessFacts dd{margin:0;color:var(--ju-text-strong);font-size:12px;font-weight:800;line-height:1.4;}
.euerReadinessDetails{grid-column:1 / -1;border-top:1px solid var(--ju-border);padding-top:12px;}
.euerReadinessDetails>summary{width:max-content;color:var(--ju-warning);font-size:11px;font-weight:800;cursor:pointer;}
.euerReadinessDetails ul{margin:10px 0 0;padding-left:20px;color:var(--ju-text-muted);font-size:12px;line-height:1.55;}
.euerMetricStrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);overflow:hidden;box-shadow:var(--ju-shadow);}
.euerMetric{display:grid;align-content:start;gap:5px;min-height:108px;padding:17px 18px;border-right:1px solid var(--ju-border);}
.euerMetric:last-child{border-right:0;}
.euerMetric>span{color:var(--ju-text-muted);font-size:10px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;}
.euerMetric>strong{color:var(--ju-text-strong);font-size:23px;line-height:1.15;font-variant-numeric:tabular-nums;}
.euerMetric>small{color:var(--ju-text-muted);font-size:10px;line-height:1.4;}
.euerMetric--quality>strong{color:var(--ju-warning);}
.euerMetric--quality.is-ready>strong{color:var(--ju-success);}
.euerDelta.is-positive{color:var(--ju-success);}
.euerDelta.is-negative{color:var(--ju-danger);}
.euerDelta.is-neutral{color:var(--ju-text-muted);}
.euerAnalysisGrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr);gap:18px;margin-bottom:18px;}
.euerAnalysisGrid>.section{margin:0;}
.euerTrendPanel,.euerCostFocus{padding:20px;overflow:hidden;}
.euerChartLegend{display:flex;align-items:center;justify-content:flex-end;gap:13px;color:var(--ju-text-muted);font-size:10px;font-weight:800;}
.euerChartLegend span{display:inline-flex;align-items:center;gap:6px;}
.euerChartLegend span::before{content:'';width:9px;height:9px;border-radius:6px;background:var(--ju-border-strong);}
.euerChartLegend .is-income::before{background:var(--ju-gold);}
.euerChartLegend .is-expense::before{background:var(--ju-text-muted);}
.euerTrendChart{display:block;width:100%;height:auto;max-height:270px;margin-top:8px;overflow:visible;}
.euerTrendGrid{stroke:var(--ju-border);stroke-width:1;}
.euerTrendIncome{fill:var(--ju-gold);}
.euerTrendExpense{fill:var(--ju-text-muted);}
.euerTrendLabel{fill:var(--ju-text-muted);font-size:10px;font-weight:700;}
.euerFocusList,.euerGroupList{display:grid;border:1px solid var(--ju-border);border-radius:var(--ju-radius);overflow:hidden;background:var(--ju-card);}
.euerFocusList>a,.euerGroupList>a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;padding:12px 13px;border-bottom:1px solid var(--ju-border);color:var(--ju-text);text-decoration:none;}
.euerFocusList>a:last-child,.euerGroupList>a:last-child{border-bottom:0;}
.euerFocusList>a:hover,.euerFocusList>a:focus-visible,.euerGroupList>a:hover,.euerGroupList>a:focus-visible{background:var(--ju-soft);outline:0;}
.euerFocusList a>span,.euerGroupList a>span{display:grid;gap:3px;min-width:0;}
.euerFocusList strong,.euerGroupList strong{color:var(--ju-text-strong);font-size:12px;line-height:1.35;overflow-wrap:anywhere;}
.euerFocusList small,.euerGroupList small{color:var(--ju-text-muted);font-size:10px;line-height:1.4;}
.euerFocusList em,.euerGroupList em{color:var(--ju-text-strong);font-size:12px;font-style:normal;font-weight:850;white-space:nowrap;font-variant-numeric:tabular-nums;}
.euerOfficialWorkspace{margin-bottom:18px;padding:21px;}
.euerSchemaNote{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:1px 8px;min-width:128px;padding-left:15px;border-left:1px solid var(--ju-border);}
.euerSchemaNote span{grid-column:1 / -1;color:var(--ju-text-muted);font-size:9px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;}
.euerSchemaNote strong{color:var(--ju-text-strong);font-size:17px;}
.euerSchemaNote small{color:var(--ju-text-muted);font-size:10px;}
.euerOfficialSections{display:grid;gap:12px;margin-top:17px;}
.euerOfficialSection{border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);overflow:hidden;}
.euerOfficialSection>summary{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:14px;padding:13px 15px;background:var(--ju-soft);cursor:pointer;list-style:none;}
.euerOfficialSection>summary::-webkit-details-marker{display:none;}
.euerOfficialSection>summary::after{content:'›';color:var(--ju-text-muted);font-size:19px;line-height:1;transform:rotate(90deg);transition:transform var(--ju-motion-fast) var(--ju-ease-standard);}
.euerOfficialSection:not([open])>summary::after{transform:rotate(0deg);}
.euerOfficialSection>summary>span{display:grid;gap:2px;min-width:0;}
.euerOfficialSection>summary strong{color:var(--ju-text-strong);font-size:13px;line-height:1.35;}
.euerOfficialSection>summary small{color:var(--ju-text-muted);font-size:10px;line-height:1.35;}
.euerOfficialSection>summary em{color:var(--ju-text-strong);font-size:12px;font-style:normal;font-weight:850;white-space:nowrap;font-variant-numeric:tabular-nums;}
.euerOfficialSection>div{display:grid;}
.euerOfficialRow{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,190px);align-items:center;gap:20px;padding:15px;border-top:1px solid var(--ju-border);}
.euerOfficialCopy{display:grid;gap:4px;min-width:0;}
.euerOfficialCopy>span{color:var(--ju-text-muted);font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;}
.euerOfficialCopy h3{margin:0;color:var(--ju-text-strong);font-size:13px;line-height:1.4;}
.euerOfficialCopy p{margin:0;color:var(--ju-text-muted);font-size:11px;line-height:1.45;}
.euerOfficialCopy a{width:max-content;max-width:100%;margin-top:2px;color:var(--ju-warning);font-size:10px;font-weight:800;line-height:1.4;text-decoration:none;overflow-wrap:anywhere;}
.euerOfficialCopy a:hover{text-decoration:underline;text-underline-offset:3px;}
.euerOfficialValue{display:grid;justify-items:end;gap:5px;text-align:right;}
.euerOfficialValue>strong{color:var(--ju-text-strong);font-size:15px;font-variant-numeric:tabular-nums;}
.euerTextStatus{display:inline-flex;align-items:center;gap:6px;color:var(--ju-text-muted);font-size:12px;font-weight:800;line-height:1.35;}
.euerTextStatus::before{content:'';width:7px;height:7px;border-radius:6px;background:var(--ju-border-strong);}
.euerTextStatus.is-ready{color:var(--ju-success);}
.euerTextStatus.is-ready::before{background:var(--ju-success);}
.euerTextStatus.is-review{color:var(--ju-warning);}
.euerTextStatus.is-review::before{background:var(--ju-gold);}
.euerTextStatus.is-neutral::before{background:var(--ju-border-strong);}
.euerGroupGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;}
.euerGroupPanel{margin:0;padding:20px;}
.euerGroupTotal{color:var(--ju-text-strong);font-size:18px;font-variant-numeric:tabular-nums;}
.euerReviewWorkspace{margin:0 0 18px;padding:0;overflow:hidden;}
.euerReviewWorkspace>summary{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:14px;padding:15px 18px;background:var(--ju-soft);cursor:pointer;list-style:none;}
.euerReviewWorkspace>summary::-webkit-details-marker{display:none;}
.euerReviewWorkspace>summary::after{content:'›';color:var(--ju-text-muted);font-size:20px;line-height:1;transform:rotate(90deg);}
.euerReviewWorkspace:not([open])>summary::after{transform:rotate(0deg);}
.euerReviewWorkspace>summary>span{display:grid;gap:2px;}
.euerReviewWorkspace>summary strong{color:var(--ju-text-strong);font-size:14px;}
.euerReviewWorkspace>summary small{color:var(--ju-text-muted);font-size:10px;}
.euerReviewWorkspace>summary em{color:var(--ju-warning);font-size:11px;font-style:normal;font-weight:850;}
.euerReviewBody{display:grid;gap:15px;padding:18px;border-top:1px solid var(--ju-border);}
.euerReviewBody>.section-header{align-items:flex-start;}
.euerRowActions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.euerRowActions form{margin:0;}

@media (max-width:1180px){
  .euerControlPrimary{grid-template-columns:repeat(3,minmax(0,1fr));}
  .euerControlPeriod{grid-column:1 / span 2;}
  .euerControlPrimary>.btn{justify-self:end;}
  .euerAdvancedFilters>div{grid-template-columns:repeat(2,minmax(0,1fr));}
  .euerAdvancedActions{grid-column:1 / -1;justify-content:flex-start;}
  .euerReadiness{grid-template-columns:1fr;}
  .euerAnalysisGrid{grid-template-columns:1fr;}
}
@media (max-width:840px){
  .euerPageHeader .page-header-actions{width:100%;}
  .euerMetricStrip{grid-template-columns:repeat(2,minmax(0,1fr));}
  .euerMetric:nth-child(2){border-right:0;}
  .euerMetric:nth-child(-n+2){border-bottom:1px solid var(--ju-border);}
  .euerGroupGrid{grid-template-columns:1fr;}
  .euerOfficialWorkspace .section-header{align-items:flex-start;}
}
@media (max-width:620px){
  .euerPageHeader .page-header-actions{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;}
  .euerPageHeader .page-header-actions>.btn,.euerPageHeader .financeExportMenu,.euerPageHeader .financeExportMenu>summary{width:100%;}
  .financeExportMenu>div{right:auto;left:0;width:min(280px,calc(100vw - 32px));}
  .euerControlPanel,.euerTrendPanel,.euerCostFocus,.euerOfficialWorkspace,.euerGroupPanel{padding:16px;}
  .euerControlPrimary,.euerAdvancedFilters>div{grid-template-columns:1fr;}
  .euerControlPeriod{grid-column:auto;}
  .euerControlPrimary>.btn,.euerAdvancedActions .btn{width:100%;justify-self:stretch;}
  .euerAdvancedActions{display:grid;grid-template-columns:44px minmax(0,1fr);}
  .euerAdvancedActions .financeHelpButton{width:44px;}
  .euerAdvancedActions .btn:last-child{grid-column:1 / -1;}
  .euerReadiness{padding:17px;}
  .euerReadinessFacts{grid-template-columns:1fr;}
  .euerReadinessFacts>div,.euerReadinessFacts>div:nth-child(2n){border-right:0;border-bottom:1px solid var(--ju-border);}
  .euerReadinessFacts>div:last-child{border-bottom:0;}
  .euerMetricStrip{grid-template-columns:1fr;}
  .euerMetric,.euerMetric:nth-child(2){border-right:0;border-bottom:1px solid var(--ju-border);}
  .euerMetric:last-child{border-bottom:0;}
  .euerChartLegend{justify-content:flex-start;}
  .euerTrendChart{min-width:560px;}
  .euerTrendPanel{overflow-x:auto;}
  .euerSchemaNote{padding:10px 0 0;border-left:0;border-top:1px solid var(--ju-border);}
  .euerOfficialSection>summary{grid-template-columns:minmax(0,1fr) 18px;gap:9px;}
  .euerOfficialSection>summary em{grid-column:1 / -1;grid-row:2;text-align:left;}
  .euerOfficialSection>summary::after{grid-column:2;grid-row:1;}
  .euerOfficialRow{grid-template-columns:1fr;gap:10px;}
  .euerOfficialValue{justify-items:start;text-align:left;}
  .euerReviewWorkspace>summary{grid-template-columns:minmax(0,1fr) 18px;gap:8px;}
  .euerReviewWorkspace>summary em{grid-column:1 / -1;grid-row:2;}
  .euerReviewWorkspace>summary::after{grid-column:2;grid-row:1;}
  .euerReviewBody>.section-header{align-items:stretch;flex-direction:column;}
  .euerReviewBody .financeActionStrip{display:grid;grid-template-columns:1fr;width:100%;}
  .euerReviewBody .financeActionStrip .btn{width:100%;}
  .euerRowActions{align-items:stretch;flex-direction:column;}
  .euerRowActions .btn{width:100%;}
}

.reportPremiumHeader{margin-bottom:18px;}
.reportControlPanel{margin-bottom:18px;padding:18px;}
.reportControlForm{display:grid;margin:0;}
.reportControlPrimary{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(145px,.72fr) minmax(145px,.72fr) minmax(210px,1.1fr) auto;align-items:end;gap:12px;}
.reportControlPrimary .form-field{margin:0;}
.reportPeriodSummary{display:grid;align-content:center;gap:2px;min-height:42px;padding:7px 12px;border-left:3px solid var(--ju-gold);border-radius:0 var(--ju-radius) var(--ju-radius) 0;background:var(--ju-accent-soft);}
.reportPeriodSummary span{color:var(--ju-text-muted);font-size:12px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;}
.reportPeriodSummary strong{color:var(--ju-text-strong);font-size:12px;line-height:1.35;}
.reportPeriodSummary small{color:var(--ju-text-muted);font-size:10px;line-height:1.35;}
.reportAdvancedFilters{margin-top:14px;border-top:1px solid var(--ju-border);}
.reportAdvancedFilters>summary{display:flex;align-items:center;gap:7px;width:max-content;padding:12px 0 0;color:var(--ju-text-muted);font-size:11px;font-weight:800;cursor:pointer;list-style:none;}
.reportAdvancedFilters>summary::-webkit-details-marker{display:none;}
.reportAdvancedFilters>summary::before{content:'+';display:grid;place-items:center;width:17px;height:17px;border:1px solid var(--ju-border-strong);border-radius:6px;color:var(--ju-text-strong);font-size:12px;line-height:1;}
.reportAdvancedFilters[open]>summary::before{content:'−';}
.reportAdvancedFilters>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;align-items:end;gap:12px;padding-top:13px;}
.reportAdvancedFilters>div.reportAdvancedFilters--three{grid-template-columns:repeat(3,minmax(0,1fr)) auto;}
.reportAdvancedFilters .form-field{margin:0;}
.reportAdvancedActions{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-height:42px;}
.reportReadiness{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(390px,1fr);gap:20px;margin-bottom:18px;padding:21px 22px;border:1px solid var(--ju-border);border-left:4px solid var(--ju-gold);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:var(--ju-shadow);}
.reportReadiness.is-ready{border-left-color:var(--ju-success);}
.reportReadinessCopy{display:grid;align-content:start;gap:5px;min-width:0;}
.reportReadinessCopy>span{color:var(--ju-text-muted);font-size:12px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;}
.reportReadinessCopy h2{margin:0;color:var(--ju-text-strong);font-size:20px;line-height:1.25;}
.reportReadinessCopy p{max-width:800px;margin:0;color:var(--ju-text-muted);font-size:13px;line-height:1.55;}
.reportReadinessFacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;margin:0;border:1px solid var(--ju-border);border-radius:var(--ju-radius);overflow:hidden;background:var(--ju-border);}
.reportReadinessFacts>div{display:grid;align-content:start;gap:4px;min-width:0;padding:12px 13px;border:0;background:var(--ju-soft);}


.reportReadinessFacts dt{color:var(--ju-text-muted);font-size:12px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;}
.reportReadinessFacts dd{margin:0;color:var(--ju-text-strong);font-size:13px;font-weight:800;line-height:1.4;}
.reportReadinessDetails{grid-column:1 / -1;border-top:1px solid var(--ju-border);padding-top:12px;}
.reportReadinessDetails>summary{width:max-content;color:var(--ju-warning);font-size:11px;font-weight:800;cursor:pointer;}
.reportReadinessDetails ul{margin:10px 0 0;padding-left:20px;color:var(--ju-text-muted);font-size:12px;line-height:1.55;}
.reportMetricStrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);overflow:hidden;box-shadow:var(--ju-shadow);}
.reportMetric{display:grid;align-content:start;gap:5px;min-height:108px;padding:17px 18px;border-right:1px solid var(--ju-border);}
.reportMetric:last-child{border-right:0;}
.reportMetric>span{color:var(--ju-text-muted);font-size:12px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;}
.reportMetric>strong{color:var(--ju-text-strong);font-size:25px;line-height:1.15;font-variant-numeric:tabular-nums;}
.reportMetric>strong small{font-size:11px;color:var(--ju-text-muted);}
.reportMetric>small{color:var(--ju-text-muted);font-size:12px;line-height:1.45;}
.reportMetric--decision.is-ready>strong{color:var(--ju-success);}
.reportMetric--decision.is-review>strong{color:var(--ju-warning);}
.reportDelta.is-positive{color:var(--ju-success);}
.reportDelta.is-negative{color:var(--ju-danger);}
.reportDelta.is-neutral{color:var(--ju-text-muted);}
.reportAnalysisGrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr);gap:18px;margin-bottom:18px;}
.reportAnalysisGrid>.section{margin:0;}
.reportTrendPanel,.reportRatioPanel{padding:20px;overflow:hidden;}
.reportChartLegend{display:flex;align-items:center;justify-content:flex-end;gap:13px;color:var(--ju-text-muted);font-size:10px;font-weight:800;}
.reportChartLegend span{display:inline-flex;align-items:center;gap:6px;}
.reportChartLegend span::before{content:'';width:9px;height:9px;border-radius:6px;background:var(--ju-border-strong);}
.reportChartLegend .is-revenue::before{background:var(--ju-gold);}
.reportChartLegend .is-expense::before{background:var(--ju-text-muted);}
.reportChartLegend .is-result::before{height:2px;border-radius:0;background:var(--ju-success);}
.bwaTrendChart{display:block;width:100%;height:auto;max-height:270px;margin-top:8px;overflow:visible;}
.bwaTrendGrid{stroke:var(--ju-border);stroke-width:1;}
.bwaTrendZero{stroke:var(--ju-text-muted);stroke-width:1.5;stroke-dasharray:5 5;}
.bwaTrendRevenue{fill:var(--ju-gold);}
.bwaTrendExpense{fill:var(--ju-text-muted);}
.bwaTrendResult{fill:none;stroke:var(--ju-success);stroke-width:3;stroke-linejoin:round;stroke-linecap:round;}
.bwaTrendLabel{fill:var(--ju-text-muted);font-size:10px;font-weight:700;}
.reportRatioList{display:grid;border:1px solid var(--ju-border);border-radius:var(--ju-radius);overflow:hidden;background:var(--ju-card);}
.reportRatioList>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;padding:13px;border-bottom:1px solid var(--ju-border);}
.reportRatioList>div:last-child{border-bottom:0;}
.reportRatioList span{color:var(--ju-text-muted);font-size:12px;font-weight:800;letter-spacing:.02em;}
.reportRatioList strong{grid-column:2;grid-row:1 / span 2;align-self:center;color:var(--ju-text-strong);font-size:15px;font-variant-numeric:tabular-nums;}
.reportRatioList small{color:var(--ju-text-muted);font-size:12px;line-height:1.45;}
.reportStructure{margin-bottom:18px;padding:21px;}
.reportStructureBody{display:grid;margin-top:16px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);overflow:hidden;background:var(--ju-card);}
.reportStructureGroup{display:grid;}
.reportStructureHeading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 15px;background:var(--ju-soft);border-bottom:1px solid var(--ju-border);}
.reportStructureHeading span{color:var(--ju-text-strong);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.04em;}
.reportStructureHeading strong{color:var(--ju-text-strong);font-size:13px;font-variant-numeric:tabular-nums;}
.reportStructureRow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:13px 15px;border-bottom:1px solid var(--ju-border);color:var(--ju-text);text-decoration:none;}
.reportStructureRow:hover,.reportStructureRow:focus-visible{background:var(--ju-soft);outline:0;}
.reportStructureRow>span{display:grid;gap:3px;min-width:0;}
.reportStructureRow strong{color:var(--ju-text-strong);font-size:12px;line-height:1.35;}
.reportStructureRow small{color:var(--ju-text-muted);font-size:10px;line-height:1.4;}
.reportStructureRow em,.reportStructureSubtotal strong,.reportStructureResult em{color:var(--ju-text-strong);font-size:13px;font-style:normal;font-weight:850;white-space:nowrap;font-variant-numeric:tabular-nums;}
.reportStructureSubtotal{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border-bottom:1px solid var(--ju-border);background:var(--ju-accent-soft);}
.reportStructureSubtotal span{color:var(--ju-text-strong);font-size:12px;font-weight:850;}
.reportStructureResult{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 15px;border-top:2px solid var(--ju-gold);background:var(--ju-soft);}
.reportStructureResult>span{display:grid;gap:2px;}
.reportStructureResult strong{color:var(--ju-text-strong);font-size:14px;}
.reportStructureResult small{color:var(--ju-text-muted);font-size:10px;}
.reportStructureResult em{font-size:18px;}
.reportPeriodTable,.reportReviewPanel{margin:0 0 18px;padding:0;overflow:hidden;}
.reportPeriodTable>summary,.reportReviewPanel>summary{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:14px;padding:15px 18px;background:var(--ju-soft);cursor:pointer;list-style:none;}
.reportPeriodTable>summary::-webkit-details-marker,.reportReviewPanel>summary::-webkit-details-marker{display:none;}
.reportPeriodTable>summary::after,.reportReviewPanel>summary::after{content:'›';color:var(--ju-text-muted);font-size:20px;line-height:1;transform:rotate(90deg);}
.reportPeriodTable:not([open])>summary::after,.reportReviewPanel:not([open])>summary::after{transform:rotate(0deg);}
.reportPeriodTable>summary>span,.reportReviewPanel>summary>span{display:grid;gap:2px;}
.reportPeriodTable>summary strong,.reportReviewPanel>summary strong{color:var(--ju-text-strong);font-size:14px;}
.reportPeriodTable>summary small,.reportReviewPanel>summary small{color:var(--ju-text-muted);font-size:12px;}
.reportPeriodTable>summary em,.reportReviewPanel>summary em{color:var(--ju-warning);font-size:11px;font-style:normal;font-weight:850;}
.reportPeriodTable>.table-wrap,.reportReviewPanel>.table-wrap{border-top:1px solid var(--ju-border);}
.reportTextState{display:inline-flex;align-items:center;gap:6px;color:var(--ju-text-muted);font-size:12px;font-weight:800;line-height:1.35;}
.reportTextState::before{content:'';width:7px;height:7px;border-radius:6px;background:var(--ju-border-strong);}
.reportTextState.is-review{color:var(--ju-warning);}
.reportTextState.is-review::before{background:var(--ju-gold);}
.susaWorkspace{margin-bottom:18px;padding:21px;}
.susaLegend{display:flex;align-items:center;justify-content:flex-end;gap:14px;color:var(--ju-text-muted);font-size:10px;}
.susaLegend span{display:inline-flex;align-items:center;gap:5px;}
.susaLegend strong{display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--ju-border-strong);border-radius:6px;color:var(--ju-text-strong);font-size:10px;}
.susaTable td,.susaTable th{vertical-align:middle;}
.susaTable tr.is-category-fallback{background:var(--ju-warning-bg);}
.susaTable td small{color:var(--ju-text-muted);font-size:9px;}
.susaMethod{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:18px;padding:20px 22px;border-left:4px solid var(--ju-gold);}
.susaMethod>div{display:grid;gap:5px;min-width:0;}
.susaMethod span{color:var(--ju-text-muted);font-size:9px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;}
.susaMethod h2{margin:0;color:var(--ju-text-strong);font-size:18px;}
.susaMethod p{max-width:900px;margin:0;color:var(--ju-text-muted);font-size:12px;line-height:1.55;}
.susaMethod>.btn{flex:none;}

@media(max-width:1180px){
  .reportControlPrimary{grid-template-columns:repeat(3,minmax(0,1fr));}
  .reportPeriodSummary{grid-column:1 / span 2;}
  .reportControlPrimary>.btn{justify-self:end;}
  .reportAdvancedFilters>div,.reportAdvancedFilters>div.reportAdvancedFilters--three{grid-template-columns:repeat(2,minmax(0,1fr));}
  .reportAdvancedActions{grid-column:1 / -1;justify-content:flex-start;}
  .reportReadiness{grid-template-columns:1fr;}
  .reportAnalysisGrid{grid-template-columns:1fr;}
}
@media(max-width:840px){
  .reportPremiumHeader .page-header-actions{width:100%;}
  .reportMetricStrip{grid-template-columns:repeat(2,minmax(0,1fr));}
  .reportMetric:nth-child(2){border-right:0;}
  .reportMetric:nth-child(-n+2){border-bottom:1px solid var(--ju-border);}
  .susaMethod{align-items:flex-start;flex-direction:column;}
}
@media(max-width:620px){
  .reportPremiumHeader .page-header-actions{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;}
  .reportPremiumHeader .page-header-actions>.btn,.reportPremiumHeader .financeExportMenu,.reportPremiumHeader .financeExportMenu>summary{width:100%;}
  .reportControlPanel,.reportTrendPanel,.reportRatioPanel,.reportStructure,.susaWorkspace{padding:16px;}
  .reportControlPrimary,.reportAdvancedFilters>div,.reportAdvancedFilters>div.reportAdvancedFilters--three{grid-template-columns:1fr;}
  .reportPeriodSummary{grid-column:auto;}
  .reportControlPrimary>.btn,.reportAdvancedActions .btn{width:100%;justify-self:stretch;}
  .reportAdvancedActions{display:grid;grid-template-columns:1fr;}
  .reportReadiness{padding:17px;}
  .reportReadinessFacts{grid-template-columns:1fr;}
  .reportReadinessFacts>div,.reportReadinessFacts>div:nth-child(2n){border-right:0;border-bottom:1px solid var(--ju-border);}
  .reportReadinessFacts>div:last-child{border-bottom:0;}
  .reportMetricStrip{grid-template-columns:1fr;}
  .reportMetric,.reportMetric:nth-child(2){border-right:0;border-bottom:1px solid var(--ju-border);}
  .reportMetric:last-child{border-bottom:0;}
  .reportChartLegend{justify-content:flex-start;flex-wrap:wrap;}
  .bwaTrendChart{min-width:560px;}
  .reportTrendPanel{overflow-x:auto;}
  .reportStructureRow,.reportStructureSubtotal,.reportStructureResult{align-items:flex-start;grid-template-columns:1fr;display:grid;gap:7px;}
  .reportStructureRow em,.reportStructureSubtotal strong,.reportStructureResult em{white-space:normal;}
  .reportPeriodTable>summary,.reportReviewPanel>summary{grid-template-columns:minmax(0,1fr) 18px;gap:8px;}
  .reportPeriodTable>summary em,.reportReviewPanel>summary em{grid-column:1 / -1;grid-row:2;}
  .reportPeriodTable>summary::after,.reportReviewPanel>summary::after{grid-column:2;grid-row:1;}
  .susaWorkspace .section-header{align-items:flex-start;flex-direction:column;}
  .susaLegend{justify-content:flex-start;}
  .susaMethod>.btn{width:100%;}
}

.reportControlPrimary--cockpit{grid-template-columns:minmax(150px,1fr) minmax(132px,.75fr) minmax(132px,.75fr) minmax(150px,.9fr) minmax(190px,1.15fr) auto;}
.reportMetricStrip--cockpit .reportMetric{min-height:128px;}
.reportMetricStrip--cockpit .reportMetric>small+small{margin-top:3px;color:var(--ju-text-subtle);font-size:11px;}
.reportCockpitOverview{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr);gap:18px;margin-bottom:18px;align-items:stretch;}
.reportCockpitTrend{margin:0;padding:21px;min-width:0;overflow:hidden;}
.reportCockpitChartWrap{min-width:0;overflow-x:auto;}
.reportCockpitChart{display:block;width:100%;height:auto;max-height:270px;overflow:visible;}
.reportCockpitGrid{stroke:var(--ju-border);stroke-width:1;}
.reportCockpitZero{stroke:var(--ju-border-strong);stroke-width:1.4;}
.reportCockpitAxisLabel,.reportCockpitXAxis{fill:var(--ju-text-muted);font-size:10px;font-weight:700;}
.reportCockpitLine{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
.reportCockpitLine.is-income{stroke:var(--ju-gold);}
.reportCockpitLine.is-expense{stroke:var(--ju-text-muted);}
.reportCockpitLine.is-balance{stroke:var(--ju-success);}
.reportCockpitLine.is-previous{stroke:var(--ju-border-strong);stroke-width:2;stroke-dasharray:7 6;}
.reportCockpitPoint{stroke:var(--ju-card);stroke-width:2;}
.reportCockpitPoint.is-income{fill:var(--ju-gold);}
.reportCockpitPoint.is-expense{fill:var(--ju-text-muted);}
.reportCockpitPoint.is-balance{fill:var(--ju-success);}
.reportCockpitPoint.is-previous{fill:var(--ju-border-strong);}
.reportChartLegend .is-income::before{background:var(--ju-gold);}
.reportChartLegend .is-balance::before{height:2px;border-radius:0;background:var(--ju-success);}
.reportChartLegend .is-previous::before{height:2px;border-radius:0;background:var(--ju-border-strong);}
.reportCockpitSide{display:grid;grid-template-rows:1fr;gap:18px;min-width:0;height:100%;}
.reportTaxFocus,.reportQualityFocus{display:grid;align-content:start;gap:8px;padding:20px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:var(--ju-shadow);}
.reportTaxFocus{height:100%;border-top:3px solid var(--ju-gold);}
.reportTaxFocus.is-overdue{border-top-color:var(--ju-danger);background:var(--ju-danger-bg);}
.reportTaxFocus>span,.reportQualityFocus>span{color:var(--ju-text-muted);font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;}
.reportTaxFocus h2,.reportQualityFocus h2{margin:0;color:var(--ju-text-strong);font-size:18px;line-height:1.25;}
.reportTaxFocus p,.reportQualityFocus p{margin:0;color:var(--ju-text-muted);font-size:12px;line-height:1.55;}
.reportTaxFocus dl{display:grid;gap:0;margin:7px 0 5px;border-top:1px solid var(--ju-border);}
.reportTaxFocus dl>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--ju-border);}
.reportTaxFocus dt{color:var(--ju-text-muted);font-size:10px;}
.reportTaxFocus dd{margin:0;color:var(--ju-text-strong);font-size:10px;font-weight:800;text-align:right;}
.reportTaxFocus .btn{justify-self:start;margin-top:4px;}
.reportQualityFocus{box-shadow:none;}
.reportQualityFocus.is-ready{border-left:4px solid var(--ju-success);background:var(--ju-success-bg);}
.reportQualityFocus.is-review{border-left:4px solid var(--ju-gold);background:var(--ju-warning-bg);}
.reportQualityFocus.is-neutral{border-left:4px solid var(--ju-border-strong);background:var(--ju-soft);}
.reportQualityFocus>a{justify-self:start;color:var(--ju-text-strong);font-size:11px;font-weight:800;text-decoration:underline;text-decoration-color:var(--ju-gold);text-underline-offset:3px;}
.reportCatalog{margin-bottom:18px;padding:21px;}
.reportCatalogList{border:1px solid var(--ju-border);border-radius:var(--ju-radius);overflow:hidden;background:var(--ju-card);}
.reportCatalogRow{display:grid;grid-template-columns:76px minmax(0,1fr) minmax(190px,.62fr) minmax(128px,auto);gap:16px;align-items:center;padding:15px 17px;border-bottom:1px solid var(--ju-border);color:inherit;text-decoration:none;transition:background var(--ju-motion-fast) var(--ju-ease-standard);}
.reportCatalogRow:last-child{border-bottom:0;}
.reportCatalogRow:hover,.reportCatalogRow:focus-visible{background:var(--ju-accent-hover);outline:none;}
.reportCatalogRow:focus-visible{box-shadow:inset 0 0 0 2px var(--ju-gold);}
.reportCatalogCode{display:grid;place-items:center;min-height:42px;border-right:2px solid var(--ju-gold);color:var(--ju-text-strong);font-size:12px;font-weight:900;letter-spacing:.02em;}
.reportCatalogCopy,.reportCatalogState{display:grid;gap:3px;min-width:0;}
.reportCatalogCopy strong,.reportCatalogState strong{color:var(--ju-text-strong);font-size:13px;}
.reportCatalogCopy small,.reportCatalogState small{color:var(--ju-text-muted);font-size:11px;line-height:1.45;}
.reportCatalogState{padding-left:14px;border-left:1px solid var(--ju-border);}
.reportCatalogState.is-ready strong{color:var(--ju-success);}
.reportCatalogState.is-review strong{color:var(--ju-warning);}
.reportCatalogState.is-neutral strong{color:var(--ju-text-muted);}
.reportCatalogAction{justify-self:end;color:var(--ju-text-strong);font-size:11px;font-weight:850;white-space:nowrap;}
.reportCatalogAction::after{content:'›';margin-left:6px;color:var(--ju-gold);font-size:17px;line-height:1;vertical-align:-1px;}
.reportIssueCenter{margin-bottom:18px;padding:21px;}
.reportIssueList{border-top:1px solid var(--ju-border);}
.reportIssueRow{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--ju-border);}
.reportIssueRow>span{display:grid;gap:3px;min-width:0;}
.reportIssueRow strong{color:var(--ju-text-strong);font-size:14px;}
.reportIssueRow small{color:var(--ju-text-muted);font-size:12px;line-height:1.5;}
.reportIssueRow .btn{flex:none;}
.reportHistory{margin-bottom:18px;padding:21px;}
.reportHistory .table-wrap{border:1px solid var(--ju-border);border-radius:var(--ju-radius);overflow:auto;}
.reportHistory .table{margin:0;border:0;}
.reportHash{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;}
.reportTextState.is-ready{color:var(--ju-success);}
.reportTextState.is-ready::before{background:var(--ju-success);}
.reportTextState.is-blocked{color:var(--ju-danger);}.reportTextState.is-blocked::before{background:var(--ju-danger);}

@media(max-width:1260px){
  .reportControlPrimary--cockpit{grid-template-columns:repeat(3,minmax(0,1fr));}
  .reportControlPrimary--cockpit .reportPeriodSummary{grid-column:1 / span 2;}
  .reportCockpitOverview{grid-template-columns:minmax(0,1.65fr) minmax(270px,.85fr);}
  .reportCatalogRow{grid-template-columns:68px minmax(0,1fr) minmax(165px,.6fr) minmax(120px,auto);gap:12px;}
}
@media(max-width:960px){
  .reportCockpitOverview{grid-template-columns:1fr;}
  .reportCockpitSide{grid-template-columns:1fr 1fr;grid-template-rows:auto;}
  .reportCatalogRow{grid-template-columns:62px minmax(0,1fr) minmax(170px,.68fr);}
  .reportCatalogAction{grid-column:2 / -1;justify-self:start;}
}
@media(max-width:720px){
  .reportControlPrimary--cockpit{grid-template-columns:1fr 1fr;}
  .reportControlPrimary--cockpit .reportPeriodSummary{grid-column:1 / -1;}
  .reportCockpitSide{grid-template-columns:1fr;}
  .reportCatalogRow{grid-template-columns:48px minmax(0,1fr);padding:14px;}
  .reportCatalogCode{grid-row:1 / span 2;min-height:48px;}
  .reportCatalogState{grid-column:2;padding:8px 0 0;border-left:0;border-top:1px solid var(--ju-border);}
  .reportCatalogAction{grid-column:2;}
  .reportIssueRow{align-items:flex-start;flex-direction:column;}
  .reportIssueRow .btn{width:100%;}
}
@media(max-width:520px){
  .reportControlPrimary--cockpit{grid-template-columns:1fr;}
  .reportCockpitTrend,.reportCatalog,.reportIssueCenter,.reportHistory{padding:16px;}
  .reportCatalogRow{grid-template-columns:1fr;}
  .reportCatalogCode{display:block;min-height:0;padding-bottom:7px;border-right:0;border-bottom:2px solid var(--ju-gold);}
  .reportCatalogState,.reportCatalogAction{grid-column:1;}
  .reportTaxFocus .btn{width:100%;}
}

.candidateListRow{cursor:pointer}
.candidateListRow:hover,.candidateListRow.is-expanded{background:var(--ju-accent-hover)}
.candidateListActionRow[hidden]{display:none}
.candidateListActionRow td{background:var(--ju-card)}
.bilanzMailAttachment{display:block;padding:12px 14px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);text-decoration:none;color:inherit}
.bilanzMailAttachment+.bilanzMailAttachment{margin-top:10px}.bilanzMailAttachment.is-active{outline:2px solid var(--ju-accent-line);outline-offset:2px}
.candidateInlineActionBar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;padding:12px 0}.candidateInlineMeta{display:grid;gap:4px;color:var(--ju-text-muted)}.candidateInlineMeta strong{color:var(--ju-text-strong)}

.appWorkbar--finance .appWorkbarRow{align-items:center;gap:10px}.appWorkbar--finance .appWorkbarTabs{flex:0 0 auto}.appWorkbar--finance .appWorkbarContext{display:flex;justify-content:flex-start;min-width:0;max-width:none;overflow:visible;flex:0 0 auto;gap:8px}.appWorkbar--finance .workbarDropdownToggle{min-height:42px;padding-inline:14px}.appWorkbar--finance .appWorkbarActions{margin-left:auto}.appWorkbar--finance .workbarDropdownLabel{gap:6px}
@media (max-width:1100px){.appWorkbar--finance .appWorkbarRow{align-items:stretch}.appWorkbar--finance .appWorkbarContext{width:100%;order:0;flex-wrap:wrap}.appWorkbar--finance .appWorkbarActions{margin-left:0}}

.financeFocusPanel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 20px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:0 12px 32px var(--ju-shadow-color-soft);margin:0 0 18px}
.financeFocusPanel h2{margin:5px 0 6px;font-size:clamp(20px,2vw,28px);line-height:1.08;color:var(--ju-text-strong);letter-spacing:-.025em}.financeFocusPanel p{margin:0;color:var(--ju-text-muted);line-height:1.5;max-width:900px}.financeFocusPanel--automation{background:linear-gradient(135deg,var(--ju-card),var(--ju-soft))}
.financeFocusStats{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;justify-content:flex-end}.financeFocusStats div{min-width:130px;display:grid;gap:6px;align-content:center;padding:11px 13px;border:1px solid var(--ju-border-soft);border-radius:var(--ju-radius);background:var(--ju-soft)}.financeFocusStats span{font-size:11px;color:var(--ju-text-muted);font-weight:800;text-transform:uppercase;letter-spacing:.06em}.financeFocusStats strong{font-size:clamp(15px,1.3vw,20px);color:var(--ju-text-strong);line-height:1.15}

.financeActionGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}.financeActionCard{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;align-items:center;padding:14px 16px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:0 10px 26px var(--ju-shadow-color-soft);text-decoration:none;color:inherit;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.financeActionCard:hover,.financeActionCard:focus-visible{transform:translateY(-1px);border-color:var(--ju-accent-line);box-shadow:0 16px 34px var(--ju-shadow-color-soft);text-decoration:none}.financeActionCard strong{font-size:15px;color:var(--ju-text-strong)}.financeActionCard small{color:var(--ju-text-muted);line-height:1.38}.financeActionCard--primary{border-color:var(--ju-accent-line);background:linear-gradient(180deg,var(--ju-card),var(--ju-accent-soft))}.financeActionNumber{display:grid;place-items:center;min-width:36px;height:30px;padding:0 8px;border-radius:var(--ju-radius);background:var(--ju-soft);border:1px solid var(--ju-border-soft);font-size:13px;font-weight:900;color:var(--ju-text-strong)}.financeActionCard--primary .financeActionNumber{background:var(--ju-card);border-color:var(--ju-accent-line)}.financeActionCopy{display:grid;gap:3px;min-width:0}

.financeSignal{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:24px;padding:3px 9px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);color:var(--ju-text-muted);font-size:12px;font-weight:800;line-height:1;white-space:nowrap}.financeSignal--strong{background:var(--ju-accent-soft);border-color:var(--ju-accent-line);color:var(--ju-text-strong)}.financeSignal--success{background:var(--ju-success-bg);border-color:rgba(70,102,85,.22);color:var(--ju-success)}.financeSignal--warn{background:var(--ju-warning-bg);border-color:var(--ju-accent-line);color:var(--ju-warning)}.financeSignal--danger{background:var(--ju-danger-bg);border-color:var(--ju-danger-line);color:var(--ju-danger)}.financeSignal--muted{background:var(--ju-soft);border-color:var(--ju-border);color:var(--ju-text-muted)}

.financeOverviewFilters{margin:0}.financeChartSection{margin-bottom:18px}.financeAnalysisHeader{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);gap:18px;align-items:start;margin:0 0 14px}.financeAnalysisHeader .section-header{margin:0}.financeAnalysisFilters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-soft)}.financeAnalysisFilters .form-field{min-width:0}.financeAnalysisFilters .form-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ju-text-muted)}.financeChartDashboard{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:16px;align-items:start}.financeChartMainCard,.financeChartControlCard{border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:0 10px 28px var(--ju-shadow-color-soft)}.financeChartMainCard{display:grid;gap:12px;padding:16px}.financeChartControlCard{padding:14px 16px}.financeChartHeader{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start}.financeChartControlHead{margin:0 0 10px}.financeChartControlHead h3{margin:0 0 4px;font-size:16px;color:var(--ju-text-strong)}.financeChartControlHead p{margin:0;color:var(--ju-text-muted);line-height:1.4}.financeChartControlActions{padding-top:2px}.financeChartControlCard .financeAnalysisFilters{grid-template-columns:1fr;padding:0;border:0;border-radius:0;background:transparent}.financeChartControlCard .form-actions{margin-top:2px}.financeChartControlCard .btn{width:100%;justify-content:center}
.financeChartShell{display:grid;gap:12px}.financeChartTopline{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.financeChartMeta{display:flex;align-items:center;gap:8px;color:var(--ju-text-muted);font-size:13px;line-height:1.35;text-align:right;max-width:260px}.appChartLegend{display:flex;gap:8px;flex-wrap:wrap;color:var(--ju-text-muted);font-size:13px;margin:0}.financeLegendButton{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 10px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);color:var(--ju-text-strong);font:inherit;font-size:12px;font-weight:800;cursor:pointer}.financeLegendButton:not(.is-active){opacity:.52;background:transparent}.appChartLegendSwatch{display:inline-block;width:18px;height:2px;background:var(--ju-text-subtle)}.appChartLegendSwatch--income{background:var(--ju-text-strong)}.appChartLegendSwatch--expense{background:var(--ju-warning)}.appChartLegendSwatch--profit{background:var(--ju-success)}.appChartLegendSwatch--previous{background:var(--ju-text-muted)}.appChartLegendSwatch--open{background:var(--ju-danger)}.appChartLegendSwatch--bank{background:var(--ju-gold)}
.appChartWrap{position:relative;overflow:auto;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card)}.appChart{display:block;width:100%;height:300px;max-height:300px;background:linear-gradient(180deg,var(--ju-card),var(--ju-soft));border:0;border-radius:var(--ju-radius)}.appChart--finance{height:300px;max-height:300px}.appChartGrid{stroke:rgba(15,23,42,.08);stroke-width:1}.appChartZero{stroke:var(--ju-text-muted);stroke-width:1;stroke-dasharray:4 4;opacity:.55}.appChartLabel{font-size:11px;fill:var(--ju-text-muted);text-anchor:middle}.appChartAxisLabel{font-size:10px;fill:var(--ju-text-muted);text-anchor:start}.appChartLine{fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;animation:appChartLineIn .42s ease-out both;transition:stroke-width .18s ease,opacity .18s ease}.appChartLine--income{stroke:var(--ju-text-strong)}.appChartLine--expense{stroke:var(--ju-warning)}.appChartLine--profit{stroke:var(--ju-success)}.appChartLine--previous{stroke:var(--ju-text-muted);stroke-dasharray:7 7;stroke-width:2;opacity:.72}.appChartLine--open{stroke:var(--ju-danger);stroke-width:2;stroke-dasharray:3 6}.appChartLine--bank{stroke:var(--ju-gold);stroke-width:2;stroke-dasharray:9 5}.appChartPoint{stroke:var(--ju-card);stroke-width:2;opacity:.68;transition:r .16s ease,opacity .16s ease;cursor:pointer}.appChartPoint:hover,.appChartPoint:focus,.appChartPoint.is-active{r:6;opacity:1}.appChartPoint--income{fill:var(--ju-text-strong)}.appChartPoint--expenses{fill:var(--ju-warning)}.appChartPoint--profit{fill:var(--ju-success)}.appChartPoint--previous{fill:var(--ju-text-muted)}.appChartPoint--open{fill:var(--ju-danger)}.appChartPoint--bank{fill:var(--ju-gold)}
[data-finance-chart].is-series-hidden-income [data-finance-chart-series="income"],[data-finance-chart].is-series-hidden-income [data-finance-series="income"],[data-finance-chart].is-series-hidden-expenses [data-finance-chart-series="expenses"],[data-finance-chart].is-series-hidden-expenses [data-finance-series="expenses"],[data-finance-chart].is-series-hidden-balance [data-finance-chart-series="balance"],[data-finance-chart].is-series-hidden-balance [data-finance-series="balance"],[data-finance-chart].is-series-hidden-previous_balance [data-finance-chart-series="previous_balance"],[data-finance-chart].is-series-hidden-previous_balance [data-finance-series="previous_balance"],[data-finance-chart].is-series-hidden-open_payments [data-finance-chart-series="open_payments"],[data-finance-chart].is-series-hidden-open_payments [data-finance-series="open_payments"],[data-finance-chart].is-series-hidden-unassigned_bank [data-finance-chart-series="unassigned_bank"],[data-finance-chart].is-series-hidden-unassigned_bank [data-finance-series="unassigned_bank"]{display:none}.financeChartTooltip{position:absolute;z-index:240;display:grid;gap:3px;min-width:160px;max-width:260px;padding:10px 12px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:0 18px 50px var(--ju-shadow-color);transform:translate(-50%,-100%);pointer-events:none;color:var(--ju-text-strong)}.financeChartTooltip span{font-size:12px;color:var(--ju-text-muted)}.financeChartTooltip b{font-size:15px}.financeChartTooltip small{color:var(--ju-text-muted);font-size:11px}@keyframes appChartLineIn{from{opacity:.25;stroke-dasharray:8 10}to{opacity:1;stroke-dasharray:0 0}}

.financeInsightStrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}.financeInsightItem,.financeInsightCard{display:grid;gap:6px;padding:13px 14px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:0 8px 22px var(--ju-shadow-color-soft)}.financeInsightItem span,.financeInsightCard span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--ju-text-muted)}.financeInsightItem strong,.financeInsightCard strong{font-size:18px;line-height:1.2;color:var(--ju-text-strong)}.financeInsightItem small,.financeInsightCard small{color:var(--ju-text-muted);line-height:1.38}
.financeInsightItem{text-decoration:none;color:inherit}
.financeInsightItem:hover,.financeInsightItem:focus-visible{border-color:var(--ju-accent-line);text-decoration:none}.financeInsightList{display:grid;gap:10px}.financeInsightList>div{display:grid;gap:3px;padding:10px 0;border-bottom:1px solid var(--ju-border-soft)}.financeInsightList>div:last-child{border-bottom:0}.financeInsightList strong{font-size:14px;line-height:1.3;color:var(--ju-text-strong)}.financeInsightList span{font-size:12px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--ju-text-muted)}.financeEmptyState{display:grid;justify-items:center;gap:8px;padding:18px 14px;text-align:center;color:var(--ju-text-muted)}.financeEmptyState strong{color:var(--ju-text-strong);font-size:15px}.financeEmptyState span{max-width:560px;line-height:1.45}
.financeWorkflowStrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}.financeWorkflowStrip a{display:grid;gap:3px;padding:12px 14px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:0 8px 24px var(--ju-shadow-color-soft);text-decoration:none;color:inherit}.financeWorkflowStrip a:hover,.financeWorkflowStrip a:focus-visible{border-color:var(--ju-accent-line);text-decoration:none}.financeWorkflowStrip strong{color:var(--ju-text-strong)}.financeWorkflowStrip span{color:var(--ju-text-muted);font-size:12px}
.financeAssistantQueue{display:grid;gap:10px}.financeAssistantItem{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card)}.financeAssistantItem strong{display:block;color:var(--ju-text-strong);line-height:1.25}.financeAssistantItem small{display:block;color:var(--ju-text-muted);line-height:1.35;margin-top:2px}.financeAssistantScore{display:grid;place-items:center;min-width:44px;height:36px;border-radius:var(--ju-radius);background:var(--ju-soft);font-weight:900;color:var(--ju-text-strong)}.financeSafeQueueForm{display:grid;gap:12px}.financeAssistantItem--choice{grid-template-columns:auto auto minmax(0,1fr) auto auto;text-decoration:none;color:inherit}.financeAssistantItem--choice input[type="checkbox"]{width:18px;height:18px;accent-color:var(--ju-gold)}.financeAssistantActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:4px}.financeAssistantActions .form-hint{flex:1 1 260px;margin:0;color:var(--ju-text-muted)}.financeUndoPanel{display:grid;gap:12px;margin-top:16px;padding:14px 16px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-soft)}.financeUndoPanel>div:first-child{display:grid;gap:3px;color:var(--ju-text-muted);line-height:1.4}.financeUndoPanel strong{color:var(--ju-text-strong)}.financeUndoList{display:grid;gap:8px}.financeUndoItem{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--ju-border-soft);border-radius:var(--ju-radius);background:var(--ju-card)}.financeUndoItem span{display:grid;gap:2px;min-width:0}.financeUndoItem small{color:var(--ju-text-muted);line-height:1.35}

.financePaymentTable .table td{vertical-align:middle}.financePaymentPurpose{display:grid;gap:3px;min-width:0}.financePaymentPurpose strong{color:var(--ju-text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.financePaymentPurpose small{display:block;color:var(--ju-text-muted);max-width:72ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.financePaymentAmount{font-size:15px;font-weight:850;text-align:right;white-space:nowrap}.financePaymentActions{min-width:230px}.financePaymentDetails{display:grid;gap:10px}.financePaymentDetails>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 11px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);font-weight:800;color:var(--ju-text-strong)}.financePaymentDetails>summary::-webkit-details-marker{display:none}.financePaymentDetails[open]>summary{border-color:var(--ju-accent-line);background:var(--ju-accent-soft)}.financePaymentDetail{display:grid;gap:10px;min-width:min(720px,calc(100vw - 420px));padding:12px;margin-top:10px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-soft)}
.financeMatchChoice{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding:12px;border:1px solid var(--ju-border-soft);border-radius:var(--ju-radius);background:var(--ju-card)}.financeMatchChoice+.financeMatchChoice{margin-top:10px}.financeMatchChoice .form-actions{margin:0;align-items:end}.financeMatchHintText{display:grid;gap:3px;padding:10px 12px;border:1px solid var(--ju-border-soft);border-radius:var(--ju-radius);background:var(--ju-card);color:var(--ju-text-muted);line-height:1.4}.financeMatchHintText strong{color:var(--ju-text-strong)}.financeMatchChoice--ignore{background:transparent}
.financeSplitPanel{margin-top:10px;padding:0;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);overflow:hidden}.financeSplitPanel>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:12px 14px;background:var(--ju-soft);color:var(--ju-text-strong);font-weight:800}.financeSplitPanel>summary span{font-weight:600;color:var(--ju-text-muted);font-size:12px;line-height:1.35}.financeSplitForm{display:grid;gap:10px;padding:12px 14px;border-top:1px solid var(--ju-border-soft)}.financeSplitRows{display:grid;gap:8px}.financeSplitRow{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(110px,150px);gap:10px;align-items:center;padding:10px;border:1px solid var(--ju-border-soft);border-radius:var(--ju-radius);background:var(--ju-soft)}.financeSplitRow--free{grid-template-columns:minmax(0,1fr) minmax(160px,1fr) minmax(110px,150px)}.financeSplitRow input[type="checkbox"]{width:18px;height:18px;accent-color:var(--ju-gold)}.financeSplitRow span{display:grid;gap:2px;min-width:0}.financeSplitRow strong{color:var(--ju-text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.financeSplitRow small{color:var(--ju-text-muted);line-height:1.35}

.financeDetectionPanel{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.7fr);gap:16px;align-items:start;margin:0 0 16px;padding:16px 18px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:linear-gradient(135deg,var(--ju-card),var(--ju-soft));box-shadow:0 12px 32px var(--ju-shadow-color-soft)}.financeDetectionPanel h2{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 6px;font-size:20px;line-height:1.2;color:var(--ju-text-strong)}.financeDetectionPanel p{margin:0;color:var(--ju-text-muted);line-height:1.45}.financeDetectionFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.financeDetectionFields span{display:flex;align-items:center;gap:8px;min-height:34px;padding:8px 10px;border:1px solid var(--ju-border-soft);border-radius:var(--ju-radius);background:var(--ju-card);color:var(--ju-text-muted);font-weight:700}.financeDetectionFields strong{display:grid;place-items:center;width:20px;height:20px;border-radius:var(--ju-radius);background:var(--ju-soft);color:var(--ju-text-muted)}.financeDetectionFields .is-ok strong{background:var(--ju-success-bg);color:var(--ju-success)}.financeDetectionFields .is-missing strong{background:var(--ju-warning-bg);color:var(--ju-warning)}.financeDetectionNext{grid-column:1/-1;padding:12px 14px;border:1px solid var(--ju-border-soft);border-radius:var(--ju-radius);background:var(--ju-card)}.financeDetectionNext strong{display:block;margin-bottom:6px;color:var(--ju-text-strong)}.financeDetectionNext ul{margin:0;padding-left:18px;color:var(--ju-text-muted);line-height:1.45}.financeCorrectionCard{margin-top:14px}.financeAdvancedPanel{border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-soft);padding:12px 14px;margin:12px 0 0}.financeAdvancedPanel>summary{cursor:pointer;font-weight:800;color:var(--ju-text-strong)}.financeAdvancedPanel>.form-grid{margin-top:12px}

.financeProcessSteps{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:0 0 16px}.financeProcessStep{display:flex;align-items:center;min-height:42px;padding:10px 12px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);color:var(--ju-text-muted);font-weight:800}.financeProcessStep.is-active{border-color:var(--ju-accent-line);background:var(--ju-accent-soft);color:var(--ju-text-strong)}.financeImportCard{border-left:3px solid var(--ju-gold)}.financeTwoColumn{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);gap:18px;align-items:start}.financeDocumentCaptureCard .fileDropzone{margin-bottom:12px}.financeContextStack{display:grid;gap:12px}.financePrimaryCard{overflow:hidden}.financeCheckList{display:grid;gap:9px;margin:0;padding-left:18px;color:var(--ju-text-muted);line-height:1.45}.financeMutedText{display:block;max-width:72ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ju-text-muted)}

@media (max-width:1180px){.financeTwoColumn{grid-template-columns:1fr}.financeActionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.financeFocusPanel{grid-template-columns:1fr}.financeFocusStats{justify-content:flex-start}.financeAnalysisHeader,.financeChartDashboard{grid-template-columns:1fr}.financeChartHeader{grid-template-columns:1fr}.financeChartMeta{text-align:left;max-width:none}.financePaymentDetail{min-width:0}}
@media (max-width:860px){.financeDetectionPanel,.financeWorkflowStrip,.financeDetectionFields,.financeAnalysisFilters{grid-template-columns:1fr}.financeAssistantItem--choice,.financeSplitRow,.financeSplitRow--free,.financeUndoItem{grid-template-columns:1fr;display:grid}.financeAssistantItem--choice .btn,.financeSplitPanel .btn,.financeUndoItem .btn{width:100%}.financeSplitPanel>summary{display:grid}.financeDetectionNext{grid-column:auto}.appChart{min-width:0}.appChartWrap{margin-left:-4px;margin-right:-4px}.financeFocusPanel{padding:14px}.financeActionCard{grid-template-columns:1fr}.financeActionNumber{justify-self:start}.financeChartMainCard,.financeChartControlCard{padding:12px}.financeChartTopline{gap:8px}
.financePaymentTable{overflow:auto}.financePaymentPurpose strong,.financePaymentPurpose small{white-space:normal}}
@media (max-width:720px){.financeActionGrid,.financeFocusStats,.financeInsightStrip,.financeAssistantItem,.financeMatchChoice{grid-template-columns:1fr}.financeFocusStats div{min-width:0}}

.financeTransferMainCard{overflow:hidden}.financeTransferFlow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:stretch;margin-bottom:16px}.financeTransferAccountCard h3{margin:0;color:var(--ju-text-strong);font-size:18px;line-height:1.2}.financeTransferArrow{display:grid;place-items:center;min-width:48px;color:var(--ju-gold);font-size:30px;font-weight:900}.financeTransferArrowMobile{display:none}.financeTransferDetails{margin-top:8px}.financeTransferAside{align-content:start}
@media (max-width:1180px){.financeTransferShell{grid-template-columns:1fr}.financeTransferFlow{grid-template-columns:1fr;justify-items:stretch}.financeTransferArrow{min-height:36px}.financeTransferArrowDesktop{display:none}.financeTransferArrowMobile{display:inline}}
@media (max-width:720px){.financeTransferFlow{gap:10px}.financeTransferArrow{font-size:26px}.financeTransferDetails{grid-template-columns:1fr}}


.financeFocusPanel--accounts{background:linear-gradient(135deg,var(--ju-card),var(--ju-soft))}.financeFocusPanel--compact{box-shadow:var(--ju-shadow);padding:16px 18px}.financeActionGrid--secondary{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.financeAccountSection{margin-top:18px}.financeAccountFilterbar{margin:0 0 14px}.financeAccountTable{min-width:900px}.financeAccountTable th:nth-child(4),.financeAccountTable td:nth-child(4),.financeAccountTable th:nth-child(5),.financeAccountTable td:nth-child(5){white-space:nowrap}.financeAccountIdentity,.financeAccountConnection,.financeAccountActivity{display:grid;gap:4px;min-width:0}.financeAccountIdentity>a,.financeAccountActivity>a{font-weight:800;color:var(--ju-text-strong)}.financeAccountIdentity span,.financeAccountIdentity small,.financeAccountConnection small,.financeAccountActivity small{color:var(--ju-text-muted);line-height:1.4;overflow-wrap:anywhere}.financeAccountSourceValue{color:var(--ju-text-muted);font-weight:800}.financeAccountInlineActions,.financeAccountNextAction{display:flex;justify-content:flex-end;gap:8px;align-items:center;flex-wrap:wrap}.financeAccountInlineActions form,.financeAccountNextAction form{margin:0}.financeAccountEditor{align-items:start}.financeAccountEditorMain.card{overflow:hidden}.financeAccountEditorMain .card-b{display:grid;gap:20px}.financeAccountEditorSection{padding-bottom:18px;border-bottom:1px solid var(--ju-border)}.financeAccountEditorSection:last-child{padding-bottom:0;border-bottom:0}.financeAccountAside{display:grid;gap:12px;align-content:start}.financeBankingSheet{display:grid;gap:16px}.financeBankingSheet>p{margin:0}.financeBankingContext{padding:12px 14px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-soft)}.financeBankingContext .context-list-value{display:grid;gap:3px}.financeBankingSheet form{display:grid;gap:14px}.financeBankingResults{max-height:min(320px,42vh);overflow:auto;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card)}.financeBankingResults[hidden],.financeBankingSelection[hidden]{display:none}.financeBankingSelection{margin:0}.financeBankingResults .search-result-item{min-height:44px}
@media (max-width:1200px){.financeAccountTable{min-width:820px}}
@media (max-width:760px){.financeActionGrid--secondary{grid-template-columns:1fr}.financeAccountTable{min-width:0}.financeAccountInlineActions,.financeAccountNextAction{justify-content:flex-start}.financeAccountEditorMain .card-b{gap:16px}.financeBankingContext .context-list-row{display:grid;gap:4px}.financeBankingContext .context-list-value{text-align:left}}


.financeBookingMetrics{align-items:stretch}.financeMetricCard{padding:10px 12px;box-shadow:none}.financeMetricCard .metric-label{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ju-text-muted);font-weight:800}.financeMetricValue{font-size:clamp(18px,1.7vw,24px);line-height:1.05;font-weight:760;letter-spacing:-.03em}.financeMetricValue--positive{color:var(--ju-success)}.financeMetricValue--negative{color:var(--ju-danger)}
.financeDocumentCaptureCard [data-primary-upload-wrap][hidden],.financeDocumentCaptureCard [data-additional-upload-wrap][hidden],.financeDocumentCaptureCard [data-add-document-toggle][hidden],.financeDocumentCaptureCard [data-document-tabs][hidden],.financeTaxSplitNotice[hidden]{display:none}.financeDocumentCaptureCard.is-document-selected [data-primary-upload-wrap],.financeDocumentCaptureCard.is-document-multi [data-primary-upload-wrap],.financeDocumentCaptureCard.is-document-analysing [data-primary-upload-wrap],.financeDocumentCaptureCard.is-document-scan [data-primary-upload-wrap],[data-finance-capture-workspace].is-document-selected .financeDocumentCaptureCard [data-primary-upload-wrap],[data-finance-capture-workspace].is-document-multi .financeDocumentCaptureCard [data-primary-upload-wrap],[data-finance-capture-workspace].is-document-analysing .financeDocumentCaptureCard [data-primary-upload-wrap],[data-finance-capture-workspace].is-document-scan .financeDocumentCaptureCard [data-primary-upload-wrap]{display:none}.financeDocumentCaptureCard .cardTabs{margin:0 0 10px}.financeDocumentCaptureCard [data-add-document-toggle]{margin:0 0 10px}.financeTaxSplitNotice{align-items:stretch}.financeTaxSplitNotice .table-wrap{margin-top:10px;box-shadow:none}.financeTaxSplitNotice .table{min-width:560px}.financeTaxSplitNotice .input{min-height:34px}
@media (max-width:760px){.financeBookingMetrics{grid-template-columns:1fr}.financeMetricValue{font-size:20px}.financeTaxSplitNotice .table-wrap{overflow:auto}}

.financeDocumentCaptureCard .is-hidden{display:none}


.table .table-check{width:42px;text-align:center}.notice[hidden]{display:none}

.financeFullSummaryCount{display:block;color:var(--ju-text-strong);font-weight:800}.financeFullSummaryDetails{display:block;margin-top:4px;color:var(--ju-text-muted);line-height:1.45;overflow-wrap:anywhere}
.form-field.is-disabled{opacity:.62}.form-field.is-disabled .input{background:var(--ju-soft);cursor:not-allowed}.reportHistory .table-subline{overflow-wrap:anywhere}.financeActionNumber,.financeSignal,.financeLegendButton,.financeProcessStep{border-radius:var(--ju-radius)}
@media (max-width:760px){.taxHubStatusForm{justify-content:flex-start}.taxHubStatusForm label{min-width:0;flex:1 1 190px}}

/* Revisionssichere Steuer- und Berichtsdokumentation */
.taxWorkflowEditor,.taxEventDisclosure{border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);}
.taxWorkflowEditor>summary,.taxEventDisclosure>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;color:var(--ju-text-strong);font-weight:800;list-style:none;}
.taxWorkflowEditor>summary::-webkit-details-marker,.taxEventDisclosure>summary::-webkit-details-marker{display:none;}
.taxWorkflowEditor>summary::after,.taxEventDisclosure>summary::after{content:'›';color:var(--ju-gold);font-size:18px;line-height:1;transform:rotate(90deg);transition:transform .16s ease;}
.taxWorkflowEditor[open]>summary::after,.taxEventDisclosure[open]>summary::after{transform:rotate(-90deg);}
.taxWorkflowForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px;border-top:1px solid var(--ju-border);background:var(--ju-soft);}
.taxWorkflowForm .form-field{margin:0;min-width:0;}
.taxWorkflowFormWide,.taxWorkflowFormActions{grid-column:1/-1;}
.taxWorkflowFormActions{display:flex;justify-content:flex-end;}
.taxHubYearHint{margin:0;color:var(--ju-text-muted);font-size:12px;line-height:1.45;}
.taxEventSection{padding:21px;}
.taxEventTimeline{display:grid;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--ju-border);}
.taxEventItem{display:grid;grid-template-columns:minmax(150px,210px) minmax(0,1fr);gap:20px;padding:14px 0;border-bottom:1px solid var(--ju-border);}
.taxEventTime,.taxEventContent{display:grid;align-content:start;gap:4px;min-width:0;}
.taxEventTime strong,.taxEventContent strong{color:var(--ju-text-strong);font-size:12px;}
.taxEventTime span,.taxEventContent>span{color:var(--ju-text-muted);font-size:11px;line-height:1.4;}
.taxEventContent p{margin:3px 0 0;color:var(--ju-text);line-height:1.5;overflow-wrap:anywhere;}
.taxEventContent .text-link{justify-self:start;margin-top:4px;}
.taxEventTimeline--compact{padding:0 12px 12px;border-top:1px solid var(--ju-border);}
.taxEventTimeline--compact .taxEventItem{grid-template-columns:110px minmax(0,1fr);gap:12px;padding:11px 0;}
.taxEventDisclosure{margin-top:12px;}
.taxChangeNotice{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px;padding:14px 16px;border:1px solid var(--ju-danger-line);border-left:3px solid var(--ju-danger);border-radius:var(--ju-radius);background:var(--ju-danger-bg);}
.taxChangeNotice>div{display:grid;gap:4px;min-width:0;}
.taxChangeNotice strong{color:var(--ju-text-strong);}
.taxChangeNotice p{margin:0;color:var(--ju-text);line-height:1.5;}
.vatWorkflowEditor{margin-top:12px;}
.form-help{margin:10px 0 0;color:var(--ju-text-muted);font-size:12px;line-height:1.5;}
@media(max-width:760px){
  .taxWorkflowForm{grid-template-columns:1fr;}
  .taxWorkflowFormWide,.taxWorkflowFormActions{grid-column:1;}
  .taxWorkflowFormActions .btn{width:100%;}
  .taxEventItem,.taxEventTimeline--compact .taxEventItem{grid-template-columns:1fr;gap:6px;}
  .taxChangeNotice{align-items:flex-start;flex-direction:column;}
  .taxChangeNotice .btn{width:100%;}
}
@media(prefers-reduced-motion:reduce){
  .taxWorkflowEditor>summary::after,.taxEventDisclosure>summary::after{transition:none;}
}

.taxPaymentOverview{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:24px;align-items:stretch;margin:0 0 18px;padding:22px;border:1px solid var(--ju-border);border-left:3px solid var(--ju-gold);border-radius:var(--ju-radius);background:linear-gradient(135deg,var(--ju-card),var(--ju-soft));box-shadow:0 12px 32px var(--ju-shadow-color-soft)}
.taxPaymentOverviewLead{display:grid;align-content:center;gap:7px;min-width:0}.taxPaymentOverviewLead h2{margin:0;color:var(--ju-text-strong);font-size:clamp(20px,2.2vw,28px);line-height:1.18}.taxPaymentOverviewLead p{max-width:70ch;margin:0;color:var(--ju-text-muted);line-height:1.55}
.taxPaymentOverviewFacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;border:1px solid var(--ju-border);border-radius:var(--ju-radius);overflow:hidden;background:var(--ju-border)}.taxPaymentOverviewFacts div{display:grid;gap:5px;padding:12px 14px;background:var(--ju-card)}.taxPaymentOverviewFacts dt{color:var(--ju-text-muted);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.taxPaymentOverviewFacts dd{margin:0;color:var(--ju-text-strong);font-size:16px;font-weight:850;line-height:1.25}
.taxPaymentFilterSection{display:flex;align-items:end;justify-content:space-between;gap:18px}.taxPaymentFilterForm{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.taxPaymentFilterForm .form-field{min-width:220px;margin:0}.taxPaymentFilterSection>p{max-width:66ch;margin:0;color:var(--ju-text-muted);font-size:12px;line-height:1.5}
.taxPaymentList{display:grid;gap:14px}.taxPaymentItem{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:20px;padding:18px;border:1px solid var(--ju-border);border-left:3px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:0 9px 26px var(--ju-shadow-color-soft)}.taxPaymentItem[data-payment-state="open"]{border-left-color:var(--ju-warning)}.taxPaymentItem[data-payment-state="scheduled"]{border-left-color:var(--ju-gold)}.taxPaymentItem[data-payment-state="paid"]{border-left-color:var(--ju-success)}.taxPaymentItem.is-overdue{border-left-color:var(--ju-danger)}
.taxPaymentItemMain{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 20px;min-width:0}.taxPaymentItemHeading{display:grid;gap:3px;min-width:0}.taxPaymentItemHeading>span,.taxPaymentItemAmount>span{color:var(--ju-text-muted);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.taxPaymentItemHeading h3{margin:0;color:var(--ju-text-strong);font-size:20px;line-height:1.2}.taxPaymentItemAmount{display:grid;justify-items:end;align-content:start;gap:4px;text-align:right}.taxPaymentItemAmount strong{color:var(--ju-text-strong);font-size:21px;line-height:1.15}
.taxPaymentItemFacts{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;border-top:1px solid var(--ju-border-soft);border-bottom:1px solid var(--ju-border-soft)}.taxPaymentItemFacts div{display:grid;gap:3px;padding:10px 12px 10px 0;min-width:0}.taxPaymentItemFacts dt{color:var(--ju-text-muted);font-size:12px;font-weight:750}.taxPaymentItemFacts dd{margin:0;color:var(--ju-text);font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.taxPaymentBankResult,.taxPaymentNote{grid-column:1/-1}.taxPaymentBankResult{display:grid;gap:3px;padding:11px 13px;border:1px solid var(--ju-success-line);border-radius:var(--ju-radius);background:var(--ju-success-bg)}.taxPaymentBankResult strong{color:var(--ju-text-strong)}.taxPaymentBankResult span{color:var(--ju-text-muted);font-size:12px;line-height:1.45}.taxPaymentNote{margin:0;color:var(--ju-text-muted);font-size:12px;line-height:1.5}
.taxPaymentItemActions{display:grid;align-content:start;gap:9px}.taxPaymentItemActions>.btn{width:100%}.taxPaymentActionPanel{border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-soft)}.taxPaymentActionPanel>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;list-style:none;color:var(--ju-text-strong);font-size:12px;font-weight:800}.taxPaymentActionPanel>summary::-webkit-details-marker{display:none}.taxPaymentActionPanel>summary::after{content:'›';color:var(--ju-gold);font-size:17px;transform:rotate(90deg)}.taxPaymentActionPanel[open]>summary::after{transform:rotate(-90deg)}
.taxPaymentMatchForm,.taxPaymentStatusForm{display:grid;gap:11px;padding:12px;border-top:1px solid var(--ju-border);background:var(--ju-card)}.taxPaymentMatchForm fieldset{display:grid;gap:8px;margin:0;padding:0;border:0}.taxPaymentMatchForm legend{margin:0 0 4px;color:var(--ju-text-strong);font-size:12px;font-weight:800}.taxPaymentCandidate{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:10px;border:1px solid var(--ju-border-soft);border-radius:var(--ju-radius);background:var(--ju-soft);cursor:pointer}.taxPaymentCandidate:has(input:checked){border-color:var(--ju-accent-line);background:var(--ju-accent-soft)}.taxPaymentCandidate input{margin-top:3px}.taxPaymentCandidateBody{display:grid;gap:2px;min-width:0}.taxPaymentCandidateBody strong{color:var(--ju-text-strong);font-size:12px}.taxPaymentCandidateBody span{color:var(--ju-text);font-size:12px;overflow-wrap:anywhere}.taxPaymentCandidateBody small{color:var(--ju-text-muted);font-size:12px;line-height:1.4;overflow-wrap:anywhere}.taxPaymentCandidateBody em{margin-top:3px;color:var(--ju-text-muted);font-size:12px;font-style:normal;font-weight:750}.taxPaymentMatchForm .form-field,.taxPaymentStatusForm .form-field{margin:0}
@media(max-width:1050px){.taxPaymentOverview{grid-template-columns:1fr}.taxPaymentItem{grid-template-columns:1fr}.taxPaymentItemActions{grid-template-columns:repeat(2,minmax(0,1fr))}.taxPaymentItemActions>.btn{grid-column:1/-1}}
@media(max-width:760px){.taxPaymentOverview{padding:16px}.taxPaymentOverviewFacts,.taxPaymentItemFacts{grid-template-columns:1fr}.taxPaymentFilterSection,.taxPaymentFilterForm{display:grid;grid-template-columns:1fr;align-items:stretch}.taxPaymentFilterForm .form-field{min-width:0}.taxPaymentItem{padding:14px}.taxPaymentItemMain{grid-template-columns:1fr}.taxPaymentItemAmount{justify-items:start;text-align:left}.taxPaymentItemActions{grid-template-columns:1fr}.taxPaymentItemActions>.btn{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.taxPaymentActionPanel>summary::after{transition:none}}

.financeAccessIntro,.financeAccessGroup,.financeAccessDependencies{display:grid;gap:16px}
.financeAccessRoleForm{align-items:end;max-width:680px}
.financeAccessList{display:grid;gap:0;border-top:1px solid var(--ju-border)}
.financeAccessRow{padding:15px 0;border-bottom:1px solid var(--ju-border)}
.financeAccessRow:last-child{border-bottom:0}
.financeAccessSwitch.formSwitch{width:100%;grid-template-columns:44px minmax(0,1fr)}
.financeAccessRules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;border-top:1px solid var(--ju-border)}
.financeAccessRules>div{display:grid;grid-template-columns:minmax(140px,.7fr) minmax(0,1.3fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--ju-border)}
.financeAccessRules>div:nth-child(odd){padding-right:18px}
.financeAccessRules>div:nth-child(even){padding-left:18px;border-left:1px solid var(--ju-border)}
.financeAccessRules dt{font-weight:850;color:var(--ju-text-strong)}
.financeAccessRules dd{margin:0;color:var(--ju-text-muted);line-height:1.45}
@media (max-width:760px){.financeAccessRules{grid-template-columns:1fr}.financeAccessRules>div{grid-template-columns:1fr;gap:3px;padding:12px 0}.financeAccessRules>div:nth-child(odd),.financeAccessRules>div:nth-child(even){padding-left:0;padding-right:0;border-left:0}}
.euerTrendAxis,.bwaTrendAxis{fill:var(--ju-text-muted);font-size:11px;font-weight:700}
.reportChartData{margin-top:14px;margin-bottom:0}
@media(prefers-reduced-motion:reduce){.reportPeriodTable>summary::after,.reportReviewPanel>summary::after{transition:none}}


.financeStatusText{display:inline-flex;align-items:center;gap:7px;color:var(--ju-text-muted);font-size:12px;font-weight:800;line-height:1.4;white-space:normal;}
.financeStatusText::before{content:'';flex:0 0 auto;width:7px;height:7px;border-radius:6px;background:var(--ju-border-strong);}
.financeStatusText.is-ready{color:var(--ju-success);}
.financeStatusText.is-ready::before{background:var(--ju-success);}
.financeStatusText.is-warning{color:var(--ju-warning);}
.financeStatusText.is-warning::before{background:var(--ju-gold);}
.financeStatusText.is-danger{color:var(--ju-danger);}
.financeStatusText.is-danger::before{background:var(--ju-danger);}
.financeStatusText.is-neutral::before{background:var(--ju-border-strong);}
.taxPaymentAllocationList{display:grid;gap:0;min-width:0;width:100%;margin-top:12px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);overflow:hidden;background:var(--ju-card);}
.taxPaymentAllocationSummary,.taxPaymentAllocationRow{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:11px 13px;}
.taxPaymentAllocationSummary{background:var(--ju-soft);border-bottom:1px solid var(--ju-border);}
.taxPaymentAllocationSummary strong,.taxPaymentAllocationRow strong{color:var(--ju-text-strong);font-size:12px;line-height:1.4;}
.taxPaymentAllocationSummary span,.taxPaymentAllocationRow span,.taxPaymentAllocationRow small{color:var(--ju-text-muted);font-size:12px;line-height:1.4;}
.taxPaymentAllocationRow+.taxPaymentAllocationRow{border-top:1px solid var(--ju-border);}
.taxPaymentAllocationRow>div{display:grid;gap:3px;min-width:0;}
.taxPaymentAllocationCorrection{min-width:120px;}
.taxPaymentAllocationCorrection>summary{color:var(--ju-text-muted);font-size:12px;font-weight:800;cursor:pointer;list-style:none;text-align:right;}
.taxPaymentAllocationCorrection>summary::-webkit-details-marker{display:none;}
.taxPaymentAllocationCorrection>form{display:grid;gap:10px;width:100%;max-width:100%;min-width:min(360px,calc(100vw - 64px));margin-top:10px;padding:12px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-soft);}
.taxPaymentExceptionForm{display:grid;gap:12px;}
.taxPaymentExceptionIntro{display:grid;gap:4px;padding:11px 12px;border-left:3px solid var(--ju-gold);background:var(--ju-accent-soft);}
.taxPaymentExceptionIntro strong{color:var(--ju-text-strong);font-size:13px;}
.taxPaymentExceptionIntro span{color:var(--ju-text-muted);font-size:12px;line-height:1.45;}
@media(max-width:760px){
  .taxPaymentAllocationSummary,.taxPaymentAllocationRow{grid-template-columns:minmax(0,1fr);align-items:start;}
  .taxPaymentAllocationSummary>*,.taxPaymentAllocationRow>*{min-width:0;max-width:100%;}
  .taxPaymentAllocationCorrection{width:100%;}
  .taxPaymentAllocationCorrection>summary{text-align:left;min-height:44px;display:flex;align-items:center;}
  .taxPaymentAllocationCorrection>form{min-width:0;}
  .admin-app .appShellContent .section,.admin-app .appShellContent .card,.admin-app .appShellContent .docPanel,.admin-app .appShellContent .mobileCardTable tr{border-radius:var(--ju-radius);}
}

/* Embedded content for the existing central JUBüro system modal. */
html.financeEmbeddedDocument,body.financeEmbeddedMode{background:var(--ju-card);}
body.financeEmbeddedMode .appMobileHeader,
body.financeEmbeddedMode .appSidebar,
body.financeEmbeddedMode .appSidebarBackdrop,
body.financeEmbeddedMode .appWorkbar,
body.financeEmbeddedMode .masterMiluLauncher{display:none;}
body.financeEmbeddedMode .page{min-height:0;padding:0;}
body.financeEmbeddedMode .appShellWrap,
body.financeEmbeddedMode .appShellGrid,
body.financeEmbeddedMode .appShellContent{display:block;width:100%;max-width:none;margin:0;padding:0;}
body.financeEmbeddedMode .page-header{display:none;}
body.financeEmbeddedMode .page-header-actions{display:none;}

/* Calm, explainable status language. Use badges only for compact taxonomy. */
.statusText{display:inline-flex;align-items:center;gap:8px;max-width:100%;color:var(--ju-text-muted);font-size:13px;font-weight:800;line-height:1.4;white-space:normal;}
.statusText::before{content:"";flex:0 0 7px;width:7px;height:7px;border-radius:6px;background:var(--ju-text-subtle);box-shadow:0 0 0 3px var(--ju-soft);}
.statusText--success{color:var(--ju-success);}
.statusText--success::before{background:var(--ju-success);box-shadow:0 0 0 3px var(--ju-success-bg);}
.statusText--warning{color:var(--ju-warning);}
.statusText--warning::before{background:var(--ju-warning);box-shadow:0 0 0 3px var(--ju-warning-bg);}
.statusText--danger{color:var(--ju-danger);}
.statusText--danger::before{background:var(--ju-danger);box-shadow:0 0 0 3px var(--ju-danger-bg);}
.statusText--neutral{color:var(--ju-text-muted);}

.table tr[data-href],.table tr[data-action-row]{cursor:pointer;}
.table tr[data-href]:focus-visible,.table tr[data-action-row]:focus-visible{outline:3px solid var(--ju-accent-focus);outline-offset:-3px;}

@media(max-width:640px){
  .notice{align-items:flex-start;flex-direction:column;justify-content:flex-start;}
}

/* Native hidden state remains authoritative without selector escalation. */
html body [hidden]{display:none;}


/* Reusable early card layout for information-dense work queues. */
@media (max-width:1180px){
  .mobileCardTable--wideCards{display:block;min-width:0;width:100%;border-collapse:separate;border-spacing:0;}
  .mobileCardTable--wideCards thead{display:none;}
  .mobileCardTable--wideCards tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .mobileCardTable--wideCards tbody:has(> tr:only-child){grid-template-columns:1fr;}
  .mobileCardTable--wideCards tr{display:grid;grid-template-columns:1fr;gap:9px 12px;padding:14px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:0 8px 22px var(--ju-shadow-color-soft);}
  .mobileCardTable--wideCards tr[hidden],.mobileCardTable--wideCards tr.is-hidden,.mobileCardTable--wideCards tr.is-filter-hidden{display:none;}
  .mobileCardTable--wideCards td,.mobileCardTable--wideCards th{display:grid;grid-template-columns:minmax(92px,38%) minmax(0,1fr);gap:8px;align-items:start;width:100%;padding:0;border:0;min-width:0;}
  .mobileCardTable--wideCards td::before,.mobileCardTable--wideCards th::before{content:attr(data-mobile-label);color:var(--ju-text-muted);font-size:12px;font-weight:700;line-height:1.35;}
  .mobileCardTable--wideCards .mobileTablePrimary,.mobileCardTable--wideCards .table-actions{grid-column:1/-1;}
  .mobileCardTable--wideCards .mobileTablePrimary{display:block;color:var(--ju-text-strong);font-size:16px;font-weight:900;line-height:1.25;}
  .mobileCardTable--wideCards .mobileTablePrimary::before{display:none;}
  .mobileCardTable--wideCards .table-actions{padding-top:10px;border-top:1px solid var(--ju-border-soft);}
  .mobileCardTable--wideCards .table-actions .btn{width:100%;}
}
@media (max-width:760px){
  .mobileCardTable--wideCards tbody,.mobileCardTable--wideCards tr{grid-template-columns:1fr;}
  .mailflowSheet .ticketReplySheetActions{position:sticky;bottom:-20px;z-index:5;display:grid;grid-template-columns:1fr;align-items:stretch;margin-left:-18px;margin-right:-18px;padding:12px 18px calc(12px + var(--ju-safe-bottom,0px));background:var(--ju-card);box-shadow:0 -10px 24px var(--ju-shadow-color-soft);}
  .mailflowSheet .ticketReplySheetActions .btn{width:100%;min-width:0;}
  .mailflowSheet .ticketReplySheetActions .btn-primary{order:-1;}
  .mailflowSheet .ticketReplySheetActions [data-mailflow-close],.mailflowSheet .ticketReplySheetActions .ticketReplySheetCancel{order:2;}
}

/* v3.7j-l2: geführter Steuerberaterexport ohne visuelle Sonderwelt */
.reportProcessSteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 18px;padding:0;border:1px solid var(--ju-border);border-radius:var(--ju-radius);overflow:hidden;background:var(--ju-card);box-shadow:var(--ju-shadow);list-style:none;}
.reportProcessSteps>li{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:11px;min-height:76px;padding:13px 15px;border-top:3px solid var(--ju-border-strong);border-right:1px solid var(--ju-border);}
.reportProcessSteps>li:last-child{border-right:0;}
.reportProcessSteps>li.is-current{border-top-color:var(--ju-gold);background:var(--ju-accent-soft);}
.reportProcessSteps>li.is-ready{border-top-color:var(--ju-success);}
.reportProcessSteps>li.is-review{border-top-color:var(--ju-warning);background:var(--ju-warning-bg);}
.reportProcessSteps>li.is-blocked{border-top-color:var(--ju-border-strong);background:var(--ju-soft);}
.reportProcessSteps>li>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--ju-border-strong);border-radius:var(--ju-radius);background:var(--ju-card);color:var(--ju-text-strong);font-size:13px;font-weight:900;}
.reportProcessSteps>li>div{display:grid;gap:3px;min-width:0;}
.reportProcessSteps strong{color:var(--ju-text-strong);font-size:13px;line-height:1.3;}
.reportProcessSteps small{color:var(--ju-text-muted);font-size:11px;line-height:1.4;}
.reportProcessLayout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:18px;margin-bottom:18px;align-items:start;}
.reportProcessLayout>.card{margin:0;}
.reportProcessLayout>.card:nth-child(3){grid-column:1 / -1;}
.reportScopeSelection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 0;padding:0;border:0;}
.reportScopeSelection>legend{grid-column:1 / -1;margin-bottom:2px;color:var(--ju-text-strong);font-size:12px;font-weight:850;}
.reportScopeSelection>label{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:11px;min-height:66px;padding:12px 13px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);cursor:pointer;transition:border-color var(--ju-motion-fast) var(--ju-ease-standard),background var(--ju-motion-fast) var(--ju-ease-standard);}
.reportScopeSelection>label:hover{border-color:var(--ju-border-strong);background:var(--ju-soft);}
.reportScopeSelection>label:focus-within{border-color:var(--ju-gold);box-shadow:0 0 0 3px var(--ju-focus-ring);}
.reportScopeSelection .check-input{width:18px;height:18px;margin:0;accent-color:var(--ju-gold);}
.reportScopeSelection label>span{display:grid;gap:3px;min-width:0;}
.reportScopeSelection strong{color:var(--ju-text-strong);font-size:13px;}
.reportScopeSelection small{color:var(--ju-text-muted);font-size:11px;line-height:1.4;}
.reportPackageSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:14px 0 16px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);overflow:hidden;background:var(--ju-border);}
.reportPackageSummary>div{display:grid;gap:4px;min-width:0;padding:11px 12px;background:var(--ju-soft);}
.reportPackageSummary dt{color:var(--ju-text-muted);font-size:10px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;}
.reportPackageSummary dd{margin:0;color:var(--ju-text-strong);font-size:12px;font-weight:800;line-height:1.4;}
@media (max-width:980px){
  .reportProcessLayout{grid-template-columns:1fr;}
  .reportProcessLayout>.card:nth-child(3){grid-column:auto;}
  .reportPackageSummary{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:700px){
  .reportProcessSteps{grid-template-columns:1fr;}
  .reportProcessSteps>li{min-height:68px;border-top:0;border-left:3px solid var(--ju-border-strong);border-right:0;border-bottom:1px solid var(--ju-border);}
  .reportProcessSteps>li:last-child{border-bottom:0;}
  .reportProcessSteps>li.is-current{border-left-color:var(--ju-gold);}
  .reportProcessSteps>li.is-ready{border-left-color:var(--ju-success);}
  .reportProcessSteps>li.is-review{border-left-color:var(--ju-warning);}
  .reportScopeSelection{grid-template-columns:1fr;}
  .reportPackageSummary{grid-template-columns:1fr;}
}
/* v3.7j-l2: kompakte Prozesskarten innerhalb des zweispaltigen Exportarbeitsbereichs */
.reportProcessLayout .reportReadiness{grid-template-columns:1fr;gap:14px;padding:17px;box-shadow:none;}
.reportProcessLayout .reportReadinessFacts{grid-template-columns:repeat(2,minmax(0,1fr));}
.reportPackageSummary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));}
@media (max-width:620px){
  .reportProcessLayout .reportReadinessFacts{grid-template-columns:1fr;}
}
/* v3.7j-l2: mobile Paketübersicht ohne unbesetzte Rasterfläche */
@media (max-width:700px){
  .reportPackageSummary{grid-template-columns:1fr;}
}

/* Beitragsmodelle und Mitgliederzuordnung im gemeinsamen Finanzdesign. */
.clubContributionModelLayout{grid-template-columns:minmax(0,1.55fr) minmax(330px,.72fr);gap:18px;}
.clubContributionModelLayout>.section,.clubContributionModelLayout>.card{min-width:0;margin:0;}
.clubContributionModelTable{min-width:920px;}
.clubContributionCompactGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.contributionGroupWorkspace{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:18px;}
.contributionGroupWorkspace>.section,.contributionGroupWorkspace>.surface{min-width:0;margin:0;}
.contributionReadinessGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:16px 0 0;border:1px solid var(--ju-border);border-radius:var(--ju-radius);overflow:hidden;background:var(--ju-border);}
.contributionReadinessItem{display:grid;align-content:start;gap:5px;min-width:0;padding:13px 14px;border-top:3px solid var(--ju-border-strong);background:var(--ju-soft);}
.contributionReadinessItem.is-ready{border-top-color:var(--ju-success);}
.contributionReadinessItem.is-review{border-top-color:var(--ju-warning);background:var(--ju-warning-bg);}
.contributionReadinessItem>span{color:var(--ju-text-muted);font-size:11px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;}
.contributionReadinessItem>strong{color:var(--ju-text-strong);font-size:18px;line-height:1.2;overflow-wrap:anywhere;}
.contributionReadinessItem>small{color:var(--ju-text-muted);font-size:11px;line-height:1.4;}
.tableActionDetails{position:relative;display:inline-block;}
.tableActionDetails>summary{list-style:none;cursor:pointer;}
.tableActionDetails>summary::-webkit-details-marker{display:none;}
.tableActionDetails[open]>summary{border-color:var(--ju-gold);box-shadow:0 0 0 3px var(--ju-focus-ring);}
.tableInlineForm{position:absolute;z-index:25;right:0;top:calc(100% + 8px);display:grid;grid-template-columns:minmax(150px,1fr);gap:9px;width:min(330px,calc(100vw - 40px));padding:13px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:var(--ju-shadow);text-align:left;}
.tableInlineForm .btn{width:100%;}
@media (max-width:1100px){
  .clubContributionModelLayout,.contributionGroupWorkspace{grid-template-columns:1fr;}
  .clubContributionModelLayout>.card{order:-1;}
}
@media (max-width:760px){
  .clubContributionCompactGrid,.contributionReadinessGrid{grid-template-columns:1fr;}
  .contributionReadinessItem{border-top:0;border-left:3px solid var(--ju-border-strong);}
  .contributionReadinessItem.is-ready{border-left-color:var(--ju-success);}
  .contributionReadinessItem.is-review{border-left-color:var(--ju-warning);}
  .tableActionDetails{display:block;width:100%;}
  .tableActionDetails>summary{width:100%;}
  .tableInlineForm{position:static;width:100%;margin-top:9px;box-shadow:none;}
}

/* ========================================================================== */
/* v3.7j-n2a: system-wide premium UI foundation                              */
/* ========================================================================== */

.skipLink,
.skip-link{
  position:fixed;
  top:10px;
  left:10px;
  z-index:calc(var(--ju-z-modal) + 20);
  min-height:var(--ju-control-lg);
  display:inline-flex;
  align-items:center;
  padding:0 14px;
  border:1px solid var(--ju-gold);
  border-radius:var(--ju-radius);
  background:var(--ju-card);
  color:var(--ju-text-strong);
  font-weight:850;
  box-shadow:var(--ju-shadow-floating);
  transform:translateY(calc(-100% - 20px));
  transition:transform var(--ju-motion-fast) var(--ju-ease-standard);
}
.skipLink:focus,
.skip-link:focus{transform:translateY(0);outline:none;box-shadow:var(--ju-focus-ring),var(--ju-shadow-floating);}

.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

.uiPage{
  width:100%;
  min-width:0;
  margin-inline:auto;
}
.uiPage--width-reading{max-width:var(--ju-content-reading);}
.uiPage--width-content{max-width:var(--ju-content-default);}
.uiPage--width-wide{max-width:var(--ju-content-wide);}
.uiPage--width-full{max-width:var(--ju-content-full);}
.uiPage--comfortable{--ui-section-gap:var(--ju-space-6);--ui-card-padding:var(--ju-space-5);--ui-row-padding:12px;}
.uiPage--compact{--ui-section-gap:var(--ju-space-4);--ui-card-padding:var(--ju-space-4);--ui-row-padding:9px;}
.uiStack{display:grid;gap:var(--ui-section-gap,var(--ju-space-4));min-width:0;}
.uiCluster{display:flex;align-items:center;gap:var(--ju-space-3);flex-wrap:wrap;}

.uiPageHeader{
  align-items:flex-start;
  margin-bottom:var(--ui-section-gap,var(--ju-space-6));
  padding-bottom:var(--ju-space-4);
  border-bottom:1px solid var(--ju-border-soft);
}
.uiPageHeaderMain{max-width:min(100%,850px);gap:7px;}
.uiPageHeaderMain::before{top:2px;bottom:2px;width:3px;opacity:.72;}
.uiPageTitle{font-size:var(--ju-type-display);font-weight:780;letter-spacing:-.038em;}
.uiPageLead{max-width:76ch;font-size:15px;line-height:1.55;}
.uiPageEyebrow{
  color:var(--ju-warning);
  font-size:11px;
  font-weight:900;
  letter-spacing:.11em;
  line-height:1.3;
  text-transform:uppercase;
}
.uiPageMeta{gap:8px 14px;margin-top:4px;}
.uiPageMetaItem{display:inline-flex;align-items:baseline;gap:6px;min-width:0;}
.uiPageMetaItem>span{color:var(--ju-text-muted);}
.uiPageMetaItem>strong{color:var(--ju-text-strong);}
.uiPageActions{justify-content:flex-end;max-width:100%;}
.uiPageActions .uiAction--primary{order:-1;}
.uiActionIcon{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;}
.uiActionIcon>svg{width:18px;height:18px;}
.btn-quiet{
  border-color:transparent;
  background:transparent;
  color:var(--ju-text-muted);
}
.btn-quiet:hover,.btn-quiet:focus{border-color:var(--ju-border);background:var(--ju-soft);color:var(--ju-text-strong);}

.uiBreadcrumbs{margin:0 0 2px;padding:0;}
.uiBreadcrumbs ol{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0;padding:0;list-style:none;}
.uiBreadcrumbs li{display:inline-flex;align-items:center;gap:6px;color:var(--ju-text-muted);font-size:12px;font-weight:700;}
.uiBreadcrumbs li:not(:last-child)::after{content:"/";color:var(--ju-text-subtle);}
.uiBreadcrumbs a{text-decoration:none;}
.uiBreadcrumbs a:hover{text-decoration:underline;text-underline-offset:3px;}
.uiBreadcrumbs [aria-current="page"]{color:var(--ju-text-strong);}

.uiToolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--ju-space-3);
  min-width:0;
  padding:var(--ju-space-3) var(--ju-space-4);
  border:1px solid var(--ju-border);
  border-radius:var(--ju-radius);
  background:var(--ju-card);
  box-shadow:0 6px 18px var(--ju-shadow-color-soft);
}
.uiToolbar--sticky{position:sticky;top:calc(var(--app-workbar-offset,0px) + 8px);z-index:var(--ju-z-sticky);}
.uiToolbarContent{display:flex;align-items:center;gap:var(--ju-space-3);flex:1 1 auto;min-width:0;flex-wrap:wrap;}
.uiToolbarActions{display:flex;align-items:center;gap:var(--ju-space-2);flex:0 0 auto;flex-wrap:wrap;}

.uiStatePanel{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:var(--ju-space-4);
  padding:var(--ju-space-4);
  border:1px solid var(--ju-border-strong);
  border-left:4px solid var(--ju-text-subtle);
  border-radius:var(--ju-radius);
  background:var(--ju-card);
}
.uiStatePanelBody{display:grid;gap:4px;min-width:0;}
.uiStatePanel h2{margin:0;color:var(--ju-text-strong);font-size:16px;line-height:1.3;}
.uiStatePanel p{margin:0;color:var(--ju-text-muted);line-height:1.5;}
.uiStatePanelActions{display:flex;gap:var(--ju-space-2);align-items:center;flex-wrap:wrap;}
.uiStatePanel--info{border-left-color:var(--ju-text-strong);background:var(--ju-soft);}
.uiStatePanel--success{border-left-color:var(--ju-success);background:var(--ju-success-bg);}
.uiStatePanel--warning{border-left-color:var(--ju-warning);background:var(--ju-warning-bg);}
.uiStatePanel--danger{border-left-color:var(--ju-danger);background:var(--ju-danger-bg);}
.uiStatePanel--empty{border-style:dashed;border-left-style:solid;background:var(--ju-soft);}

.uiDefinitionSurface{
  display:grid;
  gap:var(--ju-space-3);
  padding:var(--ui-card-padding,var(--ju-space-4));
  border:1px solid var(--ju-border);
  border-radius:var(--ju-radius);
  background:var(--ju-card);
  box-shadow:0 8px 22px var(--ju-shadow-color-soft);
}
.uiSectionTitle{margin:0;color:var(--ju-text-strong);font-size:var(--ju-type-section);line-height:1.25;}
.uiDefinitionGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);overflow:hidden;background:var(--ju-border);}
.uiDefinitionItem{display:grid;gap:4px;min-width:0;padding:12px 14px;background:var(--ju-soft);}
.uiDefinitionItem dt{color:var(--ju-text-muted);font-size:11px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;}
.uiDefinitionItem dd{margin:0;color:var(--ju-text-strong);font-size:14px;font-weight:750;overflow-wrap:anywhere;}
.uiDefinitionGrid--compact .uiDefinitionItem{padding:9px 11px;}

.uiSkeleton{display:grid;gap:10px;padding:var(--ju-space-4);border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);}
.uiSkeletonLine{height:13px;border-radius:var(--ju-radius);background:linear-gradient(90deg,var(--ju-soft),var(--ju-surface-inset),var(--ju-soft));background-size:220% 100%;animation:uiSkeletonPulse 1.4s ease-in-out infinite;}
.uiSkeletonLine:nth-child(2n){width:78%;}
.uiSkeletonLine:nth-child(3n){width:56%;}
@keyframes uiSkeletonPulse{0%{background-position:100% 0}100%{background-position:-120% 0}}

[data-ui-page-type="worklist"] .table td,
[data-ui-page-type="list"] .table td,
[data-ui-page-type="report"] .table td,
[data-ui-page-type="admin"] .table td{padding-top:9px;padding-bottom:9px;}

:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--ju-gold);
  outline-offset:2px;
}

@media (max-width:1024px){
  .btn,.btn-sm,.input,.select,.textarea,.table-filter,.appNavLink,.appMobileLauncher,.appMobileSearchButton{min-height:var(--ju-control-lg);}
  .btn-icon{width:var(--ju-control-lg);min-width:var(--ju-control-lg);}
}

@media (max-width:860px){
  .uiPageHeader{display:grid;gap:var(--ju-space-3);}
  .uiPageActions{width:100%;justify-content:flex-start;}
  .uiToolbar{align-items:stretch;flex-direction:column;}
  .uiToolbarActions{width:100%;}
  .uiToolbarActions .btn{flex:1 1 auto;}
  .uiStatePanel{grid-template-columns:1fr;}
  .uiStatePanelActions{width:100%;}
}

@media (max-width:640px){
  .uiPageHeader{padding-bottom:var(--ju-space-3);}
  .uiPageHeaderMain{padding-left:11px;}
  .uiPageTitle{font-size:clamp(28px,9vw,36px);}
  .uiPageActions{display:grid;grid-template-columns:1fr;}
  .uiPageActions .btn,.uiStatePanelActions .btn{width:100%;}
  .uiDefinitionGrid{grid-template-columns:1fr;}
  .uiDefinitionItem{padding:11px 12px;}
}

@media (prefers-reduced-motion:reduce){
  .skipLink,.uiSkeletonLine{transition:none;animation:none;}
}

@media print{
  .skipLink,.uiPageActions,.uiToolbar{display:none;}
  .uiPageHeader{border-bottom:1px solid #999;}
  .uiDefinitionSurface,.uiStatePanel{box-shadow:none;}
}


/* ========================================================================== */
/* v3.7j-n2b: premium public, authentication and lifecycle surfaces           */
/* ========================================================================== */
.publicLifecycleContent,.publicPremiumContent{display:grid;gap:var(--ju-space-6);min-width:0;padding-bottom:var(--ju-space-8);}
.publicSidebarNote{display:grid;gap:4px;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:var(--ju-radius);background:rgba(255,255,255,.07);color:#fff;}
.publicSidebarNote strong{font-size:12px;line-height:1.3;}
.publicSidebarNote span{color:rgba(255,255,255,.78);font-size:11px;line-height:1.45;}

.publicPremiumHero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.65fr);gap:var(--ju-space-6);align-items:end;padding:clamp(24px,4vw,46px);border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:linear-gradient(145deg,var(--ju-card) 0%,var(--ju-soft) 65%,var(--ju-warning-bg) 100%);box-shadow:var(--ju-shadow);overflow:hidden;}
.publicPremiumHeroCopy{display:grid;gap:12px;max-width:820px;}
.publicPremiumHeroCopy h1{margin:0;color:var(--ju-text-strong);font-size:clamp(38px,5.6vw,72px);line-height:.98;letter-spacing:-.055em;font-weight:820;}
.publicPremiumHeroCopy>p:not(.publicEyebrow){max-width:68ch;margin:0;color:var(--ju-text-muted);font-size:clamp(16px,1.6vw,20px);line-height:1.55;}
.publicHeroProof{display:grid;gap:1px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);overflow:hidden;background:var(--ju-border);}
.publicHeroProof>div{display:grid;gap:4px;padding:14px;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);}
.publicHeroProof span{color:var(--ju-text-muted);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;}
.publicHeroProof strong{color:var(--ju-text-strong);font-size:13px;line-height:1.4;}
.publicHeroActions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:6px;}
.publicPremium .publicHeroActions .btn,.publicPremium .publicNextActions .btn,.publicPremium .publicPlanActions .btn{min-height:44px;}

.publicPremiumSection{display:grid;gap:var(--ju-space-5);padding:clamp(20px,3vw,32px);border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:0 10px 28px var(--ju-shadow-color-soft);}
.publicPremiumSection>header{display:grid;gap:7px;max-width:840px;}
.publicPremiumSection>header h2,.publicNextStep h2{margin:0;color:var(--ju-text-strong);font-size:clamp(24px,3vw,36px);line-height:1.12;letter-spacing:-.03em;}
.publicPremiumSection>header p:not(.publicSectionEyebrow),.publicNextStep p:not(.publicSectionEyebrow){margin:0;color:var(--ju-text-muted);font-size:15px;line-height:1.58;}
.publicSectionEyebrow,.publicEyebrow{margin:0;color:var(--ju-gold-strong);font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;}
.publicProcessSection{background:linear-gradient(180deg,var(--ju-warning-bg),var(--ju-card) 42%);}
.publicProcessGrid,.publicTourList{display:grid;gap:1px;margin:0;padding:0;border:1px solid var(--ju-border);border-radius:var(--ju-radius);overflow:hidden;background:var(--ju-border);list-style:none;}
.publicProcessGrid{grid-template-columns:repeat(4,minmax(0,1fr));}
.publicProcessGrid li,.publicTourList li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:16px;background:var(--ju-card);min-width:0;}
.publicProcessGrid li>span,.publicTourList li>span,.publicStepNumber{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;border:1px solid var(--ju-accent-line);border-radius:var(--ju-radius);background:var(--ju-accent-soft);color:var(--ju-warning);font-size:11px;font-weight:900;}
.publicProcessGrid strong,.publicTourList h3{display:block;margin:0;color:var(--ju-text-strong);font-size:15px;line-height:1.35;}
.publicProcessGrid p,.publicTourList p{margin:5px 0 0;color:var(--ju-text-muted);font-size:13px;line-height:1.5;}
.publicTourList{grid-template-columns:1fr;}
.publicTourList li{padding:18px;}
.publicTourList h3{font-size:17px;}

.publicAudienceGrid,.publicCapabilityGrid,.publicVariantGrid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));}
.publicCapabilityGrid{grid-template-columns:repeat(3,minmax(0,1fr));}
.publicAudienceGrid article,.publicCapabilityGrid article,.publicVariantCard{display:grid;align-content:start;gap:8px;min-width:0;padding:18px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-soft);}
.publicAudienceGrid h3,.publicCapabilityGrid h3,.publicVariantCard strong{margin:0;color:var(--ju-text-strong);font-size:18px;line-height:1.3;}
.publicAudienceGrid p,.publicCapabilityGrid p,.publicVariantCard>span:last-child{margin:0;color:var(--ju-text-muted);font-size:13px;line-height:1.52;}
.publicAudienceGrid a{margin-top:4px;font-weight:800;text-underline-offset:3px;}
.publicCapabilityGrid article>span,.publicVariantEyebrow{color:var(--ju-gold-strong);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
.publicNextStep{grid-template-columns:minmax(0,1fr) auto;align-items:center;background:var(--ju-text-strong);}
.publicNextStep h2,.publicNextStep p:not(.publicSectionEyebrow){color:#fff;}
.publicNextStep p:not(.publicSectionEyebrow){color:rgba(255,255,255,.76);}
.publicNextActions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.publicNextStep .btn-secondary{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;}

.publicVariantSwitch{display:inline-grid;grid-template-columns:1fr 1fr;gap:4px;width:min(100%,430px);padding:4px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-soft);}
.publicVariantSwitch a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:var(--ju-radius);color:var(--ju-text-muted);font-weight:800;text-decoration:none;}
.publicVariantSwitch a[aria-current="page"]{background:var(--ju-card);color:var(--ju-text-strong);box-shadow:0 4px 14px var(--ju-shadow-color-soft);}
.publicPlanGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch;}
.publicPlanCard{display:grid;grid-template-rows:auto auto 1fr auto auto;gap:14px;min-width:0;padding:20px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:0 8px 24px var(--ju-shadow-color-soft);text-align:left;}
button.publicPlanCard{width:100%;font:inherit;cursor:pointer;}
.publicPlanCard.is-recommended,.publicPlanCard.is-selected,.publicPlanCard.is-highlighted{border-color:var(--ju-accent-line);box-shadow:0 0 0 1px var(--ju-accent-line),0 14px 34px var(--ju-shadow-color-soft);}
.publicPlanContext,.billingPlanCurrent{min-height:24px;color:var(--ju-gold-strong);font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;}
.publicPlanHeader,.publicPlanCard{color:var(--ju-text-muted);}
.publicPlanHeader h2,.publicPlanName{margin:0;color:var(--ju-text-strong);font-size:20px;font-weight:850;line-height:1.25;}
.publicPlanHeader p{margin:0;color:var(--ju-text-muted);line-height:1.5;}
.publicPlanPrice{display:flex;align-items:flex-end;gap:7px;margin:0;color:var(--ju-text-muted);}
.publicPlanPrice strong{color:var(--ju-text-strong);font-size:32px;line-height:1;font-weight:900;}
.publicPlanPrice span{font-size:12px;}
.publicFeatureList,.billingFeatureList,.publicBenefitList{display:grid;gap:8px;margin:0;padding:0;list-style:none;}
.publicFeatureList li,.billingFeatureList li,.publicBenefitList li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;color:var(--ju-text-muted);font-size:13px;line-height:1.48;}
.publicFeatureList li>span:first-child{color:var(--ju-success);font-weight:900;}
.publicPlanNote,.publicPlanPurpose,.publicPlanUsers{margin:0;color:var(--ju-text-muted);font-size:12px;line-height:1.48;}
.publicPlanActions,.publicProviderActions{display:grid;gap:8px;}
.publicPlanActions .btn,.publicProviderActions .btn{width:100%;justify-content:center;}
.publicPlanAction{display:flex;align-items:center;justify-content:center;min-height:42px;margin-top:2px;border-top:1px solid var(--ju-border-soft);padding-top:12px;color:var(--ju-text-strong);font-size:12px;font-weight:850;}
.publicLegalSection{max-width:980px;}
.publicLegalDocument{display:grid;gap:var(--ju-space-4);}
.publicPremiumFooter{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 4px 4px;border-top:1px solid var(--ju-border);color:var(--ju-text-muted);}
.publicPremiumFooter>div{display:grid;gap:3px;}
.publicPremiumFooter strong{color:var(--ju-text-strong);}
.publicPremiumFooter nav{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end;}
.publicPremiumFooter a{color:var(--ju-text-muted);}

.publicJourneyGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.68fr);gap:18px;align-items:start;}
.publicJourneyMain,.publicJourneyAside,.publicNarrowSurface{min-width:0;margin:0;}
.publicJourneyAside{display:grid;gap:14px;padding:22px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:linear-gradient(155deg,var(--ju-text-strong),#2f333a);color:#fff;box-shadow:var(--ju-shadow);}
.publicJourneyAside h2{margin:0;color:#fff;font-size:24px;line-height:1.2;letter-spacing:-.025em;}
.publicJourneyAside .publicBenefitList li,.publicJourneyAside .publicJourneyNote{color:rgba(255,255,255,.78);}
.publicJourneyAside .publicBenefitList strong{color:#fff;}
.publicJourneyEyebrow{color:var(--ju-gold);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;}
.publicJourneyNote{margin:0;padding-top:12px;border-top:1px solid rgba(255,255,255,.16);font-size:12px;line-height:1.5;}
.publicLifecycleForm,.publicRegistrationFlow,.onboardingForm{display:grid;gap:16px;}
.publicFieldLabelRow{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.publicFieldLabelRow a{font-size:12px;font-weight:750;}
.publicDivider{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:18px 0;color:var(--ju-text-muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;}
.publicDivider::before,.publicDivider::after{content:"";height:1px;background:var(--ju-border);}
.publicNarrowSurface{max-width:760px;margin-inline:auto;}
.publicVerificationHelp{display:grid;gap:10px;margin-top:14px;padding:14px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-soft);}
.publicRegistrationFlow{gap:18px;}
.publicRegistrationStep{margin:0;}
.publicRegistrationStep .section-header>div{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;}
.publicRegistrationStep .publicStepNumber{grid-row:1 / span 2;}
.publicVariantCard{appearance:none;width:100%;font:inherit;text-align:left;cursor:pointer;}
.publicVariantCard:hover,.publicVariantCard:focus-visible,.publicVariantCard.is-selected{border-color:var(--ju-accent-line);background:var(--ju-warning-bg);box-shadow:0 0 0 1px var(--ju-accent-line);}
.publicConsentRow{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:14px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-soft);color:var(--ju-text-muted);font-size:13px;line-height:1.5;}
.publicConsentRow input{width:24px;height:24px;margin:0;accent-color:var(--ju-gold);}
.publicActionHint{align-self:center;color:var(--ju-text-muted);font-size:12px;line-height:1.45;}

.billingOverviewSurface{margin-top:0;}
.billingPlanGrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
.billingPlanCard form,.billingPlanCard form .btn{width:100%;}
.billingControlRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:16px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-soft);}
.billingControlRow strong{color:var(--ju-text-strong);}
.billingControlRow p{margin:5px 0 0;color:var(--ju-text-muted);font-size:13px;line-height:1.5;}

@media (max-width:1100px){
  .publicPremiumHero{grid-template-columns:1fr;align-items:start;}
  .publicHeroProof{grid-template-columns:repeat(3,minmax(0,1fr));}
  .publicProcessGrid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .publicCapabilityGrid,.publicPlanGrid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .publicJourneyGrid{grid-template-columns:1fr;}
  .publicJourneyAside{order:-1;}
}
@media (max-width:760px){
  .publicLifecycleContent,.publicPremiumContent{gap:14px;padding-bottom:24px;}
  .publicPremiumHero,.publicPremiumSection{padding:18px;}
  .publicPremiumHeroCopy h1{font-size:clamp(34px,13vw,48px);}
  .publicHeroProof,.publicProcessGrid,.publicAudienceGrid,.publicCapabilityGrid,.publicVariantGrid,.publicPlanGrid{grid-template-columns:1fr;}
  .publicHeroProof>div{padding:12px;}
  .publicNextStep{grid-template-columns:1fr;}
  .publicNextActions,.publicHeroActions{display:grid;grid-template-columns:1fr;width:100%;justify-content:stretch;}
  .publicNextActions .btn,.publicHeroActions .btn{width:100%;justify-content:center;}
  .publicPremiumFooter{display:grid;}
  .publicPremiumFooter nav{justify-content:flex-start;}
  .publicJourneyAside{padding:18px;}
  .publicJourneyAside h2{font-size:21px;}
  .publicRegistrationStep .section-header>div{grid-template-columns:auto minmax(0,1fr);}
  .billingControlRow{grid-template-columns:1fr;}
  .billingControlRow form,.billingControlRow .btn{width:100%;}
}
@media (max-width:430px){
  .publicPremiumHero,.publicPremiumSection,.publicPlanCard{padding:15px;}
  .publicProcessGrid li,.publicTourList li{padding:14px;}
  .publicVariantSwitch{width:100%;}
  .publicVariantSwitch a{padding-inline:10px;}
  .publicFieldLabelRow{align-items:flex-start;flex-direction:column;gap:4px;}
}

/* v3.7j-n2b: guided onboarding on the shared premium foundation. */
.onboardingContent{display:grid;gap:18px;min-width:0;}
.onboardingProgressSection,.onboardingCard{margin:0;}
.onboardingProgressSection .section-header{align-items:center;}
.onboardingProgressSection .section-header>strong{color:var(--ju-text-strong);font-size:22px;line-height:1;}
.onboardingProgressBar{display:block;width:100%;height:10px;border:0;border-radius:var(--ju-radius);overflow:hidden;background:var(--ju-soft);accent-color:var(--ju-gold);}
.onboardingProgressBar::-webkit-progress-bar{background:var(--ju-soft);}
.onboardingProgressBar::-webkit-progress-value{background:linear-gradient(90deg,#D3AA55,var(--ju-gold-strong));}
.onboardingProgressBar::-moz-progress-bar{background:linear-gradient(90deg,#D3AA55,var(--ju-gold-strong));}
.onboardingHero{display:grid;gap:12px;padding:clamp(20px,3vw,30px);border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:linear-gradient(145deg,var(--ju-card),var(--ju-soft) 68%,var(--ju-warning-bg));box-shadow:0 10px 28px var(--ju-shadow-color-soft);}
.onboardingHero .heroEyebrow{color:var(--ju-gold-strong);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;}
.onboardingHero .heroTitle{max-width:980px;margin:0;color:var(--ju-text-strong);font-size:clamp(28px,3.5vw,46px);line-height:1.08;letter-spacing:-.038em;}
.onboardingHero .heroLead{max-width:78ch;margin:0;color:var(--ju-text-muted);font-size:15px;line-height:1.6;}
.onboardingRail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:6px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);overflow:hidden;background:var(--ju-border);}
.onboardingRail>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:center;min-width:0;padding:12px;background:rgba(255,255,255,.88);}
.onboardingRail span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--ju-accent-line);border-radius:var(--ju-radius);background:var(--ju-accent-soft);color:var(--ju-gold-strong);font-size:10px;font-weight:900;}
.onboardingRail strong{min-width:0;color:var(--ju-text-strong);font-size:12px;line-height:1.35;}
.onboardingCard{border:1px solid var(--ju-border);background:var(--ju-card);box-shadow:var(--ju-shadow);}
.onboardingCard>.card-b{display:grid;gap:18px;padding:clamp(16px,2.5vw,26px);}
.onboardingStepIntro{display:grid;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--ju-border);}
.onboardingStepMeta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.onboardingStepPosition{color:var(--ju-gold-strong);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
.onboardingHeaderActions{display:flex;align-items:center;gap:8px;}
.onboardingHeader h2{margin:0;color:var(--ju-text-strong);font-size:clamp(24px,2.5vw,34px);line-height:1.15;letter-spacing:-.025em;}
.onboardingHeader p{margin:6px 0 0;max-width:72ch;}
.onboardingChecklist{display:grid;gap:12px;margin:0;padding:15px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-soft);box-shadow:none;}
.onboardingChecklistHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.onboardingChecklistHead strong{color:var(--ju-text-strong);}
.onboardingChecklistHead span{color:var(--ju-text-muted);font-size:12px;white-space:nowrap;}
.onboardingChecklistItems{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;}
.onboardingChecklistItems li,.onboardingChecklistCompact{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;color:var(--ju-text-muted);font-size:12px;line-height:1.45;}
.onboardingChecklistItems li.done,.onboardingChecklistCompact{color:var(--ju-text-strong);}
.onboardingChecklist .checkState{color:var(--ju-warning);font-weight:900;}
.onboardingChecklistItems li.done .checkState,.onboardingChecklistCompact .checkState{color:var(--ju-success);}
.onboardingChecklistHint{padding-top:10px;border-top:1px solid var(--ju-border);color:var(--ju-text-muted);font-size:12px;line-height:1.5;}
.onboardingForm{display:grid;gap:18px;}
.onboardingInfoBox{display:grid;gap:6px;padding:14px;border:1px solid var(--ju-border);border-left:4px solid var(--ju-warning);border-radius:var(--ju-radius);background:var(--ju-warning-bg);}
.onboardingInfoBox strong{color:var(--ju-text-strong);}
.onboardingInfoBox p{margin:0;color:var(--ju-text-muted);font-size:13px;line-height:1.5;}
.onboardingLinkCard{display:grid;gap:5px;text-decoration:none;}
.onboardingLinkCard:hover,.onboardingLinkCard:focus-visible{border-color:var(--ju-accent-line);box-shadow:0 0 0 1px var(--ju-accent-line);}
.onboardingActions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--ju-border);}
.onboardingActions .btn-primary{order:3;}
.communicationModePreview,.documentFlowPreview,.teamOnboardingNote{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch;}
.documentFlowPreview,.teamOnboardingNote{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);}
.teamOnboardingNote{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);}
.flowNode{display:grid;gap:4px;padding:13px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-soft);}
.flowNode strong{color:var(--ju-text-strong);font-size:13px;}
.flowNode span{color:var(--ju-text-muted);font-size:11px;line-height:1.4;}
.flowArrow{display:flex;align-items:center;justify-content:center;color:var(--ju-text-subtle);font-weight:900;}
@media (max-width:980px){
  .onboardingRail{grid-template-columns:repeat(2,minmax(0,1fr));}
  .documentFlowPreview,.teamOnboardingNote{grid-template-columns:1fr;}
  .flowArrow{transform:rotate(90deg);min-height:18px;}
}
@media (max-width:760px){
  .onboardingRail,.onboardingChecklistItems,.communicationModePreview{grid-template-columns:1fr;}
  .onboardingHero{padding:18px;}
  .onboardingProgressSection .section-header{display:flex;}
  .onboardingActions{display:grid;grid-template-columns:1fr;position:sticky;bottom:0;z-index:25;margin-inline:-16px;padding:12px 16px calc(12px + var(--ju-safe-bottom,0px));background:var(--ju-card);box-shadow:0 -10px 24px var(--ju-shadow-color-soft);}
  .onboardingActions .btn{width:100%;justify-content:center;}
  .onboardingActions .btn-primary{order:-1;}
}

/* v3.7j-n2c: Milu route recommendation and answer feedback. */
.miluWidgetRoute{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;align-items:center;padding:12px;border:1px solid var(--ju-accent-line);border-radius:6px;background:var(--ju-accent-soft);color:var(--ju-text-strong);text-decoration:none;}
.miluWidgetRoute span{grid-column:1;color:var(--ju-text-muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;}
.miluWidgetRoute strong{grid-column:1;font-size:14px;}
.miluWidgetRoute em{grid-column:2;grid-row:1 / span 2;color:var(--ju-text-strong);font-size:12px;font-style:normal;font-weight:900;}
.miluWidgetRoute:hover{border-color:var(--ju-gold);text-decoration:none;}
.miluWidgetFeedback{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:6px 0;color:var(--ju-text-muted);font-size:12px;}

/* ==== v3.7j-n2e: shared premium reference workflows ==== */
.premiumBreadcrumbs{margin:0 0 8px;min-width:0;}
.premiumBreadcrumbs ol{display:flex;align-items:center;gap:7px;min-width:0;margin:0;padding:0;list-style:none;color:var(--ju-text-muted);font-size:12px;font-weight:750;line-height:1.35;}
.premiumBreadcrumbs li{display:flex;align-items:center;min-width:0;}
.premiumBreadcrumbs li+li::before{content:"/";margin-right:7px;color:var(--ju-text-subtle);font-weight:600;}
.premiumBreadcrumbs a{color:var(--ju-text-muted);text-decoration:none;}
.premiumBreadcrumbs a:hover{color:var(--ju-text-strong);text-decoration:underline;text-underline-offset:3px;}
.premiumBreadcrumbs [aria-current="page"] span{display:block;max-width:min(42vw,440px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ju-text-strong);}

.premiumSummaryGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:0 0 16px;}
.premiumSummaryCard{position:relative;display:grid;align-content:start;gap:9px;min-width:0;min-height:88px;padding:13px 14px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:#fff;box-shadow:var(--ju-shadow-sm);color:inherit;text-decoration:none;overflow:hidden;}
.premiumSummaryCard::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--ju-border-strong);}
.premiumSummaryCard--primary::before,.premiumSummaryCard--warning::before{background:var(--ju-gold);}
.premiumSummaryCard--success::before{background:var(--ju-success);}
.premiumSummaryCard--danger::before{background:var(--ju-danger);}
a.premiumSummaryCard{transition:transform var(--ju-motion-fast) var(--ju-ease-standard),border-color var(--ju-motion-fast) var(--ju-ease-standard),box-shadow var(--ju-motion-fast) var(--ju-ease-standard);}
a.premiumSummaryCard:hover{transform:none;border-color:#CAD0D9;box-shadow:var(--ju-shadow-raised);}
.premiumSummaryLabel{color:var(--ju-text-muted);font-size:11px;font-weight:700;letter-spacing:.045em;text-transform:uppercase;line-height:1.35;}
.premiumSummaryValue{color:var(--ju-text-strong);font-size:clamp(20px,1.55vw,26px);font-weight:750;letter-spacing:-.03em;line-height:1.05;}
.premiumSummaryHint{color:var(--ju-text-muted);font-size:12px;font-weight:500;line-height:1.4;}

.premiumRecordTabs{display:flex;align-items:stretch;gap:0;width:100%;padding:0;border:0;border-bottom:1px solid var(--ju-border);border-radius:0;background:transparent;box-shadow:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;}
.premiumRecordTabs .premiumRecordTab{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;min-height:47px;padding:10px 15px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:var(--ju-text-muted);font-size:13px;font-weight:850;white-space:nowrap;cursor:pointer;}
.premiumRecordTabs .premiumRecordTab:hover{background:var(--ju-soft);color:var(--ju-text-strong);}
.premiumRecordTabs .premiumRecordTab.is-active,.premiumRecordTabs .premiumRecordTab[aria-selected="true"]{border-bottom-color:var(--ju-gold);background:linear-gradient(180deg,transparent,var(--ju-warning-bg));color:var(--ju-text-strong);}
.premiumRecordTabs .premiumRecordTab small{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:20px;padding:1px 6px;border:1px solid var(--ju-border);border-radius:var(--ju-radius-sm);background:var(--ju-card);color:var(--ju-text-muted);font-size:10px;font-weight:900;line-height:1;}
[data-premium-working-area].has-tab-hierarchy-conflict{outline:2px solid var(--ju-danger-line);outline-offset:3px;}

.premiumState{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;padding:16px;border:1px solid var(--ju-border);border-left:4px solid var(--ju-border-strong);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:0 7px 20px var(--ju-shadow-color-soft);}
.premiumState--loading{border-left-color:var(--ju-gold);background:linear-gradient(90deg,var(--ju-warning-bg),var(--ju-card) 45%);}
.premiumState--warning{border-left-color:var(--ju-warning);background:var(--ju-warning-bg);}
.premiumState--error{border-left-color:var(--ju-danger);background:var(--ju-danger-bg);}
.premiumState--success{border-left-color:var(--ju-success);background:var(--ju-success-bg);}
.premiumStateIcon{display:grid;place-items:center;width:34px;height:34px;border:1px solid currentColor;border-radius:var(--ju-radius);color:var(--ju-text-muted);font-size:16px;font-weight:950;line-height:1;}
.premiumState--loading .premiumStateIcon,.premiumState--warning .premiumStateIcon{color:var(--ju-warning);}
.premiumState--error .premiumStateIcon{color:var(--ju-danger);}
.premiumState--success .premiumStateIcon{color:var(--ju-success);}
.premiumStateCopy{display:grid;gap:3px;min-width:0;}
.premiumStateCopy strong{color:var(--ju-text-strong);font-size:14px;font-weight:900;line-height:1.3;}
.premiumStateCopy p{margin:0;color:var(--ju-text-muted);font-size:12px;line-height:1.45;}
.premiumStateActions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;}

.premiumProgress{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:0;margin:0 0 18px;padding:0;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:0 7px 20px var(--ju-shadow-color-soft);list-style:none;overflow:hidden;}
.premiumProgressStep{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:76px;padding:13px 14px;border-top:3px solid var(--ju-border-strong);border-right:1px solid var(--ju-border);}
.premiumProgressStep:last-child{border-right:0;}
.premiumProgressStep.is-current{border-top-color:var(--ju-gold);background:var(--ju-warning-bg);}
.premiumProgressStep.is-complete{border-top-color:var(--ju-success);}
.premiumProgressStep.is-blocked{border-top-color:var(--ju-danger);background:var(--ju-danger-bg);}
.premiumProgressIndex{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--ju-border-strong);border-radius:var(--ju-radius);background:var(--ju-card);color:var(--ju-text-strong);font-size:12px;font-weight:950;}
.premiumProgressStep.is-complete .premiumProgressIndex{border-color:var(--ju-success-line);color:var(--ju-success);}
.premiumProgressStep.is-current .premiumProgressIndex{border-color:var(--ju-accent-line);color:var(--ju-gold-strong);}
.premiumProgressStep>div{display:grid;gap:3px;min-width:0;}
.premiumProgressStep strong{color:var(--ju-text-strong);font-size:12px;font-weight:900;line-height:1.3;}
.premiumProgressStep small{color:var(--ju-text-muted);font-size:10px;font-weight:650;line-height:1.35;}

.appWorkbar--utility-only .appWorkbarRow{justify-content:flex-end;}
.appWorkbar--utility-only .appWorkbarActions{margin-left:auto;}
.appWorkbar--utility-only .appWorkbarSearchButton{min-width:min(560px,46vw);justify-content:flex-start;}
.appWorkbar--utility-only .appWorkbarSearchLabel{flex:1 1 auto;text-align:left;}

/* Adaptive three-column document editor. The context rail, work canvas and
   preview are distinct semantic columns; the global sidebar is not counted. */
.documentEditorShell[data-document-editor-layout="three-column"]{--document-editor-columns:minmax(285px,.72fr) minmax(500px,1.35fr) minmax(390px,1fr);grid-template-columns:var(--document-editor-columns);gap:16px;}
.documentEditorShell[data-document-editor-layout="three-column"] .documentEditorWorkspaceBar{grid-column:1 / -1;}
.documentEditorContextPanel,.documentEditorCanvasPanel{min-width:0;}
.documentEditorContextPanel{display:grid;align-content:start;gap:14px;padding:18px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:var(--ju-shadow-sm);}
.documentEditorContextPanel .documentEditorSection{gap:12px;padding-bottom:15px;}
.documentEditorContextPanel .docFormGrid{grid-template-columns:1fr;gap:12px;}
.documentEditorContextPanel .documentFieldWithAction{grid-template-columns:minmax(0,1fr) 42px;}
.documentEditorContextPanel .textarea{min-height:98px;}
.documentEditorContextPanel .documentTermTextField .textarea{min-height:82px;}
.documentEditorCanvasPanel{display:grid;align-content:start;gap:16px;padding:18px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:var(--ju-shadow-sm);container-type:inline-size;}
.documentEditorCanvasPanel .documentEditorSection{padding-bottom:16px;}
.documentEditorCanvasPanel .documentPositionList,.documentEditorCanvasPanel .documentPositionTable{min-width:0;}
.documentEditorCanvasPanel .documentPositionItemGrid{grid-template-columns:minmax(0,.72fr) minmax(0,1fr) minmax(0,.72fr) minmax(0,.85fr);}
.documentEditorShell[data-document-editor-layout="three-column"] .documentEditorPreviewPanel{top:76px;display:grid;gap:12px;}
.documentEditorShell[data-document-editor-layout="three-column"] .documentLivePreviewSurface{padding:13px;}
.documentEditorShell[data-document-editor-layout="three-column"] .documentEditorPreviewPanel .documentViewerViewport{height:calc(100vh - 260px);max-height:calc(100vh - 260px);min-height:560px;padding:14px;}
.documentEditorShell[data-document-editor-layout="three-column"].is-preview-hidden{grid-template-columns:minmax(285px,.72fr) minmax(0,1.9fr);}
.documentEditorShell[data-document-editor-layout="three-column"].is-preview-hidden .documentEditorContextPanel{grid-column:1;}
.documentEditorShell[data-document-editor-layout="three-column"].is-preview-hidden .documentEditorCanvasPanel{grid-column:2;}
.documentEditorShell[data-document-editor-layout="three-column"] .documentPreviewSplitControl{left:auto;right:12px;transform:translateY(-50%);width:min(320px,26vw);}
.documentEditorShell[data-document-editor-layout="three-column"] .documentPreviewSplitControl input{width:min(280px,24vw);}
.documentEditorValidationGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;}
.documentEditorValidationItem{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:7px;color:var(--ju-text-muted);font-size:11px;font-weight:750;line-height:1.35;}
.documentEditorValidationItem::before{content:"✓";color:var(--ju-success);font-weight:950;}
.documentEditorValidationItem.is-warning::before{content:"!";color:var(--ju-warning);}

@media (max-width:1500px){
  .documentEditorShell[data-document-editor-layout="three-column"]{grid-template-columns:minmax(280px,.72fr) minmax(0,1.5fr);}
  .documentEditorShell[data-document-editor-layout="three-column"] .documentEditorPreviewPanel{grid-column:1 / -1;position:static;}
  .documentEditorShell[data-document-editor-layout="three-column"] .documentEditorPreviewPanel .documentViewerViewport{height:72vh;max-height:760px;min-height:500px;}
  .documentEditorShell[data-document-editor-layout="three-column"] .documentPreviewSplitControl{display:none;}
  .documentEditorShell[data-document-editor-layout="three-column"].is-preview-hidden{grid-template-columns:minmax(280px,.72fr) minmax(0,1.5fr);}
}
@media (max-width:1050px){
  .premiumSummaryGrid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .premiumProgress{grid-template-columns:repeat(2,minmax(0,1fr));}
  .premiumProgressStep:nth-child(2n){border-right:0;}
  .documentEditorShell[data-document-editor-layout="three-column"],.documentEditorShell[data-document-editor-layout="three-column"].is-preview-hidden{grid-template-columns:minmax(0,1fr);}
  .documentEditorShell[data-document-editor-layout="three-column"] .documentEditorContextPanel,.documentEditorShell[data-document-editor-layout="three-column"] .documentEditorCanvasPanel,.documentEditorShell[data-document-editor-layout="three-column"] .documentEditorPreviewPanel{grid-column:1;position:static;}
  .documentEditorContextPanel .docFormGrid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .documentEditorContextPanel .docField--full,.documentEditorContextPanel .documentTermControlGroup,.documentEditorContextPanel .documentTermTextField{grid-column:1 / -1;}
}
@media (max-width:760px){
  .premiumBreadcrumbs [aria-current="page"] span{max-width:52vw;}
  .premiumSummaryGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .premiumSummaryCard{min-height:78px;padding:11px;}
  .premiumSummaryValue{font-size:19px;}
  .premiumState{grid-template-columns:auto minmax(0,1fr);align-items:start;}
  .premiumStateActions{grid-column:1 / -1;display:grid;grid-template-columns:1fr;width:100%;}
  .premiumStateActions .btn{width:100%;}
  .premiumProgress{grid-template-columns:1fr;}
  .premiumProgressStep,.premiumProgressStep:nth-child(2n){border-right:0;border-bottom:1px solid var(--ju-border);}
  .premiumProgressStep:last-child{border-bottom:0;}
  .appWorkbar--utility-only .appWorkbarSearchButton{min-width:0;width:100%;}
  .documentEditorContextPanel,.documentEditorCanvasPanel{padding:14px;}
  .documentEditorContextPanel .docFormGrid,.documentEditorValidationGrid{grid-template-columns:1fr;}
  .documentEditorContextPanel .docField--full,.documentEditorContextPanel .documentTermControlGroup,.documentEditorContextPanel .documentTermTextField{grid-column:auto;}
  .documentEditorShell[data-document-editor-layout="three-column"] .documentEditorPreviewPanel .documentViewerViewport{height:64vh;min-height:430px;padding:10px;}
}
@media (prefers-reduced-motion:reduce){
  a.premiumSummaryCard{transition:none;}
}
.premiumEditorOverview{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,.85fr);gap:14px;align-items:stretch;margin-bottom:16px;}
.premiumEditorOverview .premiumProgress,.premiumEditorOverview .documentCompletionStrip{margin:0;}
.premiumEditorOverview .documentCompletionGrid{grid-template-columns:repeat(2,minmax(0,1fr));}
.premiumEditorOverview .documentCompletionItem{padding:8px 9px;}
.documentEditorWorkspaceHint{display:grid;gap:2px;min-width:0;}
.documentEditorWorkspaceHint strong{color:var(--ju-text-strong);font-size:13px;font-weight:900;}
.documentEditorWorkspaceHint span{color:var(--ju-text-muted);font-size:11px;font-weight:700;}
@media(max-width:1280px){.premiumEditorOverview{grid-template-columns:1fr}.premiumEditorOverview .documentCompletionGrid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:760px){.premiumEditorOverview .documentCompletionGrid{grid-template-columns:1fr}.documentEditorWorkspaceHint{width:100%}}
.pageActionMenu{position:relative;}
.pageActionMenu>summary{list-style:none;cursor:pointer;}
.pageActionMenu>summary::-webkit-details-marker{display:none;}
.pageActionMenu>summary::after{content:"▾";margin-left:7px;font-size:11px;}
.pageActionMenu[open]>summary{border-color:var(--ju-accent-line);background:var(--ju-warning-bg);}
.pageActionMenuPanel{position:absolute;z-index:90;right:0;top:calc(100% + 8px);display:grid;gap:3px;width:min(330px,calc(100vw - 32px));padding:7px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:0 18px 46px rgba(15,23,42,.18);}
.pageActionMenuItem{appearance:none;display:flex;align-items:center;width:100%;min-height:42px;padding:9px 11px;border:0;border-radius:var(--ju-radius-sm);background:transparent;color:var(--ju-text);font:inherit;font-size:13px;font-weight:800;text-align:left;text-decoration:none;cursor:pointer;}
.pageActionMenuItem:hover,.pageActionMenuItem:focus-visible{background:var(--ju-soft);color:var(--ju-text-strong);}
.pageActionMenuForm{display:grid;gap:8px;margin:4px 0;padding:11px;border-top:1px solid var(--ju-border-soft);border-bottom:1px solid var(--ju-border-soft);background:var(--ju-soft);}
.pageActionMenuForm .form-label{font-size:11px;}
.premiumRecordWorkspace>.card-b{padding-top:0;}
.premiumRecordWorkspace .premiumRecordTabs{margin:0 0 18px;}
@media(max-width:760px){.pageActionMenu{width:100%}.pageActionMenu>summary{width:100%;justify-content:center}.pageActionMenuPanel{position:fixed;left:12px;right:12px;bottom:calc(12px + var(--ju-safe-bottom,0px));top:auto;width:auto;max-height:70vh;overflow:auto}.premiumRecordWorkspace>.card-b{padding-inline:14px}}
/* Shared premium list, record and preview surfaces used by the n2e reference routes. */
.premiumStack{display:grid;gap:18px;min-width:0;}
.premiumListToolbar{display:grid;grid-template-columns:minmax(260px,1fr) repeat(2,minmax(150px,220px)) auto;gap:10px;align-items:end;padding:12px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:0 6px 18px var(--ju-shadow-color-soft);}
.premiumListToolbar .form-field{min-width:0;}
.premiumTableCard{padding:0;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:var(--ju-shadow);overflow:hidden;}
.premiumTableCard .table-wrap{margin:0;border:0;border-radius:0;box-shadow:none;}
.premiumTableCard .table{margin:0;}
.premiumTableCard .table thead th{background:#F8F9FB;}
.premiumRecordHero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start;padding:20px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:linear-gradient(145deg,var(--ju-card),var(--ju-soft));box-shadow:0 8px 24px var(--ju-shadow-color-soft);}
.premiumRecordHeroMain{display:grid;gap:6px;min-width:0;}
.premiumRecordHeroMain h2{margin:0;color:var(--ju-text-strong);font-size:clamp(22px,3vw,34px);letter-spacing:-.035em;line-height:1.1;}
.premiumRecordHeroMain p{margin:0;color:var(--ju-text-muted);font-size:13px;line-height:1.5;}
.premiumRecordHeroActions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap;}
.premiumRecordGrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px;align-items:start;}
.premiumRecordGrid>.card{margin:0;}
.premiumFolderGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;}
.premiumFolderCard{display:grid;gap:12px;min-height:150px;padding:16px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:0 7px 20px var(--ju-shadow-color-soft);color:inherit;text-decoration:none;}
.premiumFolderCard:hover{border-color:var(--ju-accent-line);background:linear-gradient(150deg,var(--ju-card),var(--ju-warning-bg));}
.premiumFolderIcon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--ju-accent-line);border-radius:var(--ju-radius);background:var(--ju-warning-bg);color:var(--ju-gold-strong);font-size:20px;font-weight:900;}
.premiumFolderCard strong{color:var(--ju-text-strong);font-size:15px;font-weight:900;}
.premiumFolderCard p{margin:0;color:var(--ju-text-muted);font-size:12px;line-height:1.45;}
.premiumFolderMeta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;color:var(--ju-text-muted);font-size:11px;font-weight:750;}
.premiumQueueLayout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.42fr);gap:14px;align-items:start;}
.premiumQueueDetail{position:sticky;top:78px;display:grid;gap:14px;padding:17px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:0 8px 24px var(--ju-shadow-color-soft);}
.premiumQueueDetail h3{margin:0;color:var(--ju-text-strong);font-size:18px;line-height:1.25;}
.premiumQueueDetail p{margin:0;color:var(--ju-text-muted);font-size:12px;line-height:1.5;}
.premiumDocumentPaper{display:grid;align-content:start;gap:18px;min-height:720px;padding:36px 34px;border:1px solid rgba(15,23,42,.12);border-radius:var(--ju-radius);background:#fff;box-shadow:0 16px 38px rgba(15,23,42,.16);color:#1f2937;}
.premiumDocumentPaperHead{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:18px;border-bottom:2px solid var(--ju-gold);}
.premiumDocumentPaperBrand{color:var(--ju-gold-strong);font-size:20px;font-weight:950;letter-spacing:-.03em;}
.premiumDocumentPaperTitle{text-align:right;}
.premiumDocumentPaperTitle strong{display:block;color:var(--ju-gold-strong);font-size:24px;letter-spacing:.04em;}
.premiumDocumentPaperTitle span{display:block;margin-top:4px;font-size:11px;font-weight:800;}
.premiumDocumentPaperAddress{font-size:10px;line-height:1.5;}
.premiumDocumentPaper h3{margin:0;font-size:15px;}
.premiumDocumentPaper p{margin:0;font-size:10px;line-height:1.55;}
.premiumDocumentPaper table{width:100%;border-collapse:collapse;font-size:9px;}
.premiumDocumentPaper th,.premiumDocumentPaper td{padding:6px 4px;border-bottom:1px solid #e5e7eb;text-align:left;}
.premiumDocumentPaper th:last-child,.premiumDocumentPaper td:last-child{text-align:right;}
.premiumDocumentPaperTotals{display:grid;grid-template-columns:1fr auto;gap:7px 18px;margin-left:auto;width:min(260px,100%);font-size:10px;}
.premiumDocumentPaperTotals strong{padding-top:7px;border-top:2px solid var(--ju-gold);font-size:12px;}
@media(max-width:1100px){.premiumListToolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.premiumListToolbar>:first-child{grid-column:1/-1}.premiumRecordGrid,.premiumQueueLayout{grid-template-columns:1fr}.premiumQueueDetail{position:static}}
@media(max-width:760px){.premiumListToolbar{grid-template-columns:1fr}.premiumListToolbar>:first-child{grid-column:auto}.premiumRecordHero{grid-template-columns:1fr;padding:16px}.premiumRecordHeroActions{display:grid;grid-template-columns:1fr;justify-content:stretch}.premiumRecordHeroActions .btn{width:100%}.premiumFolderGrid{grid-template-columns:1fr}.premiumDocumentPaper{min-height:560px;padding:24px 20px}.premiumDocumentPaperHead{display:grid}.premiumDocumentPaperTitle{text-align:left}}

/* ==== v3.7j-n2e FIX1: premium visual convergence gate ====
   The dark top bar is a global utility layer only. Local module and record
   navigation remain in the light workspace and may expose at most one tab
   level per working area. */
:root{--app-workbar-height:64px;}
@media (min-width:1024px){
  .appWorkbar--utility-only .appWorkbarRow{
    min-height:var(--app-workbar-height);
    justify-content:center;
    padding:0 24px;
  }
  .appWorkbar--utility-only .appWorkbarActions{
    width:min(680px,62vw);
    margin:0 auto;
  }
  .appWorkbar--utility-only .appWorkbarSearchButton{
    width:100%;
    min-width:0;
    min-height:42px;
    height:42px;
    justify-content:flex-start;
    gap:10px;
    padding:0 13px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:6px;
    background:rgba(255,255,255,.07);
    color:rgba(255,255,255,.88);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  }
  .appWorkbar--utility-only .appWorkbarSearchButton:hover{
    border-color:rgba(184,92,46,.56);
    background:rgba(255,255,255,.11);
  }
  .appWorkbar--utility-only .appWorkbarSearchLabel{
    display:block;
    flex:1 1 auto;
    overflow:hidden;
    text-overflow:ellipsis;
    text-align:left;
  }
  .appWorkbar--utility-only .appWorkbarSearchButton kbd{margin-left:auto;}
}

.offerEditorPage .offerEditorHeader{margin-bottom:2px;}
.offerEditorPage .offerEditorHeader .page-header-title{max-width:760px;}
.offerEditorPage .page-meta{gap:12px;color:var(--ju-text-muted);font-size:12px;}
.offerEditorPage .premiumEditorOverview{grid-template-columns:minmax(0,1.62fr) minmax(360px,.88fr);gap:12px;margin-bottom:14px;}
.offerEditorPage .premiumProgress{box-shadow:0 5px 16px var(--ju-shadow-color-soft);}
.offerEditorPage .premiumProgressStep{min-height:70px;padding:11px 12px;}
.offerEditorPage .documentCompletionStrip{box-shadow:0 5px 16px var(--ju-shadow-color-soft);}
.offerEditorPage .documentEditorWorkspaceBar{
  min-height:46px;
  padding:8px 10px;
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:var(--ju-card);
  box-shadow:none;
}
.offerEditorPage .documentEditorWorkspaceHint strong{font-size:12px;}
.offerEditorPage .documentEditorWorkspaceHint span{font-size:10px;}
.offerEditorPage .documentEditorShell[data-document-editor-layout="three-column"]{
  --document-editor-columns:minmax(292px,.72fr) minmax(540px,1.42fr) minmax(410px,1.02fr);
  gap:14px;
}
.offerEditorPage .documentEditorContextPanel,
.offerEditorPage .documentEditorCanvasPanel{
  padding:16px;
  box-shadow:0 5px 18px var(--ju-shadow-color-soft);
}
.offerEditorPage .documentEditorPreviewPanel{min-width:0;}
.offerEditorPage .documentLivePreviewSurface{
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:var(--ju-card);
  box-shadow:0 5px 18px var(--ju-shadow-color-soft);
}
.offerEditorPage .documentLivePreviewHeader{padding:12px 13px;border-bottom:1px solid var(--ju-border-soft);}
.offerEditorPage .documentEditorShell[data-document-editor-layout="three-column"] .documentEditorPreviewPanel .documentViewerViewport{
  min-height:650px;
  height:calc(100vh - 220px);
  max-height:900px;
  background:var(--ju-soft);
}
.offerEditorPage .documentEditorSection .section-header{margin-bottom:10px;}
.offerEditorPage .documentEditorCanvasPanel .documentPositionTable th{
  padding-top:10px;
  padding-bottom:10px;
  font-size:10px;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.offerEditorPage .documentEditorCanvasPanel .documentPositionTable td{padding-top:9px;padding-bottom:9px;}
.offerEditorPage .documentEditorCanvasPanel .documentPositionTable .input,
.offerEditorPage .documentEditorCanvasPanel .documentPositionTable .select{min-height:36px;padding-top:7px;padding-bottom:7px;}

@media (max-width:1500px){
  .offerEditorPage .premiumEditorOverview{grid-template-columns:1fr;}
  .offerEditorPage .documentEditorShell[data-document-editor-layout="three-column"]{grid-template-columns:minmax(290px,.72fr) minmax(0,1.5fr);}
  .offerEditorPage .documentEditorShell[data-document-editor-layout="three-column"] .documentEditorPreviewPanel .documentViewerViewport{height:72vh;min-height:560px;max-height:820px;}
}
@media (max-width:1023px){
  .appWorkbar--utility-only{display:none;}
  .admin-app .container,
  .admin-app .helpWrap,
  .admin-app .settingsAdminWrap,
  .admin-app .articleWrap,
  .admin-app .ticketAdminWrap,
  .admin-app .customerAdminWrap,
  .admin-app .searchPageWrap,
  .admin-app .docWrap,
  .admin-app .dmsWrap,
  .admin-app .dmsViewWrap,
  .admin-app .appShellWrap{padding-top:var(--app-mobile-header-height);}
}
@media (max-width:760px){
  .offerEditorPage .premiumEditorOverview{gap:10px;}
  .offerEditorPage .documentEditorWorkspaceBar{display:flex;align-items:center;justify-content:space-between;gap:8px;}
  .offerEditorPage .documentEditorWorkspaceHint span{display:none;}
  .offerEditorPage .documentEditorShell[data-document-editor-layout="three-column"] .documentEditorPreviewPanel .documentViewerViewport{min-height:480px;height:68vh;}
}

/* ==== v3.7j-n2e FIX2: system-wide premium design consolidation ====
   Derived from the approved JUBüro reference set. This block consolidates
   shell, hierarchy, list, record and editor proportions without introducing a
   parallel component language. */
:root{
  --ju-gold:#B85C2E;
  --ju-gold-hover:#A64B23;
  --ju-gold-active:#8B3F1E;
  --ju-gold-strong:#8B3F1E;
  --ju-gold-soft:var(--ju-brand-soft);
  --ju-gold-line:rgba(139,63,30,.28);
  --ju-bg:#F7F5F2;
  --ju-card:#FFFFFF;
  --ju-soft:#FAF8F6;
  --ju-text:#3D383F;
  --ju-text-strong:#242126;
  --ju-text-muted:#6D6670;
  --ju-text-subtle:#7B747D;
  --ju-border:#DDD7DB;
  --ju-border-strong:#CFC6CC;
  --ju-border-soft:#ECE7EA;
  --ju-shadow-color:rgba(37,40,43,.055);
  --ju-shadow-color-soft:rgba(37,40,43,.025);
  --ju-shadow:0 1px 2px rgba(37,40,43,.025),0 6px 18px rgba(37,40,43,.045);
  --ju-shadow-sm:0 1px 2px rgba(37,40,43,.025),0 4px 12px rgba(37,40,43,.04);
  --ju-shadow-raised:0 1px 2px rgba(37,40,43,.03),0 12px 30px rgba(37,40,43,.075);
  --ju-header-gap:16px;
  --ju-content-default:1240px;
  --ju-content-wide:1580px;
}
html{background:var(--ju-bg);}
body{
  background:var(--ju-bg);
  color:var(--ju-text);
  font-size:13px;
  line-height:1.48;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.admin-app .page{background:var(--ju-bg);}

/* Page hierarchy */
.page-header{
  align-items:flex-start;
  gap:18px;
  margin:0 0 16px;
}
.page-header-title{
  gap:5px;
  padding-left:0;
}
.page-header-title::before{display:none;}
.page-title{
  margin:0;
  color:var(--ju-text-strong);
  font-size:clamp(28px,2vw,34px);
  font-weight:750;
  letter-spacing:-.03em;
  line-height:1.1;
}
.page-subtitle{
  max-width:780px;
  margin:0;
  color:var(--ju-text-muted);
  font-size:14px;
  font-weight:450;
  line-height:1.5;
}
.page-meta{
  display:flex;
  align-items:center;
  gap:8px 14px;
  flex-wrap:wrap;
  margin:0 0 14px;
  color:var(--ju-text-muted);
  font-size:12px;
  line-height:1.45;
}
.page-meta strong{color:var(--ju-text);font-weight:700;}
.page-meta-sep{color:var(--ju-border-strong);}
.page-header-actions{gap:8px;}
.premiumBreadcrumbs{margin-bottom:6px;}
.premiumBreadcrumbs ol{gap:6px;color:var(--ju-text-muted);font-size:12px;font-weight:600;}
.premiumBreadcrumbs li+li::before{margin-right:6px;color:var(--ju-text-subtle);}

/* Buttons and controls */
.btn{
  min-height:40px;
  padding:0 14px;
  border-radius:6px;
  font-size:14px;
  font-weight:700;
  line-height:1;
  box-shadow:none;
}
.btn-sm{min-height:36px;padding:0 12px;font-size:13px;}
.btn-primary{
  border-color:var(--ju-gold-hover);
  background:linear-gradient(180deg,var(--ju-brand) 0%,var(--ju-gold) 100%);
  color:var(--ju-text-strong);
  box-shadow:0 1px 1px rgba(84,62,0,.08);
}
.btn-primary:hover{
  border-color:var(--ju-gold-active);
  background:var(--ju-gold-hover);
  color:var(--ju-text-strong);
  transform:none;
}
.btn-primary:active{
  border-color:var(--ju-gold-active);
  background:var(--ju-gold-active);
  color:#FFFFFF;
}
.btn-secondary{
  border-color:var(--ju-border-strong);
  background:#fff;
  color:var(--ju-text);
}
.btn-secondary:hover{border-color:#B8C0CC;background:var(--ju-soft);color:var(--ju-text-strong);transform:none;}
.input,.select,.textarea{
  min-height:40px;
  border-color:var(--ju-border-strong);
  border-radius:6px;
  background:#fff;
  color:var(--ju-text-strong);
  font-size:14px;
  box-shadow:0 1px 2px rgba(16,24,40,.02);
}
.input:hover,.select:hover,.textarea:hover{border-color:#B8C0CC;}
.input:focus,.select:focus,.textarea:focus{
  border-color:var(--ju-gold-strong);
  box-shadow:var(--ju-focus-ring);
}
.form-label{
  color:var(--ju-text);
  font-size:10.5px;
  font-weight:720;
  letter-spacing:0;
  text-transform:none;
}
.form-field{gap:5px;}

/* Core surfaces */
.card,.section,.docPanel,.docCard,.settingsPanel,.settingsCard,.articlePanel,.ticketPanel,.mailComposerPanel,.surface{
  border-color:var(--ju-border);
  background:#fff;
  box-shadow:var(--ju-shadow);
}
.card-h{
  padding:12px 14px;
  border-bottom-color:var(--ju-border-soft);
  color:var(--ju-text-strong);
  font-size:12px;
  font-weight:750;
}
.card-b{padding:14px;}
.section{margin:0;}
.section-header{
  gap:12px;
  padding:14px 16px 11px;
  border-bottom-color:var(--ju-border-soft);
}
.section-header--flush{padding:0 0 10px;}
.section-title{
  margin:0;
  color:var(--ju-text-strong);
  font-size:15px;
  font-weight:760;
  letter-spacing:-.012em;
  line-height:1.3;
}
.section-lead{margin:3px 0 0;color:var(--ju-text-muted);font-size:13px;line-height:1.5;}
.section-content{padding:14px 16px 16px;}
.section-content--flush{padding:0;}
.context-list-row{min-height:40px;padding:9px 0;}
.context-list-label{color:var(--ju-text-muted);font-size:12px;font-weight:600;}
.context-list-value{color:var(--ju-text-strong);font-size:13px;font-weight:650;}

/* Premium metric strip – icon, number, explanation and optional trend. */
.premiumSummaryGrid{
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:10px;
  margin:0 0 16px;
}
.premiumSummaryCard{
  grid-template-columns:36px minmax(0,1fr) auto;
  align-items:start;
  align-content:start;
  gap:9px;
  min-height:88px;
  padding:13px 14px;
  border-color:var(--ju-border);
  background:#fff;
  box-shadow:var(--ju-shadow-sm);
}
.premiumSummaryCard::before{display:none;}
a.premiumSummaryCard:hover{
  transform:none;
  border-color:#CAD0D9;
  box-shadow:var(--ju-shadow-raised);
}
.premiumSummaryIcon{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:var(--ju-soft);
  color:var(--ju-text-muted);
}
.premiumSummaryIcon svg{width:17px;height:17px;}
.premiumSummaryIcon--primary,.premiumSummaryIcon--warning{border-color:var(--ju-gold-line);background:var(--ju-gold-soft);color:var(--ju-gold-strong);}
.premiumSummaryIcon--success{border-color:var(--ju-success-line);background:var(--ju-success-bg);color:var(--ju-success);}
.premiumSummaryIcon--danger{border-color:var(--ju-danger-line);background:var(--ju-danger-bg);color:var(--ju-danger);}
.premiumSummaryBody{display:grid;gap:2px;min-width:0;}
.premiumSummaryLabel{font-size:11px;font-weight:700;letter-spacing:.045em;}
.premiumSummaryValue{font-size:clamp(20px,1.55vw,26px);font-weight:750;letter-spacing:-.03em;}
.premiumSummaryHint{font-size:12px;font-weight:500;line-height:1.4;}
.premiumSummaryTrend{align-self:start;color:var(--ju-success);font-size:9.5px;font-weight:720;white-space:nowrap;}

.premiumSummaryCard:not(:has(.premiumSummaryIcon)):not(:has(.premiumSummaryTrend)) .premiumSummaryBody{grid-column:1 / -1;}
.premiumSummaryCard:not(:has(.premiumSummaryIcon)):has(.premiumSummaryTrend) .premiumSummaryBody{grid-column:1 / 3;}

/* Lightweight local module switcher; not another object-tab level. */
.premiumModuleNav{
  display:flex;
  align-items:center;
  gap:3px;
  min-width:0;
  margin:0 0 14px;
  padding:3px;
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:#fff;
  box-shadow:0 1px 2px rgba(16,24,40,.02);
  overflow-x:auto;
}
.premiumModuleNavLink{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 11px;
  border:1px solid transparent;
  border-radius:6px;
  color:var(--ju-text-muted);
  font-size:10.5px;
  font-weight:700;
  white-space:nowrap;
  text-decoration:none;
}
.premiumModuleNavLink:hover{background:var(--ju-soft);color:var(--ju-text-strong);text-decoration:none;}
.premiumModuleNavLink.is-active,.premiumModuleNavLink[aria-current="page"]{
  border-color:var(--ju-border);
  background:var(--ju-soft);
  color:var(--ju-text-strong);
  box-shadow:inset 0 -2px 0 var(--ju-gold);
}

/* Object tabs stay the only tab-semantic layer in records. */
.premiumRecordTabs{border-bottom-color:var(--ju-border);}
.premiumRecordTabs .premiumRecordTab{
  min-height:42px;
  padding:8px 12px;
  border-bottom-width:2px;
  font-size:10.5px;
  font-weight:720;
}
.premiumRecordTabs .premiumRecordTab.is-active,
.premiumRecordTabs .premiumRecordTab[aria-selected="true"]{background:transparent;}

/* Local list tooling */
.premiumListToolbar,
.form-grid--toolbar,
.form-grid--customer-list,
.ticketsFilterBar,
.dmsToolbar,
.mailCommandBar{
  gap:9px;
  padding:11px 12px;
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:#fff;
  box-shadow:0 1px 2px rgba(16,24,40,.025);
}
.premiumListToolbar{grid-template-columns:minmax(280px,1fr) repeat(2,minmax(150px,210px)) auto;}

/* Dense but readable data tables. */
.table-wrap{
  border-color:var(--ju-border);
  background:#fff;
  box-shadow:var(--ju-shadow);
}
.table-wrap::before{display:none;}
.table th,.table td{padding:10px 11px;border-bottom-color:var(--ju-border-soft);}
.table th{
  background:#F8F9FB;
  color:var(--ju-text-muted);
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.04em;
}
.table td{color:var(--ju-text);font-size:13px;line-height:1.45;}
.table tbody tr:hover>td{background:#FCFCFD;}
.table tbody tr:last-child>td{border-bottom:0;}
.table-sort{padding:10px 11px;font-size:11.5px;font-weight:700;letter-spacing:.04em;}
.premiumTableCard{border-color:var(--ju-border);box-shadow:var(--ju-shadow);}
.premiumTableCard .table thead th{background:#F8F9FB;}
.statusText{gap:6px;font-size:12px;font-weight:650;}
.statusText::before{flex-basis:6px;width:6px;height:6px;box-shadow:none;}

/* Record, queue and DMS surfaces. */
.premiumRecordHero{
  gap:16px;
  padding:16px 18px;
  border-color:var(--ju-border);
  background:#fff;
  box-shadow:var(--ju-shadow);
}
.premiumRecordHeroMain h2{font-size:clamp(21px,2vw,29px);font-weight:790;}
.premiumRecordHeroMain p{font-size:11.5px;}
.premiumRecordGrid{grid-template-columns:minmax(0,1.48fr) minmax(280px,.52fr);gap:14px;}
.premiumFolderGrid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;}
.premiumFolderCard{
  gap:9px;
  min-height:132px;
  padding:14px;
  border-color:var(--ju-border);
  box-shadow:var(--ju-shadow-sm);
}
.premiumFolderIcon{width:36px;height:36px;font-size:16px;}
.premiumFolderCard strong{font-size:12.5px;}
.premiumFolderCard p,.premiumFolderMeta{font-size:10px;}
.premiumQueueLayout{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:12px;}
.premiumQueueDetail{top:74px;gap:12px;padding:15px;border-color:var(--ju-border);box-shadow:var(--ju-shadow);}
.premiumQueueDetail h3{font-size:15px;}
.premiumQueueDetail p{font-size:10.5px;}

/* Workflow guidance */
.premiumProgress{
  margin-bottom:14px;
  border-color:var(--ju-border);
  box-shadow:var(--ju-shadow-sm);
}
.premiumProgressStep{
  grid-template-columns:27px minmax(0,1fr);
  gap:8px;
  min-height:62px;
  padding:10px 11px;
  border-top-width:2px;
  border-right-color:var(--ju-border-soft);
}
.premiumProgressIndex{width:25px;height:25px;font-size:10px;}
.premiumProgressStep strong{font-size:10.5px;}
.premiumProgressStep small{font-size:9px;}
.premiumState{padding:13px 14px;box-shadow:var(--ju-shadow-sm);}
.premiumStateIcon{width:30px;height:30px;font-size:13px;}
.premiumStateCopy strong{font-size:12px;}
.premiumStateCopy p{font-size:10.5px;}

/* Document editor – visual proportions aligned to reference 08. */
.offerEditorPage .offerEditorHeader{margin-bottom:0;}
.offerEditorPage .premiumEditorOverview{
  grid-template-columns:minmax(0,1.72fr) minmax(320px,.78fr);
  gap:10px;
  margin-bottom:12px;
}
.offerEditorPage .documentEditorWorkspaceBar{
  min-height:42px;
  padding:7px 9px;
  border-color:var(--ju-border);
  background:#fff;
}
.offerEditorPage .documentEditorShell[data-document-editor-layout="three-column"]{
  --document-editor-columns:minmax(280px,.66fr) minmax(570px,1.5fr) minmax(420px,.96fr);
  gap:12px;
}
.offerEditorPage .documentEditorContextPanel,
.offerEditorPage .documentEditorCanvasPanel{
  gap:13px;
  padding:14px;
  border-color:var(--ju-border);
  box-shadow:var(--ju-shadow);
}
.offerEditorPage .documentEditorContextPanel .documentEditorSection,
.offerEditorPage .documentEditorCanvasPanel .documentEditorSection{padding-bottom:13px;}
.offerEditorPage .documentLivePreviewSurface{border-color:var(--ju-border);box-shadow:var(--ju-shadow-raised);}
.offerEditorPage .documentLivePreviewHeader{padding:9px 11px;}
.offerEditorPage .documentEditorShell[data-document-editor-layout="three-column"] .documentEditorPreviewPanel .documentViewerViewport{
  min-height:680px;
  height:calc(100vh - 192px);
  max-height:940px;
  padding:12px;
  background:#EEF0F3;
}
.offerEditorPage .documentEditorCanvasPanel .documentPositionTable th{font-size:8.5px;}
.offerEditorPage .documentEditorCanvasPanel .documentPositionTable td{font-size:10.5px;}
.offerEditorPage .documentEditorCanvasPanel .documentPositionTable .input,
.offerEditorPage .documentEditorCanvasPanel .documentPositionTable .select{min-height:34px;font-size:10.5px;}

/* The light utility bar rules must win over the earlier FIX1 dark variant. */
@media (min-width:1024px){
  .appWorkbar--utility-only .appWorkbarRow{min-height:60px;padding:0 22px;background:transparent;}
  .appWorkbar--utility-only .appWorkbarActions{display:grid;grid-template-columns:minmax(360px,620px) auto;gap:12px;width:min(860px,72vw);margin:0 auto;}
  .appWorkbar--utility-only .appWorkbarSearchButton{
    width:100%;min-width:0;min-height:38px;height:38px;padding:0 12px;
    border:1px solid var(--ju-border-strong);border-radius:6px;background:#F7F8FA;color:var(--ju-text-muted);
    box-shadow:0 1px 2px rgba(16,24,40,.025);
  }
  .appWorkbar--utility-only .appWorkbarSearchButton:hover{border-color:rgba(184,92,46,.34);background:#fff;color:var(--ju-text-strong);}
  .appWorkbar--utility-only .appWorkbarSearchLabel{font-size:12px;font-weight:650;color:inherit;}
  .appWorkbar--utility-only .appWorkbarSearchButton kbd{border-color:var(--ju-border);background:#fff;color:var(--ju-text-subtle);}
}

@media (max-width:1500px){
  .offerEditorPage .premiumEditorOverview{grid-template-columns:1fr;}
  .offerEditorPage .documentEditorShell[data-document-editor-layout="three-column"]{grid-template-columns:minmax(270px,.65fr) minmax(0,1.35fr);}
  .offerEditorPage .documentEditorShell[data-document-editor-layout="three-column"] .documentEditorPreviewPanel .documentViewerViewport{height:72vh;min-height:580px;max-height:840px;}
}
@media (max-width:1100px){
  .premiumListToolbar{grid-template-columns:repeat(2,minmax(0,1fr));}
  .premiumRecordGrid,.premiumQueueLayout{grid-template-columns:1fr;}
}
@media (max-width:760px){
  body{font-size:13px;}
  .page-header{display:grid;gap:12px;margin-bottom:14px;}
  .page-header-actions{display:grid;grid-template-columns:1fr;width:100%;margin-top:0;}
  .page-header-actions .btn,.page-header-actions form,.page-header-actions select{width:100%;}
  .page-title{font-size:28px;}
  .page-subtitle{font-size:14px;}
  .premiumSummaryGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .premiumSummaryCard{grid-template-columns:30px minmax(0,1fr);min-height:78px;padding:11px;}
  .premiumSummaryIcon{width:29px;height:29px;}
  .premiumSummaryIcon svg{width:15px;height:15px;}
  .premiumSummaryTrend{display:none;}
  .premiumSummaryValue{font-size:19px;}
  .premiumSummaryHint{font-size:11.5px;}
  .premiumModuleNav{margin-inline:-1px;}
  .premiumListToolbar,.form-grid--toolbar,.form-grid--customer-list,.ticketsFilterBar,.dmsToolbar,.mailCommandBar{grid-template-columns:1fr;padding:10px;}
  .offerEditorPage .documentEditorShell[data-document-editor-layout="three-column"] .documentEditorPreviewPanel .documentViewerViewport{min-height:500px;height:70vh;}
}
@media (max-width:460px){
  .premiumSummaryGrid{grid-template-columns:1fr;}
  .premiumSummaryCard{grid-template-columns:32px minmax(0,1fr) auto;}
}
@media (prefers-reduced-motion:reduce){
  .premiumSummaryCard,.appWorkbarUtilityAction{transition:none;}
}

/* ==== v3.7j-n2e FIX2: premium reference families and detail polish ==== */
.appSidebarBrandMark--fixture{
  display:grid;
  place-items:center;
  color:#20252b;
  font-size:10px;
  font-weight:900;
  letter-spacing:-.04em;
}
.premiumModuleNav--workspace{
  position:relative;
  display:flex;
  align-items:center;
  gap:2px;
  min-height:43px;
  padding:4px;
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:#fff;
  box-shadow:0 1px 2px rgba(15,23,42,.025);
  overflow-x:auto;
  scrollbar-width:thin;
}
.premiumModuleNav--workspace::after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:1px;
  background:var(--ju-border-soft);
  pointer-events:none;
}
.premiumModuleNavLink{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 13px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:var(--ju-text-muted);
  font:inherit;
  font-size:11.5px;
  font-weight:750;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
}
.premiumModuleNavLink:hover,
.premiumModuleNavLink:focus-visible{
  background:var(--ju-soft);
  color:var(--ju-text-strong);
  text-decoration:none;
}
.premiumModuleNavLink.is-active,
.premiumModuleNavLink[aria-current="page"]{
  background:rgba(184,92,46,.11);
  color:#B85C2E;
}
.premiumModuleNavLink.is-active::after,
.premiumModuleNavLink[aria-current="page"]::after{
  content:"";
  position:absolute;
  right:10px;
  bottom:-4px;
  left:10px;
  height:2px;
  border-radius:6px;
  background:var(--ju-gold);
}
.premiumLocalContextBar{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  min-height:42px;
  padding:6px 10px;
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:#fff;
}
.premiumLocalContextLabel{
  color:var(--ju-text-subtle);
  font-size:9px;
  font-weight:850;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.premiumLocalContextBar .workbarDropdownToggle{
  min-height:30px;
  border-color:var(--ju-border);
  background:var(--ju-soft);
  color:var(--ju-text-strong);
}
.premiumDashboardGrid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(310px,.75fr);
  gap:16px;
}
.premiumDashboardPanel .card-h,
.premiumRecordTimeline .card-h,
.premiumChartCard .card-h{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.premiumDashboardPanel .card-h > div{
  display:grid;
  gap:3px;
}
.section-kicker{
  color:#8B3F1E;
  font-size:9px;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.premiumTaskList{
  display:grid;
  gap:0;
}
.premiumTaskRow{
  display:grid;
  grid-template-columns:10px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  min-height:54px;
  padding:9px 2px;
  border-bottom:1px solid var(--ju-border-soft);
}
.premiumTaskRow:last-child{border-bottom:0;}
.premiumTaskRow > div{display:grid;gap:3px;min-width:0;}
.premiumTaskRow strong{overflow:hidden;color:var(--ju-text-strong);font-size:12px;text-overflow:ellipsis;white-space:nowrap;}
.premiumTaskRow small,.premiumTaskRow > span:last-child{color:var(--ju-text-subtle);font-size:10.5px;}
.premiumTaskState{width:7px;height:7px;border-radius:6px;background:#94a3b8;}
.premiumTaskState--warning{background:#e2a800;}
.premiumTaskState--danger{background:#cf4f4f;}
.premiumTaskState--success{background:#3f936c;}
.tableSubline{
  display:block;
  margin-top:3px;
  color:var(--ju-text-subtle);
  font-size:10px;
  font-weight:550;
  line-height:1.25;
}
.tableFileCell,.tableIdentity{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
}
.tableFileCell > svg{width:18px;height:18px;color:#cf4f4f;flex:0 0 auto;}
.tableFileCell > span,.tableIdentity > span:last-child{display:grid;gap:2px;min-width:0;}
.tableFileCell strong,.tableIdentity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tableFileCell small,.tableIdentity small{color:var(--ju-text-subtle);font-size:9.5px;}
.tableAvatar{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  flex:0 0 auto;
  border:1px solid rgba(184,92,46,.18);
  border-radius:6px;
  background:rgba(184,92,46,.10);
  color:#B85C2E;
  font-size:10px;
  font-weight:850;
}
.tableProductThumb{
  width:30px;
  height:30px;
  flex:0 0 auto;
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:linear-gradient(145deg,#eef1f4,#dfe4e8);
}
.premiumRecordDashboard{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.8fr) minmax(250px,.62fr);
  gap:14px;
  align-items:start;
}
.premiumRecordIdentity{grid-row:span 2;}
.premiumRecordTimeline{grid-column:2;}
.premiumRecordDashboard > .premiumStack{grid-column:3;grid-row:1 / span 2;}
.premiumTimeline{display:grid;gap:0;}
.premiumTimelineItem{
  display:grid;
  grid-template-columns:12px minmax(0,1fr);
  gap:10px;
  min-height:48px;
  padding:8px 0;
  border-bottom:1px solid var(--ju-border-soft);
}
.premiumTimelineItem:last-child{border-bottom:0;}
.premiumTimelineItem > span{
  position:relative;
  width:8px;
  height:8px;
  margin-top:4px;
  border:2px solid #fff;
  border-radius:6px;
  background:var(--ju-gold);
  box-shadow:0 0 0 1px rgba(184,92,46,.3);
}
.premiumTimelineItem > div{display:grid;gap:3px;}
.premiumTimelineItem strong{font-size:11.5px;}
.premiumTimelineItem small{color:var(--ju-text-subtle);font-size:10px;}
.premiumFormCanvas{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  align-items:start;
}
.premiumFormCanvas .customerRecordSection{
  min-width:0;
  margin:0;
}
.premiumFormCanvas .section-header{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  align-items:start;
  gap:10px;
}
.premiumSectionNumber{
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border:1px solid rgba(184,92,46,.24);
  border-radius:6px;
  background:rgba(184,92,46,.11);
  color:#B85C2E;
  font-size:10px;
  font-weight:900;
}
.premiumFormActions{
  grid-column:1 / -1;
  justify-content:flex-end;
  padding:14px;
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:#fff;
}
.premiumSalesOverviewGrid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(260px,.62fr);
  gap:14px;
}
.premiumSalesOverviewGrid > .card:first-child{grid-row:span 2;}
.premiumChartCard .card-b{min-height:205px;}
.premiumBarChart{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  height:155px;
  padding:12px 6px 0;
  border-bottom:1px solid var(--ju-border);
  background:linear-gradient(to top,rgba(148,163,184,.09) 1px,transparent 1px);
  background-size:100% 33%;
}
.premiumBarChart > span{
  display:grid;
  grid-template-rows:1fr auto;
  justify-items:center;
  align-items:end;
  gap:6px;
  width:100%;
  height:100%;
}
.premiumBarChart i{
  display:block;
  width:min(28px,72%);
  min-height:24px;
  border-radius:6px;
  background:linear-gradient(180deg,#efbf39,#c99000);
}
.premiumBarChart span:nth-child(1) i{height:42%;}.premiumBarChart span:nth-child(2) i{height:58%;}.premiumBarChart span:nth-child(3) i{height:46%;}.premiumBarChart span:nth-child(4) i{height:72%;}.premiumBarChart span:nth-child(5) i{height:65%;}.premiumBarChart span:nth-child(6) i{height:88%;}
.premiumBarChart small{color:var(--ju-text-subtle);font-size:9px;}
.premiumDonut{
  display:grid;
  place-items:center;
  align-content:center;
  width:112px;
  height:112px;
  margin:0 auto 12px;
  border-radius:6px;
  background:radial-gradient(circle at center,#fff 0 54%,transparent 55%),conic-gradient(#e6ac00 0 50%,#5b83c5 50% 77%,#58a57f 77% 100%);
}
.premiumDonut strong{font-size:21px;line-height:1;}
.premiumDonut span{color:var(--ju-text-subtle);font-size:9px;}
.premiumEventLayout{
  display:grid;
  grid-template-columns:minmax(0,1.42fr) minmax(290px,.58fr);
  gap:14px;
  align-items:start;
}
.premiumMailbox{
  display:grid;
  grid-template-columns:180px minmax(260px,.72fr) minmax(380px,1.28fr);
  min-height:600px;
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:#fff;
  overflow:hidden;
}
.premiumMailboxFolders{
  display:grid;
  align-content:start;
  gap:4px;
  padding:14px 10px;
  border-right:1px solid var(--ju-border);
  background:#f7f8fa;
}
.premiumMailboxFolders > strong{
  padding:10px 8px 5px;
  color:var(--ju-text-subtle);
  font-size:9px;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.premiumMailboxFolder{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:34px;
  padding:0 9px;
  border-radius:6px;
  color:var(--ju-text-muted);
  font-size:11px;
  font-weight:700;
  text-decoration:none;
}
.premiumMailboxFolder:hover,.premiumMailboxFolder.is-active{background:#fff;color:var(--ju-text-strong);text-decoration:none;box-shadow:0 1px 3px rgba(15,23,42,.05);}
.premiumMailboxFolder.is-active{box-shadow:inset 2px 0 0 var(--ju-gold),0 1px 3px rgba(15,23,42,.05);}
.premiumMailboxFolder small{color:var(--ju-text-subtle);font-size:9px;}
.premiumMailboxList{border-right:1px solid var(--ju-border);background:#fff;}
.premiumMailRow{
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto;
  gap:9px;
  min-height:76px;
  padding:11px 10px;
  border-bottom:1px solid var(--ju-border-soft);
  cursor:pointer;
}
.premiumMailRow:hover,.premiumMailRow.is-active{background:#faf8f2;}
.premiumMailRow.is-active{box-shadow:inset 2px 0 0 var(--ju-gold);}
.premiumMailAvatar{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;background:#edf0f3;color:var(--ju-text-muted);font-size:9px;font-weight:850;}
.premiumMailRow > div{display:grid;gap:2px;min-width:0;}
.premiumMailRow strong,.premiumMailRow span,.premiumMailRow small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.premiumMailRow strong{font-size:11px;}.premiumMailRow span{font-size:10.5px;}.premiumMailRow small,.premiumMailRow time{color:var(--ju-text-subtle);font-size:9px;}
.premiumMailboxReader{padding:18px 20px;background:#fff;}
.premiumMailboxReader > header{display:flex;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--ju-border);}
.premiumMailboxReader h2{margin:7px 0 3px;font-size:18px;}.premiumMailboxReader header p{margin:0;color:var(--ju-text-muted);font-size:11px;}
.premiumMailboxReaderActions{display:flex;flex-wrap:wrap;gap:7px;padding:12px 0;border-bottom:1px solid var(--ju-border-soft);}
.premiumMailboxMessage{padding:18px 2px;color:var(--ju-text);font-size:12px;line-height:1.65;}
.premiumAttachment{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-soft);}
.premiumAttachment > span{display:grid;place-items:center;width:30px;height:30px;color:#cf4f4f;}.premiumAttachment svg{width:18px;height:18px;}.premiumAttachment > div{display:grid;gap:2px;}.premiumAttachment small{color:var(--ju-text-subtle);font-size:9px;}
.premiumFixture .premiumStack{gap:14px;}
.premiumFixture .page-header{margin-bottom:0;}
.premiumFixture .premiumSummaryGrid{margin:0;}
.premiumFixture .premiumTableCard{margin:0;}
.premiumFixture .premiumListToolbar{margin:0;}
.premiumFixture .table td,.premiumFixture .table th{padding-top:9px;padding-bottom:9px;}

@media (max-width:1380px){
  .premiumRecordDashboard{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);}
  .premiumRecordDashboard > .premiumStack{grid-column:2;grid-row:auto;}
  .premiumRecordTimeline{grid-column:1 / -1;}
  .premiumMailbox{grid-template-columns:160px minmax(250px,.8fr) minmax(340px,1.2fr);}
}
@media (max-width:1100px){
  .premiumDashboardGrid,.premiumSalesOverviewGrid,.premiumEventLayout{grid-template-columns:1fr;}
  .premiumSalesOverviewGrid > .card:first-child{grid-row:auto;}
  .premiumRecordDashboard{grid-template-columns:1fr;}
  .premiumRecordIdentity,.premiumRecordTimeline,.premiumRecordDashboard > .premiumStack{grid-column:auto;grid-row:auto;}
  .premiumMailbox{grid-template-columns:150px minmax(260px,1fr);}
  .premiumMailboxReader{grid-column:1 / -1;border-top:1px solid var(--ju-border);}
  .premiumFormCanvas{grid-template-columns:1fr;}
}
@media (max-width:760px){
  .premiumModuleNav--workspace{margin-inline:-2px;}
  .premiumModuleNavLink{min-height:40px;padding-inline:12px;}
  .premiumLocalContextBar{align-items:stretch;flex-direction:column;gap:5px;}
  .premiumMailbox{display:block;min-height:0;}
  .premiumMailboxFolders{display:flex;gap:5px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--ju-border);}
  .premiumMailboxFolders > strong{display:none;}
  .premiumMailboxFolder{flex:0 0 auto;gap:7px;}
  .premiumMailboxList{border-right:0;}
  .premiumMailboxReader{padding:15px 13px;}
  .premiumFormActions{position:sticky;bottom:0;z-index:4;}
}

/* FIX2 mobile interaction gate: all visible controls remain comfortably tappable. */
@media (max-width:760px){
  .premiumFixture .btn,
  .premiumFixture button,
  .premiumFixture input:not([type="hidden"]),
  .premiumFixture select,
  .premiumFixture textarea,
  .premiumFixture summary,
  .admin-app .premiumModuleNavLink,
  .admin-app .premiumLocalContextBar .workbarDropdownToggle{
    min-height:44px;
  }
  .premiumFixture .icon-button,
  .premiumFixture .appMobileLauncher,
  .premiumFixture .appMobileSearchButton{
    min-width:44px;
    width:44px;
  }
}

/* FIX2 utility geometry: global search remains centered independent of tool icons. */
@media (min-width:1024px){
  .appWorkbar--utility-only .appWorkbarActions{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:min(980px,76vw);
    margin:0 auto;
  }
  .appWorkbar--utility-only .appWorkbarSearchButton{
    width:min(620px,64vw);
    flex:0 1 620px;
  }
  .appWorkbar--utility-only .appWorkbarUtilityActions{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
  }
  .premiumFixture .documentViewerViewport{min-height:640px;}
}

/* ==== v3.7j-n2e FIX2: premium parity refinement pass 2 ====
   Refines the two lead patterns from references 04, 08 and 13: a dense
   customer record, a table-first document editor and a structured master-data
   form. All radii remain on the system 6px token. */
.premiumTitleLine{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.premiumTitleLine .statusText{padding:4px 8px;border:1px solid var(--ju-success-line);border-radius:6px;background:var(--ju-success-bg);}
.premiumRecordPageHeader .page-meta{margin:3px 0 0;}
.premiumRecordWorkspace{display:grid;gap:14px;min-width:0;}
.premiumRecordWorkspace > .premiumRecordTabs{padding:0 2px;border-bottom:1px solid var(--ju-border);background:transparent;overflow-x:auto;}
.premiumRecordWorkspace > .premiumRecordTabs .premiumRecordTab{min-height:44px;}
.premiumCustomerOverview{
  display:grid;
  grid-template-columns:minmax(250px,1fr) minmax(260px,1.08fr) minmax(240px,.88fr) minmax(260px,.92fr);
  gap:12px;
  align-items:start;
}
.premiumCustomerOverview .card{margin:0;min-width:0;}
.premiumCustomerOverview .card-h strong{display:flex;align-items:center;gap:8px;}
.premiumCustomerOverview .card-h svg{width:16px;height:16px;color:var(--ju-text-muted);}
.premiumCustomerIdentityCard{grid-column:1;grid-row:1;}
.premiumCustomerContacts{grid-column:2;grid-row:1;}
.premiumCustomerStatus{grid-column:3;grid-row:1;}
.premiumCustomerActivity{grid-column:4;grid-row:1 / span 2;}
.premiumCustomerSales{grid-column:1 / span 2;grid-row:2;}
.premiumCustomerSide{grid-column:3;grid-row:2;display:grid;gap:12px;}
.premiumCustomerIdentity{display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;align-items:start;}
.premiumCustomerAvatar,.premiumContactAvatar{
  display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(197,142,0,.25);border-radius:6px;
  background:#fff6d9;color:#6f5200;font-weight:850;
}
.premiumCustomerAvatar{width:52px;height:52px;font-size:14px;}
.premiumContactAvatar{width:34px;height:34px;font-size:10px;}
.premiumCustomerFacts{display:grid;gap:0;}
.premiumCustomerFacts > div{display:grid;grid-template-columns:minmax(90px,.82fr) minmax(0,1fr);gap:10px;padding:5px 0;}
.premiumCustomerFacts span{color:var(--ju-text-muted);font-size:10px;}
.premiumCustomerFacts strong{overflow:hidden;color:var(--ju-text-strong);font-size:10.5px;text-overflow:ellipsis;white-space:nowrap;}
.premiumCustomerContactLines{grid-column:1 / -1;display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--ju-border-soft);}
.premiumCustomerContactLines > span{display:flex;align-items:flex-start;gap:8px;color:var(--ju-text);font-size:10.5px;line-height:1.45;}
.premiumCustomerContactLines svg,.premiumContactPerson svg{width:14px;height:14px;flex:0 0 auto;color:var(--ju-text-muted);}
.premiumContactPerson{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:10px;align-items:start;padding:11px 0;border-bottom:1px solid var(--ju-border-soft);}
.premiumContactPerson:first-child{padding-top:0;}
.premiumContactPerson > div{display:grid;gap:3px;min-width:0;}
.premiumContactPerson strong{font-size:11px;color:var(--ju-text-strong);}
.premiumContactPerson small{font-size:9.5px;color:var(--ju-text-muted);}
.premiumContactPerson > div > span{display:flex;align-items:center;gap:6px;font-size:9.5px;color:var(--ju-text);}
.premiumCustomerActivity .premiumTimelineItem{grid-template-columns:26px minmax(0,1fr);min-height:62px;position:relative;}
.premiumCustomerActivity .premiumTimelineItem > span{width:24px;height:24px;margin:0;border:1px solid var(--ju-border);background:var(--ju-soft);box-shadow:none;}
.premiumCustomerActivity .premiumTimelineItem:not(:last-child)::after{content:"";position:absolute;top:32px;bottom:-8px;left:11px;width:1px;background:var(--ju-border);}
.premiumCustomerActivity .premiumTimelineItem p{margin:1px 0;color:var(--ju-text);font-size:9.5px;line-height:1.35;}
.premiumCustomerSalesStats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:12px;}
.premiumCustomerSalesStats > div{display:grid;gap:2px;min-height:72px;padding:10px;border:1px solid var(--ju-border);border-radius:6px;background:#fff;}
.premiumCustomerSalesStats strong{color:var(--ju-text-strong);font-size:20px;letter-spacing:-.03em;}
.premiumCustomerSalesStats span{font-size:9.5px;font-weight:700;}
.premiumCustomerSalesStats small{color:var(--ju-text-muted);font-size:9px;}
.premiumCustomerSalesStats .is-danger strong,.premiumCustomerSalesStats .is-danger small{color:var(--ju-danger);}
.premiumCustomerTransactions{display:grid;border-top:1px solid var(--ju-border-soft);}
.premiumCustomerTransactions > div{display:grid;grid-template-columns:22px minmax(150px,1fr) minmax(120px,.8fr) 84px 88px 76px 34px;gap:8px;align-items:center;min-height:42px;border-bottom:1px solid var(--ju-border-soft);font-size:9.5px;}
.premiumCustomerTransactions svg{width:15px;height:15px;color:var(--ju-text-muted);}
.premiumCustomerTransactions strong{color:var(--ju-text-strong);font-size:10px;}
.premiumCustomerTransactions time,.premiumCustomerTransactions b{font-size:9.5px;font-weight:600;}
.premiumCardFooterLink{display:block;padding:10px 0 0;color:var(--ju-text);font-size:9.5px;font-weight:700;text-align:right;text-decoration:none;}
.premiumFolderMiniList{display:grid;gap:2px;}
.premiumFolderMiniList a{display:grid;grid-template-columns:22px minmax(0,1fr);gap:1px 8px;padding:7px 0;color:var(--ju-text);text-decoration:none;}
.premiumFolderMiniList a > span{grid-row:1 / span 2;color:#c58e00;}
.premiumFolderMiniList svg{width:17px;height:17px;}
.premiumFolderMiniList strong{font-size:10.5px;}
.premiumFolderMiniList small{color:var(--ju-text-muted);font-size:9px;}

/* Reference 08: position editing remains a real table on wide workspaces. */
.documentItemsTable{border:1px solid var(--ju-border);border-radius:6px;background:#fff;overflow:hidden;}
.documentItemsHeader,.documentItemRow{
  display:grid;
  grid-template-columns:36px minmax(170px,1fr) 62px 94px 96px 34px;
  gap:7px;
  align-items:center;
}
.documentItemsHeader{min-height:36px;padding:7px 9px;border-bottom:1px solid var(--ju-border);background:var(--ju-soft);color:var(--ju-text-muted);font-size:8.5px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;}
.documentItemRow{min-height:54px;padding:6px 9px;border-bottom:1px solid var(--ju-border-soft);}
.documentItemRow:last-child{border-bottom:0;}
.documentItemRow > span{color:var(--ju-text-muted);font-size:9.5px;font-weight:750;}
.documentItemRow > label{display:grid;gap:2px;min-width:0;}
.documentItemRow > label small{color:var(--ju-text-subtle);font-size:8.5px;}
.documentItemRow .input{min-width:0;min-height:34px;height:34px;padding:6px 8px;font-size:10px;}
.documentItemRow > strong{color:var(--ju-text-strong);font-size:10px;text-align:right;white-space:nowrap;}
.documentItemRow .icon-button{width:32px;min-width:32px;height:32px;min-height:32px;}
.documentTotals{display:grid;gap:0;width:min(330px,100%);margin:12px 0 0 auto;border-top:1px solid var(--ju-border);}
.documentTotals > div{display:grid;grid-template-columns:1fr auto;gap:18px;padding:8px 2px;color:var(--ju-text-muted);font-size:10px;}
.documentTotals strong{color:var(--ju-text-strong);}
.documentTotals .documentTotalGrand{padding-top:10px;border-top:2px solid var(--ju-gold);color:var(--ju-text-strong);font-size:11px;font-weight:750;}
.premiumDocumentPaper > header:not(.premiumDocumentPaperHead){display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:2px solid var(--ju-gold);}
.premiumDocumentRecipient{font-size:9px;line-height:1.5;}
.premiumDocumentTotal{margin-left:auto;padding:9px 0 0;border-top:2px solid var(--ju-gold);font-size:10px;}

/* Reference 13: five clear form domains, two-column desktop canvas. */
.premiumFormCanvas--complete{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"one two" "four three" "four five" "actions actions";gap:12px;}
.premiumFormCanvas--complete .premiumFormSection--1{grid-area:one;}
.premiumFormCanvas--complete .premiumFormSection--2{grid-area:two;}
.premiumFormCanvas--complete .premiumFormSection--3{grid-area:three;}
.premiumFormCanvas--complete .premiumFormSection--4{grid-area:four;}
.premiumFormCanvas--complete .premiumFormSection--5{grid-area:five;}
.premiumFormCanvas--complete .premiumFormActions{grid-area:actions;}
.premiumFormSection .section-header{grid-template-columns:30px minmax(0,1fr);align-items:center;padding:13px 14px 8px;border-bottom:0;}
.premiumFormSection .section-title{display:flex;align-items:center;gap:7px;font-size:14px;}
.premiumFormSection .section-title svg{width:16px;height:16px;color:#8B3F1E;}
.premiumFormSection .section-content{padding-top:7px;}
.premiumFormSection .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 12px;}
.premiumFormSection .form-field--wide{grid-column:1 / -1;}
.premiumFormSection .textarea{min-height:72px;}

.appWorkbarProfile{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:0 5px;border:0;border-radius:6px;background:transparent;color:var(--ju-text-muted);cursor:pointer;}
.appWorkbarProfile:hover{background:var(--ju-soft);color:var(--ju-text-strong);}
.appWorkbarProfile > span{display:grid;place-items:center;width:30px;height:30px;border-radius:6px;background:#eef0f3;color:var(--ju-text-strong);font-size:10px;font-weight:800;}
.appWorkbarProfile svg{width:13px;height:13px;}
.appWorkbarUtilityAction--notification{position:relative;}
.appUtilityCount{position:absolute;top:1px;right:1px;display:grid;place-items:center;min-width:14px;height:14px;padding:0 3px;border:2px solid #fff;border-radius:6px;background:#d99c00;color:#fff;font-size:7px;font-weight:850;line-height:1;}

@media (max-width:1500px){
  .premiumCustomerOverview{grid-template-columns:minmax(250px,1fr) minmax(260px,1fr) minmax(250px,.9fr);}
  .premiumCustomerIdentityCard{grid-column:1;}.premiumCustomerContacts{grid-column:2;}.premiumCustomerStatus{grid-column:3;}
  .premiumCustomerActivity{grid-column:3;grid-row:2 / span 2;}.premiumCustomerSales{grid-column:1 / span 2;grid-row:2;}.premiumCustomerSide{grid-column:1 / span 2;grid-row:3;grid-template-columns:1fr 1fr;}
}
@media (max-width:1180px){
  .documentItemsHeader{display:none;}
  .documentItemRow{grid-template-columns:34px minmax(0,1fr) 68px 94px 34px;grid-template-areas:"pos title qty price action" "pos title total total action";}
  .documentItemRow > span{grid-area:pos;}.documentItemRow > label{grid-area:title;}.documentItemRow > input:nth-of-type(1){grid-area:qty;}.documentItemRow > input:nth-of-type(2){grid-area:price;}.documentItemRow > strong{grid-area:total;}.documentItemRow > button{grid-area:action;}
}
@media (max-width:980px){
  .premiumCustomerOverview{grid-template-columns:1fr 1fr;}
  .premiumCustomerIdentityCard,.premiumCustomerContacts,.premiumCustomerStatus,.premiumCustomerActivity,.premiumCustomerSales,.premiumCustomerSide{grid-column:auto;grid-row:auto;}
  .premiumCustomerSales{grid-column:1 / -1;}.premiumCustomerSide{grid-column:1 / -1;grid-template-columns:1fr 1fr;}
  .premiumCustomerTransactions > div{grid-template-columns:22px minmax(140px,1fr) 86px 76px 34px;}.premiumCustomerTransactions > div > span:nth-of-type(2),.premiumCustomerTransactions time{display:none;}
  .premiumFormCanvas--complete{grid-template-columns:1fr;grid-template-areas:"one" "two" "three" "four" "five" "actions";}
}
@media (max-width:760px){
  .premiumCustomerOverview{grid-template-columns:1fr;}.premiumCustomerSales{grid-column:auto;}.premiumCustomerSide{grid-column:auto;grid-template-columns:1fr;}
  .premiumCustomerSalesStats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .premiumCustomerTransactions > div{grid-template-columns:22px minmax(0,1fr) 76px 34px;}.premiumCustomerTransactions > div > span:nth-of-type(2),.premiumCustomerTransactions time,.premiumCustomerTransactions b{display:none;}
  .documentItemRow{grid-template-columns:30px minmax(0,1fr) 44px;grid-template-areas:"pos title action" "qty qty qty" "price total total";padding:10px;}
  .documentItemRow > input:nth-of-type(1)::before{content:"Menge";}
  .premiumFormSection .form-grid{grid-template-columns:1fr;}.premiumFormSection .form-field--wide{grid-column:auto;}
  .appWorkbarProfile{min-width:44px;}
}
@media (max-width:760px){
  .documentItemRow{grid-template-columns:44px minmax(0,1fr) 44px;grid-template-areas:"pos title action" "qty qty qty" "price price total";}
  .documentItemRow .icon-button{width:44px;min-width:44px;height:44px;min-height:44px;}
  .documentItemRow > input:nth-of-type(1),.documentItemRow > input:nth-of-type(2){width:100%;min-width:44px;}
}

/* Reference 06: complete dashboard rhythm with communication, finance and shortcuts. */
.premiumDashboardGrid--balanced{grid-template-columns:repeat(2,minmax(0,1fr));}
.premiumTaskRow--check{grid-template-columns:20px minmax(0,1fr) auto auto;}
.premiumTaskCheckbox{width:16px;min-width:16px;height:16px;min-height:16px;padding:0;border:1px solid var(--ju-border-strong);border-radius:6px;background:#fff;}
.premiumTaskRow--check > small.statusText{padding:3px 7px;border-radius:6px;background:var(--ju-soft);}
.premiumCommunicationList{display:grid;}
.premiumCommunicationRow{display:grid;grid-template-columns:32px minmax(0,1fr) 72px 76px;gap:10px;align-items:center;min-height:54px;padding:8px 0;border-bottom:1px solid var(--ju-border-soft);}
.premiumCommunicationRow:last-child{border-bottom:0;}
.premiumCommunicationIcon{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(197,142,0,.18);border-radius:6px;background:#fff7df;color:#8B3F1E;}
.premiumCommunicationIcon svg{width:15px;height:15px;}
.premiumCommunicationRow > div{display:grid;gap:2px;min-width:0;}
.premiumCommunicationRow strong,.premiumCommunicationRow small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.premiumCommunicationRow strong{color:var(--ju-text-strong);font-size:10.5px;}
.premiumCommunicationRow small,.premiumCommunicationRow time{color:var(--ju-text-muted);font-size:9.5px;}
.premiumCardFooterLink--left{padding:9px 14px 11px;border-top:1px solid var(--ju-border-soft);text-align:left;}
.premiumDashboardBottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.28fr);gap:14px;}
.premiumFinanceOverview .card-h{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.premiumFinanceOverview .card-h .select{width:auto;min-height:34px;}
.premiumFinanceMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.premiumFinanceMetric{display:grid;gap:6px;min-height:150px;padding:12px;border:1px solid var(--ju-border);border-radius:6px;background:#fff;}
.premiumFinanceMetric > span{color:var(--ju-text-muted);font-size:10px;}
.premiumFinanceMetric > strong{color:var(--ju-text-strong);font-size:17px;letter-spacing:-.025em;}
.premiumFinanceMetric > small{font-size:9.5px;}
.premiumFinanceMetric--positive > small{color:var(--ju-success);}.premiumFinanceMetric--negative > strong,.premiumFinanceMetric--negative > small{color:var(--ju-danger);}
.premiumSparkline{align-self:end;width:100%;height:38px;overflow:visible;}
.premiumSparkline polyline{fill:none;stroke:#d8a000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.premiumFinanceMetric--negative .premiumSparkline polyline{stroke:var(--ju-danger);}
.premiumQuickAccess .card-b{display:grid;padding:6px 14px;}
.premiumQuickAccess a{display:grid;grid-template-columns:22px minmax(0,1fr) 14px;gap:8px;align-items:center;min-height:43px;border-bottom:1px solid var(--ju-border-soft);color:var(--ju-text);text-decoration:none;}
.premiumQuickAccess a:last-child{border-bottom:0;}
.premiumQuickAccess a > span:first-child{color:var(--ju-text-muted);}.premiumQuickAccess svg{width:15px;height:15px;}.premiumQuickAccess strong{font-size:10px;}
@media(max-width:1180px){.premiumDashboardGrid--balanced,.premiumDashboardBottom{grid-template-columns:1fr;}.premiumFinanceMetrics{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){.premiumCommunicationRow{grid-template-columns:32px minmax(0,1fr) auto;}.premiumCommunicationRow > .statusText{grid-column:2;justify-self:start;}.premiumFinanceMetrics{grid-template-columns:1fr;}.premiumTaskRow--check{grid-template-columns:20px minmax(0,1fr) auto;}.premiumTaskRow--check > small.statusText{grid-column:2;justify-self:start;}}
@media(max-width:760px){
  .premiumTaskRow--check{grid-template-columns:44px minmax(0,1fr) auto;}
  .premiumTaskCheckbox{position:relative;width:44px;min-width:44px;height:44px;min-height:44px;border:0;background:transparent;}
  .premiumTaskCheckbox::before{content:"";position:absolute;top:14px;left:14px;width:14px;height:14px;border:1px solid var(--ju-border-strong);border-radius:6px;background:#fff;}
}
@media(max-width:760px){.premiumFinanceOverview .card-h .select{min-height:44px;}}

/* Shared touch target contract for tablet, mobile and 200% reflow. */
@media (max-width:1024px){
  .btn,.btn-sm,.appNavLink,.appMobileLauncher,.appMobileSearchButton{min-height:44px;}
}
@media (max-width:1024px){
  .input,.select,.textarea,input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea{min-height:44px;}
}

/* ==== v3.7j-n2f-a: global utility, local workspace navigation and premium search ==== */
.appWorkbar[data-navigation-level="global-utility"]{
  position:sticky;
  top:0;
  z-index:82;
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:rgba(255,255,255,.96);
  box-shadow:0 1px 3px rgba(15,23,42,.04);
  backdrop-filter:saturate(150%) blur(12px);
}
.appWorkbar[data-navigation-level="global-utility"] .appWorkbarRow{
  min-height:60px;
  padding:0 18px;
  background:transparent;
}
.appWorkbar[data-navigation-level="global-utility"] .appWorkbarActions{
  display:grid;
  grid-template-columns:minmax(320px,620px) auto;
  align-items:center;
  gap:12px;
  width:min(860px,76vw);
  margin:0 auto;
}
.appWorkbar[data-navigation-level="global-utility"].appWorkbar--without-search .appWorkbarActions{
  display:flex;
  width:auto;
  margin-left:auto;
}
.appWorkbar[data-navigation-level="global-utility"] .appWorkbarSearchButton{
  width:100%;
  min-width:0;
  min-height:40px;
  height:40px;
  justify-content:flex-start;
  gap:10px;
  padding:0 12px;
  border:1px solid var(--ju-border-strong);
  border-radius:6px;
  background:#F7F8FA;
  color:var(--ju-text-muted);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 1px 2px rgba(15,23,42,.025);
}
.appWorkbar[data-navigation-level="global-utility"] .appWorkbarSearchButton:hover,
.appWorkbar[data-navigation-level="global-utility"] .appWorkbarSearchButton:focus-visible{
  border-color:rgba(184,92,46,.34);
  background:#fff;
  color:var(--ju-text-strong);
}
.appWorkbar[data-navigation-level="global-utility"] .appWorkbarSearchIcon{
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  color:var(--ju-text-muted);
}
.appWorkbar[data-navigation-level="global-utility"] .appWorkbarSearchIcon svg{width:17px;height:17px;}
.appWorkbar[data-navigation-level="global-utility"] .appWorkbarSearchLabel{
  flex:1 1 auto;
  overflow:hidden;
  color:inherit;
  font-size:12.5px;
  font-weight:650;
  text-align:left;
  text-overflow:ellipsis;
}
.appWorkbar[data-navigation-level="global-utility"] .appWorkbarSearchButton kbd{
  min-height:22px;
  padding:0 7px;
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:#fff;
  color:var(--ju-text-subtle);
  font-size:10px;
}
.appWorkbar[data-navigation-level="global-utility"] .appWorkbarUtilityActions{
  display:flex;
  align-items:center;
  gap:4px;
}
.appWorkbar[data-navigation-level="global-utility"] .appWorkbarUtilityAction{
  display:grid;
  place-items:center;
  width:40px;
  min-width:40px;
  height:40px;
  min-height:40px;
  padding:0;
  border:1px solid transparent;
  border-radius:6px;
  background:transparent;
  color:var(--ju-text-muted);
  text-decoration:none;
  cursor:pointer;
}
.appWorkbar[data-navigation-level="global-utility"] .appWorkbarUtilityAction:hover,
.appWorkbar[data-navigation-level="global-utility"] .appWorkbarUtilityAction:focus-visible{
  border-color:var(--ju-border);
  background:var(--ju-soft);
  color:var(--ju-text-strong);
}
.appWorkbar[data-navigation-level="global-utility"] .appWorkbarUtilityAction svg{width:18px;height:18px;}
.appWorkbar[data-navigation-level="global-utility"] .appWorkbarSearchPanel{
  padding:12px 18px 16px;
  border-top:1px solid var(--ju-border);
  background:#fff;
}
.appWorkbar[data-navigation-level="global-utility"] .appWorkbarSearchInput{
  border-color:var(--ju-border-strong);
  background:#fff;
  color:var(--ju-text-strong);
}
.appWorkbar[data-navigation-level="global-utility"] .appWorkbarSearchInput::placeholder{color:var(--ju-text-subtle);}
.appWorkbar[data-navigation-level="global-utility"] .appWorkbarSearchHint{color:var(--ju-text-muted);}

.appWorkspaceNavigation{
  display:grid;
  gap:8px;
  min-width:0;
  padding:0 24px;
}
.appWorkspaceNavigation--tabs .premiumModuleNav--workspace{
  margin:0;
  min-height:46px;
  padding:4px;
  border-color:var(--ju-border);
  background:#fff;
  box-shadow:0 1px 2px rgba(15,23,42,.025);
}
.appWorkspaceNavigation .premiumModuleNavLink{
  min-height:36px;
  padding:0 13px;
  font-size:12px;
}
.appWorkspaceNavigation .premiumModuleNavLink[hidden],
.appWorkspaceNavigation .premiumModuleSwitchItem[hidden]{display:none;}
.appWorkspaceNavigationContext{margin:0;}
.premiumModuleSwitch{
  position:relative;
  width:min(360px,100%);
}
.premiumModuleSwitch > summary{list-style:none;}
.premiumModuleSwitch > summary::-webkit-details-marker{display:none;}
.premiumModuleSwitchToggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:48px;
  padding:8px 12px;
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:#fff;
  color:var(--ju-text-strong);
  box-shadow:0 1px 2px rgba(15,23,42,.025);
  cursor:pointer;
}
.premiumModuleSwitchToggle > span:first-child{display:grid;gap:2px;min-width:0;}
.premiumModuleSwitchToggle small{
  color:var(--ju-text-muted);
  font-size:9px;
  font-weight:800;
  letter-spacing:.065em;
  line-height:1;
  text-transform:uppercase;
}
.premiumModuleSwitchToggle strong{
  overflow:hidden;
  font-size:13px;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.premiumModuleSwitchMenu{
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  z-index:95;
  display:grid;
  width:min(360px,calc(100vw - 32px));
  padding:6px;
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:#fff;
  box-shadow:0 16px 34px rgba(15,23,42,.14);
}
.premiumModuleSwitch:not([open]) .premiumModuleSwitchMenu{display:none;}
.premiumModuleSwitchItem{
  display:flex;
  align-items:center;
  min-height:42px;
  padding:0 11px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:var(--ju-text-muted);
  font:inherit;
  font-size:12px;
  font-weight:700;
  text-align:left;
  text-decoration:none;
  cursor:pointer;
}
.premiumModuleSwitchItem:hover,
.premiumModuleSwitchItem:focus-visible{background:var(--ju-soft);color:var(--ju-text-strong);text-decoration:none;}
.premiumModuleSwitchItem.is-active,
.premiumModuleSwitchItem[aria-current="page"]{background:var(--ju-accent-soft);color:#B85C2E;}

/* Full global-search workspace */
.searchPage .searchContent{gap:14px;}
.searchPageHeader{align-items:center;margin-bottom:0;}
.searchPageSummary{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:10px;
  min-width:190px;
  padding:10px 12px;
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:#fff;
}
.searchPageSummary strong{color:var(--ju-text-strong);font-size:24px;line-height:1;}
.searchPageSummary span{color:var(--ju-text-muted);font-size:12px;line-height:1.35;}
.searchQueryForm{
  display:grid;
  grid-template-columns:22px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:60px;
  padding:9px 10px 9px 14px;
  border:1px solid var(--ju-border-strong);
  border-radius:6px;
  background:#fff;
  box-shadow:0 5px 18px rgba(15,23,42,.055);
}
.searchQueryIcon{display:grid;place-items:center;color:var(--ju-text-muted);}
.searchQueryIcon svg{width:20px;height:20px;}
.searchQueryInput{
  min-height:42px;
  padding:0;
  border:0;
  background:transparent;
  font-size:16px;
  font-weight:600;
  box-shadow:none;
}
.searchQueryInput:focus{box-shadow:none;}
.searchQuerySubmit{min-width:112px;}
.searchWorkspace{
  display:grid;
  grid-template-columns:minmax(210px,248px) minmax(0,1fr);
  gap:16px;
  align-items:start;
  min-width:0;
}
.searchFilterPanel{
  position:sticky;
  top:78px;
  display:grid;
  gap:12px;
  min-width:0;
  padding:13px;
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:#fff;
  box-shadow:0 1px 2px rgba(15,23,42,.025);
}
.searchFilterPanelHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.searchFilterPanelHeader h2{margin:0;color:var(--ju-text-strong);font-size:13px;}
.searchFilterPanelHeader a,.searchFilterReset{color:#B85C2E;font-size:11px;font-weight:750;text-decoration:none;}
.searchModuleFilters{display:grid;gap:3px;}
.searchModuleFilter{
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  min-height:48px;
  padding:6px 8px;
  border:1px solid transparent;
  border-radius:6px;
  color:var(--ju-text-muted);
  text-decoration:none;
}
.searchModuleFilter:hover,.searchModuleFilter:focus-visible{border-color:var(--ju-border);background:var(--ju-soft);color:var(--ju-text-strong);text-decoration:none;}
.searchModuleFilter.is-active{border-color:rgba(184,92,46,.18);background:var(--ju-accent-soft);color:#B85C2E;}
.searchModuleFilterIcon{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:#fff;
  color:var(--ju-text-muted);
}
.searchModuleFilter.is-active .searchModuleFilterIcon{border-color:rgba(184,92,46,.2);color:#B85C2E;}
.searchModuleFilterIcon svg{width:15px;height:15px;}
.searchModuleFilter > span:nth-child(2){display:grid;gap:2px;min-width:0;}
.searchModuleFilter strong{overflow:hidden;font-size:11.5px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap;}
.searchModuleFilter small{overflow:hidden;color:var(--ju-text-subtle);font-size:9.5px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap;}
.searchModuleFilter b{min-width:20px;color:var(--ju-text-muted);font-size:10px;text-align:right;}
.searchCategoryFilter{display:grid;gap:7px;padding-top:11px;border-top:1px solid var(--ju-border);}
.searchPrivacyNote{display:grid;gap:4px;padding:10px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-soft);}
.searchPrivacyNote strong{color:var(--ju-text-strong);font-size:10.5px;}
.searchPrivacyNote p{margin:0;color:var(--ju-text-muted);font-size:9.5px;line-height:1.45;}
.searchResultsPanel{
  min-width:0;
  padding:16px 18px;
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:#fff;
  box-shadow:0 1px 2px rgba(15,23,42,.025);
}
.searchResultsPanelHeader{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-bottom:13px;
  border-bottom:1px solid var(--ju-border);
}
.searchResultsPanelHeader > div{display:flex;align-items:baseline;gap:7px;min-width:0;}
.searchResultsPanelHeader span{color:var(--ju-text-muted);font-size:11px;font-weight:750;}
.searchResultsPanelHeader strong{overflow:hidden;color:var(--ju-text-strong);font-size:14px;text-overflow:ellipsis;white-space:nowrap;}
.searchResultsPanelHeader a{color:#B85C2E;font-size:11px;font-weight:750;text-decoration:none;}
.searchResults{display:grid;gap:18px;}
.searchResultGroup{display:grid;gap:0;min-width:0;}
.searchResultGroup + .searchResultGroup{padding-top:18px;border-top:1px solid var(--ju-border);}
.searchResultGroupHeader{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:0 0 9px;
}
.searchResultGroupIcon,.searchResultItemIcon,.searchStateIcon{
  display:grid;
  place-items:center;
  border:1px solid rgba(184,92,46,.16);
  border-radius:6px;
  background:#FFF9E8;
  color:#8B3F1E;
}
.searchResultGroupIcon{width:34px;height:34px;}
.searchResultGroupIcon svg{width:17px;height:17px;}
.searchResultGroupHeading{display:grid;gap:2px;min-width:0;}
.searchResultGroupHeading h2{margin:0;color:var(--ju-text-strong);font-size:16px;line-height:1.2;}
.searchResultGroupHeading p{margin:0;color:var(--ju-text-muted);font-size:10.5px;}
.searchResultGroupLink{color:#B85C2E;font-size:10.5px;font-weight:750;text-decoration:none;white-space:nowrap;}
.searchResultList{display:grid;}
.searchResultItem{
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  align-items:start;
  gap:11px;
  min-width:0;
  padding:12px 0;
  border-top:1px solid var(--ju-border-soft);
}
.searchResultItem:first-child{border-top:1px solid var(--ju-border);}
.searchResultItem:hover{background:linear-gradient(90deg,var(--ju-accent-hover),transparent 72%);}
.searchResultItemIcon{width:34px;height:34px;margin-top:1px;background:#fff;color:var(--ju-text-muted);}
.searchResultItemIcon svg{width:16px;height:16px;}
.searchResultBody{display:grid;gap:3px;min-width:0;}
.searchResultType{color:#8B3F1E;font-size:8.5px;font-weight:850;letter-spacing:.065em;line-height:1.15;text-transform:uppercase;}
.searchResultTitle{margin:0;color:var(--ju-text-strong);font-size:15px;font-weight:800;line-height:1.25;}
.searchResultItem--code-title .searchResultTitle{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;letter-spacing:.01em;}
.searchResultTitle a{color:inherit;text-decoration:none;}
.searchResultTitle a:hover{text-decoration:underline;text-decoration-color:var(--ju-gold);text-underline-offset:3px;}
.searchResultSub,.searchResultMeta{margin:0;overflow-wrap:anywhere;}
.searchResultSub{color:var(--ju-text);font-size:11.5px;line-height:1.4;}
.searchResultMeta{color:var(--ju-text-muted);font-size:10.5px;line-height:1.45;}
.searchResultTitle mark,.searchResultSub mark,.searchResultMeta mark,.appGlobalSearchItem mark{
  padding:0 1px;
  border-radius:6px;
  background:#FFF0B8;
  color:inherit;
}
.searchActions{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap;max-width:260px;}
.searchAction{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:0 9px;
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:#fff;
  color:var(--ju-text-muted);
  font-size:10.5px;
  font-weight:750;
  text-decoration:none;
}
.searchAction:hover,.searchAction:focus-visible{border-color:var(--ju-border-strong);background:var(--ju-soft);color:var(--ju-text-strong);text-decoration:none;}
.searchAction--primary{border-color:var(--ju-text-strong);background:var(--ju-text-strong);color:#fff;}
.searchAction--primary:hover,.searchAction--primary:focus-visible{background:#20252b;color:#fff;}
.searchState{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:14px;
  align-items:start;
  min-height:150px;
  padding:24px 6px;
}
.searchStateIcon{width:46px;height:46px;}
.searchStateIcon svg{width:22px;height:22px;}
.searchState h2{margin:2px 0 5px;color:var(--ju-text-strong);font-size:17px;}
.searchState p{max-width:64ch;margin:0;color:var(--ju-text-muted);font-size:12px;line-height:1.55;}
.searchStateActions{display:flex;gap:8px;margin-top:13px;}
.searchResults--compact{gap:14px;}
.searchResults--compact .searchResultGroupLink{display:none;}
.searchResults--compact .searchResultItem{grid-template-columns:32px minmax(0,1fr) auto;padding:10px 0;}
.searchResults--compact .searchResultItemIcon{width:30px;height:30px;}
.searchResults--compact .searchResultTitle{font-size:13px;}
.searchResults--compact .searchActions{max-width:190px;}
.searchResults--compact .searchAction:not(.searchAction--primary){display:none;}

/* Search suggestions in the mobile global-search panel. */
.appGlobalSearchShell{position:relative;}
.appGlobalSearchMenu{
  display:grid;
  max-height:min(62vh,620px);
  margin-top:8px;
  padding:6px;
  overflow:auto;
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:#fff;
  box-shadow:0 18px 42px rgba(15,23,42,.18);
  color:var(--ju-text-strong);
}
.appGlobalSearchMenu[hidden]{display:none;}
.appGlobalSearchSection{display:grid;gap:2px;padding:4px 0;}
.appGlobalSearchSection + .appGlobalSearchSection{border-top:1px solid var(--ju-border);}
.appGlobalSearchSectionTitle{padding:7px 9px 4px;color:var(--ju-text-muted);font-size:9px;font-weight:850;letter-spacing:.065em;text-transform:uppercase;}
.appGlobalSearchItem{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  min-height:48px;
  padding:8px 9px;
  border-radius:6px;
  color:var(--ju-text-strong);
  text-decoration:none;
}
.appGlobalSearchItem:hover,.appGlobalSearchItem.is-active{background:var(--ju-soft);text-decoration:none;}
.appGlobalSearchItemMain{display:grid;gap:2px;min-width:0;}
.appGlobalSearchItemTitle{overflow:hidden;font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap;}
.appGlobalSearchItemSub,.appGlobalSearchItemMeta{overflow:hidden;color:var(--ju-text-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap;}
.appGlobalSearchBadge{align-self:start;color:#8B3F1E;font-size:8.5px;font-weight:850;letter-spacing:.055em;text-transform:uppercase;}
.appGlobalSearchEmpty{padding:15px;color:var(--ju-text-muted);font-size:11px;line-height:1.5;}

@media (max-width:1100px){
  .appWorkbar[data-navigation-level="global-utility"] .appWorkbarActions{grid-template-columns:minmax(260px,1fr) auto;width:min(720px,82vw);}
  .searchWorkspace{grid-template-columns:210px minmax(0,1fr);}
  .searchResultItem{grid-template-columns:34px minmax(0,1fr);}
  .searchActions{grid-column:2;justify-content:flex-start;max-width:none;}
}
@media (max-width:1023px){
  .appWorkspaceNavigation{padding:0;}
  .appWorkspaceNavigation--tabs .premiumModuleNav--workspace{margin:0;}
  .premiumModuleSwitchMenu{position:static;width:100%;margin-top:6px;box-shadow:0 8px 20px rgba(15,23,42,.1);}
  .searchFilterPanel{top:var(--app-mobile-header-height);}
}
@media (max-width:820px){
  .searchWorkspace{grid-template-columns:1fr;}
  .searchFilterPanel{position:static;}
  .searchModuleFilters{grid-template-columns:repeat(2,minmax(0,1fr));}
  .searchPrivacyNote{display:none;}
}
@media (max-width:760px){
  .searchPage .searchContent{padding-inline:0;}
  .searchPageHeader{padding-inline:2px;}
  .searchPageSummary{width:100%;}
  .searchQueryForm{grid-template-columns:20px minmax(0,1fr);padding:9px 11px;}
  .searchQuerySubmit{grid-column:1 / -1;width:100%;}
  .searchModuleFilters{grid-template-columns:1fr;}
  .searchResultsPanel{padding:13px 12px;}
  .searchResultsPanelHeader{align-items:flex-start;}
  .searchResultGroupHeader{grid-template-columns:32px minmax(0,1fr);}
  .searchResultGroupLink{grid-column:2;white-space:normal;}
  .searchResultItem{grid-template-columns:32px minmax(0,1fr);gap:9px;}
  .searchActions{grid-column:1 / -1;justify-content:stretch;}
  .searchAction{flex:1 1 110px;min-height:44px;}
  .searchResults--compact .searchResultItem{grid-template-columns:30px minmax(0,1fr);}
  .searchResults--compact .searchActions{grid-column:1 / -1;}
  .appGlobalSearchMenu{max-height:56vh;}
}
@media (prefers-reduced-motion:reduce){
  .appWorkbar[data-navigation-level="global-utility"],.searchResultItem{backdrop-filter:none;}
}
.appGlobalSearchSectionHead{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px 4px;}
.appGlobalSearchSectionHead .appGlobalSearchSectionTitle{padding:0;}
.appGlobalSearchSectionHead > span{color:var(--ju-text-subtle);font-size:9px;font-weight:800;}
@media (max-width:820px){
  .searchAction{min-height:44px;padding-inline:12px;}
}

/* n2f-a final utility geometry: keep the global search visually centered
   regardless of the number of utility actions at the right edge. */
@media (min-width:1024px){
  .appWorkbar[data-navigation-level="global-utility"].appWorkbar--utility-only .appWorkbarActions{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:min(980px,76vw);
    margin:0 auto;
  }
  .appWorkbar[data-navigation-level="global-utility"].appWorkbar--utility-only .appWorkbarSearchButton{
    flex:0 1 620px;
    width:min(620px,64vw);
  }
  .appWorkbar[data-navigation-level="global-utility"].appWorkbar--utility-only .appWorkbarUtilityActions{
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
  }
}

/* ========================================================================== 
   v3.7j-n2f-b · Premium CRM and sales workflow surfaces
   Scope is deliberately limited to authenticated workflow pages carrying
   data-premium-family/data-premium-surface. Business logic stays untouched.
   ========================================================================== */
.premiumWorkflowPage{
  --workflow-card-shadow:0 10px 28px rgba(15,23,42,.055);
  --workflow-card-shadow-hover:0 16px 36px rgba(15,23,42,.085);
  --workflow-divider:rgba(31,41,55,.085);
  --workflow-gold-wash:rgba(217,164,0,.075);
  --workflow-danger-wash:rgba(190,45,45,.055);
  --workflow-success-wash:rgba(23,126,84,.06);
}
.premiumWorkflowPage .premiumWorkflowContent{
  width:100%;
  min-width:0;
  padding-bottom:64px;
}
.premiumWorkflowPage .premiumWorkflowContent > [data-dashboard-default-chrome],
.premiumWorkflowPage .premiumWorkflowContent > .premiumStack,
.premiumWorkflowPage .premiumWorkflowContent > header,
.premiumWorkflowPage .premiumWorkflowContent > section,
.premiumWorkflowPage .premiumWorkflowContent > form{
  width:100%;
}
.premiumWorkflowPage .page-header{
  align-items:flex-start;
  gap:24px;
  margin:0 0 18px;
  padding:4px 0 18px;
  border-bottom:1px solid var(--workflow-divider);
}
.premiumWorkflowPage .page-header-title{max-width:820px;}
.premiumWorkflowPage .page-title{
  letter-spacing:-.025em;
  line-height:1.08;
}
.premiumWorkflowPage .page-subtitle{
  max-width:76ch;
  margin-top:7px;
  color:var(--ju-text-muted);
  line-height:1.55;
}
.premiumWorkflowPage .page-header-actions{
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}
.premiumWorkflowPage .page-header-actions .inline-form{
  display:flex;
  align-items:center;
  gap:8px;
}
.premiumWorkflowPage .page-meta{
  display:flex;
  align-items:center;
  gap:8px 14px;
  flex-wrap:wrap;
  margin:0 0 16px;
  color:var(--ju-text-muted);
  font-size:12px;
  line-height:1.45;
}
.premiumWorkflowPage .page-meta > span{
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.premiumWorkflowPage .page-meta > span + span::before{
  width:3px;
  height:3px;
  border-radius:6px;
  background:var(--ju-text-subtle);
  content:"";
}
.premiumWorkflowPage .page-meta .page-meta-sep{display:none;}

.premiumWorkflowPage .premiumSummaryGrid,
.premiumWorkflowPage .metric-grid{
  margin:0 0 18px;
}
.premiumWorkflowPage .premiumSummaryCard,
.premiumWorkflowPage .metric-card{
  min-height:112px;
  border-color:var(--ju-border);
  background:linear-gradient(180deg,#fff 0%,#fdfdfc 100%);
  box-shadow:0 1px 2px rgba(15,23,42,.025);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.premiumWorkflowPage a.premiumSummaryCard:hover,
.premiumWorkflowPage a.metric-card:hover{
  transform:translateY(-1px);
  border-color:var(--ju-border-strong);
  box-shadow:var(--workflow-card-shadow-hover);
  text-decoration:none;
}
.premiumWorkflowPage .premiumSummaryValue,
.premiumWorkflowPage .metric-value{
  font-variant-numeric:tabular-nums;
  letter-spacing:-.035em;
}
.premiumWorkflowPage .premiumSummaryHint,
.premiumWorkflowPage .metric-hint{line-height:1.35;}

.premiumWorkflowPage .premiumModuleNav--workspace,
.premiumWorkflowPage .workbarWorkspaceSwitch{
  margin-bottom:18px;
  border:1px solid var(--ju-border);
  background:#fff;
  box-shadow:0 1px 2px rgba(15,23,42,.025);
}
.premiumWorkflowPage .premiumWorkflowToolbar,
.premiumWorkflowPage .form-grid--toolbar,
.premiumWorkflowPage .offerListToolbar,
.premiumWorkflowPage .ui-toolbar{
  margin:0 0 18px;
  padding:14px;
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:#fff;
  box-shadow:0 1px 2px rgba(15,23,42,.025);
}
.premiumWorkflowPage .premiumWorkflowToolbar .form-field,
.premiumWorkflowPage .form-grid--toolbar .form-field,
.premiumWorkflowPage .ui-toolbar .ui-field{margin:0;}
.premiumWorkflowPage .premiumWorkflowToolbar input[type="search"],
.premiumWorkflowPage .form-grid--toolbar input[type="search"],
.premiumWorkflowPage .offerListToolbar input[type="search"],
.premiumWorkflowPage .ui-toolbar input[type="search"]{
  min-height:44px;
  background:#fcfcfb;
}
.premiumWorkflowPage .premiumWorkflowToolbar .form-actions,
.premiumWorkflowPage .form-grid--toolbar .form-actions{
  align-self:end;
  min-height:44px;
}

.premiumWorkflowPage .notice,
.premiumWorkflowPage .alert-box{
  margin-bottom:16px;
  border-radius:6px;
}
.premiumWorkflowPage section.notice[aria-label*="Auswahlaktionen"]{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:14px 16px;
  border:1px solid var(--ju-border);
  background:linear-gradient(90deg,var(--workflow-gold-wash),#fff 42%);
  box-shadow:0 1px 2px rgba(15,23,42,.025);
}
.premiumWorkflowPage section.notice[aria-label*="Auswahlaktionen"] .section-title{font-size:14px;}
.premiumWorkflowPage section.notice[aria-label*="Auswahlaktionen"] .section-lead{margin-top:2px;font-size:11px;}
.premiumWorkflowPage section.notice[aria-label*="Auswahlaktionen"] .page-meta{margin:5px 0 0;font-size:10.5px;}

.premiumWorkflowPage .premiumWorkflowSurface,
.premiumWorkflowPage .section,
.premiumWorkflowPage .surface,
.premiumWorkflowPage .card{
  border-color:var(--ju-border);
}
.premiumWorkflowPage .premiumWorkflowContent > .section,
.premiumWorkflowPage [data-dashboard-default-chrome] > .section,
.premiumWorkflowPage [data-dashboard-default-chrome] > form > .section{
  margin-bottom:18px;
  padding:18px;
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:#fff;
  box-shadow:var(--workflow-card-shadow);
}
.premiumWorkflowPage .section-header{
  align-items:flex-start;
  gap:18px;
  margin-bottom:14px;
}
.premiumWorkflowPage .section-title{
  color:var(--ju-text-strong);
  letter-spacing:-.012em;
}
.premiumWorkflowPage .section-lead{
  max-width:72ch;
  color:var(--ju-text-muted);
  line-height:1.5;
}

.premiumWorkflowPage .premiumWorkflowTableWrap,
.premiumWorkflowPage .table-wrap{
  overflow:auto;
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:#fff;
}
.premiumWorkflowPage .table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  background:#fff;
}
.premiumWorkflowPage .table thead th{
  position:sticky;
  top:0;
  z-index:2;
  padding-top:11px;
  padding-bottom:11px;
  border-bottom:1px solid var(--ju-border-strong);
  background:#f8f8f6;
  color:var(--ju-text-muted);
  font-size:10px;
  font-weight:850;
  letter-spacing:.045em;
  line-height:1.2;
  text-transform:uppercase;
  white-space:nowrap;
}
.premiumWorkflowPage .table tbody td{
  padding-top:14px;
  padding-bottom:14px;
  border-bottom-color:var(--workflow-divider);
  vertical-align:middle;
}
.premiumWorkflowPage .table tbody tr:last-child > td{border-bottom:0;}
.premiumWorkflowPage .table tbody tr:not(.is-expanded):hover > td{
  background:linear-gradient(90deg,var(--workflow-gold-wash),rgba(255,255,255,0) 74%);
}
.premiumWorkflowPage .table tbody tr:focus-visible > td{
  background:var(--ju-accent-soft);
  outline:0;
}
.premiumWorkflowPage .table-actions{white-space:nowrap;}
.premiumWorkflowPage .table-subline,
.premiumWorkflowPage .customerCellSub,
.premiumWorkflowPage .offerCellSub{
  margin-top:3px;
  color:var(--ju-text-muted);
  font-size:11px;
  line-height:1.4;
}
.premiumWorkflowPage .customerRowPrimary,
.premiumWorkflowPage .offerRowPrimary,
.premiumWorkflowPage .offerCellMain,
.premiumWorkflowPage .mobileTablePrimary{
  font-weight:800;
  letter-spacing:-.01em;
}
.premiumWorkflowPage .customerListActionRow td,
.premiumWorkflowPage .offerExpandRow td{
  background:#fafaf8;
}
.premiumWorkflowPage .customerInlineActions,
.premiumWorkflowPage .offerExpandInner{
  padding:13px 14px;
}

.premiumWorkflowPage .premiumRecordWorkspace{
  overflow:visible;
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:#fff;
  box-shadow:var(--workflow-card-shadow);
}
.premiumWorkflowPage .premiumRecordWorkspace > .card-b{
  padding:0;
}
.premiumWorkflowPage .premiumRecordWorkspace > .card-b > .premiumRecordTabs,
.premiumWorkflowPage .premiumRecordWorkspace > .card-b > .cardTabs{
  position:sticky;
  top:64px;
  z-index:8;
  margin:0;
  padding:0 18px;
  border-bottom:1px solid var(--ju-border);
  background:rgba(255,255,255,.96);
  box-shadow:0 8px 18px rgba(15,23,42,.035);
  backdrop-filter:blur(12px);
}
.premiumWorkflowPage .premiumRecordWorkspace > .card-b > .cardTabPanel{
  padding:20px;
}
.premiumWorkflowPage .premiumRecordTabs .cardTab{
  min-height:48px;
  padding:0 13px;
  border-bottom:2px solid transparent;
  border-radius:0;
  background:transparent;
  color:var(--ju-text-muted);
  font-size:11.5px;
  font-weight:780;
}
.premiumWorkflowPage .premiumRecordTabs .cardTab:hover{color:var(--ju-text-strong);}
.premiumWorkflowPage .premiumRecordTabs .cardTab.is-active,
.premiumWorkflowPage .premiumRecordTabs .cardTab[aria-selected="true"]{
  border-bottom-color:var(--ju-gold);
  background:transparent;
  color:var(--ju-text-strong);
}
.premiumWorkflowPage [data-premium-tab-level="nested"]{
  margin:0 0 16px;
  padding:5px;
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:var(--ju-soft);
}
.premiumWorkflowPage [data-premium-tab-level="nested"] .cardTab{
  min-height:38px;
  border:0;
  border-radius:6px;
}
.premiumWorkflowPage [data-premium-tab-level="nested"] .cardTab.is-active{
  background:#fff;
  box-shadow:0 1px 4px rgba(15,23,42,.08);
}

.premiumWorkflowPage .layout-main,
.premiumWorkflowPage .customer360Layout,
.premiumWorkflowPage .memberRecordLayout,
.premiumWorkflowPage .supplierRecordLayout{
  align-items:start;
  gap:22px;
}
.premiumWorkflowPage .layout-main > .section,
.premiumWorkflowPage .customer360Stack,
.premiumWorkflowPage .memberRecordLayout > .customer360Stack{min-width:0;}
.premiumWorkflowPage .customer360Aside,
.premiumWorkflowPage .article360Aside,
.premiumWorkflowPage .offerActionAside{
  top:86px;
}
.premiumWorkflowPage .customer360Aside > .card,
.premiumWorkflowPage .offerActionAside,
.premiumWorkflowPage .articleRecordAside > .card{
  box-shadow:0 8px 24px rgba(15,23,42,.055);
}
.premiumWorkflowPage .context-list-row{
  min-height:44px;
  padding:10px 0;
  border-bottom-color:var(--workflow-divider);
}
.premiumWorkflowPage .context-list-label{
  color:var(--ju-text-muted);
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.025em;
  text-transform:uppercase;
}
.premiumWorkflowPage .context-list-value{
  color:var(--ju-text-strong);
  font-weight:650;
  text-align:right;
}
.premiumWorkflowPage .customerCompactItem,
.premiumWorkflowPage .customerActivityItem,
.premiumWorkflowPage .docTimelineItem{
  padding-top:13px;
  padding-bottom:13px;
  border-bottom-color:var(--workflow-divider);
}

.premiumWorkflowPage .form-grid,
.premiumWorkflowPage .docFormGrid{
  gap:15px 16px;
}
.premiumWorkflowPage .form-label,
.premiumWorkflowPage .ui-label{
  margin-bottom:6px;
  color:var(--ju-text-strong);
  font-size:11px;
  font-weight:780;
}
.premiumWorkflowPage .input,
.premiumWorkflowPage .select,
.premiumWorkflowPage textarea{
  border-color:var(--ju-border-strong);
  background:#fff;
  box-shadow:inset 0 1px 0 rgba(15,23,42,.015);
}
.premiumWorkflowPage .input:hover,
.premiumWorkflowPage .select:hover,
.premiumWorkflowPage textarea:hover{border-color:#aeb4bc;}
.premiumWorkflowPage .input:focus,
.premiumWorkflowPage .select:focus,
.premiumWorkflowPage textarea:focus{
  border-color:#8B3F1E;
  box-shadow:0 0 0 3px rgba(217,164,0,.13);
}
.premiumWorkflowPage .form-hint,
.premiumWorkflowPage .docHint{
  color:var(--ju-text-muted);
  font-size:10.5px;
  line-height:1.45;
}
.premiumWorkflowPage .form-actions{
  gap:8px;
}
.premiumWorkflowPage .form-actions--end{justify-content:flex-end;}
.premiumWorkflowPage .customerNewRecordForm,
.premiumWorkflowPage .memberNewRecordForm,
.premiumWorkflowPage .customerImportWorkspace,
.premiumWorkflowPage .articleUnifiedForm{
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:#fff;
  box-shadow:var(--workflow-card-shadow);
}
.premiumWorkflowPage .customerNewRecordForm > .customerRecordSection,
.premiumWorkflowPage .memberNewRecordForm > .memberRecordSection{
  padding:20px 22px;
  margin:0;
  border-bottom:1px solid var(--workflow-divider);
}
.premiumWorkflowPage .customerNewRecordForm > .customerRecordSection:last-of-type,
.premiumWorkflowPage .memberNewRecordForm > .memberRecordSection:last-of-type{border-bottom:0;}

.premiumWorkflowPage--editor .documentEditorWorkspace,
.premiumWorkflowPage--editor .documentEditorLayout,
.premiumWorkflowPage--editor .offerEditorGrid,
.premiumWorkflowPage--editor .invoiceEditorGrid,
.premiumWorkflowPage--editor .orderEditorGrid{
  gap:14px;
}
.premiumWorkflowPage--editor .documentEditorContextPanel,
.premiumWorkflowPage--editor .documentEditorCanvasPanel,
.premiumWorkflowPage--editor .documentEditorPreviewPanel,
.premiumWorkflowPage--editor .docEditorMain,
.premiumWorkflowPage--editor .docPreviewCard{
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:#fff;
  box-shadow:var(--workflow-card-shadow);
}
.premiumWorkflowPage--editor .documentEditorContextPanel,
.premiumWorkflowPage--editor .documentEditorCanvasPanel{padding:16px;}
.premiumWorkflowPage--editor .documentEditorPreviewPanel,
.premiumWorkflowPage--editor .docPreviewCard{
  position:sticky;
  top:84px;
  overflow:hidden;
}
.premiumWorkflowPage--editor .documentEditorPreviewPanel iframe,
.premiumWorkflowPage--editor .docPreviewFrame,
.premiumWorkflowPage--editor .docPreviewCard iframe{
  min-height:760px;
  background:#e9eaec;
}
.premiumWorkflowPage--editor .docCompactTable thead th{
  top:0;
}
.premiumWorkflowPage--editor .docCompactTable input,
.premiumWorkflowPage--editor .docCompactTable select{
  min-height:38px;
  padding-left:9px;
  padding-right:9px;
}
.premiumWorkflowPage--editor .docItemActions{
  padding-bottom:12px;
  border-bottom:1px solid var(--workflow-divider);
}

.premiumWorkflowPage .offerProcessPanel,
.premiumWorkflowPage .invoiceProcessPanel,
.premiumWorkflowPage .reminderProcessPanel{
  margin-bottom:18px;
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:#fff;
  box-shadow:var(--workflow-card-shadow);
}
.premiumWorkflowPage .offerProcessLayout{
  gap:0;
}
.premiumWorkflowPage .offerProcessSummary{
  padding:20px;
}
.premiumWorkflowPage .offerActionAside{
  padding:20px;
  border-left:1px solid var(--ju-border);
  background:#fafaf8;
}
.premiumWorkflowPage .offerProcessHeader{
  margin-bottom:14px;
  padding-bottom:14px;
  border-bottom:1px solid var(--workflow-divider);
}
.premiumWorkflowPage .offerProcessTables{
  gap:12px;
}
.premiumWorkflowPage .offerProcessTable{
  overflow:hidden;
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:#fff;
}
.premiumWorkflowPage .offerProcessTable th{
  background:#f8f8f6;
  color:var(--ju-text-muted);
  font-size:9px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.premiumWorkflowPage .offerProcessNotice{
  margin-top:13px;
  padding:11px 12px;
  border-left:3px solid var(--ju-gold);
  border-radius:0 6px 6px 0;
  background:var(--workflow-gold-wash);
}
.premiumWorkflowPage .offerActionGroup{
  padding:0 0 15px;
  margin:0 0 15px;
  border-bottom:1px solid var(--workflow-divider);
}
.premiumWorkflowPage .offerActionGroup:last-child{margin-bottom:0;border-bottom:0;}
.premiumWorkflowPage .offerActionGroupLabel{
  color:var(--ju-text-muted);
  font-size:9px;
  letter-spacing:.065em;
  text-transform:uppercase;
}
.premiumWorkflowPage .offerActionButton{width:100%;justify-content:center;}

.premiumWorkflowPage .premiumWorkflowModal,
.premiumWorkflowPage .modalOverlay,
.premiumWorkflowPage .communicationModalHost{
  backdrop-filter:blur(6px);
}
.premiumWorkflowPage .premiumWorkflowDialog,
.premiumWorkflowPage .modalSheet,
.premiumWorkflowPage .ticketThreadModalDialog,
.premiumWorkflowPage .communicationModalDialog{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.2);
  border-radius:6px;
  background:#fff;
  box-shadow:0 28px 80px rgba(15,23,42,.28);
}
.premiumWorkflowPage .modalSheet--wide,
.premiumWorkflowPage .communicationModalHost--wide .communicationModalDialog{
  width:min(1060px,calc(100vw - 48px));
}
.premiumWorkflowPage .modalClose{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:#fff;
  color:var(--ju-text-muted);
}
.premiumWorkflowPage .modalClose:hover{background:var(--ju-soft);color:var(--ju-text-strong);}
.premiumWorkflowPage .modalSheet > h2,
.premiumWorkflowPage .communicationModalHeader{
  padding-right:48px;
}
.premiumWorkflowPage .modalSheet .cardTabs{
  margin:14px 0 18px;
  padding:4px;
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:var(--ju-soft);
}
.premiumWorkflowPage .modalSheet .cardTab{
  min-height:40px;
  border:0;
  border-radius:6px;
}
.premiumWorkflowPage .modalSheet .cardTab.is-active{
  background:#fff;
  box-shadow:0 1px 4px rgba(15,23,42,.08);
}

.premiumWorkflowPage--import .customerImportWorkspace,
.premiumWorkflowPage--import .memberImportWorkspace,
.premiumWorkflowPage--queue .card,
.premiumWorkflowPage--review .card{
  box-shadow:var(--workflow-card-shadow);
}
.premiumWorkflowPage .premiumWorkflowState,
.premiumWorkflowPage .empty-state{
  min-height:112px;
  padding:22px;
  border:1px dashed var(--ju-border-strong);
  border-radius:6px;
  background:#fbfbfa;
  color:var(--ju-text-muted);
}
.premiumWorkflowPage .empty-state strong{
  display:block;
  margin-bottom:5px;
  color:var(--ju-text-strong);
  font-size:14px;
}
.premiumWorkflowPage .empty-state .form-actions{margin-top:14px;}
.premiumWorkflowPage .premiumWorkflowState--error{background:var(--workflow-danger-wash);}
.premiumWorkflowPage .premiumWorkflowState--success{background:var(--workflow-success-wash);}

.premiumWorkflowPage .premiumWorkflowDisclosure > summary{
  min-height:42px;
  border-radius:6px;
}
.premiumWorkflowPage .pageActionMenuPanel{
  overflow:hidden;
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:#fff;
  box-shadow:0 18px 46px rgba(15,23,42,.16);
}
.premiumWorkflowPage .pageActionMenuItem{
  min-height:42px;
}

@media (min-width:1280px){
  .premiumWorkflowPage .premiumWorkflowContent{padding-left:4px;padding-right:4px;}
  .premiumWorkflowPage--list .premiumWorkflowTableWrap,
  .premiumWorkflowPage--open-items .premiumWorkflowTableWrap,
  .premiumWorkflowPage--journal .premiumWorkflowTableWrap{max-height:calc(100vh - 320px);}
}
@media (max-width:1180px){
  .premiumWorkflowPage .page-header{gap:16px;}
  .premiumWorkflowPage .page-header-actions{max-width:48%;}
  .premiumWorkflowPage .offerProcessLayout{grid-template-columns:1fr;}
  .premiumWorkflowPage .offerActionAside{
    position:static;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    border-top:1px solid var(--ju-border);
    border-left:0;
  }
  .premiumWorkflowPage .offerActionGroup{margin:0;padding:0;border:0;}
}
@media (max-width:900px){
  .premiumWorkflowPage .page-header{flex-direction:column;align-items:stretch;}
  .premiumWorkflowPage .page-header-actions{max-width:none;justify-content:flex-start;}
  .premiumWorkflowPage .page-header-actions .inline-form{flex-wrap:wrap;}
  .premiumWorkflowPage section.notice[aria-label*="Auswahlaktionen"]{align-items:stretch;flex-direction:column;}
  .premiumWorkflowPage .premiumRecordWorkspace > .card-b > .premiumRecordTabs,
  .premiumWorkflowPage .premiumRecordWorkspace > .card-b > .cardTabs{position:static;overflow:auto;}
  .premiumWorkflowPage .offerActionAside{grid-template-columns:1fr;}
  .premiumWorkflowPage--editor .documentEditorPreviewPanel,
  .premiumWorkflowPage--editor .docPreviewCard{position:static;}
  .premiumWorkflowPage--editor .documentEditorPreviewPanel iframe,
  .premiumWorkflowPage--editor .docPreviewFrame,
  .premiumWorkflowPage--editor .docPreviewCard iframe{min-height:620px;}
}
@media (max-width:720px){
  .premiumWorkflowPage .premiumWorkflowContent{padding-bottom:92px;}
  .premiumWorkflowPage .page-header{margin-bottom:14px;padding-bottom:14px;}
  .premiumWorkflowPage .page-header-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;}
  .premiumWorkflowPage .page-header-actions > .btn,
  .premiumWorkflowPage .page-header-actions > form,
  .premiumWorkflowPage .page-header-actions > details{width:100%;}
  .premiumWorkflowPage .page-header-actions .inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;}
  .premiumWorkflowPage .page-header-actions .btn,
  .premiumWorkflowPage .page-header-actions summary{width:100%;justify-content:center;}
  .premiumWorkflowPage .page-meta{font-size:11px;}
  .premiumWorkflowPage .page-meta > span + span::before{display:none;}
  .premiumWorkflowPage .premiumWorkflowToolbar,
  .premiumWorkflowPage .form-grid--toolbar,
  .premiumWorkflowPage .offerListToolbar,
  .premiumWorkflowPage .ui-toolbar{padding:12px;}
  .premiumWorkflowPage .premiumWorkflowContent > .section,
  .premiumWorkflowPage [data-dashboard-default-chrome] > .section,
  .premiumWorkflowPage [data-dashboard-default-chrome] > form > .section{padding:14px;box-shadow:none;}
  .premiumWorkflowPage .premiumWorkflowTableWrap,
  .premiumWorkflowPage .table-wrap{border:0;overflow:visible;background:transparent;}
  .premiumWorkflowPage .mobileCardTable,
  .premiumWorkflowPage .hasMobileLabels{background:transparent;}
  .premiumWorkflowPage .mobileCardTable tbody tr,
  .premiumWorkflowPage .hasMobileLabels tbody tr{
    display:block;
    margin-bottom:12px;
    overflow:hidden;
    border:1px solid var(--ju-border);
    border-radius:6px;
    background:#fff;
    box-shadow:0 5px 16px rgba(15,23,42,.045);
  }
  .premiumWorkflowPage .mobileCardTable tbody td,
  .premiumWorkflowPage .hasMobileLabels tbody td{
    min-height:44px;
    padding:10px 12px;
    border-bottom:1px solid var(--workflow-divider);
  }
  .premiumWorkflowPage .mobileCardTable tbody td:last-child,
  .premiumWorkflowPage .hasMobileLabels tbody td:last-child{border-bottom:0;}
  .premiumWorkflowPage .premiumRecordWorkspace{border-left:0;border-right:0;box-shadow:none;}
  .premiumWorkflowPage .premiumRecordWorkspace > .card-b > .cardTabPanel{padding:14px;}
  .premiumWorkflowPage .premiumRecordTabs .cardTab{min-height:44px;padding:0 11px;white-space:nowrap;}
  .premiumWorkflowPage .context-list-row{align-items:flex-start;flex-direction:column;gap:3px;}
  .premiumWorkflowPage .context-list-value{text-align:left;}
  .premiumWorkflowPage .modalSheet--wide,
  .premiumWorkflowPage .communicationModalHost--wide .communicationModalDialog{
    width:calc(100vw - 16px);
    max-height:calc(100vh - 16px);
  }
  .premiumWorkflowPage--editor .documentEditorPreviewPanel iframe,
  .premiumWorkflowPage--editor .docPreviewFrame,
  .premiumWorkflowPage--editor .docPreviewCard iframe{min-height:520px;}
}

/* n2f-b touch and state hardening found by the focused browser gate. */
@media (max-width:720px){
  .premiumWorkflowPage--editor .positionEditorTable input,
  .premiumWorkflowPage--editor .positionEditorTable select,
  .premiumWorkflowPage--editor .docCompactTable input,
  .premiumWorkflowPage--editor .docCompactTable select{
    min-width:44px;
  }
  .premiumWorkflowPage .communicationModalClose,
  .premiumWorkflowPage .modalClose,
  .premiumWorkflowPage [data-modal-close]{
    width:44px;
    min-width:44px;
    height:44px;
    min-height:44px;
  }
}
.premiumWorkflowPage .premiumWorkflowWorkspace{min-width:0;}
@media (max-width:900px){
  .premiumWorkflowPage .icon-button,
  .premiumWorkflowPage .btn-icon,
  .premiumWorkflowPage .table-actions button,
  .premiumWorkflowPage .documentItemRow > button{
    width:44px;
    min-width:44px;
    height:44px;
    min-height:44px;
  }
}

/* Premium modal shell for CRM and sales workflows. */
.premiumWorkflowPage .communicationModalHost,
.premiumWorkflowPage .modalOverlay,
.premiumWorkflowPage .ticketThreadModal{
  position:fixed;
  inset:0;
  z-index:1200;
  display:grid;
  place-items:center;
  padding:24px;
  overflow:auto;
  background:rgba(19,26,34,.62);
}
.premiumWorkflowPage .communicationModalHost[hidden],
.premiumWorkflowPage .modalOverlay[hidden],
.premiumWorkflowPage .ticketThreadModal[hidden]{display:none;}
.premiumWorkflowPage .communicationModalDialog,
.premiumWorkflowPage .communicationModalHost .ticketThreadModalDialog,
.premiumWorkflowPage .communicationModalHost .modalSheet{
  width:min(1040px,calc(100vw - 48px));
  max-height:calc(100vh - 48px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.36);
  border-radius:6px;
  background:#fff;
  box-shadow:0 28px 90px rgba(9,17,27,.34);
}
.premiumWorkflowPage .communicationModalBar{
  display:grid;
  grid-template-columns:minmax(0,1fr) 44px;
  align-items:center;
  gap:18px;
  min-height:76px;
  padding:16px 18px 15px 22px;
  border-top:3px solid var(--ju-gold);
  border-bottom:1px solid var(--ju-border);
  background:#fff;
}
.premiumWorkflowPage .communicationModalBar > div{grid-column:1;min-width:0;}
.premiumWorkflowPage .communicationModalBar .eyebrow{
  display:block;
  margin-bottom:3px;
  color:var(--ju-accent-strong);
  font-size:9px;
  font-weight:900;
  letter-spacing:.085em;
  text-transform:uppercase;
}
.premiumWorkflowPage .communicationModalBar h2{
  grid-column:auto;
  margin:0;
  color:var(--ju-text-strong);
  font-size:19px;
  line-height:1.2;
  text-align:left;
}
.premiumWorkflowPage .communicationModalBar .communicationModalClose,
.premiumWorkflowPage .communicationModalHost .communicationModalBar .ticketThreadModalClose{
  grid-column:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  margin:0;
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:#fff;
  color:var(--ju-text-muted);
  font-size:22px;
  box-shadow:none;
}
.premiumWorkflowPage .communicationModalBar .communicationModalClose:hover,
.premiumWorkflowPage .communicationModalHost .communicationModalBar .ticketThreadModalClose:hover{
  background:var(--ju-soft);
  color:var(--ju-text-strong);
}
.premiumWorkflowPage .communicationModalBody,
.premiumWorkflowPage .communicationModalHost .ticketThreadModalBody{
  flex:1 1 auto;
  min-height:0;
  max-height:none;
  padding:20px 22px;
  overflow:auto;
  background:#f7f7f5;
}
.premiumWorkflowPage .modalWorkspace{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.72fr);
  gap:16px;
  align-items:start;
}
.premiumWorkflowPage .modalWorkspace > .section{margin:0;box-shadow:none;}
.premiumWorkflowPage .communicationModalFooter,
.premiumWorkflowPage .modalFooter{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  padding:14px 22px;
  border-top:1px solid var(--ju-border);
  background:#fff;
}
@media (max-width:720px){
  .premiumWorkflowPage .communicationModalHost,
  .premiumWorkflowPage .modalOverlay,
  .premiumWorkflowPage .ticketThreadModal{padding:8px;place-items:stretch;}
  .premiumWorkflowPage .communicationModalDialog,
  .premiumWorkflowPage .communicationModalHost .ticketThreadModalDialog,
  .premiumWorkflowPage .communicationModalHost .modalSheet{
    width:100%;
    max-height:calc(100vh - 16px);
    margin:auto 0;
  }
  .premiumWorkflowPage .communicationModalBar{min-height:68px;padding:11px 12px 10px 15px;}
  .premiumWorkflowPage .communicationModalBody,
  .premiumWorkflowPage .communicationModalHost .ticketThreadModalBody{padding:12px;}
  .premiumWorkflowPage .modalWorkspace{grid-template-columns:1fr;}
  .premiumWorkflowPage .communicationModalFooter,
  .premiumWorkflowPage .modalFooter{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 1fr;padding:10px 12px;}
  .premiumWorkflowPage .communicationModalFooter .btn,
  .premiumWorkflowPage .modalFooter .btn{width:100%;justify-content:center;}
}

/* v3.7j-n2f-b visual finishing: editor toolbar hierarchy */
.premiumWorkflowPage--editor .documentEditorWorkspaceBar > div:first-child,
.premiumWorkflowPage--editor .documentPreviewToolbar > div:first-child,
.premiumWorkflowPage--editor .docPreviewToolbar > div:first-child{
  display:grid;
  gap:2px;
  min-width:0;
}
.premiumWorkflowPage--editor .documentEditorWorkspaceBar > div:first-child > span,
.premiumWorkflowPage--editor .documentPreviewToolbar > div:first-child > span,
.premiumWorkflowPage--editor .docPreviewToolbar > div:first-child > span{
  color:var(--ju-text-muted);
  font-size:12px;
  line-height:1.35;
}
.documentPreviewModalPageBadge{border-radius:6px;}


/* ==========================================================================
   v3.7j-n2f-b FIX1 · Shell geometry and public separation
   The global utility layer is a normal sticky row inside the authenticated
   workspace. Therefore the workspace must not reserve a second header offset.
   Public and account-lifecycle pages intentionally render no workbar.
   ========================================================================== */
@media (min-width:1024px){
  .admin-app .container:has(.appWorkbar[data-navigation-level="global-utility"]),
  .admin-app .helpWrap:has(.appWorkbar[data-navigation-level="global-utility"]),
  .admin-app .settingsAdminWrap:has(.appWorkbar[data-navigation-level="global-utility"]),
  .admin-app .articleWrap:has(.appWorkbar[data-navigation-level="global-utility"]),
  .admin-app .ticketAdminWrap:has(.appWorkbar[data-navigation-level="global-utility"]),
  .admin-app .customerAdminWrap:has(.appWorkbar[data-navigation-level="global-utility"]),
  .admin-app .searchPageWrap:has(.appWorkbar[data-navigation-level="global-utility"]),
  .admin-app .docWrap:has(.appWorkbar[data-navigation-level="global-utility"]),
  .admin-app .dmsWrap:has(.appWorkbar[data-navigation-level="global-utility"]),
  .admin-app .dmsViewWrap:has(.appWorkbar[data-navigation-level="global-utility"]),
  .admin-app .appShellWrap:has(.appWorkbar[data-navigation-level="global-utility"]){
    padding-top:0;
  }
  .appWorkbar[data-navigation-level="global-utility"]{
    border-top:0;
    border-left:0;
    border-radius:0;
  }
  .appWorkbar[data-navigation-level="global-utility"] .appWorkbarActions{
    align-self:stretch;
  }
  .appWorkbar[data-navigation-level="global-utility"] .appWorkbarSearchButton{
    align-self:center;
  }
}

.public-app .appShellWrap,
.public-app .container,
.public-app .helpWrap,
.public-app .settingsAdminWrap,
.public-app .articleWrap,
.public-app .ticketAdminWrap,
.public-app .customerAdminWrap,
.public-app .searchPageWrap,
.public-app .docWrap,
.public-app .dmsWrap,
.public-app .dmsViewWrap{
  padding-top:0;
}
.public-app .appWorkbar,
.publicLifecycle .appWorkbar{
  display:none;
}
@media (max-width:1023px){
  .public-app .appMobileHeaderBrand{
    min-height:44px;
  }
}
/* v3.7j-n2f-c: shared premium patterns for service, communication, DMS and work queues. */
[data-premium-family="service"],
[data-premium-family="communication"],
[data-premium-family="tasks"],
[data-premium-family="actions"],
[data-premium-family="dms"] { --service-panel-gap: 16px; }

.serviceContextStrip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;margin:0 0 18px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);overflow:hidden;box-shadow:var(--ju-shadow-sm)}
.serviceContextCell{display:grid;gap:3px;min-width:0;padding:13px 16px;border-right:1px solid var(--ju-border)}
.serviceContextCell:last-child{border-right:0}.serviceContextCell span,.serviceSectionEyebrow{color:var(--ju-text-muted);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.serviceContextCell strong{color:var(--ju-text-strong);font-size:15px;line-height:1.35}.serviceContextCell small{color:var(--ju-text-muted);font-size:12px;line-height:1.4}
.serviceSectionHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 14px}.serviceSectionHeader h2{margin:3px 0 0;color:var(--ju-text-strong);font-size:20px;line-height:1.25}.serviceSectionHeader p{max-width:70ch;margin:5px 0 0;color:var(--ju-text-muted);font-size:13px;line-height:1.55}.serviceSectionActions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}

.serviceWorkSurface{border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:var(--ju-shadow-sm)}
.serviceWorkSurface--flush{overflow:hidden}.serviceWorkSurfaceHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--ju-border)}.serviceWorkSurfaceBody{padding:18px}
.serviceToolbar{display:grid;grid-template-columns:minmax(280px,1fr) repeat(2,minmax(160px,220px)) auto;gap:10px;align-items:end;padding:14px 16px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:var(--ju-shadow-sm);margin:0 0 16px}.serviceToolbar .form-field{margin:0}.serviceToolbarActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/* Tickets: queue first, detail with one quiet control rail and a dominant conversation. */
.ticketsContactsLayout .ticketsFilterBar{padding:14px 16px;margin-bottom:16px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:var(--ju-shadow-sm)}
.ticketsContactsLayout .ticketsQueueTableWrap{border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:var(--ju-shadow-sm);overflow:hidden}
.ticketsContactsLayout .ticketsTable{margin:0}.ticketsContactsLayout .ticketsTable thead th{background:var(--ju-soft);border-bottom:1px solid var(--ju-border)}
.ticketsContactsLayout .ticketsTableRow{transition:background .16s ease,box-shadow .16s ease}.ticketsContactsLayout .ticketsTableRow:hover{background:var(--ju-soft)}
.ticketsThreadLayout .ticketThread2026{gap:18px}.ticketsThreadLayout .ticketThreadPrimary{min-width:0}.ticketsThreadLayout .ticketThreadSecondary{position:sticky;top:76px;align-self:start}.ticketsThreadLayout .ticketThreadSection{border:1px solid var(--ju-border);border-radius:6px;box-shadow:var(--ju-shadow-sm)}
.ticketsThreadLayout .ticketThreadTimeline{border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:var(--ju-shadow-sm)}
.ticketsThreadLayout .ticketThreadMessage{border-left:3px solid var(--ju-border-strong);padding-left:16px}.ticketsThreadLayout .ticketThreadMessage.is-outbound{border-left-color:var(--ju-accent-line)}

/* Mailbox: stable three-pane workspace with a strong, calm message list. */
.postfaecherLayout .mailCommandBar{padding:14px 16px;margin-bottom:16px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:var(--ju-shadow-sm)}
.postfaecherLayout .mailSplitView{grid-template-columns:minmax(210px,232px) minmax(420px,1fr) minmax(250px,294px);gap:14px}
.postfaecherLayout .mailFoldersPane,.postfaecherLayout .mailListPane,.postfaecherLayout .mailContextPane{border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:var(--ju-shadow-sm)}
.postfaecherLayout .mailFoldersPane{padding:14px}.postfaecherLayout .mailListPane{overflow:hidden}.postfaecherLayout .mailContextPane{padding:16px;position:sticky;top:76px;align-self:start}
.postfaecherLayout .mailListHeader{padding:12px 14px;border-bottom:1px solid var(--ju-border);background:var(--ju-soft)}
.postfaecherLayout .mailRow{padding:13px 14px;border-bottom:1px solid var(--ju-border);transition:background .16s ease,box-shadow .16s ease}.postfaecherLayout .mailRow:last-child{border-bottom:0}.postfaecherLayout .mailRow:hover{background:var(--ju-soft)}.postfaecherLayout .mailRow.is-selected{background:var(--ju-accent-soft);box-shadow:inset 3px 0 0 var(--ju-accent-line)}
.postfaecherLayout .mailContextBlock{padding:14px 0;border-bottom:1px solid var(--ju-border)}.postfaecherLayout .mailContextBlock:first-of-type{padding-top:0}.postfaecherLayout .mailContextBlock:last-child{border-bottom:0;padding-bottom:0}
.messageDetailLayout .messageDetailGrid,.replyComposeMain{gap:18px}.messageDetailLayout .messageDetailCard,.replyComposeMain .card{border:1px solid var(--ju-border);box-shadow:var(--ju-shadow-sm)}

/* Tasks and actions: task worklist and decision surfaces use the same hierarchy. */
.tasksShellWrap .tasksListToolbar{padding:14px 16px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:var(--ju-shadow-sm)}
.tasksShellWrap .tasksTableWrap{border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:var(--ju-shadow-sm);overflow:hidden}.tasksShellWrap .tasksTableWrap table{margin:0}
.tasksShellWrap .tasksCreateForm{border:1px solid var(--ju-border);box-shadow:var(--ju-shadow-sm)}
.actions-page .actionQueueHero,.actions-page .dashboardSection{border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:var(--ju-shadow-sm)}
.actions-page .actionQueueFilterGrid{padding:14px 16px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-soft)}
.actions-page .actionQueueItem{box-shadow:inset 3px 0 0 var(--ju-accent-line),var(--ju-shadow-sm)}
.actions-page .actionQueueDecisionCard{min-height:220px;box-shadow:var(--ju-shadow-sm)}

/* DMS: library, upload and record share a single object language. */
.dmsShellGrid .dmsToolbar,.dmsShellGrid .dmsFilterBar{border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:var(--ju-shadow-sm)}
.dmsShellGrid .dmsFolderCard,.dmsShellGrid .dmsDocumentCard,.dmsShellGrid .dmsFormSection,.dmsShellGrid .dmsDetailHeroSection,.dmsShellGrid .dmsDetailsPanel{border-color:var(--ju-border);border-radius:6px;box-shadow:var(--ju-shadow-sm)}
.dmsShellGrid .dmsFolderCard:hover,.dmsShellGrid .dmsDocumentCard:hover{transform:translateY(-1px);border-color:var(--ju-accent-line);box-shadow:var(--ju-shadow)}
.dmsShellGrid .dmsFormSectionHead{border-bottom:1px solid var(--ju-border);padding-bottom:12px;margin-bottom:14px}.dmsShellGrid .dmsDetailsPanel>summary{min-height:48px}
.documentPreviewModalPageBadge{border-radius:6px}

/* Dialog contract: shared title bar, spacious content, accessible mobile sheet. */
.serviceDialogOpen{overflow:hidden}.communicationModalHost .ticketThreadModalDialog,[data-task-modal] .ticketThreadModalDialog,.documentPreviewModalPanel{border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:0 28px 80px rgba(15,23,42,.32)}
/* Shared communication and ticket modal header. Module styles must not redefine this shell. */
.communicationModalBar{
  display:grid;
  grid-template-columns:minmax(0,1fr) 44px;
  align-items:center;
  gap:16px;
  min-height:72px;
  padding:13px 16px 12px 20px;
  border-top:3px solid var(--ju-gold);
  border-bottom:1px solid var(--ju-border);
  background:var(--ju-card);
}
.communicationModalBar > div,
.communicationModalBar > h2{grid-column:1;min-width:0;}
.communicationModalBar .eyebrow{
  display:block;
  width:auto;
  margin:0 0 3px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--ju-accent-strong);
  font-size:11px;
  font-weight:700;
  letter-spacing:.065em;
  line-height:1.2;
  text-transform:uppercase;
}
.communicationModalBar h2{
  margin:0;
  color:var(--ju-text-strong);
  font-size:19px;
  font-weight:700;
  letter-spacing:-.018em;
  line-height:1.25;
  text-align:left;
  overflow-wrap:anywhere;
  text-wrap:balance;
}
.communicationModalBar .communicationModalClose,
.communicationModalHost .communicationModalBar .ticketThreadModalClose,
.ticketThreadModal .communicationModalBar .ticketThreadModalClose{
  position:static;
  grid-column:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  justify-self:end;
  width:44px;
  min-width:44px;
  height:44px;
  min-height:44px;
  margin:0;
  border:1px solid var(--ju-border);
  border-radius:6px;
  background:var(--ju-soft);
  color:var(--ju-text-muted);
  font-size:22px;
  line-height:1;
  box-shadow:none;
}
.communicationModalBar .communicationModalClose:hover,
.communicationModalHost .communicationModalBar .ticketThreadModalClose:hover,
.ticketThreadModal .communicationModalBar .ticketThreadModalClose:hover{
  border-color:var(--ju-border-strong);
  background:var(--ju-card);
  color:var(--ju-text-strong);
}
@media (max-width:760px){
  .communicationModalBar{min-height:64px;gap:10px;padding:9px 10px 8px 14px;}
  .communicationModalBar h2{font-size:17px;line-height:1.22;}
  .communicationModalBar .eyebrow{font-size:10px;}
}
.communicationModalHost .ticketThreadModalBody,[data-task-modal] .ticketThreadModalBody{padding:18px;max-height:calc(100vh - 88px);background:var(--ju-card)}
.ticketReplySheetHead{padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--ju-border)}

/* Mail template editor belongs to communication, but keeps its specialist two-pane canvas. */
.templatesPageGrid{gap:18px}.templatesPageGrid>.card,.templatesSidebar>.card{border:1px solid var(--ju-border);box-shadow:var(--ju-shadow-sm)}.templatesEditorField{min-height:420px}.templatesPreviewBox{padding:14px;background:var(--ju-card);box-shadow:inset 3px 0 0 var(--ju-border-strong)}

@media (max-width:1280px){.postfaecherLayout .mailSplitView{grid-template-columns:210px minmax(0,1fr)}.postfaecherLayout .mailContextPane{grid-column:1/-1;position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.postfaecherLayout .mailContextPane>.mailPaneTitle{grid-column:1/-1}.postfaecherLayout .mailContextBlock{padding:14px;border-right:1px solid var(--ju-border);border-bottom:0}.postfaecherLayout .mailContextBlock:last-child{border-right:0;padding:14px}.ticketsThreadLayout .ticketThreadSecondary{position:static}}
@media (max-width:900px){.serviceToolbar{grid-template-columns:1fr 1fr}.serviceToolbar .premiumListToolbarSearch{grid-column:1/-1}.postfaecherLayout .mailSplitView{grid-template-columns:1fr}.postfaecherLayout .mailFoldersPane{display:grid;grid-template-columns:1fr 1fr;gap:14px}.postfaecherLayout .mailFoldersPane>.mailPaneTitle{grid-column:1/-1}.postfaecherLayout .mailContextPane{grid-template-columns:1fr}.postfaecherLayout .mailContextBlock{border-right:0;border-bottom:1px solid var(--ju-border)}.postfaecherLayout .mailContextBlock:last-child{border-bottom:0}.templatesEditorField{min-height:300px}}
@media (max-width:760px){.serviceContextStrip{grid-template-columns:1fr 1fr}.serviceContextCell:nth-child(2n){border-right:0}.serviceContextCell{border-bottom:1px solid var(--ju-border)}.serviceContextCell:last-child{border-bottom:0}.serviceSectionHeader{display:grid}.serviceSectionActions{justify-content:flex-start}.serviceToolbar{grid-template-columns:1fr;padding:12px}.postfaecherLayout .mailCommandBar{grid-template-columns:1fr;padding:12px}.postfaecherLayout .mailFoldersPane{grid-template-columns:1fr}.postfaecherLayout .mailRow{padding:12px}.communicationModalHost,.ticketThreadModal[data-task-modal]{align-items:end;padding:0}.communicationModalHost .ticketThreadModalDialog,[data-task-modal] .ticketThreadModalDialog{width:100%;max-width:none;max-height:96vh;border-radius:6px 6px 0 0}.communicationModalHost .ticketThreadModalBody,[data-task-modal] .ticketThreadModalBody{max-height:calc(96vh - 58px);padding:14px}.actions-page .actionQueueDecisionCard{min-height:0}}
@media (max-width:520px){.serviceContextStrip{grid-template-columns:1fr}.serviceContextCell{border-right:0}.postfaecherLayout .mailListHeader{display:grid;gap:10px}.postfaecherLayout .mailBulkRow{display:grid;grid-template-columns:1fr}.postfaecherLayout .mailBulkRow .btn,.postfaecherLayout .mailBulkRow select{width:100%}}

/* n2f-c: specialist setup and fallback surfaces use the same premium hierarchy. */
.mailboxSetupLayout{max-width:1440px;margin:0 auto}.mailboxSetupIntro{margin-bottom:18px}.mailboxSetupGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mailboxSetupCard{display:flex;flex-direction:column;min-width:0;min-height:230px;padding:18px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:var(--ju-shadow-sm)}.mailboxSetupCard.is-ready{box-shadow:inset 3px 0 0 var(--ju-success),var(--ju-shadow-sm)}.mailboxSetupCard.is-pending{box-shadow:inset 3px 0 0 var(--ju-accent-line),var(--ju-shadow-sm)}.mailboxSetupCardHead{display:flex;align-items:flex-start;gap:12px}.mailboxSetupCardHead h2{margin:4px 0 0;color:var(--ju-text-strong);font-size:18px;line-height:1.35}.mailboxSetupIndex{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid var(--ju-border-strong);border-radius:6px;background:var(--ju-soft);color:var(--ju-text-strong);font-size:14px;font-weight:800}.mailboxSetupCard p{margin:14px 0;color:var(--ju-text-muted);font-size:13px;line-height:1.6}.mailboxSetupCardActions{display:flex;align-items:center;gap:8px;margin-top:auto}.templatesEditorType{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-soft);white-space:nowrap}.ticketReplyPageSection{border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:var(--ju-shadow-sm);overflow:hidden}.ticketReplyPageSection .ticketReplySheet{border:0;box-shadow:none}.ticketAdminWrap>.appShellGrid{min-height:100vh}

@media (max-width:1100px){.mailboxSetupGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.mailboxSetupGrid{grid-template-columns:1fr}.mailboxSetupCard{min-height:0}.mailboxSetupCardActions .btn{width:100%}}
/* n2f-c visual refinement: calm metadata alignment in service timelines. */
.ticketsThreadLayout .ticketThreadMessage > header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}
.ticketsThreadLayout .ticketThreadMessage > header time{flex:0 0 auto;color:var(--ju-text-muted);font-size:12px}
.ticketsThreadLayout .ticketThreadMessage > p{margin:0;color:var(--ju-text);line-height:1.6}

/* v3.7j-n2f-d: systemwide premium finance workspace ----------------------- */
.financeWorkspacePage{background:var(--ju-bg);color:var(--ju-text);}
.financeWorkspacePage .appShellContent,.financeWorkspaceContent{display:grid;gap:18px;min-width:0;align-content:start;}
.financeWorkspacePage .page-header{margin:0;padding:0 0 16px;border-bottom:1px solid var(--ju-border);background:transparent;box-shadow:none;}
.financeWorkspacePage .page-header-title{max-width:78ch;}
.financeWorkspacePage .page-title{letter-spacing:-.035em;line-height:1.08;}
.financeWorkspacePage .page-subtitle{max-width:72ch;line-height:1.55;}
.financeWorkspacePage .page-header-actions,.financeWorkspacePage .page-actions{align-self:center;gap:8px;}
.financeWorkspacePage .premiumModuleNav{margin:0 0 2px;padding:5px;border:1px solid var(--ju-border);background:var(--ju-card);box-shadow:var(--ju-shadow-sm);}
.financeWorkspacePage .premiumModuleNavLink{min-height:38px;padding:8px 12px;border-radius:6px;font-size:13px;}
.financeWorkspacePage .premiumModuleNavLink.is-active{background:var(--ju-soft);box-shadow:inset 0 -2px 0 var(--ju-gold);}
.financeWorkspacePage .section,.financeWorkspacePage .card{border-color:var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:0 7px 20px var(--ju-shadow-color-soft);}
.financeWorkspacePage .section{padding:18px;}
.financeWorkspacePage .section-header,.financeWorkspacePage .card-h{gap:16px;padding-bottom:13px;border-bottom:1px solid var(--ju-border-soft);}
.financeWorkspacePage .section-title,.financeWorkspacePage .card-h h2{letter-spacing:-.02em;line-height:1.2;}
.financeWorkspacePage .section-lead,.financeWorkspacePage .card-h p{max-width:74ch;line-height:1.5;}
.financeWorkspacePage .metric-grid,.financeWorkspacePage .dashboardGrid{gap:10px;}
.financeWorkspacePage .metric-card{min-height:94px;padding:14px 15px;border-color:var(--ju-border);background:linear-gradient(155deg,var(--ju-card),var(--ju-soft));box-shadow:none;}
.financeWorkspacePage .metric-label{font-size:10px;letter-spacing:.065em;text-transform:uppercase;}
.financeWorkspacePage .metric-value{font-size:clamp(20px,1.9vw,28px);font-weight:800;letter-spacing:-.035em;line-height:1.05;}
.financeWorkspacePage .metric-hint,.financeWorkspacePage .metric-sub{font-size:11px;line-height:1.4;color:var(--ju-text-muted);}
.financeWorkspacePage .ui-toolbar,.financeWorkspacePage .form-grid--toolbar,.financeWorkspacePage .financeOverviewFilters,.financeWorkspacePage .reportControlPanel{gap:12px;margin:0;padding:14px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:var(--ju-shadow-sm);}
.financeWorkspacePage .ui-toolbar .form-field,.financeWorkspacePage .form-grid--toolbar .form-field{min-width:150px;}
.financeWorkspacePage .table-wrap{border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:none;overflow:auto;}
.financeWorkspacePage table.table{width:100%;border-collapse:separate;border-spacing:0;}
.financeWorkspacePage .table thead th{position:sticky;top:0;z-index:1;padding:10px 12px;border-bottom:1px solid var(--ju-border-strong);background:var(--ju-soft);color:var(--ju-text-muted);font-size:10px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;}
.financeWorkspacePage .table tbody td{padding:11px 12px;border-bottom:1px solid var(--ju-border-soft);vertical-align:middle;line-height:1.4;}
.financeWorkspacePage .table tbody tr:last-child td{border-bottom:0;}
.financeWorkspacePage .table tbody tr:hover{background:var(--ju-accent-hover);}
.financeWorkspacePage .financeStatusText,.financeWorkspacePage .status-text{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:3px 7px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-soft);font-size:11px;font-weight:750;line-height:1.25;white-space:normal;}
.financeWorkspacePage .financeStatusText.is-ready{border-color:var(--ju-success-line);background:var(--ju-success-bg);color:var(--ju-success);}
.financeWorkspacePage .financeStatusText.is-warning{border-color:var(--ju-warning-line);background:var(--ju-warning-bg);color:var(--ju-warning);}
.financeWorkspacePage .financeStatusText.is-danger{border-color:var(--ju-danger-line);background:var(--ju-danger-bg);color:var(--ju-danger);}
.financeWorkspacePage .financeFocusPanel,.financeWorkspacePage .financeGuidancePanel,.financeWorkspacePage .reportTaxFocus{border:1px solid var(--ju-border);border-left:3px solid var(--ju-gold);border-radius:6px;background:linear-gradient(145deg,var(--ju-card),var(--ju-soft));box-shadow:var(--ju-shadow-sm);}
.financeWorkspacePage .financeActionCard,.financeWorkspacePage .reportCatalogRow{border-radius:6px;box-shadow:none;}
.financeWorkspacePage .financeActionCard:hover,.financeWorkspacePage .reportCatalogRow:hover{transform:translateY(-1px);border-color:var(--ju-accent-line);box-shadow:0 10px 24px var(--ju-shadow-color-soft);}
.financeWorkspacePage .financeTwoColumn{grid-template-columns:minmax(300px,.78fr) minmax(520px,1.35fr);gap:18px;}
.financeWorkspacePage--editor .financePrimaryCard{min-width:0;}
.financeWorkspacePage--editor .financeContextStack{position:sticky;top:78px;align-self:start;max-height:calc(100vh - 96px);overflow:auto;scrollbar-gutter:stable;}
.financeWorkspacePage--editor .financeDocumentCaptureCard,.financeWorkspacePage--editor .candidateSourceCard{min-height:430px;}
.financeWorkspacePage--editor .financeDocumentCaptureCard .document-preview,.financeWorkspacePage--editor .candidateSourceCard .document-preview{min-height:330px;display:grid;align-content:start;}
.financeWorkspacePage--report .financeDocumentCaptureCard{min-height:430px;}
.financeWorkspacePage--report .financeDocumentCaptureCard .document-preview{min-height:330px;display:grid;align-content:start;}
.financeWorkspacePage--editor .form-grid{gap:14px;}
.financeWorkspacePage--report .reportMetricStrip,.financeWorkspacePage--cockpit .reportMetricStrip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.financeWorkspacePage--report .reportAnalysisGrid,.financeWorkspacePage--cockpit .reportCockpitOverview{gap:16px;align-items:stretch;}
.financeWorkspacePage--report .reportCockpitChartWrap,.financeWorkspacePage--cockpit .reportCockpitChartWrap{min-height:280px;}
.financeWorkspacePage--assurance .section{border-left:3px solid var(--ju-border-strong);}
.financeWorkspacePage--assurance .metric-card--danger,.financeWorkspacePage--assurance .metric-card--warn{border-color:var(--ju-warning-line);}
.financeWorkspaceToolbar{display:grid;grid-template-columns:minmax(260px,1fr) repeat(2,minmax(150px,220px)) auto;gap:10px;align-items:end;margin:0;padding:12px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:var(--ju-shadow-sm);}
.financeWorkspaceSearch{display:grid;grid-template-columns:20px minmax(0,1fr);gap:9px;align-items:center;min-width:0;}
.financeWorkspaceSearch>span{display:grid;place-items:center;color:var(--ju-text-muted);}
.financeWorkspaceSearch svg{width:18px;height:18px;}
.financeWorkspaceSearch .input{grid-column:2;min-width:0;}
.financeWorkspaceFilter{margin:0;}
.financeWorkspaceDialogHost .ticketThreadModalDialog,.financePremiumModal{border-radius:6px;background:var(--ju-card);box-shadow:0 26px 70px rgba(15,23,42,.24);}
.financeWorkspaceDialogHost .ticketThreadModalClose{min-width:44px;min-height:44px;}
.financePremiumModal{display:grid;gap:16px;min-width:0;}
.financePremiumModal .ticketReplySheetActions,.financePremiumModal .form-actions{position:sticky;bottom:0;z-index:2;margin:0 -2px -2px;padding:12px 2px 2px;background:linear-gradient(to bottom,rgba(255,255,255,0),var(--ju-card) 22%);}
.financePremiumModal .notice{margin:0;}
.financeWorkspacePage code{overflow-wrap:anywhere;}
.financeWorkspacePage [data-search-scope]{scroll-margin-top:84px;}
.financeWorkspacePage .empty-state{min-height:150px;padding:24px;border:1px dashed var(--ju-border-strong);border-radius:6px;background:var(--ju-soft);}
.financeWorkspacePage .notice{border-radius:6px;}
.financeWorkspacePage .btn,.financeWorkspacePage .input,.financeWorkspacePage .select,.financeWorkspacePage .textarea{border-radius:6px;}
.financeWorkspacePage .input,.financeWorkspacePage .select{min-height:40px;}
.financeWorkspacePage .textarea{min-height:96px;}

@media (max-width:1280px){
  .financeWorkspacePage .financeTwoColumn{grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);}
  .financeWorkspacePage--report .reportMetricStrip,.financeWorkspacePage--cockpit .reportMetricStrip{grid-template-columns:repeat(2,minmax(0,1fr));}
  .financeWorkspaceToolbar{grid-template-columns:minmax(240px,1fr) repeat(2,minmax(140px,auto));}
  .financeWorkspaceToolbar>.btn{grid-column:auto;}
}
@media (max-width:1024px){
  .financeWorkspacePage .financeTwoColumn{grid-template-columns:1fr;}
  .financeWorkspacePage--editor .financeContextStack{position:static;max-height:none;overflow:visible;}
  .financeWorkspacePage--editor .financeDocumentCaptureCard,.financeWorkspacePage--editor .candidateSourceCard{min-height:320px;}
  .financeWorkspacePage--editor .financeDocumentCaptureCard .document-preview,.financeWorkspacePage--editor .candidateSourceCard .document-preview{min-height:260px;}
  .financeWorkspacePage--report .financeDocumentCaptureCard{min-height:320px;}
  .financeWorkspacePage--report .financeDocumentCaptureCard .document-preview{min-height:260px;}
  .financeWorkspaceToolbar{grid-template-columns:1fr 1fr;}
  .financeWorkspaceSearch{grid-column:1/-1;}
  .financeWorkspaceToolbar>.btn{justify-self:start;}
}
@media (max-width:820px){
  .financeWorkspacePage .input,.financeWorkspacePage .select,.financeWorkspacePage .btn,.financeWorkspacePage .textarea{min-height:44px;}
}
@media (max-width:760px){
  .financeWorkspacePage .appShellContent,.financeWorkspaceContent{gap:13px;}
  .financeWorkspacePage .page-header{padding-bottom:12px;}
  .financeWorkspacePage .section{padding:14px;}
  .financeWorkspacePage .section-header,.financeWorkspacePage .card-h{display:grid;gap:9px;}
  .financeWorkspacePage .metric-grid,.financeWorkspacePage .dashboardGrid,.financeWorkspacePage--report .reportMetricStrip,.financeWorkspacePage--cockpit .reportMetricStrip{grid-template-columns:1fr 1fr;}
  .financeWorkspacePage .metric-card{min-height:76px;padding:11px 12px;}
  .financeWorkspacePage .metric-value{font-size:20px;}
  .financeWorkspaceToolbar{grid-template-columns:1fr;padding:11px;}
  .financeWorkspaceSearch{grid-column:auto;}
  .financeWorkspaceToolbar>.btn,.financeWorkspaceToolbar .input,.financeWorkspaceToolbar .select{width:100%;min-height:44px;}
  .financeWorkspacePage .ui-toolbar,.financeWorkspacePage .form-grid--toolbar,.financeWorkspacePage .financeOverviewFilters,.financeWorkspacePage .reportControlPanel{grid-template-columns:1fr;padding:12px;}
  .financeWorkspacePage .ui-toolbar .form-field,.financeWorkspacePage .form-grid--toolbar .form-field{min-width:0;width:100%;}
  .financeWorkspacePage .input,.financeWorkspacePage .select,.financeWorkspacePage .btn{min-height:44px;}
  .financeWorkspacePage .table thead{display:none;}
  .financeWorkspacePage .table,.financeWorkspacePage .table tbody,.financeWorkspacePage .table tr,.financeWorkspacePage .table td{display:block;width:100%;}
  .financeWorkspacePage .table tbody{display:grid;gap:10px;padding:10px;}
  .financeWorkspacePage .table tbody tr{display:grid;gap:7px;padding:12px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);}
  .financeWorkspacePage .table tbody td{display:grid;grid-template-columns:minmax(94px,.42fr) minmax(0,1fr);gap:10px;padding:0;border:0;text-align:left;white-space:normal;overflow-wrap:anywhere;}
  .financeWorkspacePage .table tbody td::before{content:attr(data-label);color:var(--ju-text-muted);font-size:10px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;}
  .financeWorkspacePage .table tbody td[colspan]::before,.financeWorkspacePage .table tbody td:empty::before{content:none;}
  .financeWorkspacePage .table tbody tr:hover{background:var(--ju-card);}
  .financeWorkspaceDialogHost .ticketThreadModalDialog{position:fixed;left:0;right:0;bottom:0;width:100vw;max-width:none;max-height:96vh;margin:0;border-radius:6px 6px 0 0;}
  .financePremiumModal .ticketReplySheetActions,.financePremiumModal .form-actions{display:grid;grid-template-columns:1fr;}
  .financePremiumModal .ticketReplySheetActions .btn,.financePremiumModal .form-actions .btn{width:100%;min-height:44px;}
}
@media (max-width:520px){
  .financeWorkspacePage .metric-grid,.financeWorkspacePage .dashboardGrid,.financeWorkspacePage--report .reportMetricStrip,.financeWorkspacePage--cockpit .reportMetricStrip{grid-template-columns:1fr;}
  .financeWorkspacePage .table tbody td{grid-template-columns:1fr;gap:2px;}
}

/* === v3.7j-n2f-e account, onboarding, package and operator workspace === */
.accountWorkspaceContent{min-width:0}
.accountWorkspaceStack{display:grid;gap:18px;min-width:0}
.accountJourney{border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:0 10px 28px var(--ju-shadow-color-soft);overflow:hidden}
.accountJourneyList{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none}
.accountJourneyItem{min-width:0;border-right:1px solid var(--ju-border-soft)}
.accountJourneyItem:last-child{border-right:0}
.accountJourneyItem a{display:flex;align-items:flex-start;gap:10px;min-height:78px;padding:14px;color:var(--ju-text);text-decoration:none;background:var(--ju-card)}
.accountJourneyItem a:hover{background:var(--ju-surface-subtle)}
.accountJourneyItem.is-current a{box-shadow:inset 0 -3px 0 var(--ju-accent);background:var(--ju-accent-soft)}
.accountJourneyNumber{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid var(--ju-border-strong);border-radius:6px;color:var(--ju-text-muted);font-size:13px;font-weight:800;background:var(--ju-surface-subtle)}
.accountJourneyItem.is-current .accountJourneyNumber{border-color:var(--ju-accent-line);color:var(--ju-text-strong);background:var(--ju-card)}
.accountJourneyItem strong,.accountJourneyItem small{display:block;min-width:0}
.accountJourneyItem strong{font-size:14px;line-height:1.3;color:var(--ju-text-strong)}
.accountJourneyItem small{margin-top:3px;color:var(--ju-text-muted);font-size:12px;line-height:1.35}
.accountOverviewGrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:16px;align-items:start}
.accountStatusPanel,.accountNextPanel,.accountProviderCard,.accountFlowCard,.operatorLoginPanel,.operatorLoginAside{border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:0 10px 28px var(--ju-shadow-color-soft)}
.accountStatusPanel,.accountNextPanel{padding:18px}
.accountStatusGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.accountStatusItem{display:grid;gap:4px;padding:14px;border:1px solid var(--ju-border-soft);border-radius:6px;background:var(--ju-surface-subtle)}
.accountStatusItem span{color:var(--ju-text-muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.035em}
.accountStatusItem strong{font-size:19px;line-height:1.2;color:var(--ju-text-strong)}
.accountFlowList{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.accountFlowCard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;box-shadow:none}
.accountFlowIndex{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--ju-border-strong);border-radius:6px;background:var(--ju-surface-subtle);font-weight:850;color:var(--ju-text-strong)}
.accountFlowCopy{display:grid;gap:3px;min-width:0}
.accountFlowCopy strong{color:var(--ju-text-strong)}
.accountFlowCopy small{color:var(--ju-text-muted);line-height:1.4}
.accountFlowState{display:grid;gap:6px;justify-items:end;text-align:right}
.accountFlowState span{font-size:12px;font-weight:750;color:var(--ju-text-muted)}
.accountProviderGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.accountProviderCard{display:grid;grid-template-rows:auto 1fr auto;gap:14px;padding:18px}
.accountProviderBrand{display:flex;align-items:center;gap:12px}
.accountProviderMark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-surface-subtle);font-weight:900;color:var(--ju-text-strong)}
.accountProviderCard h2,.accountProviderCard h3{margin:0;color:var(--ju-text-strong)}
.accountProviderCard p{margin:0;color:var(--ju-text-muted);line-height:1.55}
.accountTrustList,.accountPlanFeatures{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.accountTrustList li,.accountPlanFeatures li{display:flex;gap:9px;align-items:flex-start;color:var(--ju-text-muted);font-size:14px;line-height:1.45}
.accountTrustList li::before,.accountPlanFeatures li::before{content:'✓';color:var(--ju-success);font-weight:900}
.accountPlanCard{position:relative;cursor:pointer}
.accountPlanCard>input{position:absolute;inset:12px 12px auto auto;width:20px;height:20px;accent-color:var(--ju-accent)}
.accountPlanCard:has(>input:checked){border-color:var(--ju-accent-line);box-shadow:0 14px 34px var(--ju-accent-soft)}
.accountPlanSegment{display:block;color:var(--ju-text-muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.accountPlanUsers{color:var(--ju-text-muted);font-size:13px}
.accountDemoGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.accountDemoCard{display:grid;grid-template-rows:auto 1fr auto;gap:10px;padding:16px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:0 8px 22px var(--ju-shadow-color-soft)}
.accountDemoCard h3,.accountDemoCard p{margin:0}.accountDemoCard p{color:var(--ju-text-muted);line-height:1.5}
.publicPackagesHero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:22px;align-items:center;padding:clamp(22px,4vw,42px);border:1px solid var(--ju-border);border-radius:6px;background:linear-gradient(135deg,var(--ju-card),var(--ju-surface-subtle));box-shadow:0 16px 38px var(--ju-shadow-color-soft)}
.publicPackagesHero h1{margin:0;color:var(--ju-text-strong);font-size:clamp(34px,5vw,56px);line-height:1.02;letter-spacing:-.035em}
.publicPackagesHero p{max-width:720px;margin:14px 0 0;color:var(--ju-text-muted);font-size:17px;line-height:1.55}
.publicPackagesAssurance{display:grid;gap:10px;padding:18px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card)}
.publicPackagesAssurance div{display:grid;grid-template-columns:22px 1fr;gap:9px;align-items:start}
.publicPackagesAssurance strong{color:var(--ju-text-strong)}
.publicPackageSegment{display:grid;gap:14px}
.publicPackageSegment+.publicPackageSegment{margin-top:20px}
.publicPackageSegmentHeader{display:flex;justify-content:space-between;gap:16px;align-items:end}
.operatorLoginPage{min-height:100vh;background:var(--ju-bg)}
.operatorLoginShell{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);max-width:1180px;min-height:calc(100vh - 84px);margin:0 auto;padding:clamp(24px,5vw,64px);gap:24px;align-items:center}
.operatorLoginAside{padding:clamp(24px,4vw,42px);background:var(--ju-shell-bg);color:var(--ju-shell-text);border-color:transparent}
.operatorLoginAside h1{margin:12px 0;color:#fff;font-size:clamp(34px,5vw,54px);line-height:1.04;letter-spacing:-.035em}
.operatorLoginAside p{color:var(--ju-shell-text-soft);font-size:16px;line-height:1.6}
.operatorLoginTrust{display:grid;gap:12px;margin-top:26px}
.operatorLoginTrust div{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start}
.operatorLoginTrust span{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--ju-accent);font-weight:900}
.operatorLoginTrust strong,.operatorLoginTrust small{display:block}.operatorLoginTrust small{margin-top:3px;color:var(--ju-shell-text-soft);line-height:1.4}
.operatorLoginPanel{padding:clamp(22px,4vw,36px)}
.operatorLoginPanel .form-actions{margin-top:6px}
.operatorArchiveContext{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;border:1px solid var(--ju-warning-line);border-radius:6px;background:var(--ju-warning-bg)}
.operatorArchiveContext strong,.operatorArchiveContext small{display:block}.operatorArchiveContext small{margin-top:3px;color:var(--ju-text-muted);line-height:1.45}
@media (max-width:1120px){.accountJourneyList{grid-template-columns:repeat(3,minmax(0,1fr))}.accountJourneyItem:nth-child(3){border-right:0}.accountJourneyItem:nth-child(-n+3){border-bottom:1px solid var(--ju-border-soft)}.accountOverviewGrid,.publicPackagesHero{grid-template-columns:1fr}.accountDemoGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.accountJourneyList,.accountStatusGrid,.accountProviderGrid,.accountDemoGrid,.operatorLoginShell{grid-template-columns:1fr}.accountJourneyItem{border-right:0;border-bottom:1px solid var(--ju-border-soft)}.accountJourneyItem:last-child{border-bottom:0}.accountJourneyItem a{min-height:64px;padding:12px}.accountFlowCard{grid-template-columns:auto minmax(0,1fr)}.accountFlowState{grid-column:1/-1;justify-items:stretch;text-align:left}.accountFlowState .btn{width:100%}.publicPackagesHero{padding:20px}.publicPackagesHero h1{font-size:36px}.publicPackageSegmentHeader{display:grid;align-items:start}.operatorLoginShell{padding:18px;min-height:auto}.operatorLoginAside,.operatorLoginPanel{padding:22px}.operatorLoginPage .publicNav{position:static}}
@media (max-width:420px){.accountFlowCard{grid-template-columns:1fr}.accountFlowIndex{width:32px;height:32px}.accountProviderCard,.accountStatusPanel,.accountNextPanel{padding:14px}}


/* v3.7j-n2f-f: final residual-surface and accessibility gate */
.premiumLocalToolbar{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin:0 0 18px;
}
.premiumLocalToolbar .premiumLocalSearch{flex:1 1 520px;max-width:760px;margin:0;}
[data-premium-family="catalog"] .appWorkspaceSwitch,
[data-premium-family="club"] .appWorkspaceSwitch{margin-bottom:18px;}
[data-premium-surface="article-record"] .cardTabs,
[data-premium-surface="event-record"] .cardTabs{scrollbar-width:thin;}
[data-premium-surface="crm-mail-fallback"] .ticketReplySheet,
[data-premium-surface="article-import"] .card,
[data-premium-surface="event-editor"] .eventUnifiedForm{box-shadow:var(--ju-shadow-sm);}
@media (max-width: 767px){
  .premiumLocalToolbar{align-items:stretch;flex-direction:column;gap:10px;}
  .premiumLocalToolbar .premiumLocalSearch{flex:0 1 auto;width:100%;max-width:none;}
}
@media (forced-colors: active){
  :root{forced-color-adjust:auto;}
  .appSidebar,.appWorkbar,.card,.section,.surface,.notice,.uiStatePanel,.ticketThreadModalDialog,
  .communicationModalHost,.publicPremiumHero,.operatorDomainCard,.settingsHubCard{
    border:1px solid CanvasText;
    box-shadow:none;
    background:Canvas;
    color:CanvasText;
  }
  .btn,.cardTab,.appWorkspaceSwitch a,.appNavLink,.publicNavLink{
    border:1px solid ButtonText;
    forced-color-adjust:auto;
  }
  .btn-primary,.cardTab.is-active,.appNavLink.active,[aria-current="page"],[aria-current="step"]{
    outline:2px solid Highlight;
    outline-offset:2px;
  }
  .badge,.statusMark,.eventMark,.articleMark{
    border:1px solid CanvasText;
    background:Canvas;
    color:CanvasText;
  }
  html body :focus-visible{outline:3px solid Highlight;outline-offset:3px;}
}


/* v3.7j-n2g-a: compact public lifecycle shell and auth composition. */
.publicLifecycle{min-height:100vh;background:linear-gradient(180deg,#f8f9fb 0%,var(--ju-bg) 58%,#f2f4f7 100%);}
.publicLifecyclePage{min-height:calc(100vh - 76px);padding:0 0 56px;}
.publicLifecycle .appShellWrap--compact{width:100%;max-width:1240px;margin:0 auto;padding:clamp(22px,4vw,46px) clamp(16px,3vw,32px) 0;}
.publicLifecycle .appShellGrid--compact{width:100%;}
.publicLifecycle .appShellContent{gap:22px;padding:0;overflow:visible;}
.publicLifecycle .uiPageHeader{margin:0;padding-bottom:18px;}
.publicLifecycle .uiPageHeaderMain{max-width:780px;}
.publicLifecycle--auth .appShellWrap--compact{max-width:1120px;}
.publicLifecycle--auth .publicLifecycleContent{gap:22px;}
.publicLifecycle--auth .publicJourneyGrid{grid-template-columns:minmax(0,520px) minmax(320px,1fr);gap:24px;justify-content:center;align-items:start;}
.publicLifecycle--auth .publicJourneyMain{gap:0;align-content:start;box-shadow:var(--ju-shadow-raised);}
.publicLifecycle--auth .publicJourneyAside{order:0;align-content:start;padding:clamp(22px,3vw,30px);background:linear-gradient(150deg,#20252b 0%,#2b3138 62%,#353b43 100%);}
.publicLifecycle--auth .publicJourneyAside h2{font-size:clamp(24px,2.2vw,30px);line-height:1.16;}
.publicLifecycle--auth .publicBenefitList{gap:14px;}
.publicLifecycle--auth .publicBenefitList li{grid-template-columns:minmax(180px,.78fr) minmax(0,1fr);gap:12px;font-size:14px;line-height:1.5;}
.publicLifecycle--auth .publicBenefitList li span{color:rgba(255,255,255,.76);}
.publicLifecycle--auth .publicLifecycleForm .input{min-height:46px;}
.publicLifecycle--auth .publicLifecycleForm .btn-primary{min-height:46px;width:100%;justify-content:center;}
.publicLifecycle--auth .section-header{padding-bottom:14px;}
.publicLifecycle--auth .section-content{padding-top:18px;}
@media (max-width:900px){
  .publicLifecycle--auth .publicJourneyGrid{grid-template-columns:1fr;}
  .publicLifecycle--auth .publicJourneyAside{order:0;}
}
@media (max-width:640px){
  .publicLifecyclePage{min-height:calc(100vh - 66px);padding-bottom:32px;}
  .publicLifecycle .appShellWrap--compact{padding:18px 14px 0;}
  .publicLifecycle .appShellContent{gap:16px;}
  .publicLifecycle .uiPageHeader{padding-bottom:12px;}
  .publicLifecycle--auth .publicJourneyGrid{gap:14px;}
  .publicLifecycle--auth .publicJourneyAside{padding:18px;}
  .publicLifecycle--auth .publicFieldLabelRow{align-items:center;flex-direction:row;gap:8px;}
  .publicLifecycle--auth .publicBenefitList li{grid-template-columns:1fr;gap:3px;}
}

/* ==== v3.7j-n2g-b: mobile task-first editor and record refinement ==== */
.premiumProgressAdaptive{min-width:0;}
.premiumProgressAdaptive .premiumProgress{margin:0;}
.premiumProgressMobile{display:none;}
.documentCompletionDisclosure>summary{list-style:none;}
.documentCompletionDisclosure>summary::-webkit-details-marker{display:none;}
.mobileContextActionBar{display:none;}
.mobileActionOverflow{position:relative;}
.mobileActionOverflow>summary{list-style:none;}
.mobileActionOverflow>summary::-webkit-details-marker{display:none;}
.mobileActionOverflowPanel{position:absolute;right:0;bottom:calc(100% + 8px);display:grid;min-width:190px;padding:6px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:0 18px 44px rgba(15,23,42,.2);}
.mobileActionOverflowPanel a,.mobileActionOverflowPanel button{display:flex;align-items:center;min-height:42px;padding:9px 11px;border:0;border-radius:var(--ju-radius-sm);background:transparent;color:var(--ju-text-strong);font:inherit;font-size:13px;font-weight:700;text-decoration:none;}
.mobileActionOverflowPanel a:hover,.mobileActionOverflowPanel a:focus-visible,.mobileActionOverflowPanel button:hover,.mobileActionOverflowPanel button:focus-visible{background:var(--ju-soft);}
.premiumRecordContextMeta{display:flex;align-items:center;gap:0;flex-wrap:wrap;}
.premiumRecordContextMeta>span{display:inline-flex;align-items:center;min-height:0;}
.premiumRecordContextMeta>span+span::before{content:"·";margin:0 9px;color:var(--ju-text-subtle);}
.recordHeaderActions{align-items:center;}

@media (max-width:760px){
  .premiumProgress--desktop{display:none;}
  .premiumProgressMobile{display:block;margin:0;border:1px solid var(--ju-border);border-top:3px solid var(--ju-gold);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:0 6px 18px var(--ju-shadow-color-soft);overflow:hidden;}
  .premiumProgressMobile>summary{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"eyebrow action" "title action" "hint action";gap:2px 12px;align-items:center;min-height:72px;padding:11px 13px;list-style:none;cursor:pointer;}
  .premiumProgressMobile>summary::-webkit-details-marker{display:none;}
  .premiumProgressMobile>summary::after{content:"⌄";grid-area:action;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-soft);color:var(--ju-text-strong);font-size:16px;font-style:normal;font-weight:800;transition:transform var(--ju-motion-fast) var(--ju-ease-standard);}
  .premiumProgressMobile[open]>summary::after{transform:rotate(180deg);}
  .premiumProgressMobile>summary span{grid-area:eyebrow;color:var(--ju-text-muted);font-size:11px;font-weight:700;letter-spacing:.025em;}
  .premiumProgressMobile>summary strong{grid-area:title;color:var(--ju-text-strong);font-size:15px;font-weight:700;line-height:1.25;}
  .premiumProgressMobile>summary small{grid-area:hint;color:var(--ju-text-muted);font-size:12px;line-height:1.35;}
  .premiumProgressMobile>summary em{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
  .premiumProgressMobile .premiumProgress--mobile-list{display:grid;grid-template-columns:1fr;margin:0;border:0;border-top:1px solid var(--ju-border);border-radius:0;box-shadow:none;}
  .premiumProgressMobile .premiumProgressStep{min-height:58px;padding:9px 12px;border-top:0;border-bottom:1px solid var(--ju-border-soft);}
  .premiumProgressMobile .premiumProgressStep:last-child{border-bottom:0;}

  .offerEditorPage .premiumEditorOverview{gap:9px;margin-bottom:10px;}
  .offerEditorPage .documentCompletionDisclosure{margin:0;padding:0;overflow:hidden;}
  .offerEditorPage .documentCompletionDisclosure>.documentCompletionHead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-height:64px;padding:10px 12px;cursor:pointer;}
  .offerEditorPage .documentCompletionDisclosure>.documentCompletionHead::after{content:"Prüfpunkte";grid-column:1/-1;color:var(--ju-text-muted);font-size:11px;font-weight:650;line-height:1.25;}
  .offerEditorPage .documentCompletionDisclosure>.documentCompletionHead>div>span{display:none;}
  .offerEditorPage .documentCompletionDisclosure>.documentCompletionHead>div>strong{font-size:14px;font-weight:700;}
  .offerEditorPage .documentCompletionDisclosure .documentCompletionSummary{min-height:30px;padding:5px 8px;font-size:11px;font-weight:700;}
  .offerEditorPage .documentCompletionDisclosure .documentCompletionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 10px 10px;}
  .offerEditorPage .documentCompletionDisclosure .documentCompletionItem{grid-template-columns:24px minmax(0,1fr);padding:8px;}
  .offerEditorPage .documentCompletionDisclosure .documentCompletionValue{grid-column:2;font-size:11px;}
  .offerEditorPage .page-header-actions{display:none;}
  .offerEditorPage .documentEditorWorkspaceBar{min-height:48px;padding:8px 10px;}
  .offerEditorPage .documentEditorWorkspaceHint strong{font-size:12px;}
  .offerEditorPage .documentEditorWorkspaceHint span{font-size:10.5px;}
  .offerEditorPage .documentEditorWorkspaceBar .btn{flex:0 0 auto;width:auto;min-height:40px;padding-inline:11px;}
  .offerEditorPage .documentEditorContextPanel,.offerEditorPage .documentEditorCanvasPanel{padding:12px;}
  .offerEditorPage .documentEditorSection{gap:10px;}
  .offerEditorPage .page{padding-bottom:88px;}

  .mobileContextActionBar{position:fixed;left:calc(10px + var(--ju-safe-left,0px));right:calc(10px + var(--ju-safe-right,0px));bottom:calc(8px + var(--ju-safe-bottom,0px));z-index:96;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr) 44px;gap:8px;align-items:center;padding:8px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:rgba(255,255,255,.97);box-shadow:0 16px 44px rgba(15,23,42,.22);backdrop-filter:blur(14px);}
  .mobileContextActionBar .btn{width:100%;min-height:44px;padding-inline:10px;}
  .mobileContextActionBar .btn-icon{width:44px;min-width:44px;padding:0;}

  .premiumRecordPageHeader{gap:9px;margin-bottom:7px;}
  .premiumRecordPageHeader .page-subtitle{max-width:42ch;}
  .premiumRecordPageHeader .recordHeaderActions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;gap:8px;width:100%;}
  .premiumRecordPageHeader .recordHeaderActions>form{width:auto;min-width:0;}
  .premiumRecordPageHeader .recordHeaderActions .btn{width:100%;min-width:0;padding-inline:9px;white-space:nowrap;}
  .premiumRecordPageHeader .recordHeaderActions .pageActionMenu{width:44px;}
  .premiumRecordPageHeader .recordHeaderActions .pageActionMenu>summary{width:44px;min-width:44px;padding:0;}
  .premiumRecordContextMeta{display:flex;align-items:center;gap:4px 0;margin:0 0 12px;font-size:12px;line-height:1.4;}
  .premiumRecordContextMeta>span{display:inline-flex;min-height:0;padding:0;}
  .premiumRecordContextMeta>span+span::before{margin:0 7px;}

  .premiumRecordWorkspace>.card-b{padding-top:0;}
  .premiumRecordWorkspace .premiumRecordTabs{position:relative;gap:0;margin:0 0 12px;padding:0 30px 0 0;scroll-snap-type:x proximity;scrollbar-width:none;background:linear-gradient(90deg,transparent calc(100% - 28px),var(--ju-soft));}
  .premiumRecordWorkspace .premiumRecordTabs::-webkit-scrollbar{display:none;}
  .premiumRecordWorkspace .premiumRecordTab{scroll-snap-align:start;min-height:44px;padding:9px 12px;font-size:12.5px;font-weight:700;}
  .premiumRecordWorkspace .premiumRecordTab small{min-width:22px;min-height:20px;font-size:10px;font-weight:700;}
}

@media (prefers-reduced-motion:reduce){
  .premiumProgressMobile>summary::after{transition:none;}
}

/* n2g-b tab-overflow affordance and icon-only overflow summary */
.premiumRecordTabRail{position:relative;min-width:0;}
.premiumRecordTabHint{display:none;}
.pageActionMenu>summary.btn-icon::after{display:none;}
@media(max-width:760px){
  .premiumRecordWorkspace .premiumRecordTabRail{margin:0 0 12px;}
  .premiumRecordWorkspace .premiumRecordTabRail .premiumRecordTabs{margin:0;}
  .premiumRecordTabHint{position:absolute;top:1px;right:0;bottom:1px;display:grid;place-items:center;width:30px;background:linear-gradient(90deg,rgba(245,246,248,0),var(--ju-soft) 48%);color:var(--ju-text-strong);font-size:23px;font-weight:500;pointer-events:none;}
}

/* ==== v3.7j-n2g-b refinement: tablet task-first editor and narrow record legibility ==== */
@media (min-width:761px) and (max-width:820px){
  .premiumProgress--desktop{display:none;}
  .premiumProgressMobile{display:block;margin:0;border:1px solid var(--ju-border);border-top:3px solid var(--ju-gold);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:0 6px 18px var(--ju-shadow-color-soft);overflow:hidden;}
  .premiumProgressMobile>summary{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"eyebrow action" "title action" "hint action";gap:2px 12px;align-items:center;min-height:72px;padding:11px 13px;list-style:none;cursor:pointer;}
  .premiumProgressMobile>summary::-webkit-details-marker{display:none;}
  .premiumProgressMobile>summary::after{content:"⌄";grid-area:action;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-soft);color:var(--ju-text-strong);font-size:16px;font-style:normal;font-weight:800;transition:transform var(--ju-motion-fast) var(--ju-ease-standard);}
  .premiumProgressMobile[open]>summary::after{transform:rotate(180deg);}
  .premiumProgressMobile>summary span{grid-area:eyebrow;color:var(--ju-text-muted);font-size:11px;font-weight:700;letter-spacing:.025em;}
  .premiumProgressMobile>summary strong{grid-area:title;color:var(--ju-text-strong);font-size:15px;font-weight:700;line-height:1.25;}
  .premiumProgressMobile>summary small{grid-area:hint;color:var(--ju-text-muted);font-size:12px;line-height:1.35;}
  .premiumProgressMobile>summary em{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
  .premiumProgressMobile .premiumProgress--mobile-list{display:grid;grid-template-columns:1fr;margin:0;border:0;border-top:1px solid var(--ju-border);border-radius:0;box-shadow:none;}
  .premiumProgressMobile .premiumProgressStep{min-height:58px;padding:9px 12px;border-top:0;border-bottom:1px solid var(--ju-border-soft);}
  .premiumProgressMobile .premiumProgressStep:last-child{border-bottom:0;}

  .offerEditorPage .premiumEditorOverview{gap:9px;margin-bottom:10px;}
  .offerEditorPage .documentCompletionDisclosure{margin:0;padding:0;overflow:hidden;}
  .offerEditorPage .documentCompletionDisclosure>.documentCompletionHead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-height:64px;padding:10px 12px;cursor:pointer;}
  .offerEditorPage .documentCompletionDisclosure>.documentCompletionHead::after{content:"Prüfpunkte";grid-column:1/-1;color:var(--ju-text-muted);font-size:11px;font-weight:650;line-height:1.25;}
  .offerEditorPage .documentCompletionDisclosure>.documentCompletionHead>div>span{display:none;}
  .offerEditorPage .documentCompletionDisclosure>.documentCompletionHead>div>strong{font-size:14px;font-weight:700;}
  .offerEditorPage .documentCompletionDisclosure .documentCompletionSummary{min-height:30px;padding:5px 8px;font-size:11px;font-weight:700;}
  .offerEditorPage .documentCompletionDisclosure .documentCompletionGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 10px 10px;}
  .offerEditorPage .documentCompletionDisclosure .documentCompletionItem{grid-template-columns:24px minmax(0,1fr);padding:8px;}
  .offerEditorPage .documentCompletionDisclosure .documentCompletionValue{grid-column:2;font-size:11px;}
  .offerEditorPage .page-header-actions{display:none;}
  .offerEditorPage .documentEditorWorkspaceBar{min-height:48px;padding:8px 10px;}
  .offerEditorPage .documentEditorWorkspaceHint strong{font-size:12px;}
  .offerEditorPage .documentEditorWorkspaceHint span{font-size:11px;}
  .offerEditorPage .documentEditorWorkspaceBar .btn{flex:0 0 auto;width:auto;min-height:40px;padding-inline:11px;}
  .offerEditorPage .page{padding-bottom:88px;}
  .offerEditorPage .mobileContextActionBar{position:fixed;left:calc(12px + var(--ju-safe-left,0px));right:calc(12px + var(--ju-safe-right,0px));bottom:calc(10px + var(--ju-safe-bottom,0px));z-index:96;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr) 44px;gap:8px;align-items:center;padding:8px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:rgba(255,255,255,.97);box-shadow:0 16px 44px rgba(15,23,42,.22);backdrop-filter:blur(14px);}
  .offerEditorPage .mobileContextActionBar .btn{width:100%;min-height:44px;padding-inline:10px;}
  .offerEditorPage .mobileContextActionBar .btn-icon{width:44px;min-width:44px;padding:0;}
}

@media (max-width:900px){
  .premiumRecordWorkspace .premiumRecordTabRail{margin:0 0 12px;}
  .premiumRecordWorkspace .premiumRecordTabRail .premiumRecordTabs{margin:0;}
  .premiumRecordTabHint{position:absolute;top:1px;right:0;bottom:1px;display:grid;place-items:center;width:30px;background:linear-gradient(90deg,rgba(245,246,248,0),var(--ju-soft) 48%);color:var(--ju-text-strong);font-size:23px;font-weight:500;pointer-events:none;}
}

@media (max-width:760px){
  .premiumRecordContextMeta{gap:4px 14px;}
  .premiumRecordContextMeta>span+span::before{display:none;}
}

@media (max-width:360px){
  .premiumCustomerIdentity{grid-template-columns:44px minmax(0,1fr);gap:10px;}
  .premiumCustomerAvatar{width:44px;height:44px;}
  .premiumCustomerFacts>div{grid-template-columns:minmax(72px,.72fr) minmax(0,1fr);gap:7px;padding:5px 0;}
  .premiumCustomerFacts span{font-size:11.5px;line-height:1.35;}
  .premiumCustomerFacts strong{overflow:visible;font-size:12px;line-height:1.35;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;}
}

/* n2g-b: the late editor-specific desktop rule must not reintroduce a narrow
   two-column grid below the single-column tablet breakpoint. */
@media (max-width:1050px){
  .offerEditorPage .documentEditorShell[data-document-editor-layout="three-column"],
  .offerEditorPage .documentEditorShell[data-document-editor-layout="three-column"].is-preview-hidden{grid-template-columns:minmax(0,1fr);}
  .offerEditorPage .documentEditorShell[data-document-editor-layout="three-column"] .documentEditorContextPanel,
  .offerEditorPage .documentEditorShell[data-document-editor-layout="three-column"] .documentEditorCanvasPanel,
  .offerEditorPage .documentEditorShell[data-document-editor-layout="three-column"] .documentEditorPreviewPanel{grid-column:1;position:static;}
}

@media (max-width:820px){
  .offerEditorPage .documentEditorWorkspaceBar [data-document-editor-toggle-preview]{display:none;}
}
@media (max-width:360px){
  .premiumCustomerFacts>div{grid-template-columns:minmax(84px,.82fr) minmax(0,1fr);}
  .premiumCustomerFacts span{overflow-wrap:anywhere;}
}
@media (max-width:360px){
  .premiumCustomerIdentity{grid-template-columns:minmax(0,1fr);}
  .premiumCustomerAvatar{display:none;}
  .premiumCustomerFacts>div{grid-template-columns:90px minmax(0,1fr);}
}

/* Tab overflow hint is shown only when JavaScript confirms clipped content. */
.premiumRecordTabRail:not(.has-tab-overflow) .premiumRecordTabHint,
.premiumRecordTabRail.is-tab-end .premiumRecordTabHint{display:none;}

/* Record cards keep icons and label/value pairs legible across tablet widths. */
.premiumRecordWorkspace .card-h strong{display:flex;align-items:center;gap:8px;}
.premiumRecordWorkspace .card-h svg{flex:0 0 auto;width:16px;height:16px;color:var(--ju-text-muted);}
@media (min-width:421px) and (max-width:820px){
  .premiumRecordWorkspace .context-list-row{display:grid;grid-template-columns:minmax(110px,.45fr) minmax(0,1fr);gap:10px;align-items:start;}
  .premiumRecordWorkspace .context-list-row>strong,
  .premiumRecordWorkspace .context-list-row>.context-list-value{min-width:0;text-align:left;overflow-wrap:anywhere;}
}
@media (max-width:420px){
  .premiumRecordWorkspace .context-list-row{display:grid;grid-template-columns:minmax(0,1fr);gap:3px;align-items:start;}
  .premiumRecordWorkspace .context-list-row>strong,
  .premiumRecordWorkspace .context-list-row>.context-list-value{display:block;min-width:0;text-align:left;overflow-wrap:anywhere;}
}
@media (max-width:820px){
  .offerEditorPage .documentEditorWorkspaceBar{display:none;}
}
@media (max-width:820px){
  .offerEditorPage .documentItemRow .icon-button,
  .offerEditorPage .documentItemRow>button{width:44px;min-width:44px;height:44px;min-height:44px;}
}

/* ========================================================================== */
/* v3.7j-n2g-c: premium data tables, quiet status language, overflow and modal sizing */
/* ========================================================================== */
.actionOverflow,
.pageActionMenu.actionOverflow,
.mobileActionOverflow.actionOverflow{
  position:relative;
  width:auto;
  min-width:0;
}
.actionOverflow > summary,
.actionOverflowTrigger{
  position:relative;
  display:inline-grid;
  place-items:center;
  width:40px;
  min-width:40px;
  height:40px;
  min-height:40px;
  padding:0;
  list-style:none;
  cursor:pointer;
}
.actionOverflow > summary::-webkit-details-marker{display:none;}
.actionOverflow > summary::after{display:none;}
.overflowGlyph{
  position:relative;
  display:block;
  width:18px;
  height:4px;
  color:currentColor;
}
.overflowGlyph::before{
  content:"";
  position:absolute;
  top:0;
  left:7px;
  width:4px;
  height:4px;
  border-radius:6px;
  background:currentColor;
  box-shadow:-6px 0 0 currentColor,6px 0 0 currentColor;
}
.actionOverflow[open] > summary,
.actionOverflow.is-open > summary{
  border-color:var(--ju-accent-line);
  background:var(--ju-accent-soft);
  color:var(--ju-text-strong);
  box-shadow:0 0 0 3px var(--ju-accent-focus);
}
.actionOverflowPanel,
.actionOverflow .pageActionMenuPanel,
.actionOverflow .mobileActionOverflowPanel{
  position:absolute;
  z-index:calc(var(--ju-z-modal) - 4);
  top:calc(100% + 8px);
  right:0;
  bottom:auto;
  display:grid;
  gap:2px;
  width:min(280px,calc(100vw - 28px));
  min-width:220px;
  max-height:min(420px,70vh);
  padding:6px;
  overflow:auto;
  border:1px solid var(--ju-border);
  border-radius:var(--ju-radius);
  background:var(--ju-card);
  box-shadow:0 20px 50px rgba(15,23,42,.18);
}
.actionOverflow[data-align="start"] .actionOverflowPanel{right:auto;left:0;}
.actionOverflowItem,
.actionOverflow .pageActionMenuItem,
.actionOverflow .mobileActionOverflowPanel > a,
.actionOverflow .mobileActionOverflowPanel > button{
  display:flex;
  align-items:center;
  width:100%;
  min-height:42px;
  padding:9px 11px;
  border:0;
  border-radius:var(--ju-radius-sm);
  background:transparent;
  color:var(--ju-text-strong);
  font:inherit;
  font-size:13px;
  font-weight:650;
  line-height:1.35;
  text-align:left;
  text-decoration:none;
  cursor:pointer;
}
.actionOverflowItem:hover,
.actionOverflowItem:focus-visible,
.actionOverflow .pageActionMenuItem:hover,
.actionOverflow .pageActionMenuItem:focus-visible{
  background:var(--ju-soft);
  color:var(--ju-text-strong);
}
.actionOverflowItem.is-danger{color:var(--ju-danger);}
.actionOverflowItem[disabled],
.actionOverflowItem[aria-disabled="true"]{opacity:.52;cursor:not-allowed;}
.page-header-actions > .actionOverflow,
.recordHeaderActions > .actionOverflow{flex:0 0 auto;}

.premiumWorkflowTableWrap{
  position:relative;
  overflow:auto;
  scrollbar-gutter:stable;
}
.premiumDataTable{
  width:100%;
  font-variant-numeric:tabular-nums;
}
.premiumDataTable thead th{
  position:sticky;
  top:0;
  z-index:3;
  padding:11px 12px;
  background:#f8f9fb;
  color:var(--ju-text-muted);
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.045em;
  text-transform:uppercase;
  box-shadow:inset 0 -1px 0 var(--ju-border-strong);
}
.premiumDataTable tbody td{
  padding:12px;
  vertical-align:middle;
}
.premiumDataTable tbody tr:last-child td{border-bottom:0;}
.premiumDataTable tbody tr:focus-within td{background:var(--ju-accent-hover);}
.premiumDataTable .mobileTableAmount{text-align:right;font-weight:700;color:var(--ju-text-strong);white-space:nowrap;}
.premiumDataTable .mobileTableDate{white-space:nowrap;color:var(--ju-text-muted);}
.premiumDataTable .mobileTableActions{width:56px;text-align:right;white-space:nowrap;}
.premiumDataTable .mobileTableActions > .actionOverflow{margin-left:auto;}
.premiumDataTable .statusText{
  font-size:12px;
  font-weight:650;
}
.premiumDataTable .badge{
  justify-content:flex-start;
  gap:7px;
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  font-size:12px;
  font-weight:650;
}
.premiumDataTable .badge::before{
  content:"";
  flex:0 0 7px;
  width:7px;
  height:7px;
  border-radius:6px;
  background:currentColor;
}

.statusText{
  gap:7px;
  min-height:20px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  font-size:12px;
  font-weight:650;
  letter-spacing:0;
  text-transform:none;
}
.statusText::before{
  flex-basis:7px;
  width:7px;
  height:7px;
  box-shadow:none;
}
.premiumTitleLine .statusText,
.premiumTaskRow--check > small.statusText,
.card-h .statusText{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.premiumWorkflowDialog{
  width:min(720px,calc(100vw - 48px));
  max-width:calc(100vw - 48px);
  max-height:90vh;
  max-height:90dvh;
}
.premiumWorkflowDialog.modalSizeS,
.premiumWorkflowPage .premiumWorkflowDialog.modalSizeS{
  width:min(520px,calc(100vw - 48px));
}
.premiumWorkflowDialog.modalSizeM,
.premiumWorkflowPage .premiumWorkflowDialog.modalSizeM{
  width:min(720px,calc(100vw - 48px));
}
.premiumWorkflowDialog.modalSizeL,
.premiumWorkflowPage .premiumWorkflowDialog.modalSizeL{
  width:min(920px,calc(100vw - 48px));
}
.premiumWorkflowDialog.modalSizeXL,
.premiumWorkflowPage .premiumWorkflowDialog.modalSizeXL{
  width:min(1160px,calc(100vw - 48px));
}
.premiumWorkflowDialog.modalSizeS .communicationModalBody,
.premiumWorkflowDialog.modalSizeS .ticketThreadModalBody,
.premiumWorkflowDialog.modalSizeS .modalBody{
  padding:20px 22px;
}
.premiumWorkflowDialog.modalSizeS .communicationModalBody > :first-child,
.premiumWorkflowDialog.modalSizeS .ticketThreadModalBody > :first-child{
  margin-top:0;
}
.premiumWorkflowDialog .communicationModalBar,
.premiumWorkflowDialog .modalHeader{
  min-height:68px;
  padding:13px 16px 12px 20px;
}
.premiumWorkflowDialog .communicationModalBar .eyebrow{
  font-size:10px;
  font-weight:700;
  letter-spacing:.055em;
}
.premiumWorkflowDialog .communicationModalBar h2,
.premiumWorkflowDialog .modalHeader h2{
  font-size:20px;
  font-weight:700;
  letter-spacing:-.015em;
}
.premiumWorkflowDialog .communicationModalFooter,
.premiumWorkflowDialog .modalFooter{
  min-height:64px;
  padding:12px 20px;
}

@media (max-width:760px){
  .actionOverflow,
  .pageActionMenu.actionOverflow,
  .mobileActionOverflow.actionOverflow{width:44px;}
  .actionOverflow > summary,
  .actionOverflowTrigger{width:44px;min-width:44px;height:44px;min-height:44px;}
  .actionOverflowPanel,
  .actionOverflow .pageActionMenuPanel,
  .actionOverflow .mobileActionOverflowPanel{
    position:fixed;
    left:10px;
    right:10px;
    top:auto;
    bottom:calc(10px + var(--ju-safe-bottom,0px));
    width:auto;
    min-width:0;
    max-height:min(62vh,520px);
    padding:8px;
    border-radius:var(--ju-radius);
    box-shadow:0 24px 70px rgba(15,23,42,.28);
  }
  .actionOverflowItem,
  .actionOverflow .pageActionMenuItem,
  .actionOverflow .mobileActionOverflowPanel > a,
  .actionOverflow .mobileActionOverflowPanel > button{min-height:48px;padding:11px 13px;font-size:14px;}

  .premiumWorkflowTableWrap,
  .premiumWorkflowPage .premiumWorkflowTableWrap,
  .premiumWorkflowPage .table-wrap{
    overflow:visible;
    border:0;
    background:transparent;
    box-shadow:none;
  }
  .premiumDataTable,
  .premiumWorkflowPage .premiumDataTable{display:block;min-width:0;width:100%;}
  .premiumDataTable thead{display:none;}
  .premiumDataTable tbody{display:grid;gap:10px;}
  .premiumDataTable tbody tr,
  .premiumWorkflowPage .premiumDataTable tbody tr{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:0;
    margin:0;
    padding:0;
    overflow:visible;
    border:1px solid var(--ju-border);
    border-radius:var(--ju-radius);
    background:var(--ju-card);
    box-shadow:0 5px 16px rgba(15,23,42,.05);
  }
  .premiumDataTable tbody td,
  .premiumWorkflowPage .premiumDataTable tbody td{
    display:grid;
    grid-template-columns:minmax(92px,34%) minmax(0,1fr);
    grid-column:1/-1;
    gap:10px;
    align-items:start;
    min-height:0;
    padding:8px 12px;
    border:0;
    border-top:1px solid var(--ju-border-soft);
    text-align:left;
  }
  .premiumDataTable tbody td::before{
    content:attr(data-mobile-label);
    color:var(--ju-text-muted);
    font-size:12px;
    font-weight:650;
    line-height:1.35;
  }
  .premiumDataTable tbody .mobileTablePrimary{
    display:block;
    grid-column:1/-1;
    order:-10;
    padding:12px 12px 10px;
    border-top:0;
    color:var(--ju-text-strong);
    font-size:15px;
    line-height:1.35;
  }
  .premiumDataTable tbody .mobileTablePrimary::before{display:none;}
  .premiumDataTable tbody .mobileTableAmount{text-align:left;}
  .premiumDataTable tbody .mobileTableActions{
    display:flex;
    grid-column:1/-1;
    justify-content:flex-end;
    align-items:center;
    width:auto;
    padding:8px 10px;
  }
  .premiumDataTable tbody .mobileTableActions::before{display:none;}
  .premiumDataTable .mobileTableActions .btn,
  .premiumDataTable .mobileTableActions button,
  .premiumDataTable .mobileTableActions a.btn{width:auto;min-width:44px;}
  .premiumDataTable .mobileTableActions > .actionOverflow{margin-left:auto;}

  .premiumWorkflowDialog,
  .premiumWorkflowPage .premiumWorkflowDialog,
  .premiumWorkflowDialog.modalSizeS,
  .premiumWorkflowDialog.modalSizeM,
  .premiumWorkflowDialog.modalSizeL,
  .premiumWorkflowDialog.modalSizeXL,
  .premiumWorkflowPage .premiumWorkflowDialog.modalSizeS,
  .premiumWorkflowPage .premiumWorkflowDialog.modalSizeM,
  .premiumWorkflowPage .premiumWorkflowDialog.modalSizeL,
  .premiumWorkflowPage .premiumWorkflowDialog.modalSizeXL{
    width:100%;
    max-width:none;
    max-height:94vh;
    max-height:94dvh;
    margin:auto 0 0;
    border-radius:var(--ju-radius) var(--ju-radius) 0 0;
  }
  .premiumWorkflowDialog.modalSizeL,
  .premiumWorkflowDialog.modalSizeXL,
  .premiumWorkflowPage .premiumWorkflowDialog.modalSizeL,
  .premiumWorkflowPage .premiumWorkflowDialog.modalSizeXL{
    min-height:min(82vh,760px);
    min-height:min(82dvh,760px);
  }
  .premiumWorkflowDialog .communicationModalBar,
  .premiumWorkflowDialog .modalHeader{min-height:64px;padding:10px 10px 9px 14px;}
  .premiumWorkflowDialog .communicationModalBody,
  .premiumWorkflowDialog .ticketThreadModalBody,
  .premiumWorkflowDialog .modalBody{padding:14px;}
  .premiumWorkflowDialog .communicationModalFooter,
  .premiumWorkflowDialog .modalFooter{padding:10px 12px;}
}

@media (forced-colors:active){
  .overflowGlyph{background:radial-gradient(circle,ButtonText 2px,transparent 2.2px) 0 50%/7px 5px repeat-x;}
  .actionOverflowPanel,.premiumDataTable tbody tr,.premiumWorkflowDialog{border:1px solid CanvasText;box-shadow:none;}
}


/* === v3.7j-n2g-d1 previews, setup command center and typography closure === */
.documentViewer{border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);overflow:hidden;box-shadow:0 12px 30px var(--ju-shadow-color-soft)}
.documentViewerTopbar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;padding:9px 11px 9px 14px;border-bottom:1px solid var(--ju-border-soft);background:var(--ju-card)}
.documentViewerIdentity{display:flex;align-items:center;gap:10px;min-width:0}
.documentViewerIdentityIcon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid var(--ju-border-soft);border-radius:6px;background:var(--ju-surface-subtle);color:var(--ju-text-strong)}
.documentViewerIdentityIcon svg,.documentViewerToolButton svg{width:18px;height:18px}
.documentViewerIdentity strong,.documentViewerIdentity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.documentViewerIdentity strong{color:var(--ju-text-strong);font-size:13px;font-weight:700}
.documentViewerIdentity small{margin-top:2px;color:var(--ju-text-muted);font-size:11.5px;line-height:1.3}
.documentViewerIdentity small[data-tone="ready"]{color:var(--ju-success)}
.documentViewerIdentity small[data-tone="error"]{color:var(--ju-danger)}
.documentViewerTools{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}
.documentViewerFitGroup,.documentViewerPager{display:flex;align-items:center;gap:5px;margin:0}
.documentViewerFitGroup{padding-left:7px;border-left:1px solid var(--ju-border-soft)}
.documentViewerToolButton{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border-color:transparent;background:transparent;color:var(--ju-text-muted)}
.documentViewerToolButton:hover,.documentViewerToolButton.is-active{border-color:var(--ju-border);background:var(--ju-surface-subtle);color:var(--ju-text-strong)}
.documentViewerToolButton.is-active{box-shadow:inset 0 -2px 0 var(--ju-accent)}
.documentViewerPagerButton{display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;font-size:18px}
.documentViewerPageBadge{min-width:max-content;color:var(--ju-text-muted);font-size:11.5px;font-weight:650}
.documentViewer>.documentViewerViewport{border:0;border-radius:0;background:linear-gradient(145deg,var(--ju-surface-subtle),var(--ju-soft))}
.documentViewer>.documentViewerActions{margin:0;padding:10px 12px;border-top:1px solid var(--ju-border-soft);background:var(--ju-card)}
.documentViewer:not(:has(.documentViewerActions>*))>.documentViewerActions{display:none}
.form-field[data-field-state]{position:relative}
.formFieldState{display:inline-flex;align-items:center;gap:5px;justify-self:start;margin:-1px 0 5px;color:var(--ju-text-muted);font-size:11.5px;font-weight:650;line-height:1.3}
.formFieldState::before{content:'';width:7px;height:7px;border-radius:6px;background:var(--ju-text-muted)}
.formFieldState--suggested::before{background:var(--ju-accent)}
.formFieldState--calculated::before{background:var(--ju-info)}
.formFieldState--locked::before{background:var(--ju-border-strong)}
.form-field[data-field-state="suggested"] .input,.form-field[data-field-state="suggested"] .select,.input.input--autofilled{border-color:var(--ju-accent-line);background:linear-gradient(0deg,var(--ju-accent-soft),var(--ju-accent-soft)),var(--ju-card)}
.form-field[data-field-state="calculated"] .input,.form-field[data-field-state="locked"] .input,.form-field[data-field-state="calculated"] .select,.form-field[data-field-state="locked"] .select{border-style:dashed;background:var(--ju-surface-subtle)}
.accountCommandCenter{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:16px;align-items:stretch}
.accountReadinessPanel,.accountNextPanel--command{padding:22px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:0 12px 30px var(--ju-shadow-color-soft)}
.accountReadinessPanel{display:grid;gap:18px}
.accountReadinessHead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.accountSectionEyebrow{display:block;margin-bottom:5px;color:var(--ju-text-muted);font-size:11px;font-weight:750;letter-spacing:.065em;text-transform:uppercase}
.accountProgressValue{flex:0 0 auto;color:var(--ju-text-strong);font-size:30px;font-weight:750;letter-spacing:-.035em}
.accountProgressBar{display:block;width:100%;height:9px;border:0;border-radius:6px;overflow:hidden;background:var(--ju-surface-subtle)}
.accountProgressBar::-webkit-progress-bar{background:var(--ju-surface-subtle)}
.accountProgressBar::-webkit-progress-value{background:var(--ju-accent)}
.accountProgressBar::-moz-progress-bar{background:var(--ju-accent)}
.accountReadinessGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.accountReadinessGrid>div{display:grid;gap:3px;padding:12px 13px;border:1px solid var(--ju-border-soft);border-radius:6px;background:var(--ju-surface-subtle)}
.accountReadinessGrid span{color:var(--ju-text-muted);font-size:11.5px;font-weight:650}
.accountReadinessGrid strong{color:var(--ju-text-strong);font-size:15px;font-weight:700}
.accountReadinessGrid small{color:var(--ju-text-muted);font-size:11.5px}
.accountNextPanel--command{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:linear-gradient(145deg,var(--ju-card),var(--ju-accent-soft))}
.accountNextPanel--command p{margin:8px 0 18px;color:var(--ju-text-muted);line-height:1.55}
.accountNextMeta{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:16px;padding-top:12px;border-top:1px solid var(--ju-border-soft);color:var(--ju-text-muted);font-size:11.5px;font-weight:650}
.accountPackageDisclosure{padding:0;overflow:hidden}
.accountPackageDisclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px;padding:15px 18px;cursor:pointer;list-style:none}
.accountPackageDisclosure>summary::-webkit-details-marker{display:none}
.accountPackageDisclosure>summary span:first-child{display:grid;gap:3px}
.accountPackageDisclosure>summary strong{color:var(--ju-text-strong);font-size:14px}
.accountPackageDisclosure>summary small{color:var(--ju-text-muted);font-size:12px}
.accountPackageDisclosureBody{padding:0 18px 18px;border-top:1px solid var(--ju-border-soft)}
.vatPreviewPanel{overflow:hidden}
.vatPreviewHeader{padding:16px 18px;border-bottom:1px solid var(--ju-border-soft);background:var(--ju-card)}
.vatPreviewHeader h2{font-size:18px;font-weight:700;letter-spacing:-.015em}
.vatPreviewActions .btn{min-height:38px}
.vatPreviewFootnote{margin:0;padding:10px 16px;border-top:1px solid var(--ju-border-soft);background:var(--ju-surface-subtle);font-size:11.5px}
.financePreviewWorkbench{display:grid;gap:12px}
.document-preview--premium{min-height:330px;overflow:auto;border:1px solid var(--ju-border-soft);border-radius:6px;background:linear-gradient(145deg,var(--ju-surface-subtle),var(--ju-soft))}
.document-preview--premium>.documentViewer{border:0;border-radius:0;box-shadow:none}
.financePreviewToolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--ju-border-soft)}
.financePreviewToolbarGroup{display:flex;align-items:center;gap:6px}
.financePreviewSheet{width:min(100%,680px);margin:18px auto;padding:34px 38px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:0 18px 42px var(--ju-shadow-color)}
.financePreviewSheetHeader{display:flex;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid var(--ju-border)}
.financePreviewSheetHeader h3{margin:0;color:var(--ju-text-strong);font-size:20px;letter-spacing:-.02em}
.financePreviewSheetHeader p{margin:4px 0 0;color:var(--ju-text-muted);font-size:12px}
.financePreviewAmount{font-size:24px;font-weight:750;color:var(--ju-text-strong)}
.financePreviewFacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:20px 0;border:1px solid var(--ju-border-soft);border-radius:6px;overflow:hidden}
.financePreviewFacts>div{display:grid;gap:3px;padding:11px 12px;border-right:1px solid var(--ju-border-soft);border-bottom:1px solid var(--ju-border-soft)}
.financePreviewFacts>div:nth-child(2n){border-right:0}
.financePreviewFacts>div:nth-last-child(-n+2){border-bottom:0}
.financePreviewFacts dt{color:var(--ju-text-muted);font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.financePreviewFacts dd{margin:0;color:var(--ju-text-strong);font-size:13px;font-weight:650}
.vatFormPreviewSections{display:grid;gap:10px;margin-top:18px}
.vatFormPreviewSection{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid var(--ju-border-soft);border-radius:6px}
.vatFormPreviewKz{display:grid;place-items:center;min-height:34px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-surface-subtle);font-size:11px;font-weight:750}
.vatFormPreviewSection strong,.vatFormPreviewSection small{display:block}
.vatFormPreviewSection strong{font-size:12.5px}
.vatFormPreviewSection small{margin-top:2px;color:var(--ju-text-muted);font-size:11px}
.vatFormPreviewSection>a{font-size:11.5px;font-weight:650;color:var(--ju-text-strong)}
/* Reduce visual heaviness in the refined surfaces without changing global brand hierarchy. */
.accountCommandCenter .section-title,.settingsHubCardTitle,.financePreviewWorkbench h2,.financePreviewWorkbench h3{font-weight:700}
@media (max-width:980px){.accountCommandCenter{grid-template-columns:1fr}.accountNextPanel--command{min-height:0}.documentViewerTopbar{align-items:flex-start}.documentViewerTools{flex-wrap:wrap}}
@media (max-width:720px){.documentViewerTopbar{display:grid;grid-template-columns:minmax(0,1fr);padding:10px}.documentViewerTools{justify-content:flex-start;width:100%;padding-top:8px;border-top:1px solid var(--ju-border-soft)}.documentViewerFitGroup{padding-left:0;border-left:0}.documentViewerToolButton{width:44px;height:44px;min-height:44px;flex-basis:44px}.documentViewerPagerButton{width:44px;height:44px;min-height:44px}.documentViewerPageBadge{font-size:12px}.accountReadinessPanel,.accountNextPanel--command{padding:17px}.accountReadinessHead{align-items:center}.accountProgressValue{font-size:25px}.accountReadinessGrid{grid-template-columns:1fr}.accountNextPanel--command .btn{width:100%}.accountFlowCard{grid-template-columns:auto minmax(0,1fr)}.accountFlowState{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;justify-items:start;text-align:left;padding-left:46px}.accountFlowState .btn{min-height:44px}.financePreviewSheet{margin:10px auto;padding:22px 18px}.financePreviewSheetHeader{display:grid}.financePreviewFacts{grid-template-columns:1fr}.financePreviewFacts>div{border-right:0}.financePreviewFacts>div:nth-last-child(-n+2){border-bottom:1px solid var(--ju-border-soft)}.financePreviewFacts>div:last-child{border-bottom:0}.vatFormPreviewSection{grid-template-columns:46px minmax(0,1fr)}.vatFormPreviewSection>a{grid-column:2}.vatPreviewHeader{display:grid;gap:12px}.vatPreviewActions{display:grid;grid-template-columns:1fr 1fr}.vatPreviewActions .btn{min-height:44px}}
@media (max-width:420px){.documentViewerIdentityIcon{display:none}.documentViewerTools{gap:5px}.documentViewerPager{width:100%;justify-content:space-between}.documentViewerFitGroup{width:100%}.accountReadinessHead{display:grid}.accountNextMeta{align-items:flex-start;flex-direction:column}.accountPackageDisclosure>summary{padding:14px}.accountPackageDisclosureBody{padding:0 14px 14px}}

/* n2g-d1 mobile account journey: compact horizontal route instead of a five-row preamble. */
@media (max-width:760px){
  .accountJourney{overflow:hidden}
  .accountJourneyList{display:flex;grid-template-columns:none;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin}
  .accountJourneyItem{flex:0 0 min(82vw,300px);border-right:1px solid var(--ju-border-soft);border-bottom:0;scroll-snap-align:start}
  .accountJourneyItem:last-child{border-right:0}
  .accountJourneyItem a{min-height:74px;padding:12px 13px}
}

/* === v3.7j-n2g-d2 mobile finance, club and setup task-first closure === */
.mobileTaskDisclosure{min-width:0;margin:0}
.mobileTaskDisclosure>summary{display:none}
.mobileTaskDisclosureBody{min-width:0}
.mobileTaskDisclosureBody>.section,.mobileTaskDisclosureBody>.card,.mobileTaskDisclosureBody>.surface,.mobileTaskDisclosureBody>.reportCatalog{margin:0}
.mobileTaskDisclosureState{color:var(--ju-text-muted);font-size:12px;font-weight:650;white-space:nowrap}
.mobileTaskDisclosureChevron{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--ju-border-soft);border-radius:6px;color:var(--ju-text-muted);font-size:16px;line-height:1;transition:transform var(--ju-motion-fast) var(--ju-ease-standard)}
.mobileTaskDisclosure[open] .mobileTaskDisclosureChevron{transform:rotate(180deg)}
.mobileTaskDisclosureTitle{display:grid;gap:2px;min-width:0}
.mobileTaskDisclosureTitle strong{color:var(--ju-text-strong);font-size:14px;font-weight:700;line-height:1.3}
.mobileTaskDisclosureTitle small{color:var(--ju-text-muted);font-size:12px;line-height:1.35}
.clubFinanceTaskPage .financeFocusStats>div,.clubContributionTaskPage .financeFocusStats>div{min-width:0}
.clubFinanceTaskPage .reportReadinessAction{justify-self:start;margin-top:6px}
.clubFinanceTaskPage .reportCatalogAction,.clubContributionTaskPage .reportCatalogAction{font-weight:700}

@media (max-width:1023px){
  .appShellGrid>.appWorkbar:not(.appWorkbar--utility-only)+.appShellContent{margin-top:44px}
}

@media (max-width:760px){
  .mobileTaskDisclosure{display:block;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:0 8px 22px var(--ju-shadow-color-soft);overflow:hidden}
  .mobileTaskDisclosure>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:62px;padding:10px 12px 10px 14px;cursor:pointer;list-style:none;background:var(--ju-card)}
  .mobileTaskDisclosure>summary::-webkit-details-marker{display:none}
  .mobileTaskDisclosure>summary:hover{background:var(--ju-surface-subtle)}
  .mobileTaskDisclosure>summary:focus-visible{outline:2px solid var(--ju-accent);outline-offset:-2px}
  .mobileTaskDisclosureSummaryEnd{display:flex;align-items:center;gap:8px}
  .mobileTaskDisclosureBody{display:block;border-top:1px solid var(--ju-border-soft)}
  .mobileTaskDisclosure:not([open])>.mobileTaskDisclosureBody{display:none}
  .mobileTaskDisclosureBody>.section,.mobileTaskDisclosureBody>.card,.mobileTaskDisclosureBody>.surface,.mobileTaskDisclosureBody>.reportCatalog{border:0;border-radius:0;box-shadow:none}
  .mobileTaskDisclosure--form>summary{box-shadow:inset 3px 0 0 var(--ju-accent)}
  .mobileTaskDisclosure--filter>summary{min-height:56px}
  .mobileTaskDisclosure--catalog>summary{min-height:58px}
  .mobileTaskDisclosure--catalog .reportCatalog{padding:13px}
  .mobileTaskDisclosure--filter .ui-toolbar,.mobileTaskDisclosure--filter .reportControlPanel{margin:0;border:0;border-radius:0;box-shadow:none}

  .clubFinanceTaskPage .financeWorkspaceContent,.clubContributionTaskPage .financeWorkspaceContent{gap:12px}
  .clubFinanceTaskPage .clubFinanceDuplicateKpis{display:none}
  .clubFinanceTaskPage .page-header,.clubContributionTaskPage .page-header{margin-bottom:0}
  .clubFinanceTaskPage .financeFocusPanel,.clubContributionTaskPage .financeFocusPanel{gap:12px;margin:0;padding:14px}
  .clubFinanceTaskPage .financeFocusPanel h2,.clubContributionTaskPage .financeFocusPanel h2{margin:3px 0 4px;font-size:20px;line-height:1.15}
  .clubFinanceTaskPage .financeFocusPanel p,.clubContributionTaskPage .financeFocusPanel p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:12.5px;line-height:1.48}
  .clubFinanceTaskPage .financeFocusStats,.clubContributionTaskPage .financeFocusStats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;width:100%;padding:1px;border:1px solid var(--ju-border-soft);border-radius:6px;overflow:hidden;background:var(--ju-border-soft)}
  .clubFinanceTaskPage .financeFocusStats>div,.clubContributionTaskPage .financeFocusStats>div{display:grid;gap:2px;align-content:start;padding:9px 10px;border:0;background:var(--ju-surface-subtle)}
  .clubFinanceTaskPage .financeFocusStats>div:last-child:nth-child(odd),.clubContributionTaskPage .financeFocusStats>div:last-child:nth-child(odd){grid-column:1/-1}
  .clubFinanceTaskPage .financeFocusStats span,.clubContributionTaskPage .financeFocusStats span{font-size:10px;line-height:1.3}
  .clubFinanceTaskPage .financeFocusStats strong,.clubContributionTaskPage .financeFocusStats strong{font-size:14px;line-height:1.25}

  .clubFinanceTaskPage .reportReadiness{grid-template-columns:1fr;gap:12px;margin:0;padding:14px 14px 14px 16px;box-shadow:0 8px 22px var(--ju-shadow-color-soft)}
  .clubFinanceTaskPage .reportReadinessCopy{gap:4px}
  .clubFinanceTaskPage .reportReadinessCopy>span{font-size:10.5px;letter-spacing:.045em}
  .clubFinanceTaskPage .reportReadinessCopy h2{font-size:18px}
  .clubFinanceTaskPage .reportReadinessCopy p{font-size:12.5px;line-height:1.48}
  .clubFinanceTaskPage .reportReadinessFacts{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px}
  .clubFinanceTaskPage .reportReadinessFacts>div,.clubFinanceTaskPage .reportReadinessFacts>div:nth-child(2n){min-height:58px;padding:9px 10px;border:0}
  .clubFinanceTaskPage .reportReadinessFacts dt{font-size:10px;letter-spacing:.035em}
  .clubFinanceTaskPage .reportReadinessFacts dd{font-size:12px}

  .clubFinanceTaskPage .reportMetricStrip--cockpit{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;background:var(--ju-border-soft);box-shadow:0 8px 22px var(--ju-shadow-color-soft)}
  .clubFinanceTaskPage .reportMetricStrip--cockpit .reportMetric{min-height:92px;padding:11px 12px;border:0;background:var(--ju-card)}
  .clubFinanceTaskPage .reportMetric>span{font-size:10px;letter-spacing:.035em}
  .clubFinanceTaskPage .reportMetric>strong{font-size:19px}
  .clubFinanceTaskPage .reportMetric>small{font-size:11px;line-height:1.35}

  .clubFinanceTaskPage .reportCockpitOverview{gap:12px;margin:0}
  .clubFinanceTaskPage .reportIssueCenter,.clubFinanceTaskPage .reportCockpitSide .reportQualityFocus{padding:14px}
  .clubFinanceTaskPage .reportIssueList{gap:0;border:1px solid var(--ju-border-soft);border-radius:6px;overflow:hidden}
  .clubFinanceTaskPage .reportIssueRow{grid-template-columns:minmax(0,1fr);gap:8px;padding:11px 12px;border:0;border-bottom:1px solid var(--ju-border-soft);border-radius:0;box-shadow:none}
  .clubFinanceTaskPage .reportIssueRow:last-child{border-bottom:0}
  .clubFinanceTaskPage .reportIssueRow .btn{width:100%}
  .clubFinanceTaskPage .reportCockpitSide{gap:10px}

  .clubFinanceTaskPage--cockpit .clubFinanceTaskPrimary{order:10}
  .clubFinanceTaskPage--cockpit .clubFinanceTaskContext{order:20}
  .clubFinanceTaskPage--cockpit .clubFinanceTaskMetrics{order:30}
  .clubFinanceTaskPage--cockpit .clubFinanceTaskWork{order:40}
  .clubFinanceTaskPage--cockpit .clubFinanceTaskCatalog{order:50}

  .clubContributionTaskPage .clubContributionModelLayout,.clubContributionTaskPage .contributionGroupWorkspace{gap:12px}
  .clubContributionTaskPage .contributionReadinessGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0}
  .clubContributionTaskPage .contributionReadinessItem{min-height:74px;padding:10px 11px;border-top:0;border-left:3px solid var(--ju-border-strong)}
  .clubContributionTaskPage .contributionReadinessItem:last-child:nth-child(odd){grid-column:1/-1}
  .clubContributionTaskPage .contributionReadinessItem>span{font-size:10px}
  .clubContributionTaskPage .contributionReadinessItem>strong{font-size:16px}
  .clubContributionTaskPage .contributionReadinessItem>small{font-size:10.5px}

  .mobileDenseTable{background:transparent}
  .mobileDenseTable tbody{gap:9px;padding:0}
  .mobileDenseTable tr{gap:0;padding:0;overflow:hidden;box-shadow:0 6px 18px var(--ju-shadow-color-soft)}
  .mobileDenseTable.hasMobileLabels td,.mobileDenseTable.hasMobileLabels th{grid-template-columns:minmax(88px,34%) minmax(0,1fr);gap:9px;padding:8px 11px;border-top:1px solid var(--ju-border-soft)}
  .mobileDenseTable.hasMobileLabels td:first-child,.mobileDenseTable.hasMobileLabels th:first-child{border-top:0}
  .mobileDenseTable.hasMobileLabels .mobileTablePrimary:not(.mobileTableField){display:block;padding:11px;color:var(--ju-text-strong);font-size:15px}
  .mobileDenseTable.hasMobileLabels .mobileTableActions,.mobileDenseTable.hasMobileLabels .table-actions{display:flex;justify-content:flex-end;padding:9px 11px;border-top:1px solid var(--ju-border-soft)}
  .mobileDenseTable.hasMobileLabels .mobileTableActions .btn,.mobileDenseTable.hasMobileLabels .table-actions .btn{width:auto;min-width:108px}
  .mobileDenseTable .table-subline{font-size:11.5px}

  .clubContributionTaskPage .page-header-actions .btn-secondary{flex:1 1 0}
  .clubContributionTaskPage .page-header-actions .btn-primary{flex:1 1 100%;order:-1}
}

@media (max-width:340px){
  .clubFinanceTaskPage .financeFocusStats,.clubContributionTaskPage .financeFocusStats,.clubFinanceTaskPage .reportReadinessFacts,.clubFinanceTaskPage .reportMetricStrip--cockpit,.clubContributionTaskPage .contributionReadinessGrid{grid-template-columns:1fr}
  .clubFinanceTaskPage .financeFocusStats>div:last-child:nth-child(odd),.clubContributionTaskPage .financeFocusStats>div:last-child:nth-child(odd),.clubContributionTaskPage .contributionReadinessItem:last-child:nth-child(odd){grid-column:auto}
  .mobileDenseTable.hasMobileLabels td,.mobileDenseTable.hasMobileLabels th{grid-template-columns:1fr;gap:2px}
}

@media (prefers-reduced-motion:reduce){.mobileTaskDisclosureChevron{transition:none}}

/* === v3.7j-n2g-d3 finance, tax and import task-first closure === */
.financeTaskPage,.articleImportTaskPage{display:grid;gap:16px;align-content:start;min-width:0}
.financeTaskPage>*,.articleImportTaskPage>*{min-width:0}
.mobileTaskDisclosure>summary>span:first-child{display:grid;gap:2px;min-width:0}
.mobileTaskDisclosure>summary>span:first-child>strong{color:var(--ju-text-strong);font-size:14px;font-weight:700;line-height:1.3}
.mobileTaskDisclosure>summary>span:first-child>small{color:var(--ju-text-muted);font-size:12px;font-weight:500;line-height:1.4}
.financeTaskPage .financeTaskMetrics,.financeTaskPage .reportMetricStrip,.financeTaskPage .metric-grid{font-variant-numeric:tabular-nums}
.financeTaskPage .metric-value,.financeTaskPage .reportMetric>strong,.financeTaskPage .financeFocusStats strong,.financeTaskPage .taxPaymentItemAmount strong{font-weight:700;letter-spacing:-.02em}
.financeTaskPage .metric-label,.financeTaskPage .reportMetric>span,.financeTaskPage .taxPaymentOverviewFacts dt,.financeTaskPage .taxPaymentItemHeading>span,.financeTaskPage .taxPaymentItemAmount>span{font-size:11.5px;font-weight:650;letter-spacing:.025em}
.financeTaskPage .section-title,.articleImportTaskPage .section-title{font-weight:700;letter-spacing:-.015em}
.financeTaskPage--overview .financeTaskWorkspace{align-items:start}
.financeTaskPage--overview .financeTaskContext>.mobileTaskDisclosureBody>.financeSideStack{padding:0}
.financeTaskPage--bank-import .financeTaskWorkspace{align-items:start}
.financeTaskPage--bank-import .financeTaskContext[open]>.mobileTaskDisclosureBody{display:grid;gap:12px}
.financeTaskPage--reports .reportCockpitOverview{align-items:start}
.articleImportTaskPage .articleImportWorkspace{max-width:1180px;width:100%;margin-inline:auto}
.articleImportTaskPage .articleImportGuide>.mobileTaskDisclosureBody{padding:14px 16px}
.articleImportTaskPage .articleImportGuide ol{margin:0;padding-left:20px}
.articleImportTaskPage .articleImportGuide li+li{margin-top:6px}
.articleImportTaskPage .articleImportGuide p{margin:12px 0 0;color:var(--ju-text-muted);font-size:12.5px;line-height:1.5}
.articleImportTaskPage .articleImportTaskWork>.mobileTaskDisclosureBody,.articleImportTaskPage .articleImportTaskPreview>.mobileTaskDisclosureBody{padding:18px}
.articleImportTaskPage .articleImportTaskWork>.mobileTaskDisclosureBody>.section-header,.articleImportTaskPage .articleImportTaskPreview>.mobileTaskDisclosureBody>.section-header{margin-bottom:14px}

@media (max-width:1020px){
  .financeTaskPage--bank-import .layout-main,.financeTaskPage--overview .layout-main,.financeTaskPage--reports .reportCockpitOverview{grid-template-columns:minmax(0,1fr)}
  .financeTaskPage--vat .vatWorkspace{grid-template-columns:minmax(0,1fr)}
  .articleImportTaskPage .articleImportIntroGrid{grid-template-columns:minmax(0,1fr)}
}

@media (max-width:760px){
  .financeTaskPage,.articleImportTaskPage{gap:12px}
  .financeTaskPage .page-header,.articleImportTaskPage .page-header{margin-bottom:0}
  .financeTaskPage .page-subtitle,.articleImportTaskPage .page-subtitle{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:13px;line-height:1.45}
  .financeTaskPage .page-header-actions,.articleImportTaskPage .page-header-actions{display:flex;flex-direction:row;align-items:center;width:auto}
  .financeTaskPage .page-header-actions>.btn,.articleImportTaskPage .page-header-actions>.btn{width:auto;flex:0 1 auto}
  .financeTaskHeaderActions{margin-left:auto}

  .financeTaskPage--overview>.financeTaskPrimary{order:10}
  .financeTaskPage--overview>.financeTaskWorkspace{order:20}
  .financeTaskPage--overview>.financeTaskSecondary{order:30}
  .financeTaskPage--overview>.financeTaskInsights{order:40}
  .financeTaskPage--bookings>.financeTaskMetrics{order:10}
  .financeTaskPage--bookings>.financeTaskWork{order:20}
  .financeTaskPage--bookings>.financeTaskFilters{order:30}
  .financeTaskPage--reports>.financeTaskMetrics{order:10}
  .financeTaskPage--reports>.financeTaskWorkspace{order:20}
  .financeTaskPage--reports>.financeTaskWork{order:30}
  .financeTaskPage--reports>.financeTaskFilters{order:40}
  .financeTaskPage--tax-payments>.financeTaskPrimary{order:10}
  .financeTaskPage--tax-payments>.financeTaskWork{order:20}
  .financeTaskPage--tax-payments>.financeTaskFilters{order:30}

  .financeTaskPage .financeTaskWorkspace{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0}
  .financeTaskPage .financeTaskWork{min-width:0}
  .financeTaskPage .financeTaskContext{min-width:0}
  .financeTaskPage .financeTaskMetrics.metric-grid,.financeTaskPage .financeTaskMetrics .reportMetricStrip,.financeTaskPage .reportMetricStrip.financeTaskMetrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;padding:1px;border:1px solid var(--ju-border-soft);border-radius:6px;overflow:hidden;background:var(--ju-border-soft);box-shadow:0 8px 22px var(--ju-shadow-color-soft)}
  .financeTaskPage .financeTaskMetrics.metric-grid>.metric-card,.financeTaskPage .financeTaskMetrics .reportMetric,.financeTaskPage .reportMetricStrip.financeTaskMetrics>.reportMetric{min-height:88px;margin:0;padding:10px 11px;border:0;border-radius:0;background:var(--ju-card);box-shadow:none}
  .financeTaskPage .financeTaskMetrics .metric-value,.financeTaskPage .financeTaskMetrics .reportMetric>strong{font-size:18px;line-height:1.18}
  .financeTaskPage .financeTaskMetrics .metric-hint,.financeTaskPage .financeTaskMetrics .reportMetric>small{font-size:11.5px;line-height:1.35}

  .financeTaskPage--overview .financeFocusPanel{grid-template-columns:minmax(0,1fr);gap:12px;margin:0;padding:14px}
  .financeTaskPage--overview .financeFocusPanel h2{margin:3px 0 5px;font-size:21px;line-height:1.15}
  .financeTaskPage--overview .financeFocusPanel p{font-size:12.5px;line-height:1.48}
  .financeTaskPage--overview .financeFocusPanel .form-actions{position:static;margin:10px 0 0;padding:0;border:0;box-shadow:none;background:transparent}
  .financeTaskPage--overview .financeFocusPanel .form-actions .btn{width:100%}
  .financeTaskPage--overview .financeFocusStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;width:100%;padding:1px;border:1px solid var(--ju-border-soft);border-radius:6px;overflow:hidden;background:var(--ju-border-soft)}
  .financeTaskPage--overview .financeFocusStats>div{display:grid;gap:2px;min-width:0;padding:9px 8px;border:0;background:var(--ju-surface-subtle)}
  .financeTaskPage--overview .financeFocusStats span{font-size:10px;line-height:1.25}
  .financeTaskPage--overview .financeFocusStats strong{font-size:14px;line-height:1.2;overflow-wrap:anywhere}
  .financeTaskPage--overview .financeActionGrid--secondary{grid-template-columns:minmax(0,1fr);gap:8px;margin:0;padding:12px}
  .financeTaskPage--overview .financeActionCard{grid-template-columns:auto minmax(0,1fr);padding:11px 12px;box-shadow:none}
  .financeTaskPage--overview .financeTaskContext>.mobileTaskDisclosureBody{padding:12px}
  .financeTaskPage--overview .financeTaskContext .financeSideStack{gap:10px}
  .financeTaskPage--overview .financeTaskContext .financeInsightCard{margin:0;box-shadow:none}
  .financeTaskPage--overview .financeTaskInsights>.mobileTaskDisclosureBody{padding:12px}
  .financeTaskPage--overview .financeChartDashboard{gap:12px}
  .financeTaskPage--overview .financeChartMainCard,.financeTaskPage--overview .financeChartControlCard{padding:12px}
  .financeTaskPage--overview .financeChartHeader .section-lead{font-size:12px}
  .financeTaskPage--overview .financeBookingTable tr{box-shadow:0 6px 18px var(--ju-shadow-color-soft)}

  .financeTaskPage--bookings .financeTaskHeaderActions .actionOverflow{flex:0 0 auto}
  .financeTaskPage--bookings .financeTaskFilters>.mobileTaskDisclosureBody{padding:0}
  .financeTaskPage--bookings .financeTaskFilters .card-b{padding:12px}
  .financeTaskPage--bookings .financeOperationalTable tbody{gap:9px}
  .financeTaskPage--bookings .financeOperationalTable tr{box-shadow:0 6px 18px var(--ju-shadow-color-soft)}

  .financeTaskPage--bank-import .layout-main{gap:12px;margin:0}
  .financeTaskPage--bank-import .financeTaskPrimary{margin:0}
  .financeTaskPage--bank-import .financeTaskPrimary .card-h{padding:13px 14px}
  .financeTaskPage--bank-import .financeTaskPrimary .card-b{padding:14px}
  .financeTaskPage--bank-import .fileDropzone--compact{min-height:112px;padding:16px}
  .financeTaskPage--bank-import .financeTaskContext>.mobileTaskDisclosureBody{padding:12px}
  .financeTaskPage--bank-import .financeTaskContext .card{margin:0;box-shadow:none}
  .financeTaskPage--bank-import .financeTaskWork{margin:0}

  .financeTaskPage--reports .reportCockpitOverview{display:grid;gap:12px;margin:0}
  .financeTaskPage--reports .reportCockpitSide{order:1}
  .financeTaskPage--reports .reportCockpitTrend{order:2}
  .financeTaskPage--reports .reportTaxFocus{padding:15px}
  .financeTaskPage--reports .reportTaxFocus h2{font-size:20px;line-height:1.18}
  .financeTaskPage--reports .financeTaskFilters>.mobileTaskDisclosureBody{padding:12px}
  .financeTaskPage--reports .reportControlForm,.financeTaskPage--reports .reportControlPrimary{gap:10px}
  .financeTaskPage--reports .reportCatalog{padding:14px}

  .financeTaskPage--tax-payments .taxPaymentOverview{grid-template-columns:minmax(0,1fr);gap:12px;margin:0;padding:14px}
  .financeTaskPage--tax-payments .taxPaymentOverviewLead h2{font-size:20px;line-height:1.18}
  .financeTaskPage--tax-payments .taxPaymentOverviewFacts{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:1px;border:1px solid var(--ju-border-soft);background:var(--ju-border-soft)}
  .financeTaskPage--tax-payments .taxPaymentOverviewFacts>div{min-height:64px;padding:9px 10px;border:0;background:var(--ju-card)}
  .financeTaskPage--tax-payments .taxPaymentOverviewFacts dt{font-size:10px}
  .financeTaskPage--tax-payments .taxPaymentOverviewFacts dd{font-size:13px}
  .financeTaskPage--tax-payments .financeTaskFilters>.mobileTaskDisclosureBody{padding:12px}
  .financeTaskPage--tax-payments .taxPaymentFilterSection p{margin:8px 0 0;font-size:12px;line-height:1.45}
  .financeTaskPage--tax-payments .taxPaymentList{gap:10px}
  .financeTaskPage--tax-payments .taxPaymentItem{gap:12px;padding:13px;box-shadow:0 6px 18px var(--ju-shadow-color-soft)}
  .financeTaskPage--tax-payments .taxPaymentItemMain{gap:10px}
  .financeTaskPage--tax-payments .taxPaymentItemHeading h3{font-size:18px}
  .financeTaskPage--tax-payments .taxPaymentItemAmount strong{font-size:19px}
  .financeTaskPage--tax-payments .taxPaymentItemFacts{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
  .financeTaskPage--tax-payments .taxPaymentItemFacts>div{padding:8px 9px}
  .financeTaskPage--tax-payments .taxPaymentItemActions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
  .financeTaskPage--tax-payments .taxPaymentItemActions>.btn{width:auto;min-width:44px}
  .financeTaskPage--tax-payments .taxPaymentItemActions>.btn-primary{width:100%}

  .financeTaskPage--vat .reportReadiness{grid-template-columns:minmax(0,1fr);gap:12px;margin:0;padding:14px 14px 14px 16px}
  .financeTaskPage--vat .reportReadinessCopy h2{font-size:19px;line-height:1.18}
  .financeTaskPage--vat .reportReadinessCopy p{font-size:12.5px;line-height:1.48}
  .financeTaskPage--vat .reportReadinessFacts{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px}
  .financeTaskPage--vat .reportReadinessFacts>div,.financeTaskPage--vat .reportReadinessFacts>div:nth-child(2n){min-height:58px;padding:9px 10px;border:0}
  .financeTaskPage--vat .reportReadinessFacts dt{font-size:10px}
  .financeTaskPage--vat .reportReadinessFacts dd{font-size:12px}
  .financeTaskPage--vat .vatWorkspace{gap:12px}
  .financeTaskPage--vat .vatWorkspaceMain{gap:14px;padding:14px}
  .financeTaskPage--vat .vatPeriodSection>.mobileTaskDisclosureBody{padding:12px}
  .financeTaskPage--vat .vatTaskMetrics .reportMetricStrip{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;padding:1px;border:1px solid var(--ju-border-soft);border-radius:6px;overflow:hidden;background:var(--ju-border-soft)}
  .financeTaskPage--vat .vatTaskMetrics .reportMetric{min-height:84px;padding:10px 11px;border:0;background:var(--ju-card)}
  .financeTaskPage--vat .vatTaskMetrics .reportMetric>strong{font-size:18px}
  .financeTaskPage--vat .vatActionBar{position:sticky;bottom:0;z-index:24;gap:10px;margin:16px -14px -14px;padding:10px calc(14px + var(--ju-safe-right,0px)) calc(10px + var(--ju-safe-bottom,0px)) calc(14px + var(--ju-safe-left,0px));border-top:1px solid var(--ju-border);background:color-mix(in srgb,var(--ju-card) 96%,transparent);box-shadow:0 -10px 24px var(--ju-shadow-color-soft);backdrop-filter:blur(10px)}
  .financeTaskPage--vat .vatActionButtons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
  .financeTaskPage--vat .vatActionButtons .btn{width:100%;min-width:0}
  .financeTaskPage--vat .vatActionButtons .btn-primary{grid-column:1/-1;order:-1}
  .financeTaskPage--vat .vatPreviewPanel{padding:14px}
  .financeTaskPage--vat .vatPreviewActions{grid-template-columns:repeat(2,minmax(0,1fr))}

  .articleImportTaskPage .page-meta{display:flex;flex-wrap:nowrap;gap:0;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding-bottom:4px;white-space:nowrap;scrollbar-width:thin}
  .articleImportTaskPage .page-meta>span{display:inline-flex;align-items:center;flex:0 0 auto;min-height:28px;scroll-snap-align:start}
  .articleImportTaskPage .page-meta>span+span::before{display:inline;margin:0 9px;color:var(--ju-text-subtle);content:'·'}
  .articleImportTaskPage .articleImportWorkspace{margin:0}
  .articleImportTaskPage .articleImportWorkspace .section-content{padding:14px}
  .articleImportTaskPage .articleImportDropzone{min-height:132px;padding:18px 14px}
  .articleImportTaskPage .articleImportDropzone strong{font-size:15px;line-height:1.35}
  .articleImportTaskPage .articleImportDropzoneHint{font-size:11.5px;line-height:1.4}
  .articleImportTaskPage .articleImportTaskContext{margin-top:12px}
  .articleImportTaskPage .articleImportTaskWork>.mobileTaskDisclosureBody,.articleImportTaskPage .articleImportTaskPreview>.mobileTaskDisclosureBody{padding:14px}
  .articleImportTaskPage .articleImportTaskWork .form-actions{position:sticky;bottom:0;z-index:20;margin:14px -14px -14px;padding:10px 14px calc(10px + var(--ju-safe-bottom,0px));border-top:1px solid var(--ju-border);background:var(--ju-card);box-shadow:0 -8px 18px var(--ju-shadow-color-soft)}
  .articleImportTaskPage .articleImportTaskWork .form-actions .btn{width:100%}
  .articleImportTaskPage .articleImportTaskPreview .context-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:1px;border:1px solid var(--ju-border-soft);border-radius:6px;overflow:hidden;background:var(--ju-border-soft)}
  .articleImportTaskPage .articleImportTaskPreview .context-list-row{display:grid;gap:2px;padding:9px 10px;border:0;background:var(--ju-card)}
  .articleImportTaskPage .articleImportTaskPreview .context-list-value{text-align:left;font-size:14px}
}

@media (max-width:340px){
  .financeTaskPage .financeTaskMetrics.metric-grid,.financeTaskPage .financeTaskMetrics .reportMetricStrip,.financeTaskPage .reportMetricStrip.financeTaskMetrics,.financeTaskPage--tax-payments .taxPaymentOverviewFacts,.financeTaskPage--tax-payments .taxPaymentItemFacts,.financeTaskPage--vat .reportReadinessFacts,.financeTaskPage--vat .vatTaskMetrics .reportMetricStrip,.articleImportTaskPage .articleImportTaskPreview .context-list{grid-template-columns:minmax(0,1fr)}
  .financeTaskPage--overview .financeFocusStats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .financeTaskPage--tax-payments .taxPaymentItemActions,.financeTaskPage--vat .vatActionButtons{grid-template-columns:minmax(0,1fr)}
  .financeTaskPage--vat .vatActionButtons .btn-primary{grid-column:auto}
}

@media (forced-colors:active){
  .financeTaskPage .financeTaskMetrics.metric-grid,.financeTaskPage .reportMetricStrip.financeTaskMetrics,.financeTaskPage--overview .financeFocusStats,.financeTaskPage--tax-payments .taxPaymentOverviewFacts,.financeTaskPage--vat .vatTaskMetrics .reportMetricStrip,.articleImportTaskPage .articleImportTaskPreview .context-list{border:1px solid CanvasText;background:Canvas}
}


/* ==========================================================================
   v3.7j-n2g-d4 · visual closure for aligned cards and resilient text flow
   Values remain on one visual baseline even when neighbouring labels wrap.
   Relevant text may wrap instead of being clipped outside compact surfaces.
   ========================================================================== */
.premiumSummaryBody{
  grid-template-rows:minmax(4.05em,auto) auto minmax(1.35em,auto);
  align-content:start;
}
.premiumSummaryLabel{
  min-height:4.05em;
  line-height:1.35;
  overflow-wrap:anywhere;
  text-wrap:balance;
}
.premiumSummaryValue{
  align-self:start;
  min-width:0;
  overflow-wrap:anywhere;
}
.premiumSummaryHint{
  min-height:1.35em;
  overflow-wrap:anywhere;
}
.metric-card:has(.metric-label):has(.metric-value):has(.metric-hint){
  grid-template-rows:minmax(2.7em,auto) auto minmax(1.35em,auto);
  align-content:start;
}
.metric-card:has(.metric-label):has(.metric-value):has(.metric-hint) .metric-label{
  min-height:2.7em;
  line-height:1.35;
  overflow-wrap:anywhere;
  text-wrap:balance;
}
.metric-card:has(.metric-label):has(.metric-value):has(.metric-hint) .metric-value,
.metric-card:has(.metric-label):has(.metric-value):has(.metric-hint) .metric-hint{
  min-width:0;
  overflow-wrap:anywhere;
}
:is(.premiumSummaryCard,.metric-card,.settingsOverviewCard,.accountSetupCard,.premiumState,.card-h,.card-b)
:is(.premiumSummaryLabel,.premiumSummaryValue,.premiumSummaryHint,.metric-label,.metric-value,.metric-hint,.card-title,h2,h3,h4,p,small,strong){
  min-width:0;
}
:is(.page-title,.page-subtitle,.premiumStateCopy,.documentEditorWorkspaceHint,.settingsOverviewCard,.accountSetupCard){
  overflow-wrap:anywhere;
}
.btn:not(.btn-icon):not([aria-label]),
.appWorkbarUtilityAction:not([aria-label]){
  max-width:100%;
}
@media (max-width:760px){
  .btn:not(.btn-icon){
    white-space:normal;
    line-height:1.25;
    text-align:center;
  }
}


/* ========================================================================== */
/* v3.7j-n2g-d6c-a: premium hierarchy, personal workspace and mobile safety   */
/* ========================================================================== */
.uiPageTitle,
.page-header .page-title{
  max-width:100%;
  overflow-wrap:anywhere;
  text-wrap:balance;
}
.uiPageActions{
  align-items:center;
  gap:8px;
}
.uiPageActionOverflow > summary,
.uiFavoriteAction{
  width:44px;
  min-width:44px;
  height:44px;
  min-height:44px;
}
.uiFavoriteAction{
  flex:0 0 44px;
  padding:0;
  font-size:22px;
  line-height:1;
}
.uiFavoriteAction.is-active{
  border-color:var(--ju-accent-line);
  background:var(--ju-accent-soft);
  color:var(--ju-text-strong);
}
.uiPageActionOverflow .actionOverflowItem.btn{
  justify-content:flex-start;
  box-shadow:none;
}
.personalWorkspace{
  display:grid;
  gap:14px;
}
.personalWorkspaceGroup{
  display:grid;
  gap:8px;
  min-width:0;
}
.personalWorkspaceGroup h3{
  margin:0;
  color:var(--ju-text-muted);
  font-size:11px;
  font-weight:850;
  letter-spacing:.08em;
  line-height:1.3;
  text-transform:uppercase;
}
.personalWorkspaceList{
  display:grid;
  gap:6px;
}
.personalWorkspaceRow{
  display:grid;
  grid-template-columns:minmax(0,1fr) 36px;
  gap:6px;
  align-items:center;
  min-width:0;
}
.personalWorkspaceLink{
  display:grid;
  gap:2px;
  min-width:0;
  min-height:44px;
  padding:8px 10px;
  border:1px solid var(--ju-border-soft);
  border-radius:6px;
  background:var(--ju-soft);
  color:inherit;
  text-decoration:none;
}
.personalWorkspaceLink:hover,
.personalWorkspaceLink:focus-visible{
  border-color:var(--ju-accent-line);
  background:var(--ju-accent-soft);
  color:var(--ju-text-strong);
}
.personalWorkspaceLink strong{
  min-width:0;
  overflow:hidden;
  color:var(--ju-text-strong);
  font-size:13px;
  font-weight:780;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.personalWorkspaceLink span{
  color:var(--ju-text-muted);
  font-size:11px;
  line-height:1.35;
}
.personalWorkspaceRemove{
  display:inline-grid;
  place-items:center;
  width:36px;
  min-width:36px;
  height:36px;
  min-height:36px;
  padding:0;
  border:1px solid transparent;
  border-radius:6px;
  background:transparent;
  color:var(--ju-text-muted);
  font:inherit;
  font-size:20px;
  cursor:pointer;
}
.personalWorkspaceRemove:hover,
.personalWorkspaceRemove:focus-visible{
  border-color:var(--ju-border);
  background:var(--ju-soft);
  color:var(--ju-danger);
}
.personalWorkspaceEmpty{
  display:grid;
  gap:6px;
  align-items:start;
  padding:14px;
  border:1px dashed var(--ju-border-strong);
  border-radius:6px;
  background:var(--ju-soft);
}
.personalWorkspaceEmpty strong{color:var(--ju-text-strong);font-size:14px;line-height:1.35;}
.personalWorkspaceEmpty span{color:var(--ju-text-muted);font-size:13px;line-height:1.45;}
.personalWorkspaceEmpty .btn{justify-self:start;margin-top:4px;}
.workspaceStatusToast{
  position:fixed;
  z-index:calc(var(--ju-z-modal) + 8);
  right:20px;
  bottom:20px;
  max-width:min(360px,calc(100vw - 32px));
  padding:11px 14px;
  border:1px solid var(--ju-border-strong);
  border-radius:6px;
  background:var(--ju-anth);
  color:var(--ju-card);
  box-shadow:0 18px 46px rgba(15,23,42,.24);
  font-size:13px;
  font-weight:700;
  line-height:1.4;
  opacity:0;
  transform:translateY(8px);
  transition:opacity .16s ease,transform .16s ease;
}
.workspaceStatusToast.is-visible{opacity:1;transform:translateY(0);}
form.is-submitting{
  position:relative;
  cursor:progress;
}
form.is-submitting :is(button[type="submit"],input[type="submit"]){
  cursor:progress;
  opacity:.78;
}
form.is-submitting :is(button[type="submit"],input[type="submit"])::after{
  content:"";
  width:16px;
  height:4px;
  margin-left:8px;
  border:0;
  border-radius:6px;
  background:currentColor;
  opacity:.5;
  transform-origin:center;
  animation:workspaceSubmitPulse .8s ease-in-out infinite alternate;
}
@keyframes workspaceSubmitPulse{to{opacity:1;transform:scaleX(.55);}}
@media (prefers-reduced-motion:reduce){
  .workspaceStatusToast{transition:none;}
  form.is-submitting :is(button[type="submit"],input[type="submit"])::after{animation:none;opacity:.72;}
}
@media (max-width:760px){
  .uiPageTitle,
  .page-header .page-title{
    font-size:clamp(24px,7.2vw,32px);
    line-height:1.08;
    letter-spacing:-.026em;
  }
  .uiPageActions{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    width:100%;
  }
  .uiPageActions > .uiAction--primary{grid-column:1 / -1;width:100%;}
  .uiPageActions > .uiAction:not(.uiAction--primary){min-width:0;}
  .uiPageActionOverflow{justify-self:end;}
  .personalWorkspaceLink strong{white-space:normal;overflow-wrap:anywhere;}
  body.has-milu-launcher .appMainContent,
  body.has-milu-launcher main.page{
    padding-bottom:calc(88px + var(--ju-safe-bottom,0px));
  }
  body.milu-input-active .masterMiluLauncher{
    opacity:0;
    pointer-events:none;
    transform:translateY(12px);
  }
  .workspaceStatusToast{
    right:12px;
    bottom:calc(12px + var(--ju-safe-bottom,0px));
    max-width:calc(100vw - 24px);
  }
}

/* v3.7j-n2g-d6c-a FIX1: compact mobile page actions and unobstructed feedback. */
.uiPageActionOverflow .actionOverflowItem{min-height:44px;}
.personalWorkspaceRemove{width:44px;min-width:44px;height:44px;min-height:44px;}
.personalWorkspaceRow{grid-template-columns:minmax(0,1fr) 44px;}
body.has-milu-launcher .workspaceStatusToast{bottom:88px;}
@media (max-width:760px){
  .uiBreadcrumbs li[aria-current="page"]{display:none;}
  .uiPageTitle.is-long-title,
  .page-header .page-title.is-long-title{font-size:clamp(22px,6.4vw,28px);line-height:1.06;}
  .uiPageTitle.is-very-long-title,
  .page-header .page-title.is-very-long-title{font-size:clamp(21px,6vw,26px);}
  .uiPageActions{grid-template-columns:repeat(2,minmax(0,1fr)) 44px 44px;}
  .uiPageActions > .uiAction--primary{grid-column:1 / -1;}
  .uiPageActions > .uiAction:not(.uiAction--primary){width:100%;}
  .uiPageActionOverflow{grid-column:3;justify-self:end;}
  .uiFavoriteAction{grid-column:4;justify-self:end;}
  body.has-milu-launcher .workspaceStatusToast{bottom:calc(76px + var(--ju-safe-bottom,0px));}
}
.publicPackageSelectionAnchor{position:relative;top:-96px;height:0;scroll-margin-top:96px;}

/* ========================================================================== */
/* v3.7j-n2g-d6e-a: personal views, table configuration and resilient feedback */
/* ========================================================================== */
.workspaceStatusToast{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.workspaceStatusToastText{min-width:0;}
.workspaceStatusToastAction{
  flex:0 0 auto;
  min-height:36px;
  padding:6px 10px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:6px;
  background:transparent;
  color:inherit;
  font:inherit;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
}
.workspaceStatusToastAction:hover,
.workspaceStatusToastAction:focus-visible{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.72);}

.premiumTableViewBar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 8px;
  min-width:0;
}
.premiumTableViewSummary{display:grid;gap:1px;min-width:0;}
.premiumTableViewSummary strong{color:var(--ju-text-strong);font-size:13px;line-height:1.35;}
.premiumTableViewSummary span{color:var(--ju-text-muted);font-size:12px;line-height:1.35;}
.premiumViewMenu{position:relative;flex:0 0 auto;}
.premiumViewMenu > summary{list-style:none;cursor:pointer;}
.premiumViewMenu > summary::-webkit-details-marker{display:none;}
.premiumViewPanel{
  position:absolute;
  z-index:calc(var(--ju-z-overlay) + 2);
  top:calc(100% + 7px);
  right:0;
  display:grid;
  gap:14px;
  width:min(390px,calc(100vw - 28px));
  max-height:min(680px,calc(100vh - 100px));
  overflow:auto;
  padding:16px;
  border:1px solid var(--ju-border-strong);
  border-radius:6px;
  background:var(--ju-card);
  box-shadow:0 20px 50px rgba(15,23,42,.2);
}
.premiumViewField{display:grid;gap:6px;}
.premiumViewField > span,
.premiumViewDensity legend,
.premiumViewColumns legend{color:var(--ju-text-strong);font-size:12px;font-weight:850;line-height:1.35;}
.premiumViewDensity,
.premiumViewColumns{display:grid;gap:8px;margin:0;padding:0;border:0;}
.premiumViewDensity{grid-template-columns:repeat(2,minmax(0,1fr));}
.premiumViewDensity legend,
.premiumViewColumns legend{grid-column:1 / -1;margin-bottom:1px;}
.premiumViewDensity label,
.premiumViewColumns label{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:7px 9px;
  border:1px solid var(--ju-border-soft);
  border-radius:6px;
  background:var(--ju-soft);
  color:var(--ju-text-strong);
  font-size:13px;
  line-height:1.35;
}
.premiumViewColumns{grid-template-columns:repeat(2,minmax(0,1fr));}
.premiumViewColumns input:disabled + *{opacity:.7;}
.premiumViewSaveRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;}
.premiumViewActions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;border-top:1px solid var(--ju-border-soft);padding-top:12px;}
.premiumDataTable [data-view-hidden]{display:none;}
.premiumDataTable.premiumTableDensityCompact > :is(thead,tbody,tfoot) > tr > :is(th,td){padding-top:7px;padding-bottom:7px;}
.premiumDataTable.premiumTableDensityComfortable > :is(thead,tbody,tfoot) > tr > :is(th,td){padding-top:12px;padding-bottom:12px;}

.premiumSkeleton{
  position:relative;
  overflow:hidden;
  min-height:14px;
  border-radius:6px;
  background:linear-gradient(90deg,var(--ju-border-soft) 0%,var(--ju-soft) 45%,var(--ju-border-soft) 100%);
  background-size:220% 100%;
  color:transparent;
  animation:premiumSkeletonShift 1.25s ease-in-out infinite;
}
@keyframes premiumSkeletonShift{to{background-position:-120% 0;}}
[aria-busy="true"] > .premiumBusyOverlay{display:grid;}
.premiumBusyOverlay{display:none;place-items:center;min-height:72px;color:var(--ju-text-muted);font-size:13px;font-weight:750;}

.premiumDashboardCustomizer[hidden]{display:none;}
.premiumDashboardCustomizer{align-items:center;justify-content:center;padding:18px;}
.premiumDashboardCustomizerDialog{display:grid;gap:16px;width:min(680px,100%);max-height:min(760px,calc(100vh - 36px));overflow:auto;}
.premiumDashboardCustomizerHead{display:grid;gap:5px;padding-right:44px;}
.premiumDashboardCustomizerHead :is(h2,p){margin:0;}
.premiumDashboardCustomizerHead p:last-child{color:var(--ju-text-muted);font-size:13px;line-height:1.5;}
.premiumDashboardWidgetList{display:grid;gap:7px;}
.premiumDashboardWidgetRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid var(--ju-border-soft);border-radius:6px;background:var(--ju-soft);}
.premiumDashboardWidgetRow > label{display:flex;align-items:center;gap:9px;min-height:36px;color:var(--ju-text-strong);font-size:13px;font-weight:760;}
.premiumDashboardWidgetMove{display:flex;gap:4px;}
.premiumDashboardWidgetMove .btn-icon{width:40px;min-width:40px;height:40px;min-height:40px;}
.premiumDashboardCustomizerFooter{display:grid;grid-template-columns:minmax(170px,1fr) auto auto;gap:8px;align-items:center;}

@media (max-width:760px){
  .premiumTableViewBar{align-items:stretch;}
  .premiumTableViewSummary span{display:none;}
  .premiumViewPanel{position:fixed;z-index:calc(var(--ju-z-modal) + 4);top:auto;right:12px;bottom:calc(12px + var(--ju-safe-bottom,0px));left:12px;width:auto;max-height:calc(100vh - 80px);}
  .premiumViewColumns{grid-template-columns:1fr;}
  .premiumViewSaveRow{grid-template-columns:1fr;}
  .premiumViewSaveRow .btn{width:100%;}
  .premiumDashboardCustomizer{padding:0;align-items:end;}
  .premiumDashboardCustomizerDialog{width:100%;max-height:calc(100vh - 16px);border-bottom-left-radius:0;border-bottom-right-radius:0;}
  .premiumDashboardCustomizerFooter{grid-template-columns:1fr;}
  .premiumDashboardCustomizerFooter .btn{width:100%;}
}
@media (prefers-reduced-motion:reduce){.premiumSkeleton{animation:none;background-position:0 0;}}
@media (forced-colors:active){
  .premiumViewPanel,.premiumDashboardWidgetRow,.workspaceStatusToastAction{border:1px solid CanvasText;}
  .premiumSkeleton{background:Canvas;color:CanvasText;border:1px solid CanvasText;}
}
.premiumDashboardCustomizer{
  position:fixed;
  z-index:calc(var(--ju-z-modal) + 3);
  inset:0;
  display:flex;
  background:rgba(15,23,42,.5);
  backdrop-filter:blur(3px);
}
.premiumDashboardCustomizerDialog{
  position:relative;
  padding:20px;
  border:1px solid var(--ju-border-strong);
  border-radius:6px;
  background:var(--ju-card);
  box-shadow:0 26px 70px rgba(15,23,42,.28);
}
.premiumDashboardCustomizerDialog .modalClose{
  position:absolute;
  top:12px;
  right:12px;
  display:grid;
  place-items:center;
  width:44px;
  min-width:44px;
  height:44px;
  min-height:44px;
  padding:0;
  border:1px solid var(--ju-border-soft);
  border-radius:6px;
  background:var(--ju-soft);
  color:var(--ju-text-strong);
  font:inherit;
  font-size:24px;
  cursor:pointer;
}
.premiumDashboardCustomizerDialog .modalClose:hover,
.premiumDashboardCustomizerDialog .modalClose:focus-visible{border-color:var(--ju-accent-line);background:var(--ju-accent-soft);}

/* v3.7j-n2g-d6e-a: unified request and submit feedback */
.premiumRequestProgress{
  position:fixed;
  z-index:calc(var(--ju-z-modal) + 20);
  top:0;
  right:0;
  left:0;
  height:3px;
  overflow:hidden;
  pointer-events:none;
  opacity:0;
  transition:opacity .16s ease;
}
.premiumRequestProgress > span{
  display:block;
  width:38%;
  height:100%;
  border-radius:0 6px 6px 0;
  background:var(--ju-accent);
  box-shadow:0 0 12px color-mix(in srgb,var(--ju-accent) 55%,transparent);
  transform:translateX(-110%);
}
.premiumRequestProgress.is-active{opacity:1;}
.premiumRequestProgress.is-active > span{animation:premiumRequestTravel 1.05s ease-in-out infinite;}
.premiumRequestProgress.is-complete > span{width:100%;transform:translateX(0);animation:none;transition:width .16s ease,transform .16s ease;}
@keyframes premiumRequestTravel{0%{transform:translateX(-110%)}65%{transform:translateX(190%)}100%{transform:translateX(260%)}}
form.is-submitting{cursor:progress;}
form.is-submitting [data-workspace-submitter="1"]{position:relative;pointer-events:none;padding-inline-start:36px;}
form.is-submitting [data-workspace-submitter="1"]::before{
  content:"";
  position:absolute;
  left:14px;
  top:50%;
  width:14px;
  height:14px;
  margin-top:-7px;
  border:2px solid currentColor;
  border-right-color:transparent;
  border-radius:var(--ju-radius-pill);
  animation:premiumSubmitSpin .7s linear infinite;
}
@keyframes premiumSubmitSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
  .premiumRequestProgress,.premiumRequestProgress > span{transition:none;animation:none;}
  form.is-submitting [data-workspace-submitter="1"]::before{animation:none;border-right-color:currentColor;}
}
@media (forced-colors:active){
  .premiumRequestProgress > span{background:Highlight;box-shadow:none;}
}

/* v3.7j-n2g-d6e-a: consistent selection feedback for bulk-capable lists */
.premiumSelectionBar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:48px;
  margin-bottom:10px;
  padding:8px 10px 8px 14px;
  border:1px solid var(--ju-border-soft);
  border-left:3px solid var(--ju-accent);
  border-radius:6px;
  background:var(--ju-soft);
}
.premiumSelectionSummary{color:var(--ju-text-muted);font-size:13px;font-weight:750;line-height:1.4;}
.premiumSelectionScope.has-selection .premiumSelectionSummary{color:var(--ju-text-strong);}
.premiumSelectionScope.has-selection :is([data-reminder-selection-bar],.mailListHeader,.notice[aria-label^="Auswahlaktionen"]){border-color:var(--ju-accent-line);background:var(--ju-accent-soft);}
@media (max-width:760px){
  .premiumSelectionBar{position:sticky;z-index:var(--ju-z-sticky);bottom:calc(8px + var(--ju-safe-bottom,0px));box-shadow:0 10px 28px rgba(15,23,42,.14);}
  .premiumSelectionBar .btn{min-height:44px;}
}
@media (forced-colors:active){.premiumSelectionBar{border:1px solid CanvasText;border-left-width:3px;}}

/* v3.7j-n2g-d6e-a: accessible public password visibility */
.publicPasswordControl{position:relative;display:block;min-width:0;}
.publicPasswordControl>.input{padding-inline-end:92px;}
.publicPasswordToggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;min-width:78px;min-height:44px;padding:0 10px;border:0;border-left:1px solid var(--ju-border);border-radius:0;background:transparent;color:var(--ju-text-muted);font:inherit;font-size:12px;font-weight:800;cursor:pointer;}
.publicPasswordToggle:hover{color:var(--ju-text-strong);background:var(--ju-soft);}
.publicPasswordToggle:focus-visible{outline:0;box-shadow:var(--ju-focus-ring);}
@media (max-width:420px){.publicPasswordControl>.input{padding-inline-end:88px}.publicPasswordToggle{min-width:74px;}}
@media (forced-colors:active){.publicPasswordToggle{border-left:1px solid CanvasText;color:ButtonText;}}

/* v3.7j-o: premium contribution run, claim and document workspace */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.btn.btn-ghost,.btn-ghost{border-color:transparent;background:transparent;color:var(--ju-text-muted);box-shadow:none}.btn.btn-ghost:hover,.btn-ghost:hover{border-color:var(--ju-border);background:var(--ju-soft);color:var(--ju-text-strong)}
.section-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.stack-top-lg{margin-top:24px}.table-subline--critical{color:var(--ju-danger);font-weight:750}
.financeFocusEyebrow{display:block;color:var(--ju-accent-strong,var(--ju-gold));font-size:11px;font-weight:850;letter-spacing:.075em;line-height:1.2;text-transform:uppercase}
.contributionRunFocus{position:relative;overflow:hidden}.contributionRunFocus::after,.contributionClaimFocus::after{content:"";position:absolute;top:0;right:0;bottom:0;width:112px;background:linear-gradient(135deg,transparent 22%,var(--ju-accent-soft));opacity:.7;pointer-events:none}
.contributionRunPulse{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:-4px 0 18px;border:1px solid var(--ju-border);border-radius:6px;overflow:hidden;background:var(--ju-border)}
.contributionRunPulse>a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;min-height:92px;padding:15px 16px;background:var(--ju-card);color:var(--ju-text);text-decoration:none;transition:background .16s ease,box-shadow .16s ease}.contributionRunPulse>a:hover{position:relative;background:var(--ju-soft);box-shadow:inset 0 -2px 0 var(--ju-accent)}.contributionRunPulse span{font-size:12px;font-weight:800;color:var(--ju-text-muted)}.contributionRunPulse strong{grid-row:1 / span 2;grid-column:2;font-size:24px;line-height:1;color:var(--ju-text-strong)}.contributionRunPulse small{font-size:11.5px;line-height:1.4;color:var(--ju-text-muted)}
.contributionRunEditorGrid{display:grid;grid-template-columns:minmax(320px,.88fr) minmax(440px,1.25fr);gap:18px;align-items:start}.contributionRunEditorPanel,.contributionRunPreviewPanel{min-width:0}.contributionRunPreviewPanel{position:sticky;top:calc(var(--app-workbar-offset,72px) + 12px)}.contributionRunForm{display:grid;gap:18px}.contributionRunSafetyNote{display:grid;grid-template-columns:32px minmax(0,1fr);gap:11px;padding:13px 14px;border:1px solid var(--ju-accent-line);border-left:3px solid var(--ju-accent);border-radius:6px;background:var(--ju-accent-soft)}.contributionRunSafetyNote>span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--ju-accent-line);border-radius:6px;font-weight:900}.contributionRunSafetyNote strong{display:block;margin-bottom:2px}.contributionRunSafetyNote p{margin:0;color:var(--ju-text-muted);font-size:12.5px;line-height:1.45}
.contributionRunPreviewSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-bottom:16px;border:1px solid var(--ju-border);border-radius:6px;overflow:hidden;background:var(--ju-border)}.contributionRunPreviewSummary>div{display:grid;gap:4px;min-height:84px;padding:13px;background:var(--ju-card)}.contributionRunPreviewSummary span{font-size:11.5px;font-weight:800;color:var(--ju-text-muted)}.contributionRunPreviewSummary strong{font-size:20px;color:var(--ju-text-strong)}
.contributionRunIssueList{display:grid;gap:8px;margin-bottom:16px}.contributionRunIssue{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:11px 12px;border:1px solid var(--ju-border);border-left:3px solid var(--ju-border-strong);border-radius:6px;background:var(--ju-card)}.contributionRunIssue>span{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.045em}.contributionRunIssue strong{display:block}.contributionRunIssue p{margin:2px 0 0;color:var(--ju-text-muted);font-size:12.5px;line-height:1.45}.contributionRunIssue--blocker{border-left-color:var(--ju-danger);background:var(--ju-danger-bg)}.contributionRunIssue--warning{border-left-color:var(--ju-warning);background:var(--ju-warning-bg)}.contributionRunIssue--info{border-left-color:var(--ju-accent);background:var(--ju-accent-soft)}
.contributionRunReadyState{display:grid;place-items:center;min-height:120px;padding:18px;text-align:center;border:1px dashed var(--ju-border-strong);border-radius:6px;background:var(--ju-soft)}.contributionRunReadyState strong{font-size:15px}.contributionRunReadyState p{max-width:52ch;margin:5px 0 0;color:var(--ju-text-muted);font-size:12.5px}.contributionRunPreviewPlaceholder{display:grid;place-items:center;min-height:360px;padding:28px;text-align:center;border:1px dashed var(--ju-border-strong);border-radius:6px;background:linear-gradient(145deg,var(--ju-card),var(--ju-soft))}.contributionRunPreviewPlaceholder strong{font-size:17px}.contributionRunPreviewPlaceholder p{max-width:48ch;margin:6px auto 0;color:var(--ju-text-muted)}
.contributionRunMiniList{display:grid;gap:0;border:1px solid var(--ju-border);border-radius:6px;overflow:hidden}.contributionRunMiniRow{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(120px,.75fr) minmax(94px,.5fr);gap:12px;align-items:center;padding:11px 13px;border-bottom:1px solid var(--ju-border);background:var(--ju-card)}.contributionRunMiniRow:last-child{border-bottom:0}.contributionRunMiniRow strong,.contributionRunMiniRow span{min-width:0}.contributionRunMiniRow small{display:block;margin-top:2px;color:var(--ju-text-muted);font-size:11.5px}.contributionRunMiniRow>:last-child{text-align:right;font-weight:850;color:var(--ju-text-strong)}
.contributionRunSectionNav{position:sticky;z-index:var(--ju-z-sticky);top:var(--app-workbar-offset,72px);display:flex;gap:4px;margin:0 0 14px;padding:5px;border:1px solid var(--ju-border);border-radius:6px;background:color-mix(in srgb,var(--ju-card) 94%,transparent);box-shadow:var(--ju-shadow-sm);backdrop-filter:blur(12px)}.contributionRunSectionNav a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:7px 12px;border-radius:6px;color:var(--ju-text-muted);font-size:12.5px;font-weight:800;text-decoration:none}.contributionRunSectionNav a:hover,.contributionRunSectionNav a:focus-visible{background:var(--ju-soft);color:var(--ju-text-strong)}
.contributionRunIssueGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.contributionRunIssueCard{display:grid;gap:9px;padding:14px;border:1px solid var(--ju-border);border-left:3px solid var(--ju-border-strong);border-radius:6px;background:var(--ju-card)}.contributionRunIssueCard--blocker{border-left-color:var(--ju-danger)}.contributionRunIssueCard--warning{border-left-color:var(--ju-warning)}.contributionRunIssueCard--info{border-left-color:var(--ju-accent)}.contributionRunIssueCardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.contributionRunIssueCard p{margin:0;color:var(--ju-text-muted);font-size:12.5px;line-height:1.5}.contributionRunIssueCard small{color:var(--ju-text-muted)}
.contributionRunTimeline{display:grid;gap:0;margin:0;padding:0;list-style:none}.contributionRunTimeline li{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;padding:0 0 17px}.contributionRunTimeline li:not(:last-child)::before{content:"";position:absolute;left:5px;top:13px;bottom:0;width:1px;background:var(--ju-border)}.contributionRunTimelineMarker{position:relative;z-index:1;width:11px;height:11px;margin-top:4px;border:2px solid var(--ju-card);border-radius:6px;background:var(--ju-accent);box-shadow:0 0 0 1px var(--ju-accent-line)}.contributionRunTimeline strong{display:block}.contributionRunTimeline span{display:block;margin-top:3px;color:var(--ju-text-muted);font-size:11.5px}
.recordOverviewGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.recordDefinitionList{display:grid;gap:0;margin:0}.recordDefinitionList>div{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(0,1.3fr);gap:14px;padding:10px 0;border-bottom:1px solid var(--ju-border)}.recordDefinitionList>div:last-child{border-bottom:0}.recordDefinitionList dt{color:var(--ju-text-muted);font-size:12px;font-weight:750}.recordDefinitionList dd{margin:0;color:var(--ju-text-strong);font-weight:750;overflow-wrap:anywhere}
.documentTileGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.documentTile{display:grid;gap:5px;min-height:82px;padding:14px;border:1px solid var(--ju-border);border-left:3px solid var(--ju-accent);border-radius:6px;background:var(--ju-card);color:var(--ju-text);text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.documentTile:hover{transform:translateY(-1px);border-color:var(--ju-accent-line);box-shadow:var(--ju-shadow)}.documentTile strong{color:var(--ju-text-strong)}.documentTile span{color:var(--ju-text-muted);font-size:12px}
.contributionSettingsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.contributionSettingsMail,.contributionSettingsActions{grid-column:1 / -1}.contributionSettingsActions{position:sticky;z-index:var(--ju-z-sticky);bottom:0;margin:0;padding:12px 0 calc(12px + var(--ju-safe-bottom,0px));border-top:1px solid var(--ju-border);background:linear-gradient(to bottom,transparent,var(--ju-bg) 22%)}
.headerActionDetails{position:relative}.headerActionDetails>summary{list-style:none;cursor:pointer}.headerActionDetails>summary::-webkit-details-marker{display:none}.headerActionPopover{position:absolute;z-index:calc(var(--ju-z-overlay) + 1);right:0;top:calc(100% + 7px);display:grid;gap:9px;width:min(340px,calc(100vw - 28px));padding:14px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:var(--ju-shadow-floating)}.headerActionPopover .btn{justify-self:end}
.contributionRunEmpty .empty-state-icon{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 10px;border:1px solid var(--ju-accent-line);border-radius:6px;background:var(--ju-accent-soft);color:var(--ju-accent-strong,var(--ju-gold));font-size:22px;font-weight:850}
@media (max-width:1180px){.contributionRunEditorGrid{grid-template-columns:minmax(300px,.9fr) minmax(380px,1.1fr)}.contributionRunPulse{grid-template-columns:repeat(2,minmax(0,1fr))}.contributionRunPreviewSummary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.contributionRunEditorGrid,.recordOverviewGrid,.contributionSettingsGrid{grid-template-columns:1fr}.contributionRunPreviewPanel{position:static}.contributionSettingsMail,.contributionSettingsActions{grid-column:auto}.contributionRunIssueGrid{grid-template-columns:1fr}.contributionRunSectionNav{overflow-x:auto;justify-content:flex-start;scrollbar-width:thin}.contributionRunSectionNav a{flex:0 0 auto}.headerActionPopover{position:fixed;right:12px;left:12px;top:auto;bottom:calc(12px + var(--ju-safe-bottom,0px));width:auto}}
@media (max-width:620px){.contributionRunPulse,.contributionRunPreviewSummary{grid-template-columns:1fr}.contributionRunPulse>a{min-height:76px}.contributionRunMiniRow{grid-template-columns:1fr auto}.contributionRunMiniRow>:nth-child(2){grid-column:1}.contributionRunMiniRow>:last-child{grid-column:2;grid-row:1 / span 2}.recordDefinitionList>div{grid-template-columns:1fr;gap:3px}.documentTileGrid{grid-template-columns:1fr}.contributionRunSectionNav{margin-inline:-4px}.contributionRunSectionNav a{min-height:44px}.contributionSettingsActions .btn{width:100%}}
@media (max-width:390px){.contributionRunPulse>a,.contributionRunPreviewSummary>div{padding:12px}.contributionRunSafetyNote{grid-template-columns:1fr}.contributionRunSafetyNote>span{display:none}.headerActionPopover{right:8px;left:8px}}
@media (forced-colors:active){.contributionRunPulse,.contributionRunMiniList,.contributionRunSectionNav,.contributionRunIssue,.contributionRunIssueCard,.documentTile,.headerActionPopover{border:1px solid CanvasText}.contributionRunFocus::after,.contributionClaimFocus::after{display:none}}
@media (max-width:900px){
  :is(.contributionOverviewPage,.contributionRunListPage,.contributionRunEditorPage,.contributionRunRecordPage,.contributionClaimRecordPage,.contributionSettingsPage) :is(.btn,button,input,select,textarea,summary[role="button"]){min-height:44px}
  :is(.contributionOverviewPage,.contributionRunListPage,.contributionRunEditorPage,.contributionRunRecordPage,.contributionClaimRecordPage,.contributionSettingsPage) .btn-sm{padding-block:8px}
}

.contributionCorrectionPopover{display:grid;gap:14px;min-width:min(440px,calc(100vw - 32px))}.contributionCorrectionPopover>div:first-child{padding-bottom:12px;border-bottom:1px solid var(--ju-border)}.contributionCorrectionPopover>div:first-child p{margin:5px 0 0;color:var(--ju-text-muted);font-size:.9rem;line-height:1.45}.contributionCorrectionPopover form{display:grid;gap:8px}.contributionCorrectionPopover form+form{padding-top:14px;border-top:1px solid var(--ju-border)}.contributionRelationNotice{display:flex;align-items:center;justify-content:space-between;gap:16px}.contributionRelationNotice .btn{flex:0 0 auto}
@media (max-width:620px){.contributionCorrectionPopover{min-width:0}.contributionRelationNotice{align-items:flex-start;flex-direction:column}.contributionRelationNotice .btn{width:100%}}

.contributionClaimFocus{position:relative;overflow:hidden}

/* v3.7j-p: SEPA mandates, prenotifications and direct debit workspace */
.sepaConfigurationNotice{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--ju-warning-line,var(--ju-border));border-left:3px solid var(--ju-warning);border-radius:6px;background:var(--ju-warning-bg)}
.sepaConfigurationNotice strong{display:block;color:var(--ju-text-strong)}.sepaConfigurationNotice p{margin:3px 0 0;color:var(--ju-text-muted);font-size:12.5px;line-height:1.5}
.sepaOverviewGrid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.85fr);gap:18px;align-items:start}.sepaOverviewMain,.sepaOverviewRail{min-width:0}.sepaOverviewRail{display:grid;gap:14px}
.sepaKpiStrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid var(--ju-border);border-radius:6px;overflow:hidden;background:var(--ju-border)}.sepaKpiStrip>a,.sepaKpiStrip>div{display:grid;gap:4px;min-height:94px;padding:15px 16px;background:var(--ju-card);color:var(--ju-text);text-decoration:none}.sepaKpiStrip>a:hover{background:var(--ju-soft);box-shadow:inset 0 -2px 0 var(--ju-accent)}.sepaKpiStrip span{color:var(--ju-text-muted);font-size:11.5px;font-weight:800}.sepaKpiStrip strong{font-size:23px;line-height:1.1;color:var(--ju-text-strong)}.sepaKpiStrip small{color:var(--ju-text-muted);font-size:11.5px;line-height:1.4}
.sepaRunList{display:grid;gap:0;border:1px solid var(--ju-border);border-radius:6px;overflow:hidden}.sepaRunListItem{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(120px,.7fr) minmax(110px,.55fr) auto;gap:12px;align-items:center;min-height:72px;padding:12px 14px;border-bottom:1px solid var(--ju-border);background:var(--ju-card);color:var(--ju-text);text-decoration:none}.sepaRunListItem:last-child{border-bottom:0}.sepaRunListItem:hover{background:var(--ju-soft)}.sepaRunListItem strong{display:block;color:var(--ju-text-strong)}.sepaRunListItem small{display:block;margin-top:2px;color:var(--ju-text-muted);font-size:11.5px}.sepaRunListAmount{text-align:right;font-weight:850;color:var(--ju-text-strong)}
.sepaMandateGrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;align-items:start}.sepaMandateMain,.sepaMandateRail{min-width:0}.sepaMandateRail{display:grid;gap:14px;position:sticky;top:calc(var(--app-workbar-offset,72px) + 12px)}
.sepaActionStack{display:grid;gap:9px}.sepaActionStack .btn{justify-content:center;width:100%}.sepaDangerDetails{border:1px solid var(--ju-danger-line,var(--ju-border));border-radius:6px;background:var(--ju-danger-bg)}.sepaDangerDetails>summary{display:flex;align-items:center;min-height:44px;padding:10px 12px;color:var(--ju-danger);font-weight:800;cursor:pointer}.sepaDangerDetails[open]>summary{border-bottom:1px solid var(--ju-danger-line,var(--ju-border))}.sepaDangerDetails>div,.sepaDangerDetails>form{padding:12px}
.sepaSafetyCard{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;padding:13px 14px;border:1px solid var(--ju-accent-line);border-left:3px solid var(--ju-accent);border-radius:6px;background:var(--ju-accent-soft)}.sepaSafetyCardIcon{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--ju-accent-line);border-radius:6px;font-weight:900;color:var(--ju-accent-strong,var(--ju-gold))}.sepaSafetyCard strong{display:block}.sepaSafetyCard p{margin:3px 0 0;color:var(--ju-text-muted);font-size:12.5px;line-height:1.45}
.sepaRunEditorGrid{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(460px,1.18fr);gap:18px;align-items:start}.sepaRunEditorPanel,.sepaRunPreviewPanel{min-width:0}.sepaRunPreviewPanel{position:sticky;top:calc(var(--app-workbar-offset,72px) + 12px)}
.sepaConflictList{display:grid;gap:8px}.sepaConflictItem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px 13px;border:1px solid var(--ju-border);border-left:3px solid var(--ju-warning);border-radius:6px;background:var(--ju-warning-bg)}.sepaConflictItem strong{display:block}.sepaConflictItem p{margin:3px 0 0;color:var(--ju-text-muted);font-size:12.5px;line-height:1.45}.sepaConflictItem form{align-self:center}
.sepaRunRecordGrid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:18px;align-items:start}.sepaRunRecordMain,.sepaRunRecordRail{min-width:0}.sepaRunRecordRail{display:grid;gap:14px;position:sticky;top:calc(var(--app-workbar-offset,72px) + 12px)}
.sepaExportList{display:grid;gap:0;border:1px solid var(--ju-border);border-radius:6px;overflow:hidden}.sepaExportListItem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--ju-border);background:var(--ju-card)}.sepaExportListItem:last-child{border-bottom:0}.sepaExportListItem strong{display:block}.sepaExportListItem small{display:block;margin-top:2px;color:var(--ju-text-muted);font-size:11.5px}
.sepaSubmitDetails,.sepaClaimAction,.tableActionDetails{position:relative}.sepaSubmitDetails>summary,.sepaClaimAction>summary,.tableActionDetails>summary{list-style:none;cursor:pointer}.sepaSubmitDetails>summary::-webkit-details-marker,.sepaClaimAction>summary::-webkit-details-marker,.tableActionDetails>summary::-webkit-details-marker{display:none}.sepaSubmitPanel,.sepaClaimActionPanel,.tableActionPopover{position:absolute;z-index:var(--ju-z-popover,60);right:0;top:calc(100% + 7px);width:min(430px,calc(100vw - 28px));padding:14px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:var(--ju-shadow-lg)}
.sepaClaimActionPanel{position:relative;top:auto;right:auto;width:auto;margin-top:10px;box-shadow:none;background:var(--ju-soft)}.sepaPrenotificationForm{margin-top:14px;padding-top:14px;border-top:1px solid var(--ju-border)}
.sepaSettingsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.sepaSettingsWide{grid-column:1 / -1}.sepaSettingsActions{position:sticky;z-index:var(--ju-z-sticky);bottom:0;grid-column:1 / -1;margin:0;padding:12px 0 calc(12px + var(--ju-safe-bottom,0px));border-top:1px solid var(--ju-border);background:linear-gradient(to bottom,transparent,var(--ju-bg) 22%)}
.sepaChecklist{display:grid;gap:8px;margin:0;padding:0;list-style:none}.sepaChecklist li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:9px;align-items:start;color:var(--ju-text-muted);font-size:12.5px;line-height:1.45}.sepaChecklist li::before{content:"";width:10px;height:10px;margin-top:4px;border:2px solid var(--ju-accent);border-radius:6px;background:var(--ju-card);box-shadow:inset 0 0 0 2px var(--ju-card)}.sepaChecklist li.is-complete{color:var(--ju-text)}.sepaChecklist li.is-complete::before{background:var(--ju-success);border-color:var(--ju-success)}
@media (max-width:1180px){.sepaKpiStrip{grid-template-columns:repeat(2,minmax(0,1fr))}.sepaRunEditorGrid{grid-template-columns:minmax(300px,.9fr) minmax(390px,1.1fr)}}
@media (max-width:900px){.sepaOverviewGrid,.sepaMandateGrid,.sepaRunEditorGrid,.sepaRunRecordGrid,.sepaSettingsGrid{grid-template-columns:1fr}.sepaMandateRail,.sepaRunPreviewPanel,.sepaRunRecordRail{position:static}.sepaSettingsWide,.sepaSettingsActions{grid-column:auto}.sepaSubmitPanel,.tableActionPopover{position:fixed;right:12px;left:12px;top:auto;bottom:calc(12px + var(--ju-safe-bottom,0px));width:auto}.sepaRunListItem{grid-template-columns:minmax(0,1fr) auto}.sepaRunListItem>:nth-child(2),.sepaRunListItem>:nth-child(3){grid-column:1}.sepaRunListItem>:last-child{grid-column:2;grid-row:1 / span 3}}
@media (max-width:620px){.sepaConfigurationNotice{grid-template-columns:1fr}.sepaConfigurationNotice .btn{width:100%}.sepaKpiStrip{grid-template-columns:1fr}.sepaRunListItem,.sepaConflictItem,.sepaExportListItem{grid-template-columns:1fr}.sepaRunListItem>:last-child,.sepaConflictItem form{grid-column:1;grid-row:auto}.sepaRunListAmount{text-align:left}.sepaConflictItem .btn,.sepaExportListItem .btn{width:100%}.sepaSettingsActions .btn{width:100%}}
@media (max-width:390px){.sepaSafetyCard{grid-template-columns:1fr}.sepaSafetyCardIcon{display:none}.sepaSubmitPanel,.tableActionPopover{right:8px;left:8px}.sepaKpiStrip>a,.sepaKpiStrip>div{padding:13px}}
@media (max-width:900px){:is(.sepaOverviewPage,.sepaMandatePage,.sepaRunListPage,.sepaRunEditorPage,.sepaRunRecordPage,.sepaSettingsPage,.contributionClaimRecordPage) :is(.btn,button,input,select,textarea,summary[role="button"]){min-height:44px}}
@media (forced-colors:active){.sepaConfigurationNotice,.sepaKpiStrip,.sepaRunList,.sepaMandateRail>.surface,.sepaSafetyCard,.sepaConflictItem,.sepaExportList,.sepaSubmitPanel,.sepaClaimActionPanel,.tableActionPopover{border:1px solid CanvasText}.sepaKpiStrip>a:hover{box-shadow:inset 0 -2px 0 Highlight}.sepaChecklist li::before{border-color:CanvasText}.sepaChecklist li.is-complete::before{background:Highlight}}

/* v3.7j-q: receivables, clarification and dunning workspace */
.receivableFocusPanel{position:relative;overflow:hidden}.receivableFocusPanel::after{content:"";position:absolute;inset:0 0 0 auto;width:116px;background:linear-gradient(135deg,transparent 22%,var(--ju-accent-soft));opacity:.66;pointer-events:none}
.receivableTable .table-subline{display:block;margin-top:3px;color:var(--ju-text-muted);font-size:11.5px;line-height:1.35}.receivableTable td,.receivableTable th{vertical-align:middle}.receivableTable td:last-child{text-align:right}.receivableTable .status-badge{white-space:nowrap}
.receivableCaseGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.receivableCaseCard{display:grid;gap:12px;min-width:0;padding:15px;border:1px solid var(--ju-border);border-left:3px solid var(--ju-accent);border-radius:6px;background:var(--ju-card)}.receivableCaseCardHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.receivableCaseCardHeader strong{display:block;color:var(--ju-text-strong)}.receivableCaseCardHeader small{display:block;margin-top:3px;color:var(--ju-text-muted);font-size:11.5px}.receivableCaseCard p{margin:0;color:var(--ju-text-muted);font-size:12.5px;line-height:1.5}.receivableCaseCard .form-actions{margin-top:auto}
.dunningEditorGrid{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(460px,1.18fr);gap:18px;align-items:start}.dunningEditorGrid>*{min-width:0}.dunningEditorGrid>.surface:last-child{position:sticky;top:calc(var(--app-workbar-offset,72px) + 12px)}
.receivableSafetyCard{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;padding:13px 14px;border:1px solid var(--ju-accent-line);border-left:3px solid var(--ju-accent);border-radius:6px;background:var(--ju-accent-soft)}.receivableSafetyCard>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--ju-accent-line);border-radius:6px;color:var(--ju-accent-strong,var(--ju-gold));font-weight:900}.receivableSafetyCard strong{display:block}.receivableSafetyCard p{margin:3px 0 0;color:var(--ju-text-muted);font-size:12.5px;line-height:1.45}
.receivableNextAction{display:grid;gap:8px;padding:14px;border:1px solid var(--ju-warning-line,var(--ju-border));border-left:3px solid var(--ju-warning);border-radius:6px;background:var(--ju-warning-bg)}.receivableNextAction strong{color:var(--ju-text-strong)}.receivableNextAction p{margin:0;color:var(--ju-text-muted);font-size:12.5px;line-height:1.45}
.receivableSettingsGrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:16px;align-items:start}.dunningLevelStack{display:grid;gap:10px}.dunningLevelCard{display:grid;gap:14px;padding:15px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card)}.dunningLevelCardHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid var(--ju-border)}.dunningLevelCardHeader strong{display:block;color:var(--ju-text-strong)}.dunningLevelCardHeader small{display:block;margin-top:2px;color:var(--ju-text-muted)}
.receivableClaimGrid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:18px;align-items:start}.receivableClaimGrid>*{min-width:0}.receivableClaimGrid>aside{display:grid;gap:14px;position:sticky;top:calc(var(--app-workbar-offset,72px) + 12px)}
.receivableActionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.receivableActionCard{display:grid;align-content:start;gap:12px;min-width:0;padding:15px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card)}.receivableActionCard>h3,.receivableActionCard>h4{margin:0;color:var(--ju-text-strong)}.receivableActionCard>p{margin:0;color:var(--ju-text-muted);font-size:12.5px;line-height:1.5}.receivableActionCard details{border-top:1px solid var(--ju-border);padding-top:10px}.receivableActionCard details>summary{display:flex;align-items:center;min-height:44px;color:var(--ju-text-strong);font-weight:800;cursor:pointer}
.receivableHistoryGrid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px;align-items:start}.receivableCaseMiniList{display:grid;gap:8px}.receivableCaseMiniList>a,.receivableCaseMiniList>div,.receivableCaseMiniList>article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);color:var(--ju-text);text-decoration:none}.receivableCaseMiniList>a:hover{background:var(--ju-soft)}.receivableCaseMiniList strong{display:block;color:var(--ju-text-strong)}.receivableCaseMiniList small,.receivableCaseMiniList span{display:block;margin-top:2px;color:var(--ju-text-muted);font-size:11.5px}
.activityTimeline{display:grid;gap:0;margin:0;padding:0;list-style:none}.activityTimeline>li,.activityTimeline>article{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;padding:0 0 16px}.activityTimeline>li::before,.activityTimeline>article::before{content:"";position:relative;z-index:1;width:10px;height:10px;margin:5px 0 0 3px;border:2px solid var(--ju-accent);border-radius:6px;background:var(--ju-card)}.activityTimeline>li::after,.activityTimeline>article::after{content:"";position:absolute;left:7px;top:16px;bottom:0;width:1px;background:var(--ju-border)}.activityTimeline>li:last-child,.activityTimeline>article:last-child{padding-bottom:0}.activityTimeline>li:last-child::after,.activityTimeline>article:last-child::after{display:none}.activityTimeline strong{display:block;color:var(--ju-text-strong)}.activityTimeline small{display:block;margin-top:2px;color:var(--ju-text-muted);font-size:11.5px}.activityTimeline p{margin:4px 0 0;color:var(--ju-text-muted);font-size:12.5px;line-height:1.45}
@media (max-width:1180px){.dunningEditorGrid{grid-template-columns:minmax(300px,.9fr) minmax(390px,1.1fr)}.receivableSettingsGrid{grid-template-columns:minmax(0,.8fr) minmax(380px,1.2fr)}}
@media (max-width:900px){.receivableCaseGrid,.dunningEditorGrid,.receivableSettingsGrid,.receivableClaimGrid,.receivableHistoryGrid{grid-template-columns:1fr}.dunningEditorGrid>.surface:last-child,.receivableClaimGrid>aside{position:static}.receivableActionGrid{grid-template-columns:1fr}.receivableTable{min-width:760px}}
@media (max-width:620px){.receivableCaseGrid{grid-template-columns:1fr}.receivableCaseCardHeader,.dunningLevelCardHeader{flex-direction:column}.receivableCaseCard .btn,.receivableNextAction .btn{width:100%}.receivableSafetyCard{grid-template-columns:1fr}.receivableSafetyCard>span{display:none}.receivableCaseMiniList>a,.receivableCaseMiniList>div,.receivableCaseMiniList>article{grid-template-columns:1fr}}
@media (max-width:390px){.receivableCaseCard,.dunningLevelCard,.receivableActionCard{padding:13px}.receivableFocusPanel::after{width:76px}}
@media (max-width:900px){:is(.receivableListPage,.receivableCaseListPage,.dunningRunListPage,.dunningRunEditorPage,.dunningRunRecordPage,.receivableSettingsPage,.contributionClaimRecordPage) :is(.btn,button,input,select,textarea,summary[role="button"]){min-height:44px}}
@media (forced-colors:active){.receivableFocusPanel,.receivableCaseCard,.receivableSafetyCard,.receivableNextAction,.dunningLevelCard,.receivableActionCard,.receivableCaseMiniList>a,.receivableCaseMiniList>div,.receivableCaseMiniList>article{border:1px solid CanvasText}.activityTimeline>li::before,.activityTimeline>article::before{border-color:Highlight}.activityTimeline>li::after,.activityTimeline>article::after{background:CanvasText}}

/* v3.7j-r: donation management workspace */
.donationWorkspacePage .btn-block{width:100%;justify-content:center}.donationWorkspacePage .form-field--full{grid-column:1 / -1}
.donationFocusPanel{position:relative;overflow:hidden}.donationFocusPanel::after{content:"";position:absolute;inset:0 0 0 auto;width:132px;background:linear-gradient(135deg,transparent 20%,var(--ju-accent-soft));opacity:.72;pointer-events:none}
.donationFilterBar{display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(3,minmax(150px,.72fr)) auto;gap:10px;align-items:end}.donationFilterBar .form-field{min-width:0}.donationFilterBar .section-actions{align-self:end;flex-wrap:nowrap}
.donationTable{min-width:860px}.donationTable td,.donationTable th{vertical-align:top}.donationWorklist{display:grid;gap:10px}.donationWorklist>a,.donationWorklist>article{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(120px,.55fr) minmax(130px,.6fr) minmax(140px,.65fr);gap:14px;align-items:center;padding:14px 15px;border:1px solid var(--ju-border);border-left:3px solid var(--ju-border-strong);border-radius:6px;background:var(--ju-card);color:var(--ju-text);text-decoration:none}.donationWorklist>a:hover{border-left-color:var(--ju-accent);box-shadow:var(--ju-shadow-sm)}.donationWorklist strong{display:block;color:var(--ju-text-strong)}.donationWorklist small{display:block;margin-top:3px;color:var(--ju-text-muted)}
.donationGuardrails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.donationGuardrails>article{padding:14px;border:1px solid var(--ju-border);border-left:3px solid var(--ju-accent);border-radius:6px;background:var(--ju-card)}.donationGuardrails h3{margin:0 0 4px;font-size:14px}.donationGuardrails p{margin:0;color:var(--ju-text-muted);font-size:12.5px;line-height:1.5}
.donationEditor{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.62fr);gap:18px;align-items:start}.donationEditorMain,.donationEditorAside{display:grid;gap:16px;min-width:0}.donationEditorAside{position:sticky;top:calc(var(--app-workbar-offset,72px) + 12px)}.card-step{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px}.card-step>span{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--ju-accent-line);border-radius:6px;background:var(--ju-accent-soft);color:var(--ju-text-strong);font-weight:900}.card-step h2,.card-step h3{margin:0}.card-step p{margin:3px 0 0;color:var(--ju-text-muted);font-size:12.5px;line-height:1.45}
.formDisclosure{border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);overflow:hidden}.formDisclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:11px 13px;cursor:pointer;font-weight:800}.formDisclosure>summary::after{content:"+";font-size:18px;color:var(--ju-text-muted)}.formDisclosure[open]>summary::after{content:"–"}.formDisclosureBody{display:grid;gap:12px;padding:0 13px 13px;border-top:1px solid var(--ju-border)}
.donationTypeChoice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.donationTypeOption{position:relative}.donationTypeOption input{position:absolute;opacity:0;pointer-events:none}.donationTypeOption span{display:grid;gap:4px;min-height:92px;padding:13px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);cursor:pointer}.donationTypeOption strong{color:var(--ju-text-strong)}.donationTypeOption small{color:var(--ju-text-muted);line-height:1.4}.donationTypeOption input:checked+span{border-color:var(--ju-accent);box-shadow:inset 0 0 0 1px var(--ju-accent);background:var(--ju-accent-soft)}.donationTypeOption input:focus-visible+span{outline:2px solid var(--ju-focus);outline-offset:2px}
.donationCommonFields,.donationTypePanel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.donationTypePanel[hidden]{display:none}.checkbox-row{display:flex;align-items:flex-start;gap:9px;min-height:44px;padding:10px 11px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-soft)}.checkbox-row input{flex:0 0 auto;margin-top:2px}.checkbox-row span{display:grid;gap:2px;font-size:12.5px;line-height:1.45}.checkbox-row small{display:block;color:var(--ju-text-muted)}.donationConfirmations{display:grid;gap:9px}.donationReviewCard{padding:15px;border:1px solid var(--ju-border);border-left:3px solid var(--ju-accent);border-radius:6px;background:var(--ju-card)}.donationReviewCard h3{margin:0 0 7px;font-size:14px}.donationReviewCard p{margin:0;color:var(--ju-text-muted);font-size:12.5px;line-height:1.5}.reviewChecklist{display:grid;gap:8px;margin:10px 0 0;padding:0;list-style:none}.reviewChecklist li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;font-size:12.5px;line-height:1.45}.reviewChecklist li::before{content:"—";color:var(--ju-text-muted);font-weight:900}
.donationRecordSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-bottom:16px;border:1px solid var(--ju-border);border-radius:6px;overflow:hidden;background:var(--ju-border)}.donationRecordSummary>div{display:grid;gap:4px;min-height:84px;padding:13px;background:var(--ju-card)}.donationRecordSummary span{color:var(--ju-text-muted);font-size:11.5px;font-weight:800}.donationRecordSummary strong{color:var(--ju-text-strong);font-size:18px;overflow-wrap:anywhere}.donationRecordGrid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(300px,.62fr);gap:18px;align-items:start}.donationRecordMain,.donationRecordAside{display:grid;gap:16px;min-width:0}.donationRecordAside{position:sticky;top:calc(var(--app-workbar-offset,72px) + 12px)}
.donationIssueCard{padding:14px;border:1px solid var(--ju-border);border-left:3px solid var(--ju-warning);border-radius:6px;background:var(--ju-warning-bg)}.donationIssueCard h2,.donationIssueCard h3{margin:0 0 7px}.issueList{display:grid;gap:6px;margin:0;padding-left:19px}.issueList li{font-size:12.5px;line-height:1.45}.detailGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.detailGrid>div{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(0,1.3fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--ju-border)}.detailGrid dt{color:var(--ju-text-muted);font-size:12px;font-weight:750}.detailGrid dd{margin:0;color:var(--ju-text-strong);font-weight:700;overflow-wrap:anywhere}.detailGridFull{grid-column:1 / -1}.recordNote{margin:0;padding:12px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-soft);white-space:pre-wrap;overflow-wrap:anywhere}
.evidenceList{display:grid;gap:9px}.evidenceList>article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card)}.evidenceList strong{display:block}.evidenceList small{display:block;margin-top:3px;color:var(--ju-text-muted)}.evidenceReviewForm,.inlineCreateForm{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.evidenceReviewForm .form-field,.inlineCreateForm .form-field{flex:1 1 180px}.donationTimeline{display:grid;gap:0;margin:0;padding:0;list-style:none}.donationTimeline li{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;padding-bottom:17px}.donationTimeline li:not(:last-child)::before{content:"";position:absolute;left:5px;top:13px;bottom:0;width:1px;background:var(--ju-border)}.timelineMarker{position:relative;z-index:1;width:11px;height:11px;margin-top:4px;border:2px solid var(--ju-card);border-radius:6px;background:var(--ju-accent);box-shadow:0 0 0 1px var(--ju-accent-line)}.donationTimeline strong{display:block}.donationTimeline small{display:block;margin-top:3px;color:var(--ju-text-muted)}
.donorRecordName{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.approvalSnapshotCard{padding:14px;border:1px solid var(--ju-accent-line);border-left:3px solid var(--ju-accent);border-radius:6px;background:var(--ju-accent-soft)}.approvalSnapshotCard code{display:block;margin-top:7px;overflow-wrap:anywhere;font-size:11px}.destructiveDisclosure{border-color:var(--ju-danger-line,var(--ju-border))}.destructiveDisclosure>summary{color:var(--ju-danger)}.donorRecordGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.55fr);gap:18px;align-items:start}.detailStack{display:grid;gap:12px}
@media (max-width:1180px){.donationFilterBar{grid-template-columns:minmax(180px,1.4fr) repeat(2,minmax(140px,.7fr));}.donationFilterBar .section-actions{grid-column:1 / -1;justify-content:flex-start}.donationEditor,.donationRecordGrid{grid-template-columns:minmax(0,1fr) minmax(280px,.55fr)}}
@media (max-width:900px){.donationEditor,.donationRecordGrid,.donorRecordGrid{grid-template-columns:1fr}.donationEditorAside,.donationRecordAside{position:static}.donationGuardrails,.donationTypeChoice{grid-template-columns:1fr}.donationRecordSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.donationWorklist>a,.donationWorklist>article{grid-template-columns:minmax(0,1fr) repeat(2,minmax(110px,.5fr))}.donationWorklist>a>*:last-child,.donationWorklist>article>*:last-child{grid-column:1 / -1}.donationTable{min-width:760px}}
@media (max-width:620px){.donationFilterBar,.donationCommonFields,.donationTypePanel,.detailGrid{grid-template-columns:1fr}.donationFilterBar .section-actions,.detailGridFull{grid-column:auto}.donationFilterBar .section-actions,.evidenceReviewForm,.inlineCreateForm{align-items:stretch;flex-direction:column}.donationFilterBar .btn,.evidenceReviewForm .btn,.inlineCreateForm .btn{width:100%}.donationRecordSummary{grid-template-columns:1fr}.donationWorklist>a,.donationWorklist>article,.evidenceList>article{grid-template-columns:1fr}.donationWorklist>a>*:last-child,.donationWorklist>article>*:last-child{grid-column:auto}.detailGrid>div{grid-template-columns:1fr;gap:3px}.donorRecordName{flex-direction:column}}
@media (max-width:390px){.donationFocusPanel::after{width:78px}.donationRecordSummary>div,.donationGuardrails>article,.donationReviewCard,.donationIssueCard{padding:12px}.card-step{grid-template-columns:30px minmax(0,1fr)}.card-step>span{width:29px;height:29px}}
@media (max-width:900px){.donationWorkspacePage :is(.btn,button,input,select,textarea,summary[role="button"],.formDisclosure>summary){min-height:44px}}
@media (forced-colors:active){.donationFocusPanel,.donationWorklist>a,.donationWorklist>article,.donationGuardrails>article,.donationTypeOption span,.donationReviewCard,.donationIssueCard,.evidenceList>article,.approvalSnapshotCard{border:1px solid CanvasText}.donationTimeline li:not(:last-child)::before{background:CanvasText}.timelineMarker{background:Highlight}.donationTypeOption input:checked+span{outline:2px solid Highlight}}

/* v3.7j-s: official donation-certificate workspace */
.donationCertificateWorkspacePage .certificateFocusPanel{border-left-color:var(--ju-accent)}
.certificateFilterBar{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(2,minmax(160px,.65fr)) auto;gap:10px;align-items:end}.certificateFilterBar .section-actions{align-self:end;flex-wrap:nowrap}
.certificateTable{min-width:920px}.certificateTable td,.certificateTable th{vertical-align:top}
.certificateEditor{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(290px,.55fr);gap:18px;align-items:start}.certificateEditorMain,.certificateEditorAside{display:grid;gap:16px;min-width:0}.certificateEditorAside{position:sticky;top:calc(var(--app-workbar-offset,72px) + 12px)}
.certificateCreateForm{display:grid;gap:16px}.certificateDonationChoices{display:grid;gap:9px}.certificateDonationChoice{position:relative;display:block}.certificateDonationChoice>input{position:absolute;opacity:0;pointer-events:none}.certificateDonationChoice>span{display:grid;gap:4px;min-height:66px;padding:12px 14px 12px 46px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);cursor:pointer}.certificateDonationChoice>span::before{content:"";position:absolute;left:15px;top:18px;width:17px;height:17px;border:1px solid var(--ju-border-strong);border-radius:6px;background:var(--ju-card)}.certificateDonationChoice>input[type="radio"]+span::before{border-radius:6px}.certificateDonationChoice>input:checked+span{border-color:var(--ju-accent);box-shadow:inset 0 0 0 1px var(--ju-accent);background:var(--ju-accent-soft)}.certificateDonationChoice>input:checked+span::after{content:"";position:absolute;left:20px;top:23px;width:7px;height:7px;border-radius:6px;background:var(--ju-accent)}.certificateDonationChoice>input[type="radio"]:checked+span::after{border-radius:6px}.certificateDonationChoice>input:focus-visible+span{outline:2px solid var(--ju-focus);outline-offset:2px}.certificateDonationChoice strong{color:var(--ju-text-strong)}.certificateDonationChoice small,.certificateDonationChoice em{color:var(--ju-text-muted);font-size:12px;line-height:1.4}.certificateDonationChoice em{font-style:normal;font-weight:750}.certificateDonationChoice.is-disabled>span{cursor:not-allowed;opacity:.64;background:var(--ju-soft)}
.certificateSettingsGrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.48fr);gap:18px;align-items:start}.certificateSettingsGrid>main,.certificateSettingsGrid>aside{min-width:0}.certificateSettingsGrid>aside{position:sticky;top:calc(var(--app-workbar-offset,72px) + 12px)}
.certificateRecordSummary strong{font-size:16px}.certificateRecordGrid code{overflow-wrap:anywhere}.hashShort{white-space:nowrap}.certificateSignatureForm{margin-top:14px;padding-top:14px;border-top:1px solid var(--ju-border)}
@media (max-width:1100px){.certificateFilterBar{grid-template-columns:minmax(220px,1.3fr) repeat(2,minmax(145px,.65fr))}.certificateFilterBar .section-actions{grid-column:1 / -1;justify-content:flex-start}.certificateEditor,.certificateSettingsGrid{grid-template-columns:minmax(0,1fr) minmax(260px,.48fr)}}
@media (max-width:900px){.certificateEditor,.certificateSettingsGrid{grid-template-columns:1fr}.certificateEditorAside,.certificateSettingsGrid>aside{position:static}.certificateTable{min-width:760px}}
@media (max-width:620px){.certificateFilterBar{grid-template-columns:1fr}.certificateFilterBar .section-actions{grid-column:auto;align-items:stretch;flex-direction:column}.certificateFilterBar .btn{width:100%}.certificateDonationChoice>span{padding-left:43px}.certificateRecordSummary strong{font-size:15px}}
@media (max-width:390px){.certificateDonationChoice>span{padding:11px 11px 11px 40px}.certificateDonationChoice>span::before{left:12px;top:17px}.certificateDonationChoice>input:checked+span::after{left:17px;top:22px}}
@media (max-width:900px){.donationCertificateWorkspacePage :is(.btn,button,input,select,textarea,summary[role="button"],.certificateDonationChoice>span){min-height:44px}}
@media (forced-colors:active){.certificateDonationChoice>span,.certificateDonationChoice>span::before{border:1px solid CanvasText}.certificateDonationChoice>input:checked+span{outline:2px solid Highlight}.certificateDonationChoice>input:checked+span::after{background:Highlight}}
.recordLinkList{display:grid;gap:8px}.recordLinkList>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);color:var(--ju-text);text-decoration:none}.recordLinkList>a:hover{border-color:var(--ju-accent-line);box-shadow:var(--ju-shadow-sm)}.recordLinkList strong{overflow-wrap:anywhere}
@media (max-width:390px){.recordLinkList>a{align-items:flex-start;flex-direction:column}}

/* v3.7j-t – Veranstaltungskassen. Zentraler Styleguide, keine CSS-Insel. */
.eventCashWorkspaceContent{min-width:0}.eventCashFocusPanel{margin-bottom:18px}.eventCashFilterBar{align-items:end}.eventCashEditor,.eventCashRegisterGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:18px;align-items:start}.eventCashEditorMain,.eventCashRegisterMain{min-width:0;display:grid;gap:18px}.eventCashEditorAside,.eventCashRegisterAside{display:grid;gap:18px;position:sticky;top:18px}.eventCashKpiGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.eventCashKpi{padding:16px}.eventCashKpi span,.eventCashClosureFacts span,.eventCashCountTotal span{display:block;color:var(--muted,#667085);font-size:.82rem}.eventCashKpi strong{display:block;margin-top:6px;font-size:1.28rem;line-height:1.2;font-variant-numeric:tabular-nums}.eventCashScopeGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.eventCashScopeGrid p{margin:6px 0 0;color:var(--muted,#667085)}.eventCashCurrentShift .card-h,.eventCashActionCard .card-h{align-items:flex-start}.eventCashCurrentShift .card-actions{display:flex;flex-wrap:wrap;gap:8px}.eventCashInlineAction{position:relative}.eventCashInlineAction summary{list-style:none;cursor:pointer}.eventCashInlineAction summary::-webkit-details-marker{display:none}.eventCashInlineAction[open] form{position:absolute;z-index:12;right:0;top:calc(100% + 6px);width:min(320px,calc(100vw - 32px));padding:14px;background:var(--surface);border:1px solid var(--border,#d9dde5);border-radius:6px;box-shadow:0 14px 36px rgba(16,24,40,.15);display:grid;gap:9px}.eventCashRecordGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.eventCashRecordGrid h3{margin:0 0 10px;font-size:1rem}.eventCashRecordList{list-style:none;padding:0;margin:0;display:grid;gap:8px}.eventCashRecordList a{display:block;padding:11px 12px;border:1px solid var(--border,#d9dde5);border-radius:6px;text-decoration:none;color:inherit}.eventCashRecordList a:hover{border-color:var(--accent,#9a792d);background:var(--surface-subtle,#faf9f5)}.eventCashRecordList strong,.eventCashRecordList span{display:block}.eventCashRecordList span{margin-top:3px;color:var(--muted,#667085);font-size:.84rem}.eventCashDenominationGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.eventCashDenomination{display:grid;grid-template-columns:minmax(72px,1fr) minmax(72px,.7fr) minmax(86px,.85fr);gap:8px;align-items:center;padding:10px;border:1px solid var(--border,#d9dde5);border-radius:6px;background:var(--surface-subtle,#fafbfc)}.eventCashDenomination label strong,.eventCashDenomination label span{display:block}.eventCashDenomination label span{font-size:.75rem;color:var(--muted,#667085)}.eventCashDenomination output{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.eventCashCountTotal{text-align:right}.eventCashCountTotal strong{display:block;font-size:1.35rem;font-variant-numeric:tabular-nums}.eventCashAsideAmount{display:block;font-size:1.65rem;line-height:1.1;margin-bottom:8px;font-variant-numeric:tabular-nums}.eventCashClosureFacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.eventCashClosureFacts>div{padding:13px;border:1px solid var(--border,#d9dde5);border-radius:6px}.eventCashClosureFacts strong{display:block;margin-top:5px;font-size:1.08rem;font-variant-numeric:tabular-nums}.eventCashReviewCard{border-left:3px solid var(--accent,#9a792d)}.eventCashDenominationSettings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.eventCashDonationConfirm{padding:12px;border:1px solid var(--warning-border,#d7b267);border-radius:6px;background:var(--warning-bg,#fff9e8)}.eventCashDonationConfirm[hidden]{display:none}.eventCashTable .table-amount,.eventCashWorkspacePage .table-amount{font-variant-numeric:tabular-nums}.eventCashWorkspacePage .amount-positive{color:var(--success-text,#067647)}.eventCashWorkspacePage .amount-negative{color:var(--danger-text,#b42318)}.eventCashWorkspacePage .text-break{overflow-wrap:anywhere;word-break:break-word}.eventCashWorkspacePage .inline-form{display:inline-flex;margin:0}.eventCashWorkspacePage .check-row{min-height:44px}.eventCashWorkspacePage .btn,.eventCashWorkspacePage .input,.eventCashWorkspacePage .select{min-height:44px}
@media (max-width:1100px){.eventCashKpiGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.eventCashDenominationGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.eventCashDenominationSettings{grid-template-columns:repeat(3,minmax(0,1fr))}.eventCashClosureFacts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.eventCashEditor,.eventCashRegisterGrid{grid-template-columns:1fr}.eventCashEditorAside,.eventCashRegisterAside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.eventCashInlineAction[open] form{position:static;margin-top:8px;width:100%;box-shadow:none}}
@media (max-width:700px){.eventCashKpiGrid,.eventCashScopeGrid,.eventCashRecordGrid,.eventCashClosureFacts,.eventCashEditorAside,.eventCashRegisterAside{grid-template-columns:1fr}.eventCashDenominationGrid{grid-template-columns:1fr}.eventCashDenominationSettings{grid-template-columns:repeat(2,minmax(0,1fr))}.eventCashCurrentShift .card-h{display:grid;gap:12px}.eventCashCurrentShift .card-actions{width:100%}.eventCashCurrentShift .card-actions .btn{flex:1 1 160px}.eventCashCountTotal{text-align:left;margin-top:8px}}
@media (max-width:420px){.eventCashKpiGrid,.eventCashDenominationSettings{grid-template-columns:1fr}.eventCashDenomination{grid-template-columns:minmax(82px,1fr) minmax(66px,.65fr);}.eventCashDenomination output{grid-column:1/-1;text-align:left;padding-top:2px}.eventCashWorkspacePage .page-header-actions{width:100%}.eventCashWorkspacePage .page-header-actions .btn,.eventCashWorkspacePage .page-header-actions form,.eventCashWorkspacePage .page-header-actions form .btn{width:100%}}
@media (forced-colors:active){.eventCashDenomination,.eventCashRecordList a,.eventCashClosureFacts>div,.eventCashDonationConfirm{border:1px solid CanvasText}.eventCashReviewCard{border-left:3px solid Highlight}.eventCashWorkspacePage .amount-positive,.eventCashWorkspacePage .amount-negative{color:CanvasText}}

/* v3.7j-u – Steuerliche Tätigkeitsbereiche. Zentraler Styleguide, keine CSS-Insel. */
.taxAreaWorkspaceContent{min-width:0}.taxAreaFocusPanel{margin-bottom:18px}.taxAreaFilterBar,.taxAreaSourceChooser,.taxAreaProfileChooser,.taxAreaReportFilter{align-items:end;margin-bottom:18px}.taxAreaEditor,.taxAreaCaseGrid,.taxAreaProfileGrid,.taxAreaRuleGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,350px);gap:18px;align-items:start}.taxAreaEditorMain,.taxAreaCaseMain,.taxAreaProfileGrid>main,.taxAreaRuleGrid>main{min-width:0;display:grid;gap:18px}.taxAreaEditorAside,.taxAreaCaseAside,.taxAreaProfileGrid>aside,.taxAreaRuleGrid>aside{display:grid;gap:18px;position:sticky;top:18px}.taxAreaKpiGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.taxAreaKpiGrid .card{padding:16px}.taxAreaKpiGrid span,.taxAreaReportCards>article>span,.taxAreaAreaCard>span{display:block;color:var(--ju-text-muted);font-size:.78rem;font-weight:800;letter-spacing:.045em;text-transform:uppercase}.taxAreaKpiGrid strong{display:block;margin-top:6px;color:var(--ju-text-strong);font-size:1.25rem;font-variant-numeric:tabular-nums}.taxAreaGuardrails{display:grid;grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr);gap:18px;margin-top:18px;padding:18px;border:1px solid var(--ju-border);border-left:3px solid var(--ju-accent);border-radius:6px;background:var(--ju-card)}.taxAreaGuardrails h2{margin:0;font-size:1.06rem}.taxAreaGuardrails p{margin:6px 0 0;color:var(--ju-text-muted)}.taxAreaGuardrails ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:0;padding-left:18px;color:var(--ju-text-muted)}.taxAreaGuideCard .notice{margin-top:16px}.taxAreaHash{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem}.taxAreaSuggestionList{display:grid;gap:10px}.taxAreaSuggestion{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px;border:1px solid var(--ju-border);border-left:3px solid var(--ju-accent);border-radius:6px;background:var(--ju-card)}.taxAreaSuggestion h3{margin:3px 0 4px;font-size:1rem}.taxAreaSuggestion p{margin:0;color:var(--ju-text-muted);line-height:1.5}.taxAreaSuggestion small{display:block;margin-top:7px;color:var(--ju-text-muted)}.taxAreaAllocationRows{display:grid;gap:12px}.taxAreaAllocationRow{display:grid;grid-template-columns:minmax(190px,.75fr) minmax(110px,.32fr) minmax(220px,1fr);gap:12px;align-items:start;padding:14px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-soft)}.taxAreaAllocationReason{grid-column:3}.taxAreaAllocationLegal{grid-column:1 / 4}.taxAreaAllocationRemove{grid-column:1 / -1;justify-self:end}.taxAreaAllocationFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.taxAreaAllocationTotal{font-size:.92rem;color:var(--ju-text-muted)}.taxAreaAllocationTotal strong{color:var(--ju-text-strong);font-variant-numeric:tabular-nums}.taxAreaAllocationTotal strong[data-complete="false"]{color:var(--ju-warning-text,#8a5500)}.taxAreaAllocationTotal strong[data-complete="true"]{color:var(--ju-success,#067647)}.taxAreaReviewFields{margin-top:18px}.taxAreaApprovedAllocations{display:grid;gap:10px}.taxAreaApprovedAllocations article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;padding:14px;border:1px solid var(--ju-border);border-radius:6px}.taxAreaApprovedAllocations article>div span{font-size:.75rem;font-weight:800;color:var(--ju-text-muted)}.taxAreaApprovedAllocations h3{margin:2px 0 0;font-size:1rem}.taxAreaApprovedAllocations article>strong{font-size:1.05rem;font-variant-numeric:tabular-nums}.taxAreaApprovedAllocations p,.taxAreaApprovedAllocations small{grid-column:1 / -1;margin:0;color:var(--ju-text-muted)}.taxAreaInlineAction{display:block;margin-top:12px}.taxAreaInlineAction summary{list-style:none;cursor:pointer}.taxAreaInlineAction summary::-webkit-details-marker{display:none}.taxAreaInlineAction[open] form{display:grid;gap:10px;margin-top:10px;padding:14px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-soft)}.taxAreaDangerAction{padding-top:12px;border-top:1px solid var(--ju-border)}.taxAreaTimeline{display:grid;gap:0;margin:0;padding:0;list-style:none}.taxAreaTimeline li{position:relative;padding:0 0 16px 18px}.taxAreaTimeline li::before{content:"";position:absolute;left:2px;top:7px;width:7px;height:7px;border-radius:6px;background:var(--ju-accent)}.taxAreaTimeline li:not(:last-child)::after{content:"";position:absolute;left:5px;top:15px;bottom:2px;width:1px;background:var(--ju-border)}.taxAreaTimeline strong,.taxAreaTimeline span{display:block}.taxAreaTimeline span{margin-top:3px;color:var(--ju-text-muted);font-size:.77rem}.taxAreaProfileActions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--ju-border)}.taxAreaAreaCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.taxAreaAreaCard{padding:14px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card)}.taxAreaAreaCard h3{margin:4px 0 7px;font-size:1rem}.taxAreaAreaCard p{margin:0;color:var(--ju-text-muted);line-height:1.45}.taxAreaAreaCard small{display:block;margin-top:8px;color:var(--ju-text-muted)}.taxAreaProfileList,.taxAreaRuleList{display:grid;gap:8px}.taxAreaProfileListItem,.taxAreaRuleListItem{display:grid;gap:3px;padding:11px 12px;border:1px solid var(--ju-border);border-radius:6px;color:inherit;text-decoration:none}.taxAreaProfileListItem:hover,.taxAreaRuleListItem:hover,.taxAreaProfileListItem.is-active,.taxAreaRuleListItem.is-active{border-color:var(--ju-accent-line);background:var(--ju-accent-soft)}.taxAreaProfileListItem span,.taxAreaProfileListItem small,.taxAreaRuleListItem span,.taxAreaRuleListItem small{color:var(--ju-text-muted)}.taxAreaCheckboxField{display:flex;align-items:end}.taxAreaCheckboxField .checkbox-row{min-height:44px}.taxAreaReportCards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.taxAreaReportCards article{padding:16px}.taxAreaReportCards h2{margin:5px 0 10px;font-size:1rem}.taxAreaReportCards strong{display:block;font-size:1.25rem;font-variant-numeric:tabular-nums}.taxAreaReportCards p{margin:5px 0;color:var(--ju-text-muted)}.taxAreaReportCards small{display:block;margin-top:8px;color:var(--ju-text-muted);line-height:1.4}.taxAreaWorkspacePage :is(.btn,.input,.select,textarea,summary){min-height:44px}.taxAreaWorkspacePage .inline-form{display:inline-flex;margin:0}.taxAreaTable .table-amount,.taxAreaWorkspacePage .table-amount{font-variant-numeric:tabular-nums}
@media (max-width:1160px){.taxAreaKpiGrid,.taxAreaReportCards{grid-template-columns:repeat(2,minmax(0,1fr))}.taxAreaAllocationRow{grid-template-columns:minmax(180px,1fr) minmax(110px,.45fr)}.taxAreaAllocationReason,.taxAreaAllocationLegal{grid-column:1 / -1}.taxAreaGuardrails{grid-template-columns:1fr}.taxAreaGuardrails ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.taxAreaEditor,.taxAreaCaseGrid,.taxAreaProfileGrid,.taxAreaRuleGrid{grid-template-columns:1fr}.taxAreaEditorAside,.taxAreaCaseAside,.taxAreaProfileGrid>aside,.taxAreaRuleGrid>aside{position:static}.taxAreaAreaCards{grid-template-columns:repeat(2,minmax(0,1fr))}.taxAreaTable{min-width:860px}}
@media (max-width:700px){.taxAreaKpiGrid,.taxAreaReportCards,.taxAreaAreaCards,.taxAreaGuardrails ul{grid-template-columns:1fr}.taxAreaAllocationRow{grid-template-columns:1fr}.taxAreaAllocationReason,.taxAreaAllocationLegal,.taxAreaAllocationRemove{grid-column:1}.taxAreaAllocationFooter{align-items:stretch;flex-direction:column}.taxAreaSuggestion{grid-template-columns:1fr}.taxAreaSuggestion .btn{justify-self:start}.taxAreaProfileActions{align-items:stretch;flex-direction:column}.taxAreaProfileActions form,.taxAreaProfileActions .btn{width:100%}}
@media (max-width:420px){.taxAreaWorkspacePage .page-header-actions,.taxAreaWorkspacePage .page-header-actions .btn,.taxAreaWorkspacePage .page-header-actions form,.taxAreaWorkspacePage .page-header-actions form .btn{width:100%}.taxAreaGuardrails{padding:14px}.taxAreaAllocationRow{padding:12px}.taxAreaReportFilter{align-items:stretch;flex-direction:column}.taxAreaReportFilter .form-field,.taxAreaReportFilter .btn{width:100%}}
@media (forced-colors:active){.taxAreaGuardrails,.taxAreaSuggestion,.taxAreaAllocationRow,.taxAreaApprovedAllocations article,.taxAreaAreaCard,.taxAreaProfileListItem,.taxAreaRuleListItem{border:1px solid CanvasText}.taxAreaGuardrails,.taxAreaSuggestion{border-left:3px solid Highlight}.taxAreaTimeline li::before{background:Highlight}.taxAreaAllocationTotal strong[data-complete]{color:CanvasText}}

/* v3.7j-v – Kassenprüfung und Vereinsabschluss */
.cashAuditWorkspacePage .localPageTabs{margin:0 0 18px}
.cashAuditWorkspacePage .cashAuditFocusPanel{align-items:center}
.cashAuditFilterBar{align-items:end}
.cashAuditTable .table-subline{display:block;margin-top:4px}
.cashAuditGuardrails{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:24px;padding:24px;border:1px solid var(--border-color,#d8d5cc);border-radius:6px;background:var(--surface);margin-top:18px}
.cashAuditGuardrails h2{margin:0 0 8px;font-size:1.1rem}
.cashAuditGuardrails p{margin:0;color:var(--text-muted)}
.cashAuditGuardrails ul{margin:0;padding-left:20px;display:grid;gap:8px}
.cashAuditEditor{display:grid;gap:18px}
.cashAuditScopeGrid,.cashAuditStatementGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:0;padding:0;margin:0}
.cashAuditStatementGrid legend{font-weight:700;margin-bottom:10px}
.cashAuditCheck{min-height:44px;display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--border-color,#d8d5cc);border-radius:6px;background:var(--surface);cursor:pointer}
.cashAuditCheck input{margin-top:3px;flex:0 0 auto}
.cashAuditCheck span{display:grid;gap:3px}
.cashAuditCheck small{color:var(--text-muted)}
.cashAuditDetailGrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:18px;margin-bottom:18px}
.cashAuditPlanList{display:grid;gap:10px}
.cashAuditPlanItem{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--border-color,#d8d5cc);border-radius:6px}
.cashAuditPlanItem p{margin:4px 0 0;color:var(--text-muted)}
.cashAuditInlineForm{display:grid;grid-template-columns:minmax(130px,.6fr) minmax(180px,1fr) auto;gap:8px;align-items:end}
.cashAuditFindingList{display:grid;gap:12px}
.cashAuditFinding{padding:16px;border:1px solid var(--border-color,#d8d5cc);border-radius:6px;background:var(--surface)}
.cashAuditFinding>header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.cashAuditFinding h3{margin:4px 0 0;font-size:1rem}
.cashAuditFinding>p{margin:12px 0 0}
.cashAuditFindingUpdate{display:grid;grid-template-columns:180px minmax(220px,1fr) minmax(220px,1fr) auto;gap:10px;align-items:end;margin-top:14px;padding-top:14px;border-top:1px solid var(--border-color,#d8d5cc)}
.cashAuditAddPanel{margin-top:16px;border:1px solid var(--border-color,#d8d5cc);border-radius:6px}
.cashAuditAddPanel>summary{min-height:44px;display:flex;align-items:center;padding:12px 14px;font-weight:700;cursor:pointer}
.cashAuditAddPanel>form{padding:0 14px 14px}
.cashAuditDocumentGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cashAuditDocumentCard{display:grid;gap:10px;padding:14px;border:1px solid var(--border-color,#d8d5cc);border-radius:6px;background:var(--surface)}
.cashAuditDocumentCard>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.cashAuditDocumentCard .form-label{display:grid;gap:6px}
.cashAuditRequestList{display:grid;gap:10px;margin-top:16px}
.cashAuditRequestList article{padding:14px;border:1px solid var(--border-color,#d8d5cc);border-radius:6px}
.cashAuditRequestList article>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.cashAuditStatement{display:grid;gap:16px}
.cashAuditReadiness{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr) auto;gap:18px;align-items:start;padding:22px;border:1px solid var(--border-color,#d8d5cc);border-radius:6px;margin:18px 0;background:var(--surface)}
.cashAuditReadiness.is-ready{border-color:color-mix(in srgb,var(--success,#2c7a4b) 40%,var(--border-color,#d8d5cc))}
.cashAuditReadiness.is-blocked{border-color:color-mix(in srgb,var(--warning,#a66b00) 40%,var(--border-color,#d8d5cc))}
.cashAuditReadiness h2{margin:4px 0 8px;font-size:1.15rem}
.cashAuditReadiness p{margin:0 0 8px}
.cashAuditBlocker,.cashAuditWarning{padding:8px 10px;border-radius:6px;background:var(--surface-muted,#f5f3ed)}
.cashAuditBlocker::before{content:'Offen: ';font-weight:700}
.cashAuditWarning::before{content:'Hinweis: ';font-weight:700}
.cashAuditClosureCard code{word-break:break-all}
.cashAuditNextStep form{margin-top:12px}
.cashAuditLocalTabs .localPageTab{min-height:44px}
.cashAuditWorkspacePage .danger-zone{border-radius:6px}
@media (max-width:1160px){
 .cashAuditDocumentGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cashAuditFindingUpdate{grid-template-columns:1fr 1fr}
 .cashAuditFindingUpdate .btn{justify-self:start}
}
@media (max-width:900px){
 .cashAuditScopeGrid,.cashAuditStatementGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cashAuditDetailGrid,.cashAuditGuardrails,.cashAuditReadiness{grid-template-columns:1fr}
 .cashAuditReadiness .btn{justify-self:start}
}
@media (max-width:700px){
 .cashAuditScopeGrid,.cashAuditStatementGrid,.cashAuditDocumentGrid{grid-template-columns:1fr}
 .cashAuditInlineForm,.cashAuditFindingUpdate{grid-template-columns:1fr}
 .cashAuditPlanItem,.cashAuditFinding>header,.cashAuditRequestList article>header,.cashAuditDocumentCard>div:first-child{display:grid;grid-template-columns:1fr}
 .cashAuditFilterBar{align-items:stretch}
 .cashAuditFilterBar .form-actions{width:100%}
 .cashAuditFilterBar .btn{flex:1 1 auto}
}
@media (max-width:420px){
 .cashAuditGuardrails,.cashAuditReadiness{padding:16px}
 .cashAuditCheck,.cashAuditFinding,.cashAuditDocumentCard,.cashAuditRequestList article{padding:12px}
 .cashAuditWorkspacePage .page-header-actions{width:100%}
 .cashAuditWorkspacePage .page-header-actions .btn{width:100%}
}
@media (forced-colors:active){
 .cashAuditCheck,.cashAuditPlanItem,.cashAuditFinding,.cashAuditDocumentCard,.cashAuditRequestList article,.cashAuditReadiness,.cashAuditGuardrails{border:1px solid CanvasText}
 .cashAuditReadiness.is-ready,.cashAuditReadiness.is-blocked{border-color:CanvasText}
}

/* v3.7j-w: sichere Vereinsautomatik – zentraler Styleguide, keine CSS-Insel. */
.clubAutomationWorkspacePage .localPageTabs{margin-bottom:18px}
.clubAutomationFocusPanel{align-items:stretch}
.clubAutomationStatusStrip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:0 0 18px;background:var(--border,#d9dde3);border:1px solid var(--border,#d9dde3);border-radius:6px;overflow:hidden}
.clubAutomationStatusStrip>div{display:flex;flex-direction:column;gap:5px;min-width:0;padding:14px 16px;background:var(--surface)}
.clubAutomationStatusStrip span{font-size:.78rem;color:var(--muted,#68707b)}
.clubAutomationStatusStrip strong{overflow-wrap:anywhere}
.clubAutomationActionGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.clubAutomationActionGrid>form{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:16px;border:1px solid var(--border,#d9dde3);border-radius:6px;background:var(--surface-soft,#f7f8fa)}
.clubAutomationActionGrid p{margin:0;color:var(--muted,#68707b);font-size:.88rem;line-height:1.45}
.clubAutomationDecisionForm{grid-column:span 2}
.clubAutomationTwoColumn{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;margin-bottom:18px}
.clubAutomationCandidateList{display:grid;gap:8px;margin-top:16px}
.clubAutomationCandidateList article{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-top:1px solid var(--border,#d9dde3)}
.clubAutomationCandidateList article:first-child{border-top:0}
.clubAutomationCandidateList p{margin:4px 0 0;color:var(--muted,#68707b)}
.clubAutomationCandidateList article>span{flex:0 0 auto;color:var(--muted,#68707b);font-size:.8rem;text-align:right}
.clubAutomationSnapshot{margin-top:16px;border-top:1px solid var(--border,#d9dde3);padding-top:12px}
.clubAutomationSnapshot summary{cursor:pointer;font-weight:600}
.clubAutomationSnapshot pre{max-height:360px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;background:var(--surface-soft,#f7f8fa);border-radius:6px;font-size:.78rem}
.clubAutomationDeadList{display:grid;gap:16px;margin-top:18px}
.clubAutomationDeadActions{display:flex;align-items:flex-end;gap:14px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border,#d9dde3)}
.clubAutomationGuardrails{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:20px;margin-top:18px;padding:20px;border:1px solid var(--border,#d9dde3);border-radius:6px;background:var(--surface-soft,#f7f8fa)}
.clubAutomationGuardrails h2{margin:0 0 8px;font-size:1.05rem}.clubAutomationGuardrails p{margin:0;color:var(--muted,#68707b)}.clubAutomationGuardrails ul{margin:0;padding-left:20px}.clubAutomationGuardrails li+li{margin-top:7px}
.clubAutomationEditor .input-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.clubAutomationTable td,.clubAutomationTable th{vertical-align:top}
@media(max-width:1024px){.clubAutomationStatusStrip{grid-template-columns:repeat(3,minmax(0,1fr))}.clubAutomationActionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.clubAutomationTwoColumn{grid-template-columns:1fr}.clubAutomationGuardrails{grid-template-columns:1fr}}
@media(max-width:640px){.clubAutomationStatusStrip{grid-template-columns:1fr 1fr}.clubAutomationActionGrid{grid-template-columns:1fr}.clubAutomationDecisionForm{grid-column:auto}.clubAutomationCandidateList article{flex-direction:column;gap:5px}.clubAutomationCandidateList article>span{text-align:left}.clubAutomationDeadActions{align-items:stretch;flex-direction:column}.clubAutomationDeadActions .form-actions{width:100%;flex-direction:column}.clubAutomationDeadActions .btn{width:100%}}
@media(max-width:390px){.clubAutomationStatusStrip{grid-template-columns:1fr}.clubAutomationStatusStrip>div{padding:12px 14px}.clubAutomationEditor .input-group{grid-template-columns:1fr}}
@media(forced-colors:active){.clubAutomationStatusStrip,.clubAutomationActionGrid>form,.clubAutomationGuardrails{border:1px solid CanvasText}.clubAutomationStatusStrip{background:CanvasText}.clubAutomationStatusStrip>div{background:Canvas}.clubAutomationSnapshot pre{border:1px solid CanvasText}}
.clubAutomationSnapshot summary{display:flex;align-items:center;min-height:44px;padding:6px 0}

/* JUBüro v3.7j-x – Vereinsauswertungen und Prüferpakete */
.clubReportingWorkspacePage .reportFilterCard{margin-bottom:18px}.reportMetricGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.reportMetric{min-width:0;padding:14px 16px;border:1px solid var(--border,#d9d9d9);border-radius:6px;background:var(--surface)}.reportMetric span{display:block;color:var(--text-muted,#626262);font-size:.82rem;line-height:1.35}.reportMetric strong{display:block;margin-top:6px;font-size:1.28rem;line-height:1.2;overflow-wrap:anywhere}.reportCatalogGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.reportCatalogCard{height:100%}.reportCatalogCard .card-b{display:flex;flex-direction:column;align-items:flex-start;height:100%;gap:10px}.reportCatalogCard h2{margin:0;font-size:1.05rem}.reportCatalogCard p{margin:0;color:var(--text-muted,#626262);flex:1}.reportCardMeta{display:flex;flex-wrap:wrap;gap:12px;color:var(--text-muted,#626262);font-size:.84rem}.reportStatus{display:inline-flex;align-items:center;min-height:28px;padding:4px 8px;border:1px solid currentColor;border-radius:6px;font-size:.78rem;font-weight:700}.reportStatus--ready{color:#216e42;background:#edf8f1}.reportStatus--review,.reportStatus--partial{color:#855900;background:#fff8e1}.reportStatus--unavailable,.reportStatus--error{color:#9a2f2f;background:#fff0f0}.reportWarningList{margin-top:16px;padding:14px 16px;border-left:3px solid #a26d00;background:#fff9e8;border-radius:0 6px 6px 0}.reportWarningList h3{margin:0 0 8px;font-size:.95rem}.reportWarningList ul{margin:0;padding-left:20px}.reportDataTable td,.reportDataTable th{vertical-align:top}.reportDetailGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:18px;align-items:start}.reportDetailMain,.reportActionRail,.reportActionStack{display:grid;gap:16px}.reportActionRail{position:sticky;top:16px}.reportActionForm{display:grid;gap:8px}.reportFacts{display:grid;gap:0;margin:0}.reportFacts>div{display:grid;grid-template-columns:minmax(140px,.45fr) minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid var(--border,#ddd)}.reportFacts>div:last-child{border-bottom:0}.reportFacts dt{color:var(--text-muted,#626262)}.reportFacts dd{margin:0;min-width:0;overflow-wrap:anywhere}.reportFacts code{white-space:normal;overflow-wrap:anywhere}.reportCheck{display:flex;gap:10px;align-items:flex-start;min-height:44px;padding:10px 12px;border:1px solid var(--border,#ddd);border-radius:6px;background:var(--surface);cursor:pointer}.reportCheck input{margin-top:4px}.reportCheck span{display:grid;gap:2px}.reportCheck small{color:var(--text-muted,#626262);line-height:1.4}.reportScopeFieldset{margin:18px 0 0;padding:0;border:0}.reportScopeFieldset legend{font-weight:700;margin-bottom:10px}.reportScopeGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reportPrivacyBox{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.reportScopeSummary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.reportScopeSummary span{padding:7px 9px;border:1px solid var(--border,#ddd);border-radius:6px;background:var(--surface-muted,#f6f6f6);font-size:.84rem}.reportEditor{display:grid;gap:16px}.reportBoardFocus{margin-bottom:16px}
@media (max-width:1100px){.reportMetricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.reportCatalogGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.reportDetailGrid{grid-template-columns:1fr}.reportActionRail{position:static}}
@media (max-width:700px){.reportMetricGrid,.reportCatalogGrid,.reportScopeGrid,.reportPrivacyBox{grid-template-columns:1fr}.reportFacts>div{grid-template-columns:1fr;gap:4px}.reportCatalogCard .btn{width:100%}.clubReportingWorkspacePage .page-header-actions{width:100%}.clubReportingWorkspacePage .page-header-actions .btn{flex:1;min-height:44px}.reportCheck{min-height:48px}.reportActionStack .btn{width:100%;min-height:44px}}
@media (forced-colors:active){.reportStatus,.reportMetric,.reportCheck,.reportScopeSummary span{forced-color-adjust:auto;border-color:CanvasText}.reportWarningList{border-left-color:CanvasText}}


/* v3.7j-z2 Premium-P2: task-first next actions and local list controls. */
.premiumNextAction{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;border:1px solid var(--ju-accent-line);background:linear-gradient(135deg,#fff 0%,var(--ju-warning-bg) 100%);box-shadow:var(--ju-shadow-sm);}
.premiumNextAction--success{border-color:var(--ju-success-line);background:linear-gradient(135deg,#fff 0%,var(--ju-success-bg) 100%);}
.premiumNextAction--danger{border-color:var(--ju-danger-line);background:linear-gradient(135deg,#fff 0%,var(--ju-danger-bg) 100%);}
.premiumNextAction--neutral{border-color:var(--ju-border);background:#fff;}
.premiumNextActionBody{min-width:0;}.premiumNextActionEyebrow{display:block;margin-bottom:4px;color:var(--ju-gold-strong);font-size:11px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;}
.premiumNextAction--success .premiumNextActionEyebrow{color:var(--ju-success)}.premiumNextAction--danger .premiumNextActionEyebrow{color:var(--ju-danger)}
.premiumNextAction .section-title{margin:0 0 4px}.premiumNextAction .section-lead{margin:0;max-width:82ch}.premiumNextActionActions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;}
.premiumLocalFilter{display:grid;grid-template-columns:minmax(240px,2fr) minmax(170px,.75fr) auto auto;gap:12px;align-items:end;margin:0 0 14px;padding:14px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-soft);}
.premiumLocalFilterSearch{min-width:0}.premiumLocalFilterActions{display:flex;gap:8px}.premiumLocalFilterCount{align-self:center;justify-self:end;color:var(--ju-text-muted);font-size:12px;font-weight:700;white-space:nowrap}.premiumLocalFilterEmpty{margin-top:0}
.premiumActionPriority{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.premiumActionPriorityPrimary{display:flex;gap:8px;flex-wrap:wrap}.premiumActionPrioritySecondary{display:flex;gap:6px;flex-wrap:wrap}
@media(max-width:900px){.premiumNextAction{grid-template-columns:1fr}.premiumNextActionActions{justify-content:flex-start}.premiumLocalFilter{grid-template-columns:1fr 1fr}.premiumLocalFilterActions{grid-column:1/-1}.premiumLocalFilterCount{grid-column:1/-1;justify-self:start}}
@media(max-width:640px){.premiumLocalFilter{grid-template-columns:1fr;padding:12px}.premiumLocalFilterActions{grid-column:auto}.premiumLocalFilterActions .btn,.premiumNextActionActions .btn{flex:1}.premiumLocalFilterCount{grid-column:auto}.premiumNextAction{padding:14px}}


/* v3.7j-z3 Premium-P3: readiness, compact action menus and legal/auth surfaces */
.premiumReadiness{display:grid;gap:14px;}
.premiumReadinessList{display:grid;gap:8px;margin:0;padding:0;list-style:none;}
.premiumReadinessItem{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:11px 12px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);}
.premiumReadinessMark{width:10px;height:10px;border:2px solid var(--ju-text-muted);border-radius:50%;background:var(--ju-card);}
.premiumReadinessItem--success .premiumReadinessMark{border-color:var(--ju-success);background:var(--ju-success);}
.premiumReadinessItem--warning .premiumReadinessMark{border-color:var(--ju-warning);background:var(--ju-warning-bg);}
.premiumReadinessItem--danger .premiumReadinessMark{border-color:var(--ju-danger);background:var(--ju-danger-bg);}
.premiumReadinessItem--info .premiumReadinessMark{border-color:var(--ju-gold);background:var(--ju-accent-soft);}
.premiumReadinessCopy{display:grid;gap:2px;min-width:0;}
.premiumReadinessCopy strong{color:var(--ju-text-strong);font-size:13px;font-weight:850;line-height:1.35;}
.premiumReadinessCopy small{color:var(--ju-text-muted);font-size:11px;line-height:1.4;}
.premiumActionMenu{position:relative;display:inline-block;}
.premiumActionMenu>summary{list-style:none;cursor:pointer;}
.premiumActionMenu>summary::-webkit-details-marker{display:none;}
.premiumActionMenuPanel{position:absolute;z-index:70;right:0;top:calc(100% + 6px);display:grid;min-width:220px;padding:6px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:var(--ju-shadow-raised);}
.premiumActionMenuLink{display:flex;align-items:center;min-height:40px;padding:8px 10px;border-radius:var(--ju-radius);color:var(--ju-text-strong);font-size:12px;font-weight:750;}
.premiumActionMenuLink:hover,.premiumActionMenuLink:focus-visible{background:var(--ju-soft);}
.premiumActionMenuLink.is-danger{color:var(--ju-danger);}
.premiumLegalContent{display:grid;gap:14px;max-width:78ch;}
.premiumLegalContent h2{margin:8px 0 0;color:var(--ju-text-strong);font-size:18px;line-height:1.3;}
.premiumLegalContent h3{margin:4px 0 0;color:var(--ju-text-strong);font-size:14px;line-height:1.35;}
.premiumLegalContent p,.premiumLegalContent li{color:var(--ju-text);line-height:1.65;}
.premiumLegalContent ul,.premiumLegalContent ol{display:grid;gap:6px;margin:0;padding-left:20px;}
.premiumAuthProgress{margin-bottom:16px;}
.premiumAuthTrust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;}
.premiumAuthTrustItem{display:grid;gap:3px;padding:10px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-soft);}
.premiumAuthTrustItem strong{font-size:11px;color:var(--ju-text-strong);}
.premiumAuthTrustItem small{font-size:10px;color:var(--ju-text-muted);line-height:1.35;}
.premiumInlineSummary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:0 0 14px;}
.premiumInlineSummaryItem{display:grid;gap:3px;padding:11px 12px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-soft);}
.premiumInlineSummaryItem span{font-size:10px;font-weight:750;color:var(--ju-text-muted);text-transform:uppercase;letter-spacing:.035em;}
.premiumInlineSummaryItem strong{font-size:14px;color:var(--ju-text-strong);line-height:1.3;}
@media(max-width:760px){
  .premiumReadinessItem{grid-template-columns:12px minmax(0,1fr);}
  .premiumReadinessItem>.btn{grid-column:1/-1;width:100%;}
  .premiumActionMenu{display:block;width:100%;}.premiumActionMenu>summary{width:100%;}.premiumActionMenuPanel{position:static;margin-top:6px;min-width:0;}
  .premiumAuthTrust{grid-template-columns:1fr;}
}

/* v3.7j-z3 Premium-P3: auth and account journey refinement */
.premiumAuthProgress>ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:0;padding:0;list-style:none;}
.premiumAuthProgressItem{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;min-height:48px;padding:9px 10px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);color:var(--ju-text-muted);}
.premiumAuthProgressItem>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid currentColor;border-radius:50%;font-size:11px;font-weight:850;}
.premiumAuthProgressItem>strong{font-size:12px;line-height:1.3;}
.premiumAuthProgressItem--done{border-color:color-mix(in srgb,var(--ju-success) 35%,var(--ju-border));background:color-mix(in srgb,var(--ju-success-bg) 75%,var(--ju-card));color:var(--ju-success);}
.premiumAuthProgressItem--current{border-color:color-mix(in srgb,var(--ju-accent) 55%,var(--ju-border));background:var(--ju-accent-soft);color:var(--ju-text-strong);box-shadow:inset 3px 0 0 var(--ju-accent);}
.premiumInlineSummaryItem small{font-size:10px;color:var(--ju-text-muted);line-height:1.4;}
.publicJourneyMain .premiumInlineSummary,.publicNarrowSurface .premiumInlineSummary{margin-top:0;}
.publicJourneyMain .premiumAuthTrust,.publicNarrowSurface .premiumAuthTrust{margin-bottom:2px;}
.accountConnectionReadiness{margin-bottom:14px;}
.accountBillingJourney{margin-bottom:14px;}
@media (max-width:720px){.premiumAuthProgress>ol{grid-template-columns:1fr}.premiumAuthProgressItem{min-height:44px}.premiumInlineSummary{grid-template-columns:1fr}.publicJourneyMain .form-actions,.publicNarrowSurface .form-actions{display:grid;grid-template-columns:1fr}.publicJourneyMain .form-actions .btn,.publicNarrowSurface .form-actions .btn{width:100%;min-height:44px}}
/* v3.7j-z3 Premium-P3: long-title and action-row resilience */
.page-header-title,.page-header-title>*{min-width:0}
.page-title{max-width:100%;overflow-wrap:anywhere;word-break:normal}
@media (max-width:720px){
  .page-header-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
  .page-header-actions>.btn,.page-header-actions>button,.page-header-actions>a,.page-header-actions>form,.page-header-actions>details{width:100%;max-width:100%;min-width:0}
  .page-header-actions>form .btn,.page-header-actions>details>summary{width:100%;max-width:100%;white-space:normal}
}



/* v3.7j-z5 P0 trust and MFA surfaces */
.publicTrustGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.publicTrustGrid article,.publicStatusOverview article{border:1px solid var(--border,#d8dadd);border-radius:6px;background:var(--surface);padding:20px;min-width:0}.publicTrustGrid article>span,.publicStatusOverview article>span{display:block;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#666);margin-bottom:8px}.publicTrustGrid h3,.publicStatusOverview strong{display:block;margin:0 0 8px;font-size:1rem}.publicTrustGrid p,.publicStatusOverview p{margin:0;color:var(--muted,#666);line-height:1.55}.publicStatusOverview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.publicStatusOverview .is-ready{border-top:4px solid #347a52}.publicStatusOverview .is-pending{border-top:4px solid #a87516}.publicStatusOverview .is-blocked{border-top:4px solid #8b3b3b}.mfaRecoveryGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}.mfaRecoveryGrid code{display:block;padding:10px 12px;border:1px solid var(--border,#d8dadd);border-radius:6px;background:var(--surface-subtle,#f5f5f5);font-size:.95rem;letter-spacing:.06em;text-align:center}.publicLegalDocument,.publicPremiumSection{scroll-margin-top:90px}@media(max-width:900px){.publicTrustGrid,.publicStatusOverview{grid-template-columns:1fr 1fr}}@media(max-width:620px){.publicTrustGrid,.publicStatusOverview,.mfaRecoveryGrid{grid-template-columns:1fr}.publicTrustGrid article,.publicStatusOverview article{padding:16px}}

/* v3.7j-z5: long public titles and actions must remain inside narrow cards. */
.publicPremiumHeroCopy,.publicHeroActions,.publicHeroActions .btn{min-width:0;max-width:100%;box-sizing:border-box;}
.publicPremiumHeroCopy h1{overflow-wrap:anywhere;word-break:normal;hyphens:auto;}
@media (max-width:430px){
  .publicPremiumHeroCopy h1{font-size:clamp(32px,11.5vw,43px);letter-spacing:-.045em;}
}
@media (max-width:430px){
  .publicPremiumHeroCopy h1{font-size:clamp(32px,10.4vw,40px);overflow-wrap:break-word;}
}


/* ==== v3.7j-z7k-c2: warm Graphit / Kupfer-Messinggold refinement ====
   The warmer brass accent remains strictly separated from semantic status colors. */
:root{
  color-scheme:light;
  --ju-gold:#B85C2E;
  --ju-gold-hover:#A64B23;
  --ju-gold-active:#8B3F1E;
  --ju-gold-strong:#8B3F1E;
  --ju-gold-soft:var(--ju-brand-soft);
  --ju-gold-line:rgba(139,63,30,.28);
  --ju-anth:#1F1E21;
  --ju-bg:#F7F5F2;
  --ju-card:#FFFFFF;
  --ju-soft:#FAF8F6;
  --ju-surface-subtle:#FAF8F6;
  --ju-surface-inset:#F0EDE6;
  --ju-text:#3D383F;
  --ju-text-strong:#242126;
  --ju-text-muted:#6D6670;
  --ju-text-subtle:#7B747D;
  --ju-border:#DDD7DB;
  --ju-border-strong:#CFC6CC;
  --ju-border-soft:#ECE7EA;
  --ju-success:#2F7D55;
  --ju-success-bg:#EEF7F1;
  --ju-success-line:rgba(47,125,85,.24);
  --ju-warning:#A65F00;
  --ju-warning-bg:#FFF4E5;
  --ju-warning-line:rgba(166,95,0,.24);
  --ju-danger:#B33A3A;
  --ju-danger-bg:#FFF0F0;
  --ju-danger-line:rgba(179,58,58,.22);
  --ju-info:#5F5965;
  --ju-info-bg:#F2EFF4;
  --ju-info-line:rgba(95,89,101,.24);
  --ju-accent-soft:var(--ju-brand-soft);
  --ju-accent-line:var(--ju-brand-line);
  --ju-accent-focus:var(--ju-brand-focus);
  --ju-accent-hover:var(--ju-brand-hover-fill);
  --ju-shell-bg:#1F1E21;
  --ju-shell-graphite:#1F1E21;
  --ju-shell-graphite-deep:#17161A;
  --ju-primary:var(--ju-brand);
  --ju-accent:var(--ju-brand);
  --ju-accent-strong:var(--ju-brand-strong);
  --ju-focus-ring:0 0 0 3px var(--ju-accent-focus);
  --ju-selected-line:var(--ju-brand);
  --ju-selected-bg:var(--ju-accent-soft);
  --ju-table-left-accent:var(--ju-brand);
  --offer-accent:var(--ju-brand);
}
body,.admin-app,.admin-app .page{background:var(--ju-bg);color:var(--ju-text);}
.btn-primary{border-color:var(--ju-gold-hover);background:linear-gradient(180deg,var(--ju-brand) 0%,var(--ju-gold) 100%);color:var(--ju-text-strong);}
.btn-primary:hover,.btn-primary:focus-visible{border-color:var(--ju-gold-active);background:var(--ju-gold-hover);color:var(--ju-text-strong);}
.btn-primary:active{border-color:var(--ju-gold-active);background:var(--ju-gold-active);color:var(--ju-text-strong);transform:translateY(1px);}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline-color:var(--ju-gold-strong);}


/* ==== v3.7j-z7k-c3: Carbon + Dark Mulberry + Porcelain ====
   Authoritative brand layer before z7l. Mulberry is reserved for identity and
   interaction; success, warning, danger and information remain semantic. */
:root{
  --ju-brand:#B85C2E;
  --ju-brand-hover:#A64B23;
  --ju-brand-active:#8B3F1E;
  --ju-brand-strong:#8B3F1E;
  --ju-brand-soft:#F7ECE5;
  --ju-brand-line:rgba(184,92,46,.28);
  --ju-brand-focus:rgba(184,92,46,.30);
  --ju-brand-hover-fill:rgba(184,92,46,.075);
  --ju-gold:var(--ju-brand);
  --ju-gold-hover:var(--ju-brand-hover);
  --ju-gold-active:var(--ju-brand-active);
  --ju-gold-strong:var(--ju-brand-strong);
  --ju-gold-soft:var(--ju-brand-soft);
  --ju-gold-line:var(--ju-brand-line);
  --ju-anth:#1F1E21;
  --ju-bg:#F7F5F2;
  --ju-soft:#FAF8F6;
  --ju-text:#3D383F;
  --ju-text-strong:#242126;
  --ju-text-muted:#6D6670;
  --ju-text-subtle:#7B747D;
  --ju-border:#DDD7DB;
  --ju-border-strong:#CFC6CC;
  --ju-border-soft:#ECE7EA;
  --ju-shadow-color:rgba(31,30,33,.065);
  --ju-shadow-color-soft:rgba(31,30,33,.028);
  --ju-accent:var(--ju-brand);
  --ju-accent-strong:var(--ju-brand-strong);
  --ju-accent-soft:var(--ju-brand-soft);
  --ju-accent-line:var(--ju-brand-line);
  --ju-accent-focus:var(--ju-brand-focus);
  --ju-accent-hover:var(--ju-brand-hover-fill);
  --ju-primary:var(--ju-brand);
  --ju-primary-soft:var(--ju-brand-soft);
  --ju-link:var(--ju-brand);
  --ju-selected-line:var(--ju-brand);
  --ju-selected-bg:var(--ju-brand-soft);
  --ju-table-left-accent:var(--ju-brand);
  --offer-accent:var(--ju-brand);
  --ju-shell-graphite:#1F1E21;
  --ju-shell-graphite-deep:#17161A;
  --ju-info:#5F5965;
  --ju-info-bg:#F2EFF4;
  --ju-info-line:rgba(95,89,101,.24);
}
html,body,body.admin-app{background:var(--ju-bg);color:var(--ju-text-strong);}
a:not(.btn):not(.appNavLink):not(.premiumModuleNavLink){color:var(--ju-link);}
.btn-primary,.btn.btn-primary{background:var(--ju-brand);border-color:var(--ju-brand);color:#fff;box-shadow:0 5px 14px rgba(139,63,30,.16);}
.btn-primary:hover,.btn.btn-primary:hover{background:var(--ju-brand-hover);border-color:var(--ju-brand-hover);color:#fff;box-shadow:0 7px 18px rgba(139,63,30,.20);}
.btn-primary:active,.btn.btn-primary:active{background:var(--ju-brand-active);border-color:var(--ju-brand-active);color:#fff;box-shadow:none;}
.btn-primary:focus-visible,.btn.btn-primary:focus-visible{outline:3px solid var(--ju-brand-focus);outline-offset:2px;}
.btn-secondary:hover,.btn-ghost:hover{border-color:var(--ju-brand-line);background:var(--ju-brand-soft);color:var(--ju-brand-strong);}
.check-input,.radio-input,input[type="checkbox"],input[type="radio"]{accent-color:var(--ju-brand);}
.choice-row:focus-within{border-color:var(--ju-brand);box-shadow:0 0 0 3px var(--ju-brand-focus);}
.metric-card--primary{background:var(--ju-brand-soft);border-color:var(--ju-brand-line);}
.metric-card--warning{background:var(--ju-warning-bg);border-color:var(--ju-warning-line);}
.notice-warn,.notice-warning,.alert-box--warning{border-color:var(--ju-warning-line);background:var(--ju-warning-bg);}
.section--next-step{border-color:var(--ju-brand-line);background:linear-gradient(180deg,var(--ju-brand-soft) 0%,var(--ju-soft) 100%);box-shadow:0 8px 24px rgba(184,92,46,.08);}
.section--context-summary{background:var(--ju-brand-soft);border-color:var(--ju-brand-line);}
.appMainHeader:after,.dmsHero:after,.searchHero:after,.helpHero:after{background:linear-gradient(90deg,var(--ju-brand),transparent);}
.masterMiluLauncherIcon{background:var(--ju-brand);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.28);}
.orderFlowStep.is-active{border-color:var(--ju-brand);box-shadow:0 16px 40px var(--ju-brand-focus);}
.premiumModuleNavLink.is-active,.premiumModuleNavLink[aria-current="page"]{background:var(--ju-brand-soft);color:var(--ju-brand-strong);}
.premiumModuleNavLink.is-active::after,.premiumModuleNavLink[aria-current="page"]::after{background:var(--ju-brand);}
.section-kicker,.eyebrow,.page-eyebrow,.premiumEyebrow{color:var(--ju-brand-strong);}
.premiumSummaryIcon,.premiumRecordIcon,.quickActionIcon{border-color:var(--ju-brand-line);background:var(--ju-brand-soft);color:var(--ju-brand);}
.tableAvatar{border-color:var(--ju-brand-line);background:var(--ju-brand-soft);color:var(--ju-brand-strong);}
tr.is-selected,tbody tr[aria-selected="true"]{background:rgba(184,92,46,.055);}
input:focus-visible,select:focus-visible,textarea:focus-visible,.input:focus-visible,.select:focus-visible,.textarea:focus-visible{border-color:var(--ju-brand);box-shadow:0 0 0 3px var(--ju-brand-focus);}
::selection{background:rgba(184,92,46,.22);color:var(--ju-text-strong);}
@media (forced-colors:active){.btn-primary,.btn.btn-primary{border:2px solid ButtonText;background:ButtonFace;color:ButtonText}.appNavLink[aria-current="page"]{outline:2px solid Highlight;outline-offset:-2px}}


/* ==== v3.7j-z7l: WCAG 2.2 interaction hardening ==== */
:where(a,button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible{outline:2px solid var(--ju-brand);outline-offset:2px;}
.appSidebar :where(a,button,[tabindex]:not([tabindex="-1"])):focus-visible,.appWorkbar :where(a,button,input,[tabindex]:not([tabindex="-1"])):focus-visible{outline-color:#F3A173;}
:where(.btn-icon,.iconButton,.tableActionButton,.appWorkbarUtilityAction,.documentViewerPagerButton){min-width:36px;min-height:36px;}
:where(h1,h2,h3,h4,[id]){scroll-margin-top:calc(var(--app-workbar-offset, 0px) + 20px);}
html{scroll-padding-top:calc(var(--app-workbar-offset, 0px) + 20px);}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.appNavLink,.premiumModuleNavLink,.modal,.drawer{transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}
@media (forced-colors:active){:where(a,button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible,.btn:focus-visible,.btn-secondary:focus-visible,.btn-ghost:focus-visible{outline:2px solid Highlight;outline-offset:2px;box-shadow:none;forced-color-adjust:auto}}


/* ==== v3.7j-z7l-c1: Carbon + Ember Orange + Porcelain ====
   Authoritative brand layer. Ember Orange is limited to identity and
   interaction; semantic success, warning, danger and information remain separate. */
:root{
  --ju-brand:#B85C2E;
  --ju-brand-hover:#A64B23;
  --ju-brand-active:#8B3F1E;
  --ju-brand-strong:#8B3F1E;
  --ju-brand-soft:#F7ECE5;
  --ju-brand-line:rgba(184,92,46,.28);
  --ju-brand-focus:rgba(184,92,46,.32);
  --ju-brand-hover-fill:rgba(184,92,46,.075);
  --ju-gold:var(--ju-brand);
  --ju-gold-hover:var(--ju-brand-hover);
  --ju-gold-active:var(--ju-brand-active);
  --ju-gold-strong:var(--ju-brand-strong);
  --ju-gold-soft:var(--ju-brand-soft);
  --ju-gold-line:var(--ju-brand-line);
  --ju-primary:var(--ju-brand);
  --ju-primary-soft:var(--ju-brand-soft);
  --ju-accent:var(--ju-brand);
  --ju-accent-strong:var(--ju-brand-strong);
  --ju-accent-soft:var(--ju-brand-soft);
  --ju-accent-line:var(--ju-brand-line);
  --ju-accent-focus:var(--ju-brand-focus);
  --ju-accent-hover:var(--ju-brand-hover-fill);
  --ju-link:var(--ju-brand);
  --ju-selected-line:var(--ju-brand);
  --ju-selected-bg:var(--ju-brand-soft);
  --ju-table-left-accent:var(--ju-brand);
  --offer-accent:var(--ju-brand);
  --ju-bg:#F7F5F2;
  --ju-shell-bg:#1F1E21;
  --ju-shell-graphite:#1F1E21;
  --ju-shell-graphite-deep:#171619;
}
.btn-primary,.btn.btn-primary{background:var(--ju-brand);border-color:var(--ju-brand);color:#fff;box-shadow:0 5px 14px rgba(139,63,30,.17);}
.btn-primary:hover,.btn.btn-primary:hover{background:var(--ju-brand-hover);border-color:var(--ju-brand-hover);color:#fff;box-shadow:0 7px 18px rgba(139,63,30,.21);}
.btn-primary:active,.btn.btn-primary:active{background:var(--ju-brand-active);border-color:var(--ju-brand-active);color:#fff;box-shadow:none;}
.section--next-step{box-shadow:0 8px 24px rgba(184,92,46,.075);}
tr.is-selected,tbody tr[aria-selected="true"]{background:rgba(184,92,46,.052);}
::selection{background:rgba(184,92,46,.22);color:var(--ju-text-strong);}


/* ==== v3.7j-z7m-c4: premium attached workspace navigation ====
   Desktop: one calm local navigation directly attached to the utility workbar.
   Mobile/tablet: a full-width accessible dropdown; never horizontally scrolling tabs. */
.appWorkbar[data-navigation-level="global-utility"].appWorkbar--has-local-navigation{
  border-radius:6px 6px 0 0;
  border-bottom-color:var(--ju-border-soft);
  box-shadow:none;
}
.appWorkbar[data-navigation-level="global-utility"].appWorkbar--has-local-navigation + .appWorkspaceNavigation{
  margin-top:-1px;
}
.appWorkspaceNavigation{
  display:block;
  min-width:0;
  padding:0;
}
.appWorkspaceNavigationDesktop{display:block;min-width:0;}
.appWorkspaceNavigationMobile{display:none;}
.appWorkspaceNavigation--tabs .appWorkspaceNavigationDesktop > .premiumModuleNav--workspace{
  position:relative;
  display:flex;
  align-items:stretch;
  gap:2px;
  min-height:50px;
  margin:0;
  padding:0 16px;
  border:1px solid var(--ju-border);
  border-top:0;
  border-radius:0 0 6px 6px;
  background:#fff;
  box-shadow:0 5px 14px rgba(31,30,33,.045);
  overflow:visible;
  scrollbar-width:none;
}
.appWorkspaceNavigation--tabs .appWorkspaceNavigationDesktop > .premiumModuleNav--workspace::-webkit-scrollbar{display:none;}
.appWorkspaceNavigation--tabs .appWorkspaceNavigationDesktop > .premiumModuleNav--workspace::after{display:none;}
.appWorkspaceNavigation--tabs .premiumModuleNavLink{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:49px;
  padding:0 15px;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--ju-text-muted);
  font-size:12.5px;
  font-weight:750;
  line-height:1.2;
  white-space:nowrap;
  box-shadow:none;
}
.appWorkspaceNavigation--tabs .premiumModuleNavLink:hover{
  background:linear-gradient(180deg,transparent 0%,rgba(184,92,46,.055) 100%);
  color:var(--ju-text-strong);
}
.appWorkspaceNavigation--tabs .premiumModuleNavLink:focus-visible{
  z-index:2;
  border-radius:4px;
  background:var(--ju-soft);
  color:var(--ju-text-strong);
  box-shadow:var(--ju-focus-ring);
}
.appWorkspaceNavigation--tabs .premiumModuleNavLink.is-active,
.appWorkspaceNavigation--tabs .premiumModuleNavLink[aria-current="page"]{
  background:transparent;
  color:var(--ju-brand-strong);
  font-weight:850;
  box-shadow:none;
}
.appWorkspaceNavigation--tabs .premiumModuleNavLink.is-active::after,
.appWorkspaceNavigation--tabs .premiumModuleNavLink[aria-current="page"]::after{
  content:"";
  position:absolute;
  right:12px;
  bottom:-1px;
  left:12px;
  height:3px;
  border-radius:3px 3px 0 0;
  background:var(--ju-brand);
}
.appWorkspaceNavigation--switcher .appWorkspaceNavigationDesktop{
  padding:8px 18px 9px;
  border:1px solid var(--ju-border);
  border-top:0;
  border-radius:0 0 6px 6px;
  background:#fff;
  box-shadow:0 5px 14px rgba(31,30,33,.045);
}
.appWorkspaceNavigation--switcher .premiumModuleSwitch--desktop{width:min(380px,100%);}
.premiumModuleSwitchToggle{
  transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease;
}
.premiumModuleSwitchToggle:hover{
  border-color:var(--ju-border-strong);
  background:#fff;
}
.premiumModuleSwitchChevron{
  display:grid;
  place-items:center;
  flex:0 0 28px;
  width:28px;
  height:28px;
  color:var(--ju-text-muted);
  transition:transform .16s ease,color .16s ease;
}
.premiumModuleSwitchChevron svg{width:17px;height:17px;}
.premiumModuleSwitch[open] .premiumModuleSwitchChevron{transform:rotate(180deg);color:var(--ju-brand-strong);}
.premiumModuleSwitchItem{
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  align-items:center;
  gap:8px;
  min-width:0;
  min-height:44px;
}
.premiumModuleSwitchItem::before{
  content:"";
  display:grid;
  place-items:center;
  width:18px;
  color:var(--ju-brand-strong);
  font-size:13px;
  font-weight:900;
}
.premiumModuleSwitchItem.is-active::before,
.premiumModuleSwitchItem[aria-current="page"]::before{content:"✓";}
.premiumModuleSwitchItem.is-active,
.premiumModuleSwitchItem[aria-current="page"]{
  background:var(--ju-brand-soft);
  color:var(--ju-brand-strong);
}
.appWorkspaceNavigationContext{
  margin-top:8px;
}

@media (max-width:1023px){
  .appWorkspaceNavigationDesktop{display:none;}
  .appWorkspaceNavigationMobile{display:block;}
  .appWorkspaceNavigation{
    margin:0 0 12px;
    padding:0;
  }
  .appWorkspaceNavigationMobile .premiumModuleSwitch{width:100%;}
  .appWorkspaceNavigationMobile .premiumModuleSwitchToggle{
    min-height:52px;
    padding:8px 13px;
    border:1px solid var(--ju-border);
    border-radius:6px;
    background:#fff;
    box-shadow:0 4px 12px rgba(31,30,33,.05);
  }
  .appWorkspaceNavigationMobile .premiumModuleSwitchToggle small{
    color:var(--ju-text-subtle);
    font-size:9px;
    letter-spacing:.08em;
  }
  .appWorkspaceNavigationMobile .premiumModuleSwitchToggle strong{
    font-size:14px;
    font-weight:820;
  }
  .appWorkspaceNavigationMobile .premiumModuleSwitchMenu{
    position:static;
    width:100%;
    margin-top:6px;
    padding:6px;
    border:1px solid var(--ju-border);
    border-radius:6px;
    background:#fff;
    box-shadow:0 10px 24px rgba(31,30,33,.09);
  }
  .appWorkspaceNavigationMobile .premiumModuleSwitchItem{
    min-height:48px;
    padding:0 12px;
    font-size:13px;
  }
  .appWorkspaceNavigationContext{margin-top:8px;}
}

@media (forced-colors:active){
  .appWorkspaceNavigation--tabs .premiumModuleNavLink.is-active,
  .appWorkspaceNavigation--tabs .premiumModuleNavLink[aria-current="page"]{outline:2px solid Highlight;outline-offset:-3px;}
  .premiumModuleSwitchItem.is-active,
  .premiumModuleSwitchItem[aria-current="page"]{outline:1px solid Highlight;}
}

@media (prefers-reduced-motion:reduce){
  .premiumModuleSwitchToggle,.premiumModuleSwitchChevron{transition:none;}
}


/* v3.7j-z7m-c5: premium CRM records, contextual selection and sales process. */
.premiumRecordNavigation{min-width:0;margin:0 0 16px;border-bottom:1px solid var(--ju-line);}
.premiumRecordNavigationDesktop{display:block;min-width:0;}
.premiumRecordNavigationMobile{display:none;}
.premiumRecordNavigation .premiumRecordTabRail{margin:0;overflow:visible;}
.premiumRecordNavigation .premiumRecordTabs{display:flex;align-items:flex-end;gap:2px;overflow:visible;padding:0;margin:0;background:transparent;border:0;}
.premiumRecordNavigation .premiumRecordTab{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:0 14px;border:0;border-radius:6px 6px 0 0;background:transparent;color:var(--ju-text-muted);font-weight:720;white-space:nowrap;box-shadow:none;}
.premiumRecordNavigation .premiumRecordTab::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;border-radius:2px 2px 0 0;background:transparent;}
.premiumRecordNavigation .premiumRecordTab:hover{background:var(--ju-soft);color:var(--ju-text-strong);}
.premiumRecordNavigation .premiumRecordTab.is-active,.premiumRecordNavigation .premiumRecordTab[aria-selected="true"]{background:transparent;color:var(--ju-text-strong);}
.premiumRecordNavigation .premiumRecordTab.is-active::after,.premiumRecordNavigation .premiumRecordTab[aria-selected="true"]::after{background:var(--ju-brand);}
.premiumRecordNavigation .premiumRecordTab small,.premiumRecordSwitchItem small,.premiumRecordSwitchToggle>small{display:inline-grid;place-items:center;min-width:22px;min-height:20px;padding:0 6px;border-radius:6px;background:var(--ju-soft);color:var(--ju-text-muted);font-size:10px;font-weight:760;line-height:1;}
.premiumRecordNavigation .premiumRecordTab.is-active small,.premiumRecordNavigation .premiumRecordTab[aria-selected="true"] small{background:var(--ju-brand-soft);color:var(--ju-brand-strong);}
.premiumRecordSwitch{position:relative;}
.premiumRecordSwitchToggle{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 12px;border:1px solid var(--ju-line);border-radius:6px;background:var(--ju-surface);cursor:pointer;list-style:none;box-shadow:0 4px 14px rgba(30,24,22,.05);}
.premiumRecordSwitchToggle::-webkit-details-marker{display:none;}
.premiumRecordSwitchCopy{display:grid;gap:2px;min-width:0;flex:1;}
.premiumRecordSwitchCopy small{color:var(--ju-text-subtle);font-size:10px;font-weight:760;letter-spacing:.08em;text-transform:uppercase;}
.premiumRecordSwitchCopy strong{overflow:hidden;color:var(--ju-text-strong);font-size:14px;text-overflow:ellipsis;white-space:nowrap;}
.premiumRecordSwitchChevron{display:grid;place-items:center;width:24px;height:24px;color:var(--ju-text-muted);transition:transform .16s ease;}
.premiumRecordSwitchChevron svg{width:18px;height:18px;}
.premiumRecordSwitch[open] .premiumRecordSwitchChevron{transform:rotate(180deg);}
.premiumRecordSwitchMenu{display:grid;gap:2px;margin-top:6px;padding:6px;border:1px solid var(--ju-line);border-radius:6px;background:var(--ju-surface);box-shadow:0 18px 42px rgba(30,24,22,.14);}
.premiumRecordSwitchItem{display:grid;grid-template-columns:minmax(0,1fr) auto 24px;align-items:center;gap:8px;min-height:48px;padding:10px 12px;border:0;border-radius:5px;background:transparent;color:var(--ju-text-strong);text-align:left;font:inherit;font-weight:680;cursor:pointer;}
.premiumRecordSwitchItem:hover,.premiumRecordSwitchItem:focus-visible{background:var(--ju-soft);outline:none;}
.premiumRecordSwitchItem.is-active{background:var(--ju-brand-soft);color:var(--ju-brand-strong);}
.premiumRecordSwitchCheck{visibility:hidden;text-align:center;color:var(--ju-brand);font-weight:850;}
.premiumRecordSwitchItem.is-active .premiumRecordSwitchCheck{visibility:visible;}

.crmBulkActionBar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin:0 0 14px;padding:12px 14px;border:1px solid var(--ju-line);border-radius:6px;background:var(--ju-surface);box-shadow:0 4px 14px rgba(30,24,22,.035);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;}
.crmBulkActionBar .section-title{font-size:14px;}
.crmBulkActionBar .section-lead{margin-top:2px;font-size:12px;}
.crmBulkActionBar .page-meta{margin-top:5px;}
.premiumSelectionScope.has-selection .crmBulkActionBar{border-color:var(--ju-brand-line);background:linear-gradient(135deg,var(--ju-surface),var(--ju-brand-soft));box-shadow:0 8px 22px rgba(206,83,24,.08);}
.crmBulkActionBar .form-actions{flex-wrap:wrap;justify-content:flex-end;}
.crmBulkActionBar .crmSelectAll{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 8px;color:var(--ju-text-muted);font-size:12px;font-weight:680;white-space:nowrap;}
.premiumRecordPageHeader .recordHeaderActions .btn,.crmBulkActionBar .btn{min-height:40px;}

.salesProcessCockpit{margin:18px 0 0;padding:18px;border:1px solid var(--ju-line);border-radius:8px;background:linear-gradient(145deg,var(--ju-surface),var(--ju-surface-warm));box-shadow:0 10px 28px rgba(30,24,22,.055);}
.salesProcessHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px;}
.salesProcessEyebrow{display:block;margin-bottom:4px;color:var(--ju-brand-strong);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;}
.salesProcessStages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.salesProcessStage{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) 20px;align-items:center;gap:10px;min-height:118px;padding:14px;border:1px solid var(--ju-line);border-radius:7px;background:var(--ju-surface);color:inherit;text-decoration:none;box-shadow:0 3px 12px rgba(30,24,22,.035);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;}
.salesProcessStage:hover{transform:translateY(-2px);border-color:var(--ju-brand-line);box-shadow:0 12px 26px rgba(30,24,22,.08);}
.salesProcessStageIndex{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--ju-line);border-radius:50%;background:var(--ju-soft);color:var(--ju-text-muted);font-size:11px;font-weight:800;}
.salesProcessStageBody{display:grid;gap:2px;min-width:0;}
.salesProcessStageLabel{color:var(--ju-text-muted);font-size:11px;font-weight:760;text-transform:uppercase;letter-spacing:.04em;}
.salesProcessStageBody strong{color:var(--ju-text-strong);font-size:25px;line-height:1.05;}
.salesProcessStageAmount{color:var(--ju-text-strong);font-size:13px;font-weight:720;}
.salesProcessStageBody small{color:var(--ju-text-subtle);font-size:11px;line-height:1.35;white-space:normal;overflow-wrap:anywhere;}
.salesProcessStageArrow{color:var(--ju-text-subtle);font-size:18px;}
.salesProcessStage--warning .salesProcessStageIndex{border-color:var(--ju-warning-line);background:var(--ju-warning-soft);color:var(--ju-warning);}
.salesProcessStage--danger .salesProcessStageIndex{border-color:var(--ju-danger-line);background:var(--ju-danger-soft);color:var(--ju-danger);}
.salesProcessStage--success .salesProcessStageIndex{border-color:var(--ju-success-line);background:var(--ju-success-soft);color:var(--ju-success);}
.salesProcessStage--primary .salesProcessStageIndex{border-color:var(--ju-brand-line);background:var(--ju-brand-soft);color:var(--ju-brand);}

@media (max-width:1199px){
  .salesProcessStages{grid-template-columns:repeat(2,minmax(0,1fr));}
  .salesProcessStage:nth-child(2) .salesProcessStageArrow{display:none;}
}
@media (max-width:1023px){
  .premiumRecordPageHeader .recordHeaderActions .btn,.crmBulkActionBar .btn{min-height:44px;}
  .premiumRecordNavigation{margin-bottom:14px;padding-bottom:0;border-bottom:0;}
  .premiumRecordNavigationDesktop{display:none;}
  .premiumRecordNavigationMobile{display:block;}
  .premiumRecordWorkspace .premiumRecordTabRail,.premiumRecordWorkspace .premiumRecordTabs{overflow:visible;background:transparent;padding:0;}
  .premiumRecordTabHint{display:none;}
}
@media (max-width:700px){
  .crmBulkActionBar{grid-template-columns:minmax(0,1fr);padding:12px;}
  .crmBulkActionBar .form-actions{display:grid;grid-template-columns:minmax(0,1fr);justify-items:stretch;}
  .crmBulkActionBar .form-actions .btn{width:100%;min-height:44px;}
  .crmBulkActionBar .crmSelectAll{padding-inline:0;}
  .salesProcessCockpit{padding:14px;}
  .salesProcessStages{grid-template-columns:minmax(0,1fr);}
  .salesProcessStage{min-height:104px;}
  .salesProcessStageArrow{display:none;}
}
@media (forced-colors:active){
  .premiumRecordNavigation .premiumRecordTab.is-active::after,.premiumRecordNavigation .premiumRecordTab[aria-selected="true"]::after{background:Highlight;}
  .premiumRecordSwitchItem.is-active,.premiumSelectionScope.has-selection .crmBulkActionBar{outline:2px solid Highlight;outline-offset:-2px;}
}

/* v3.7j-z7m-c6: shared premium sales-document lifecycle and full-shell evidence. */
.salesDocumentJourney{margin:0 0 18px;padding:16px 18px 18px;border:1px solid var(--ju-line);border-radius:6px;background:linear-gradient(145deg,var(--ju-surface),var(--ju-surface-warm));box-shadow:0 8px 24px rgba(30,24,22,.05);}
.salesDocumentJourneyHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:13px;}
.salesDocumentJourneyEyebrow{display:block;margin-bottom:4px;color:var(--ju-brand-strong);font-size:10px;font-weight:820;letter-spacing:.1em;text-transform:uppercase;}
.salesDocumentJourneyHeader h2{margin:0;color:var(--ju-text-strong);font-size:17px;line-height:1.25;letter-spacing:-.01em;}
.salesDocumentJourneyHeader p{max-width:760px;margin:4px 0 0;color:var(--ju-text-muted);font-size:12px;line-height:1.45;}
.salesDocumentJourneyTrack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;}
.salesDocumentJourney--five .salesDocumentJourneyTrack{grid-template-columns:repeat(5,minmax(0,1fr));}
.salesDocumentJourneyStep{min-width:0;}
.salesDocumentJourneyLink{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) 20px;align-items:center;gap:9px;min-height:82px;padding:11px;border:1px solid var(--ju-line);border-radius:6px;background:var(--ju-surface);color:inherit;text-decoration:none;box-shadow:0 2px 8px rgba(30,24,22,.025);}
a.salesDocumentJourneyLink:hover,a.salesDocumentJourneyLink:focus-visible{border-color:var(--ju-brand-line);box-shadow:0 8px 20px rgba(30,24,22,.07);outline:none;}
.salesDocumentJourneyIndex{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--ju-line);border-radius:5px;background:var(--ju-soft);color:var(--ju-text-muted);font-size:11px;font-weight:850;}
.salesDocumentJourneyCopy{display:grid;gap:2px;min-width:0;}
.salesDocumentJourneyCopy strong{color:var(--ju-text-strong);font-size:12px;line-height:1.25;}
.salesDocumentJourneyCopy span{color:var(--ju-text-muted);font-size:10.5px;line-height:1.35;overflow-wrap:anywhere;}
.salesDocumentJourneyCopy small{color:var(--ju-text-subtle);font-size:9.5px;font-weight:700;line-height:1.3;overflow-wrap:anywhere;}
.salesDocumentJourneyState{display:grid;place-items:center;width:20px;height:20px;color:var(--ju-text-subtle);font-size:14px;font-weight:850;}
.salesDocumentJourneyStep.is-current .salesDocumentJourneyLink{border-color:var(--ju-brand-line);background:linear-gradient(135deg,var(--ju-surface),var(--ju-brand-soft));box-shadow:inset 0 3px 0 var(--ju-brand);}
.salesDocumentJourneyStep.is-current .salesDocumentJourneyIndex{border-color:var(--ju-brand);background:var(--ju-brand);color:#fff;}
.salesDocumentJourneyStep.is-complete .salesDocumentJourneyIndex{border-color:var(--ju-success-line);background:var(--ju-success-soft);color:var(--ju-success);}
.salesDocumentJourneyStep.is-complete .salesDocumentJourneyState{color:var(--ju-success);}
.salesDocumentJourneyStep.is-attention .salesDocumentJourneyLink{border-color:var(--ju-danger-line);background:linear-gradient(135deg,var(--ju-surface),var(--ju-danger-soft));box-shadow:inset 0 3px 0 var(--ju-danger);}
.salesDocumentJourneyStep.is-attention .salesDocumentJourneyIndex{border-color:var(--ju-danger);background:var(--ju-danger);color:#fff;}
.salesDocumentJourneyStep.is-neutral .salesDocumentJourneyLink{background:var(--ju-soft);}
.salesDocumentJourneyStep.is-upcoming .salesDocumentJourneyLink{background:rgba(255,255,255,.62);}
.salesDocumentJourneyStep.is-upcoming .salesDocumentJourneyCopy,.salesDocumentJourneyStep.is-upcoming .salesDocumentJourneyState{opacity:.82;}
.salesDocumentPageMeta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:7px;color:var(--ju-text-muted);font-size:11px;}
.salesDocumentPageMeta>span+span::before{content:"";display:inline-block;width:3px;height:3px;margin:0 9px 2px 0;border-radius:50%;background:var(--ju-text-subtle);}
@media (max-width:1199px){.salesDocumentJourneyTrack,.salesDocumentJourney--five .salesDocumentJourneyTrack{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:700px){.salesDocumentJourney{padding:13px}.salesDocumentJourneyTrack,.salesDocumentJourney--five .salesDocumentJourneyTrack{grid-template-columns:minmax(0,1fr)}.salesDocumentJourneyLink{min-height:72px}.salesDocumentJourneyHeader p{font-size:11px}}
@media (forced-colors:active){.salesDocumentJourneyStep.is-current .salesDocumentJourneyLink,.salesDocumentJourneyStep.is-attention .salesDocumentJourneyLink{outline:2px solid Highlight;outline-offset:-2px}.salesDocumentJourneyStep.is-current .salesDocumentJourneyIndex,.salesDocumentJourneyStep.is-attention .salesDocumentJourneyIndex{background:Highlight;color:HighlightText}}
@media (prefers-reduced-motion:reduce){a.salesDocumentJourneyLink{transition:none}}

/* v3.7j-z7m-c6: narrow premium workflow actions remain unambiguous and full-width. */
@media (max-width:520px){
  .premiumWorkflowPage .page-header-actions{grid-template-columns:minmax(0,1fr);}
  .premiumWorkflowPage .page-header-actions>.btn,
  .premiumWorkflowPage .page-header-actions>button,
  .premiumWorkflowPage .page-header-actions>a,
  .premiumWorkflowPage .page-header-actions>form,
  .premiumWorkflowPage .page-header-actions>details{width:100%;min-height:44px;}
}


/* v3.7j-z7m-c7: premium finance operations map and full-shell evidence. */
.financeProcessMap{margin:0 0 18px;padding:17px 18px 18px;border:1px solid var(--ju-line);border-radius:7px;background:linear-gradient(145deg,var(--ju-surface),var(--ju-surface-warm));box-shadow:0 9px 26px rgba(30,24,22,.05);}
.financeProcessHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px;}
.financeProcessEyebrow{display:block;margin-bottom:4px;color:var(--ju-brand-strong);font-size:10px;font-weight:820;letter-spacing:.1em;text-transform:uppercase;}
.financeProcessHeader h2{margin:0;color:var(--ju-text-strong);font-size:17px;line-height:1.25;letter-spacing:-.01em;}
.financeProcessHeader p{max-width:760px;margin:4px 0 0;color:var(--ju-text-muted);font-size:12px;line-height:1.45;}
.financeProcessTrack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;}
.financeProcessStep{min-width:0;}
.financeProcessLink{display:grid;grid-template-columns:25px 28px minmax(0,1fr) 18px;align-items:center;gap:8px;min-height:88px;padding:10px;border:1px solid var(--ju-line);border-radius:6px;background:var(--ju-surface);color:inherit;text-decoration:none;box-shadow:0 2px 8px rgba(30,24,22,.025);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;}
.financeProcessLink:hover,.financeProcessLink:focus-visible{transform:translateY(-1px);border-color:var(--ju-brand-line);box-shadow:0 9px 21px rgba(30,24,22,.075);outline:none;}
.financeProcessIndex{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--ju-line);border-radius:5px;background:var(--ju-soft);color:var(--ju-text-muted);font-size:10px;font-weight:850;}
.financeProcessIcon{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--ju-line);border-radius:5px;background:var(--ju-surface-warm);color:var(--ju-text-muted);}
.financeProcessIcon svg{width:16px;height:16px;}
.financeProcessCopy{display:grid;gap:2px;min-width:0;}
.financeProcessCopy strong{color:var(--ju-text-strong);font-size:12px;line-height:1.25;}
.financeProcessCopy span{color:var(--ju-text-muted);font-size:10.5px;line-height:1.35;overflow-wrap:anywhere;}
.financeProcessCopy small{color:var(--ju-text-subtle);font-size:9.5px;font-weight:720;line-height:1.3;overflow-wrap:anywhere;}
.financeProcessState{display:grid;place-items:center;width:18px;height:18px;color:var(--ju-text-subtle);font-size:13px;font-weight:850;}
.financeProcessStep.is-current .financeProcessLink{border-color:var(--ju-brand-line);background:linear-gradient(135deg,var(--ju-surface),var(--ju-brand-soft));box-shadow:inset 0 3px 0 var(--ju-brand);}
.financeProcessStep.is-current .financeProcessIndex,.financeProcessStep.is-current .financeProcessIcon{border-color:var(--ju-brand);background:var(--ju-brand);color:#fff;}
.financeProcessStep.is-attention .financeProcessLink{border-color:var(--ju-warning-line);background:linear-gradient(135deg,var(--ju-surface),var(--ju-warning-bg));}
.financeProcessStep.is-attention .financeProcessIndex,.financeProcessStep.is-attention .financeProcessIcon{border-color:var(--ju-warning-line);background:var(--ju-warning-bg);color:var(--ju-warning);}
.financeProcessStep.is-ready .financeProcessIndex,.financeProcessStep.is-ready .financeProcessIcon{border-color:var(--ju-success-line);background:var(--ju-success-soft);color:var(--ju-success);}
.financeProcessStep.is-ready .financeProcessState{color:var(--ju-success);}
.financeProcessStep.is-neutral .financeProcessLink{background:rgba(255,255,255,.72);}
.financeWorkspacePage .premiumBreadcrumbs,.financeTaskPage .premiumBreadcrumbs{margin-bottom:7px;}
@media (max-width:1199px){.financeProcessTrack{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:700px){.financeProcessMap{padding:13px}.financeProcessTrack{grid-template-columns:minmax(0,1fr)}.financeProcessLink{min-height:78px}.financeProcessHeader p{font-size:11px}}
@media (forced-colors:active){.financeProcessStep.is-current .financeProcessLink,.financeProcessStep.is-attention .financeProcessLink,.financeProcessStep.is-ready .financeProcessLink{outline:2px solid Highlight;outline-offset:-2px}.financeProcessStep.is-current .financeProcessIndex,.financeProcessStep.is-current .financeProcessIcon{background:Highlight;color:HighlightText}}
@media (prefers-reduced-motion:reduce){.financeProcessLink{transition:none}}

/* v3.7j-z7m-c8: premium service operations workspace --------------------- */
.serviceOperationsPage{background:var(--ju-bg);color:var(--ju-text)}
.serviceOperationsPage .appShellContent,.serviceOperationsContent{display:grid;gap:18px;min-width:0;align-content:start}
.serviceOperationsPage .page-header{margin:0;padding:0 0 16px;border-bottom:1px solid var(--ju-border);background:transparent;box-shadow:none}
.serviceOperationsPage .page-title{letter-spacing:-.035em;line-height:1.08}
.serviceOperationsPage .page-subtitle{max-width:74ch;line-height:1.55}
.serviceOperationsPage .page-header-actions{align-self:center;gap:8px}
.serviceOperationsPage .section,.serviceOperationsPage .card,.serviceOperationsFocusCard{border-color:var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:0 7px 20px var(--ju-shadow-color-soft)}
.serviceOperationsPage .table-wrap,.serviceOperationsPage .ticketsQueueTableWrap,.serviceOperationsPage .mailFoldersPane,.serviceOperationsPage .mailListPane,.serviceOperationsPage .mailContextPane{border-radius:6px}
.serviceOperationsPage .input,.serviceOperationsPage .select,.serviceOperationsPage .textarea,.serviceOperationsPage .btn{border-radius:6px}
.serviceOperationsPage .input,.serviceOperationsPage .select{min-height:40px}
.serviceOperationsPage .premiumLocalContextBar{margin-top:-2px}
.serviceOperationsPage .premiumBreadcrumbs{margin:0}

.serviceProcessMap{display:grid;gap:14px;padding:18px;border:1px solid var(--ju-border);border-radius:6px;background:linear-gradient(145deg,var(--ju-card),var(--ju-soft));box-shadow:var(--ju-shadow-sm);overflow:hidden}
.serviceProcessHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:13px;border-bottom:1px solid var(--ju-border)}
.serviceProcessEyebrow{display:block;color:var(--ju-accent-strong);font-size:10px;font-weight:800;letter-spacing:.075em;line-height:1.25;text-transform:uppercase}
.serviceProcessHeader h2{margin:4px 0 0;color:var(--ju-text-strong);font-size:20px;letter-spacing:-.025em;line-height:1.22}
.serviceProcessHeader p{max-width:78ch;margin:6px 0 0;color:var(--ju-text-muted);font-size:13px;line-height:1.55}
.serviceProcessTrack{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.serviceProcessStep{min-width:0}
.serviceProcessLink{position:relative;display:grid;grid-template-columns:32px 26px minmax(0,1fr) 20px;align-items:start;gap:9px;min-height:132px;padding:13px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);color:inherit;text-decoration:none;box-shadow:none;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}
.serviceProcessLink:hover{transform:translateY(-1px);border-color:var(--ju-accent-line);background:var(--ju-accent-hover);box-shadow:0 10px 24px var(--ju-shadow-color-soft)}
.serviceProcessLink:focus-visible{outline:3px solid var(--ju-focus);outline-offset:2px}
.serviceProcessIndex{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--ju-border-strong);border-radius:6px;background:var(--ju-soft);color:var(--ju-text-strong);font-size:12px;font-weight:850}
.serviceProcessIcon{display:grid;place-items:center;width:26px;height:32px;color:var(--ju-text-muted)}
.serviceProcessIcon svg{width:20px;height:20px}
.serviceProcessCopy{display:grid;align-content:start;gap:4px;min-width:0}
.serviceProcessCopy strong{color:var(--ju-text-strong);font-size:14px;line-height:1.3}
.serviceProcessCopy>span{color:var(--ju-text-muted);font-size:11px;line-height:1.42}
.serviceProcessCopy small{margin-top:4px;color:var(--ju-text-muted);font-size:10px;font-weight:750;line-height:1.35}
.serviceProcessState{display:grid;place-items:center;width:20px;height:20px;margin-top:5px;border-radius:50%;background:var(--ju-soft);color:var(--ju-text-muted);font-size:11px;font-weight:900}
.serviceProcessStep.is-current .serviceProcessLink{border-color:var(--ju-accent-line);background:var(--ju-accent-soft);box-shadow:inset 0 -3px 0 var(--ju-accent-line)}
.serviceProcessStep.is-current .serviceProcessIndex{border-color:var(--ju-accent-line);background:var(--ju-accent-strong);color:var(--ju-on-accent)}
.serviceProcessStep.is-current .serviceProcessIcon,.serviceProcessStep.is-current .serviceProcessState{color:var(--ju-accent-strong)}
.serviceProcessStep.is-ready .serviceProcessState{background:var(--ju-success-bg);color:var(--ju-success)}
.serviceProcessStep.is-attention .serviceProcessLink{border-color:var(--ju-warning-line);box-shadow:inset 0 -3px 0 var(--ju-warning-line)}
.serviceProcessStep.is-attention .serviceProcessState{background:var(--ju-warning-bg);color:var(--ju-warning)}

.serviceOperationsFocusGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.serviceOperationsFocusCard{display:flex;flex-direction:column;min-width:0;min-height:238px;padding:18px;border:1px solid var(--ju-border)}
.serviceOperationsFocusCard.is-ready{box-shadow:inset 3px 0 0 var(--ju-success),0 7px 20px var(--ju-shadow-color-soft)}
.serviceOperationsFocusCard.is-attention{box-shadow:inset 3px 0 0 var(--ju-warning),0 7px 20px var(--ju-shadow-color-soft)}
.serviceOperationsFocusCard h2{margin:6px 0 0;color:var(--ju-text-strong);font-size:18px;letter-spacing:-.02em;line-height:1.28}
.serviceOperationsFocusCard p{margin:12px 0;color:var(--ju-text-muted);font-size:13px;line-height:1.58}
.serviceOperationsFocusMeta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 16px}
.serviceOperationsFocusMeta span{display:inline-flex;align-items:center;min-height:26px;padding:3px 8px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-soft);color:var(--ju-text-muted);font-size:11px;font-weight:750}
.serviceOperationsFocusCard .btn{align-self:flex-start;margin-top:auto}
.serviceOperationsJourney{padding:18px}
.serviceOperationsJourneyGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.serviceOperationsJourneyGrid article{display:grid;align-content:start;gap:7px;min-height:150px;padding:15px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-soft)}
.serviceOperationsJourneyGrid article>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--ju-border-strong);border-radius:6px;background:var(--ju-card);color:var(--ju-accent-strong);font-size:11px;font-weight:850}
.serviceOperationsJourneyGrid strong{color:var(--ju-text-strong);font-size:14px;line-height:1.35}
.serviceOperationsJourneyGrid p{margin:0;color:var(--ju-text-muted);font-size:12px;line-height:1.52}

@media (max-width:1280px){
  .serviceProcessTrack{grid-template-columns:repeat(3,minmax(0,1fr))}
  .serviceOperationsJourneyGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:980px){
  .serviceOperationsFocusGrid{grid-template-columns:1fr}
  .serviceOperationsFocusCard{min-height:0}
  .serviceProcessTrack{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .serviceOperationsPage .appShellContent,.serviceOperationsContent{gap:13px}
  .serviceOperationsPage .page-header{padding-bottom:12px}
  .serviceOperationsPage .page-header-actions{display:grid;width:100%}
  .serviceOperationsPage .page-header-actions .btn{width:100%}
  .serviceProcessMap{padding:14px}
  .serviceProcessTrack,.serviceOperationsJourneyGrid{grid-template-columns:1fr}
  .serviceProcessLink{min-height:0;grid-template-columns:32px 26px minmax(0,1fr) 20px}
  .serviceOperationsJourney{padding:14px}
  .serviceOperationsJourneyGrid article{min-height:0}
  .serviceOperationsPage .input,.serviceOperationsPage .select,.serviceOperationsPage .btn,.serviceOperationsPage .textarea{min-height:44px}
}
@media (forced-colors:active){
  .serviceProcessLink,.serviceProcessMap,.serviceOperationsFocusCard,.serviceOperationsJourneyGrid article{border:1px solid CanvasText}
  .serviceProcessStep.is-current .serviceProcessLink,.serviceProcessStep.is-attention .serviceProcessLink{outline:2px solid Highlight;outline-offset:-2px}
}
@media (prefers-reduced-motion:reduce){
  .serviceProcessLink{transition:none}
  .serviceProcessLink:hover{transform:none}
}

/* v3.7j-z7m-c9: premium documents, tasks and intelligent automation workspace ------ */
.documentIntelligencePage{background:var(--ju-bg);color:var(--ju-text)}
.documentIntelligencePage .appShellContent,.documentIntelligenceContent{display:grid;gap:18px;min-width:0;align-content:start}
.documentIntelligencePage .page-header{margin:0;padding:0 0 16px;border-bottom:1px solid var(--ju-border);background:transparent;box-shadow:none}
.documentIntelligencePage .page-title{letter-spacing:-.035em;line-height:1.08}
.documentIntelligencePage .page-subtitle{max-width:78ch;line-height:1.55}
.documentIntelligencePage .page-header-actions{align-self:center;gap:8px}
.documentIntelligencePage .section,.documentIntelligencePage .card,.documentIntelligenceFocusCard{border-color:var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:0 7px 20px var(--ju-shadow-color-soft)}
.documentIntelligencePage .table-wrap{border-radius:6px}
.documentIntelligencePage .input,.documentIntelligencePage .select,.documentIntelligencePage .textarea,.documentIntelligencePage .btn{border-radius:6px}
.documentIntelligencePage .input,.documentIntelligencePage .select{min-height:40px}
.documentIntelligencePage .premiumBreadcrumbs{margin:0}

.documentIntelligenceMap{display:grid;gap:14px;padding:18px;border:1px solid var(--ju-border);border-radius:6px;background:linear-gradient(145deg,var(--ju-card),var(--ju-soft));box-shadow:var(--ju-shadow-sm);overflow:hidden}
.documentIntelligenceHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:13px;border-bottom:1px solid var(--ju-border)}
.documentIntelligenceEyebrow{display:block;color:var(--ju-accent-strong);font-size:10px;font-weight:800;letter-spacing:.075em;line-height:1.25;text-transform:uppercase}
.documentIntelligenceHeader h2{margin:4px 0 0;color:var(--ju-text-strong);font-size:20px;letter-spacing:-.025em;line-height:1.22}
.documentIntelligenceHeader p{max-width:82ch;margin:6px 0 0;color:var(--ju-text-muted);font-size:13px;line-height:1.55}
.documentIntelligenceTrack{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none}
.documentIntelligenceStep{min-width:0}
.documentIntelligenceLink{position:relative;display:grid;grid-template-columns:30px 24px minmax(0,1fr) 18px;align-items:start;gap:8px;min-height:146px;padding:12px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);color:inherit;text-decoration:none;box-shadow:none;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}
.documentIntelligenceLink:hover{transform:translateY(-1px);border-color:var(--ju-accent-line);background:var(--ju-accent-hover);box-shadow:0 10px 24px var(--ju-shadow-color-soft)}
.documentIntelligenceLink:focus-visible{outline:3px solid var(--ju-focus);outline-offset:2px}
.documentIntelligenceIndex{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--ju-border-strong);border-radius:6px;background:var(--ju-soft);color:var(--ju-text-strong);font-size:11px;font-weight:850}
.documentIntelligenceIcon{display:grid;place-items:center;width:24px;height:30px;color:var(--ju-text-muted)}
.documentIntelligenceIcon svg{width:19px;height:19px}
.documentIntelligenceCopy{display:grid;align-content:start;gap:4px;min-width:0}
.documentIntelligenceCopy strong{color:var(--ju-text-strong);font-size:13px;line-height:1.3}
.documentIntelligenceCopy>span{color:var(--ju-text-muted);font-size:10.5px;line-height:1.42}
.documentIntelligenceCopy small{margin-top:4px;color:var(--ju-text-muted);font-size:9.5px;font-weight:750;line-height:1.35}
.documentIntelligenceState{display:grid;place-items:center;width:18px;height:18px;margin-top:5px;border-radius:50%;background:var(--ju-soft);color:var(--ju-text-muted);font-size:10px;font-weight:900}
.documentIntelligenceStep.is-current .documentIntelligenceLink{border-color:var(--ju-accent-line);background:var(--ju-accent-soft);box-shadow:inset 0 -3px 0 var(--ju-accent-line)}
.documentIntelligenceStep.is-current .documentIntelligenceIndex{border-color:var(--ju-accent-line);background:var(--ju-accent-strong);color:var(--ju-on-accent)}
.documentIntelligenceStep.is-current .documentIntelligenceIcon,.documentIntelligenceStep.is-current .documentIntelligenceState{color:var(--ju-accent-strong)}
.documentIntelligenceStep.is-ready .documentIntelligenceState{background:var(--ju-success-bg);color:var(--ju-success)}
.documentIntelligenceStep.is-attention .documentIntelligenceLink{border-color:var(--ju-warning-line);box-shadow:inset 0 -3px 0 var(--ju-warning-line)}
.documentIntelligenceStep.is-attention .documentIntelligenceState{background:var(--ju-warning-bg);color:var(--ju-warning)}
.documentIntelligenceStep.is-blocked .documentIntelligenceLink{border-color:var(--ju-danger-line);box-shadow:inset 0 -3px 0 var(--ju-danger-line)}
.documentIntelligenceStep.is-blocked .documentIntelligenceState{background:var(--ju-danger-bg);color:var(--ju-danger)}

.documentIntelligenceFocusGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.documentIntelligenceFocusCard{display:flex;flex-direction:column;min-width:0;min-height:238px;padding:18px;border:1px solid var(--ju-border)}
.documentIntelligenceFocusCard.is-ready{box-shadow:inset 3px 0 0 var(--ju-success),0 7px 20px var(--ju-shadow-color-soft)}
.documentIntelligenceFocusCard.is-attention{box-shadow:inset 3px 0 0 var(--ju-warning),0 7px 20px var(--ju-shadow-color-soft)}
.documentIntelligenceFocusCard h2{margin:6px 0 0;color:var(--ju-text-strong);font-size:18px;letter-spacing:-.02em;line-height:1.28}
.documentIntelligenceFocusCard p{margin:12px 0;color:var(--ju-text-muted);font-size:13px;line-height:1.58}
.documentIntelligenceFocusMeta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 16px}
.documentIntelligenceFocusMeta span{display:inline-flex;align-items:center;min-height:26px;padding:3px 8px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-soft);color:var(--ju-text-muted);font-size:11px;font-weight:750}
.documentIntelligenceFocusCard .btn{align-self:flex-start;margin-top:auto}
.documentIntelligenceJourney{padding:18px}
.documentIntelligenceJourneyGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.documentIntelligenceJourneyGrid article{display:grid;align-content:start;gap:7px;min-height:154px;padding:15px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-soft)}
.documentIntelligenceJourneyGrid article>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--ju-border-strong);border-radius:6px;background:var(--ju-card);color:var(--ju-accent-strong);font-size:11px;font-weight:850}
.documentIntelligenceJourneyGrid strong{color:var(--ju-text-strong);font-size:14px;line-height:1.35}
.documentIntelligenceJourneyGrid p{margin:0;color:var(--ju-text-muted);font-size:12px;line-height:1.52}
.documentIntelligenceControlGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.documentIntelligenceControlCard{min-width:0}
.documentIntelligenceControlCard .card-b{display:grid;gap:14px}
.documentIntelligenceControlCard p{margin:0;color:var(--ju-text-muted);font-size:12px;line-height:1.56}
.documentKnowledgeSourceGrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:14px}
.documentKnowledgeSourceList{display:grid;gap:8px}
.documentKnowledgeSourceList>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;padding:10px 0;border-bottom:1px solid var(--ju-border)}
.documentKnowledgeSourceList>div:last-child{border-bottom:0}
.documentKnowledgeSourceList strong{color:var(--ju-text-strong)}
.documentKnowledgeSourceList span{color:var(--ju-text-muted);font-size:12px;font-weight:750}
.documentKnowledgeSourceList small{grid-column:1/-1;color:var(--ju-text-muted);font-size:10px}
.documentKnowledgePrinciples{display:grid;gap:10px;margin:0;padding-left:20px;color:var(--ju-text-muted);font-size:12px;line-height:1.55}
.documentKnowledgeSearch{align-items:end}
.table-subline{display:block;margin-top:3px;color:var(--ju-text-muted);font-size:10px}

@media (max-width:1480px){.documentIntelligenceTrack{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:1180px){.documentIntelligenceTrack{grid-template-columns:repeat(3,minmax(0,1fr))}.documentIntelligenceJourneyGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.documentIntelligenceControlGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.documentIntelligenceFocusGrid{grid-template-columns:1fr}.documentIntelligenceFocusCard{min-height:0}.documentIntelligenceTrack{grid-template-columns:repeat(2,minmax(0,1fr))}.documentKnowledgeSourceGrid{grid-template-columns:1fr}}
@media (max-width:620px){
  .documentIntelligencePage .appShellContent,.documentIntelligenceContent{gap:13px}
  .documentIntelligencePage .page-header{padding-bottom:12px}
  .documentIntelligencePage .page-header-actions{display:grid;width:100%}
  .documentIntelligencePage .page-header-actions .btn{width:100%}
  .documentIntelligenceMap{padding:14px}
  .documentIntelligenceTrack,.documentIntelligenceJourneyGrid,.documentIntelligenceControlGrid{grid-template-columns:1fr}
  .documentIntelligenceLink{min-height:0;grid-template-columns:30px 24px minmax(0,1fr) 18px}
  .documentIntelligenceJourney{padding:14px}
  .documentIntelligenceJourneyGrid article{min-height:0}
  .documentIntelligencePage .input,.documentIntelligencePage .select,.documentIntelligencePage .btn,.documentIntelligencePage .textarea{min-height:44px}
}
@media (forced-colors:active){
  .documentIntelligenceLink,.documentIntelligenceMap,.documentIntelligenceFocusCard,.documentIntelligenceJourneyGrid article,.documentIntelligenceControlCard{border:1px solid CanvasText}
  .documentIntelligenceStep.is-current .documentIntelligenceLink,.documentIntelligenceStep.is-attention .documentIntelligenceLink,.documentIntelligenceStep.is-blocked .documentIntelligenceLink{outline:2px solid Highlight;outline-offset:-2px}
}
@media (prefers-reduced-motion:reduce){.documentIntelligenceLink{transition:none}.documentIntelligenceLink:hover{transform:none}}
.documentTemplateGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.documentTemplateCard{min-width:0}
.documentTemplateList{display:grid;gap:10px}
.documentTemplateList>div{display:grid;gap:5px;padding:12px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-soft)}
.documentTemplateList strong{color:var(--ju-text-strong);font-size:13px;line-height:1.35}
.documentTemplateList p{margin:0;color:var(--ju-text-muted);font-size:11px;line-height:1.5}
.documentTemplateList span{color:var(--ju-accent-strong);font-size:10px;font-weight:750}
.documentTemplateList--compact>div{padding:10px}
@media (max-width:1080px){.documentTemplateGrid{grid-template-columns:1fr}}
@media (forced-colors:active){.documentTemplateList>div{border:1px solid CanvasText}}

/* v3.7j-z7m-c10: premium settings and administration workspace ---- */
.settingsAdministrationPage{background:var(--ju-bg);color:var(--ju-text)}
.settingsAdministrationPage .appShellContent,.settingsAdministrationContent{display:grid;gap:18px;min-width:0;align-content:start}
.settingsAdministrationPage .page-header{margin:0;padding:0 0 16px;border-bottom:1px solid var(--ju-border);background:transparent;box-shadow:none}
.settingsAdministrationPage .page-title{letter-spacing:-.035em;line-height:1.08}
.settingsAdministrationPage .page-subtitle{max-width:82ch;line-height:1.55}
.settingsAdministrationPage .premiumBreadcrumbs{margin:0}
.settingsAdministrationPage .section,.settingsAdministrationPage .card,.settingsAdministrationFocusCard,.settingsAdministrationNumberCard,.settingsAdministrationProviderCard{border-color:var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:0 7px 20px var(--ju-shadow-color-soft)}
.settingsAdministrationPage .input,.settingsAdministrationPage .select,.settingsAdministrationPage .textarea,.settingsAdministrationPage .btn{border-radius:6px}
.settingsAdministrationPage--overview .settingsAdministrationMap,.settingsAdministrationPage--organization .settingsAdministrationMap,.settingsAdministrationPage--users .settingsAdministrationMap,.settingsAdministrationPage--permissions .settingsAdministrationMap,.settingsAdministrationPage--numbering .settingsAdministrationMap,.settingsAdministrationPage--templates .settingsAdministrationMap,.settingsAdministrationPage--providers .settingsAdministrationMap,.settingsAdministrationPage--tenants .settingsAdministrationMap,.settingsAdministrationPage--operator .settingsAdministrationMap{margin-bottom:2px}

.settingsAdministrationMap{display:grid;gap:14px;padding:18px;border:1px solid var(--ju-border);border-radius:6px;background:linear-gradient(145deg,var(--ju-card),var(--ju-soft));box-shadow:var(--ju-shadow-sm);overflow:hidden}
.settingsAdministrationHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:13px;border-bottom:1px solid var(--ju-border)}
.settingsAdministrationEyebrow{display:block;color:var(--ju-accent-strong);font-size:10px;font-weight:800;letter-spacing:.075em;line-height:1.25;text-transform:uppercase}
.settingsAdministrationHeader h2{margin:4px 0 0;color:var(--ju-text-strong);font-size:20px;letter-spacing:-.025em;line-height:1.22}
.settingsAdministrationHeader p{max-width:88ch;margin:6px 0 0;color:var(--ju-text-muted);font-size:13px;line-height:1.55}
.settingsAdministrationTrack{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none}
.settingsAdministrationStep{min-width:0}
.settingsAdministrationLink{position:relative;display:grid;grid-template-columns:30px 24px minmax(0,1fr) 20px;align-items:start;gap:8px;min-height:154px;padding:12px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);color:inherit;text-decoration:none;box-shadow:none;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}
.settingsAdministrationLink:hover{transform:translateY(-1px);border-color:var(--ju-accent-line);background:var(--ju-accent-hover);box-shadow:0 10px 24px var(--ju-shadow-color-soft)}
.settingsAdministrationLink:focus-visible{outline:3px solid var(--ju-focus);outline-offset:2px}
.settingsAdministrationIndex{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--ju-border-strong);border-radius:6px;background:var(--ju-soft);color:var(--ju-text-strong);font-size:10px;font-weight:850}
.settingsAdministrationIcon{display:grid;place-items:center;width:24px;height:30px;color:var(--ju-text-muted)}
.settingsAdministrationIcon svg{width:18px;height:18px}
.settingsAdministrationCopy{display:grid;align-content:start;gap:4px;min-width:0}
.settingsAdministrationCopy strong{color:var(--ju-text-strong);font-size:13px;line-height:1.3}
.settingsAdministrationCopy>span{color:var(--ju-text-muted);font-size:10px;line-height:1.42}
.settingsAdministrationCopy small{margin-top:4px;color:var(--ju-text-muted);font-size:9px;font-weight:750;line-height:1.35}
.settingsAdministrationState{display:grid;place-items:center;width:20px;height:20px;margin-top:5px;border-radius:50%;background:var(--ju-soft);color:var(--ju-text-muted);font-size:11px;font-weight:900}
.settingsAdministrationStep.is-current .settingsAdministrationLink{border-color:var(--ju-accent-line);background:var(--ju-accent-soft);box-shadow:inset 0 -3px 0 var(--ju-accent-line)}
.settingsAdministrationStep.is-current .settingsAdministrationIndex{border-color:var(--ju-accent-line);background:var(--ju-accent-strong);color:var(--ju-on-accent)}
.settingsAdministrationStep.is-current .settingsAdministrationIcon,.settingsAdministrationStep.is-current .settingsAdministrationState{color:var(--ju-accent-strong)}
.settingsAdministrationStep.is-ready .settingsAdministrationState{background:var(--ju-success-bg);color:var(--ju-success)}
.settingsAdministrationStep.is-attention .settingsAdministrationLink{border-color:var(--ju-warning-line);box-shadow:inset 0 -3px 0 var(--ju-warning-line)}
.settingsAdministrationStep.is-attention .settingsAdministrationState{background:var(--ju-warning-bg);color:var(--ju-warning)}
.settingsAdministrationStep.is-blocked .settingsAdministrationLink{border-style:dashed;background:var(--ju-soft)}
.settingsAdministrationStep.is-blocked .settingsAdministrationState{background:var(--ju-warning-bg);color:var(--ju-warning)}

.settingsAdministrationFocusGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.settingsAdministrationFocusCard{display:flex;flex-direction:column;min-width:0;min-height:275px;padding:18px;border:1px solid var(--ju-border)}
.settingsAdministrationFocusCard.is-ready{box-shadow:inset 3px 0 0 var(--ju-success),0 7px 20px var(--ju-shadow-color-soft)}
.settingsAdministrationFocusCard.is-attention{box-shadow:inset 3px 0 0 var(--ju-warning),0 7px 20px var(--ju-shadow-color-soft)}
.settingsAdministrationFocusCard.is-blocked{box-shadow:inset 3px 0 0 var(--ju-border-strong),0 7px 20px var(--ju-shadow-color-soft)}
.settingsAdministrationFocusCard h2,.settingsAdministrationNumberCard h2,.settingsAdministrationProviderCard h2{margin:6px 0 0;color:var(--ju-text-strong);font-size:18px;letter-spacing:-.02em;line-height:1.28}
.settingsAdministrationFocusCard p,.settingsAdministrationNumberCard p,.settingsAdministrationProviderCard p{margin:12px 0;color:var(--ju-text-muted);font-size:13px;line-height:1.58}
.settingsAdministrationFocusMeta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 16px}
.settingsAdministrationFocusMeta span{display:inline-flex;align-items:center;min-height:26px;padding:3px 8px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-soft);color:var(--ju-text-muted);font-size:11px;font-weight:750}
.settingsAdministrationFocusCard .btn,.settingsAdministrationNumberCard .btn,.settingsAdministrationProviderCard .btn{align-self:flex-start;margin-top:auto}
.settingsAdministrationPermissionNote{display:block;margin-top:auto;padding:10px 0;color:var(--ju-text-muted);font-size:12px;font-weight:750}

.settingsAdministrationPrinciples{padding:18px}
.settingsAdministrationPrincipleGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.settingsAdministrationPrincipleGrid article{display:grid;align-content:start;gap:7px;min-height:160px;padding:15px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-soft)}
.settingsAdministrationPrincipleGrid article>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--ju-border-strong);border-radius:6px;background:var(--ju-card);color:var(--ju-accent-strong);font-size:11px;font-weight:850}
.settingsAdministrationPrincipleGrid strong{color:var(--ju-text-strong);font-size:14px;line-height:1.35}
.settingsAdministrationPrincipleGrid p{margin:0;color:var(--ju-text-muted);font-size:12px;line-height:1.52}

.settingsAdministrationNumberGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.settingsAdministrationNumberCard{display:flex;flex-direction:column;min-width:0;min-height:260px;padding:18px;border:1px solid var(--ju-border)}
.settingsAdministrationNumberCard dl{display:grid;gap:7px;margin:0 0 16px}
.settingsAdministrationNumberCard dl div{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--ju-border)}
.settingsAdministrationNumberCard dt{color:var(--ju-text-muted);font-size:11px;font-weight:750}
.settingsAdministrationNumberCard dd{margin:0;color:var(--ju-text-strong);font-size:11px;font-weight:800;text-align:right}

.settingsAdministrationProviderGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.settingsAdministrationProviderCard{display:flex;flex-direction:column;min-width:0;min-height:250px;padding:18px;border:1px solid var(--ju-border)}
.settingsAdministrationProviderCard.is-ready{box-shadow:inset 3px 0 0 var(--ju-success),0 7px 20px var(--ju-shadow-color-soft)}
.settingsAdministrationProviderCard.is-attention{box-shadow:inset 3px 0 0 var(--ju-warning),0 7px 20px var(--ju-shadow-color-soft)}
.settingsAdministrationProviderCard.is-blocked{box-shadow:inset 3px 0 0 var(--ju-border-strong),0 7px 20px var(--ju-shadow-color-soft)}
.settingsAdministrationProviderStatus{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 16px;padding:10px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-soft)}
.settingsAdministrationProviderStatus span{color:var(--ju-text-muted);font-size:11px;font-weight:750}
.settingsAdministrationProviderStatus strong{color:var(--ju-text-strong);font-size:11px;line-height:1.4;text-align:right}

@media (max-width:1660px){
  .settingsAdministrationTrack{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (max-width:1280px){
  .settingsAdministrationTrack{grid-template-columns:repeat(3,minmax(0,1fr))}
  .settingsAdministrationFocusGrid,.settingsAdministrationNumberGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .settingsAdministrationPrincipleGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:980px){
  .settingsAdministrationTrack,.settingsAdministrationProviderGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .settingsAdministrationFocusCard{min-height:0}
}
@media (max-width:620px){
  .settingsAdministrationPage .appShellContent,.settingsAdministrationContent{gap:13px}
  .settingsAdministrationPage .page-header{padding-bottom:12px}
  .settingsAdministrationPage .page-header-actions{display:grid;width:100%}
  .settingsAdministrationPage .page-header-actions .btn{width:100%}
  .settingsAdministrationMap,.settingsAdministrationPrinciples{padding:14px}
  .settingsAdministrationTrack,.settingsAdministrationFocusGrid,.settingsAdministrationNumberGrid,.settingsAdministrationProviderGrid,.settingsAdministrationPrincipleGrid{grid-template-columns:1fr}
  .settingsAdministrationLink{min-height:0}
  .settingsAdministrationPrincipleGrid article,.settingsAdministrationNumberCard,.settingsAdministrationProviderCard{min-height:0}
  .settingsAdministrationPage .input,.settingsAdministrationPage .select,.settingsAdministrationPage .btn,.settingsAdministrationPage .textarea{min-height:44px}
}
@media (forced-colors:active){
  .settingsAdministrationLink,.settingsAdministrationMap,.settingsAdministrationFocusCard,.settingsAdministrationPrincipleGrid article,.settingsAdministrationNumberCard,.settingsAdministrationProviderCard,.settingsAdministrationProviderStatus{border:1px solid CanvasText}
  .settingsAdministrationStep.is-current .settingsAdministrationLink,.settingsAdministrationStep.is-attention .settingsAdministrationLink,.settingsAdministrationStep.is-blocked .settingsAdministrationLink{outline:2px solid Highlight;outline-offset:-2px}
}
@media (prefers-reduced-motion:reduce){
  .settingsAdministrationLink{transition:none}
  .settingsAdministrationLink:hover{transform:none}
}

/* v3.7j-z7m-c11: premium public areas and product experience -------- */
.publicExperiencePage{background:var(--ju-bg);color:var(--ju-text)}
.publicExperiencePage .publicLifecycleContent,.publicExperiencePage .publicPremiumContent,.publicExperiencePage .accountWorkspaceContent{min-width:0}
.publicExperiencePage .btn,.publicExperiencePage .input,.publicExperiencePage .select,.publicExperiencePage .textarea{border-radius:6px}
.publicExperienceAssurance{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1280px;margin:12px auto 0;padding:10px 20px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:0 5px 16px var(--ju-shadow-color-soft)}
.publicExperienceAssurance>span{display:grid;gap:2px;min-width:0}
.publicExperienceAssurance strong{color:var(--ju-text-strong);font-size:12px;line-height:1.35}
.publicExperienceAssurance small{color:var(--ju-text-muted);font-size:10px;line-height:1.45}
.publicExperienceAssurance nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.publicExperienceAssurance a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:5px 10px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-soft);color:var(--ju-text-strong);font-size:11px;font-weight:760;text-decoration:none}
.publicExperienceAssurance a:hover{border-color:var(--ju-accent-line);background:var(--ju-accent-soft);color:var(--ju-accent-strong)}
.publicExperienceAssurance a:focus-visible{outline:3px solid var(--ju-focus);outline-offset:2px}

.publicExperienceJourney{display:grid;gap:15px;margin:0 0 22px;padding:18px;border:1px solid var(--ju-border);border-radius:6px;background:linear-gradient(145deg,var(--ju-card),var(--ju-soft));box-shadow:var(--ju-shadow-sm);overflow:hidden}
.publicExperienceJourney--compact{margin-bottom:14px;padding:15px}
.publicExperienceHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:12px;border-bottom:1px solid var(--ju-border)}
.publicExperienceEyebrow{display:block;color:var(--ju-accent-strong);font-size:10px;font-weight:820;letter-spacing:.075em;line-height:1.25;text-transform:uppercase}
.publicExperienceHeader h2{margin:4px 0 0;color:var(--ju-text-strong);font-size:20px;letter-spacing:-.025em;line-height:1.24}
.publicExperienceHeader p{max-width:86ch;margin:6px 0 0;color:var(--ju-text-muted);font-size:13px;line-height:1.55}
.publicExperienceJourney--compact .publicExperienceHeader h2{font-size:18px}
.publicExperienceJourney--compact .publicExperienceHeader p{font-size:12px}
.publicExperienceTrack{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none}
.publicExperienceStep{min-width:0}
.publicExperienceLink{position:relative;display:grid;grid-template-columns:30px 24px minmax(0,1fr) 18px;align-items:start;gap:8px;min-height:144px;padding:12px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);color:inherit;text-decoration:none;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}
.publicExperienceJourney--compact .publicExperienceLink{min-height:128px;padding:10px}
.publicExperienceLink:hover{transform:translateY(-1px);border-color:var(--ju-accent-line);background:var(--ju-accent-hover);box-shadow:0 8px 20px var(--ju-shadow-color-soft)}
.publicExperienceLink:focus-visible{outline:3px solid var(--ju-focus);outline-offset:2px}
.publicExperienceIndex{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--ju-border-strong);border-radius:6px;background:var(--ju-soft);color:var(--ju-text-strong);font-size:10px;font-weight:850}
.publicExperienceIcon{display:grid;place-items:center;width:24px;height:30px;color:var(--ju-text-muted)}
.publicExperienceIcon svg{width:18px;height:18px}
.publicExperienceCopy{display:grid;align-content:start;gap:4px;min-width:0}
.publicExperienceCopy strong{color:var(--ju-text-strong);font-size:13px;line-height:1.3}
.publicExperienceCopy>span{color:var(--ju-text-muted);font-size:10px;line-height:1.42}
.publicExperienceCopy small{margin-top:4px;color:var(--ju-text-muted);font-size:9px;font-weight:760;line-height:1.35}
.publicExperienceState{display:grid;place-items:center;width:18px;height:18px;margin-top:5px;border-radius:50%;background:var(--ju-soft);color:var(--ju-text-muted);font-size:10px;font-weight:900}
.publicExperienceStep.is-current .publicExperienceLink{border-color:var(--ju-accent-line);background:var(--ju-accent-soft);box-shadow:inset 0 -3px 0 var(--ju-accent-line)}
.publicExperienceStep.is-current .publicExperienceIndex{border-color:var(--ju-accent-line);background:var(--ju-accent-strong);color:var(--ju-on-accent)}
.publicExperienceStep.is-current .publicExperienceIcon,.publicExperienceStep.is-current .publicExperienceState{color:var(--ju-accent-strong)}
.publicExperienceStep.is-ready .publicExperienceState{background:var(--ju-success-bg);color:var(--ju-success)}
.publicExperienceStep.is-attention .publicExperienceLink{border-color:var(--ju-warning-line);box-shadow:inset 0 -3px 0 var(--ju-warning-line)}
.publicExperienceStep.is-attention .publicExperienceState,.publicExperienceStep.is-blocked .publicExperienceState{background:var(--ju-warning-bg);color:var(--ju-warning)}
.publicExperienceStep.is-blocked .publicExperienceLink{border-color:var(--ju-danger-line);box-shadow:inset 0 -3px 0 var(--ju-danger-line)}

.publicHelpHero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);align-items:stretch;gap:18px}
.publicHelpBoundary{display:grid;align-content:start;gap:10px;padding:18px;border:1px solid var(--ju-warning-line);border-radius:6px;background:var(--ju-warning-bg)}
.publicHelpBoundary strong{color:var(--ju-text-strong);font-size:16px;line-height:1.4}
.publicHelpBoundary p{margin:0;color:var(--ju-text-muted);font-size:12px;line-height:1.55}
.publicHelpPathGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.publicHelpPathGrid article{display:grid;align-content:start;gap:9px;min-height:210px;padding:16px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card)}
.publicHelpPathGrid article>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--ju-border-strong);border-radius:6px;background:var(--ju-soft);color:var(--ju-accent-strong);font-size:11px;font-weight:850}
.publicHelpPathGrid h3{margin:0;color:var(--ju-text-strong);font-size:16px;line-height:1.35}
.publicHelpPathGrid p{margin:0;color:var(--ju-text-muted);font-size:12px;line-height:1.55}
.publicHelpPathGrid a{align-self:end;margin-top:auto;color:var(--ju-accent-strong);font-size:12px;font-weight:760;text-decoration:none}
.publicHelpPathGrid a:hover{text-decoration:underline}
.publicHelpTopicGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.publicHelpTopicGrid a{display:grid;gap:5px;min-height:94px;padding:14px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);color:inherit;text-decoration:none}
.publicHelpTopicGrid a:hover{border-color:var(--ju-accent-line);background:var(--ju-accent-soft)}
.publicHelpTopicGrid a:focus-visible{outline:3px solid var(--ju-focus);outline-offset:2px}
.publicHelpTopicGrid strong{color:var(--ju-text-strong);font-size:13px;line-height:1.35}
.publicHelpTopicGrid span{color:var(--ju-text-muted);font-size:11px;line-height:1.45}

.publicErrorSurface{display:grid;grid-template-columns:minmax(120px,.45fr) minmax(0,1.45fr) minmax(260px,.8fr);align-items:stretch;gap:16px;padding:22px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-card);box-shadow:var(--ju-shadow-sm)}
.publicErrorCode{display:grid;place-items:center;min-height:250px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-soft);color:var(--ju-accent-strong);font-size:clamp(48px,8vw,104px);font-weight:900;letter-spacing:-.07em}
.publicErrorCopy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;min-width:0;padding:10px}
.publicErrorCopy h1{max-width:22ch;margin:0;color:var(--ju-text-strong);font-size:clamp(28px,4vw,48px);letter-spacing:-.04em;line-height:1.05}
.publicErrorCopy>p{max-width:66ch;margin:0;color:var(--ju-text-muted);font-size:14px;line-height:1.6}
.publicErrorReference{margin:0;padding:10px 12px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-soft)}
.publicErrorReference div{display:flex;gap:8px}.publicErrorReference dt{color:var(--ju-text-muted);font-size:11px}.publicErrorReference dd{margin:0;color:var(--ju-text-strong);font-family:monospace;font-size:11px}
.publicErrorGuidance{display:grid;align-content:start;gap:10px;padding:16px;border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-soft)}
.publicErrorGuidance ol{display:grid;gap:9px;margin:0;padding-left:20px;color:var(--ju-text-muted);font-size:12px;line-height:1.5}

@media (max-width:1660px){.publicExperienceTrack{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:1280px){.publicExperienceTrack{grid-template-columns:repeat(3,minmax(0,1fr))}.publicErrorSurface{grid-template-columns:180px minmax(0,1fr)}.publicErrorGuidance{grid-column:1/-1}}
@media (max-width:980px){.publicExperienceTrack{grid-template-columns:repeat(2,minmax(0,1fr))}.publicExperienceAssurance{margin:10px 14px 0}.publicHelpHero{grid-template-columns:1fr}.publicHelpPathGrid,.publicHelpTopicGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.publicLifecycleNavLink--secondary:nth-of-type(n+3){display:none}.publicExperienceAssurance{align-items:flex-start;flex-direction:column;gap:9px;padding:10px 12px}.publicExperienceAssurance nav{width:100%}.publicExperienceAssurance a{flex:1;min-width:88px;min-height:44px}.publicErrorSurface{grid-template-columns:1fr;padding:14px}.publicErrorCode{min-height:130px}.publicErrorGuidance{grid-column:auto}}
@media (max-width:620px){.publicExperienceJourney{padding:14px}.publicExperienceHeader{padding-bottom:10px}.publicExperienceHeader h2{font-size:18px}.publicExperienceTrack,.publicHelpPathGrid,.publicHelpTopicGrid{grid-template-columns:1fr}.publicExperienceLink{min-height:0}.publicExperiencePage .btn,.publicExperiencePage .input,.publicExperiencePage .select,.publicExperiencePage .textarea{min-height:44px}.publicHelpPathGrid article{min-height:0}.publicErrorCopy{padding:4px}.publicErrorCopy .publicPremiumHeroActions{display:grid;width:100%}.publicErrorCopy .btn{width:100%}}
@media (forced-colors:active){.publicExperienceAssurance,.publicExperienceJourney,.publicExperienceLink,.publicHelpBoundary,.publicHelpPathGrid article,.publicHelpTopicGrid a,.publicErrorSurface,.publicErrorCode,.publicErrorGuidance{border:1px solid CanvasText}.publicExperienceStep.is-current .publicExperienceLink,.publicExperienceStep.is-attention .publicExperienceLink,.publicExperienceStep.is-blocked .publicExperienceLink{outline:2px solid Highlight;outline-offset:-2px}}
@media (prefers-reduced-motion:reduce){.publicExperienceLink{transition:none}.publicExperienceLink:hover{transform:none}}

@media (max-width:620px){
  .publicExperiencePage .appWorkspaceNavigationMobile .premiumModuleSwitchToggle strong{
    overflow:visible;
    text-overflow:clip;
    white-space:normal;
    overflow-wrap:anywhere;
  }
}
@media (max-width:620px){
  .publicExperiencePage .premiumBreadcrumbs [aria-current="page"] span{
    max-width:none;
    overflow:visible;
    text-overflow:clip;
    white-space:normal;
    overflow-wrap:anywhere;
  }
}

/* ==== v3.7j-z7m-c12: platform-wide final refinement and final local RC ====
   One authoritative cross-platform closure layer for modules, dialogs, tables,
   forms, states, responsive behaviour, accessibility and perceived performance. */
:root{
  --ju-c12-space-1:4px;
  --ju-c12-space-2:8px;
  --ju-c12-space-3:12px;
  --ju-c12-space-4:16px;
  --ju-c12-space-5:24px;
  --ju-c12-space-6:32px;
  --ju-c12-control-height:44px;
  --ju-c12-content-max:1560px;
  --ju-c12-dialog-max:760px;
  --ju-c12-elevation:0 12px 34px rgba(31,30,33,.09);
  --ju-c12-elevation-quiet:0 5px 18px rgba(31,30,33,.055);
}
html[data-c12-refinement="ready"]{text-size-adjust:100%;}
body.platformFinalRefinement,.admin-app,.public-app{overflow-wrap:anywhere;}
.page{min-width:0;}
.appShellWrap{width:min(100%,var(--ju-c12-content-max));}
.appShellGrid,.appShellContent,.appMainContent,.page-header-title,.section-header>div{min-width:0;}
.page-header,.section-header,.card-h,.modalActions,.page-header-actions{gap:var(--ju-c12-space-4);}
.page-title,.section-title,.card h2,.card h3{line-height:1.16;text-wrap:balance;}
.page-subtitle,.section-lead,.docHint,.card p{max-width:76ch;text-wrap:pretty;}
.card,.section,.premiumSummaryCard,.uiStatePanel{border-color:var(--ju-border);box-shadow:var(--ju-c12-elevation-quiet);}
.card:hover{border-color:var(--ju-border-strong);}
.finalRefinementStatus{display:flex;align-items:center;gap:var(--ju-c12-space-3);padding:var(--ju-c12-space-3) var(--ju-c12-space-4);border:1px solid var(--ju-border);border-left:3px solid var(--ju-brand);border-radius:6px;background:var(--ju-surface);box-shadow:var(--ju-c12-elevation-quiet);}
.finalRefinementStatusMark{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:6px;background:var(--ju-brand-soft);color:var(--ju-brand-strong);font-weight:850;}
.finalRefinementStatus span:last-child{display:grid;gap:2px;min-width:0;}
.finalRefinementStatus small{color:var(--ju-text-muted);}
.c12QualityGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ju-c12-space-4);}
.c12QualityCard{display:grid;gap:var(--ju-c12-space-2);align-content:start;min-width:0;padding:var(--ju-c12-space-5);}
.c12QualityCard>span:first-child{color:var(--ju-brand-strong);font-size:12px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;}
.c12ComponentGrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:var(--ju-c12-space-5);align-items:start;}
.c12StateStack{display:grid;gap:var(--ju-c12-space-3);}
.c12State{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--ju-c12-space-3);align-items:start;padding:var(--ju-c12-space-4);border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-surface);}
.c12StateIcon{display:grid;place-items:center;width:32px;height:32px;border-radius:6px;background:var(--ju-soft);color:var(--ju-text-strong);font-weight:850;}
.c12State--empty .c12StateIcon{background:var(--ju-brand-soft);color:var(--ju-brand-strong);}
.c12State--success .c12StateIcon{background:var(--ju-success-bg);color:var(--ju-success);}
.c12State--warning .c12StateIcon{background:var(--ju-warning-bg);color:var(--ju-warning);}
.c12State--danger .c12StateIcon{background:var(--ju-danger-bg);color:var(--ju-danger);}
.c12State strong,.c12State p{margin:0;}
.c12State p{margin-top:3px;color:var(--ju-text-muted);}
.table-wrap,[data-table-scroll],[data-c12-overflow="true"]{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-gutter:stable;}
table[data-c12-table="true"],.premiumTable{width:100%;border-spacing:0;}
table[data-c12-table="true"] th,table[data-c12-table="true"] td{vertical-align:middle;}
table[data-c12-table="true"] thead th{position:relative;color:var(--ju-text-muted);font-size:12px;font-weight:850;letter-spacing:.02em;}
table[data-c12-table="true"] tbody tr{transition:background-color .14s ease,border-color .14s ease;}
table[data-c12-table="true"] tbody tr:hover{background:var(--ju-soft);}
table[data-c12-table="true"] :where(a,button){min-height:36px;}
.form-field,.field,.form-group{min-width:0;}
:where(input,select,textarea,.input,.select,.textarea){max-width:100%;min-height:var(--ju-c12-control-height);}
textarea,.textarea{min-height:112px;resize:vertical;}
:where(input,select,textarea,.input,.select,.textarea)[aria-invalid="true"],:where(input,select,textarea):user-invalid{border-color:var(--ju-danger);box-shadow:0 0 0 3px var(--ju-danger-bg);}
:where(input,select,textarea):disabled{cursor:not-allowed;opacity:.72;}
.form-help,.field-help,.form-hint{color:var(--ju-text-muted);font-size:12.5px;line-height:1.45;}
.modalOverlay,.modalBackdrop{padding:max(var(--ju-c12-space-4),env(safe-area-inset-top)) max(var(--ju-c12-space-4),env(safe-area-inset-right)) max(var(--ju-c12-space-4),env(safe-area-inset-bottom)) max(var(--ju-c12-space-4),env(safe-area-inset-left));}
.modalSheet,[data-central-dialog],[data-c12-modal]:not(.modalOverlay){width:min(100%,var(--ju-c12-dialog-max));max-height:calc(100dvh - 2 * var(--ju-c12-space-4));overflow:auto;overscroll-behavior:contain;border-color:var(--ju-border-strong);box-shadow:var(--ju-c12-elevation);}
.modalSheet--wide{--ju-c12-dialog-max:980px;}
.modalSheet--narrow{--ju-c12-dialog-max:560px;}
.modalClose{min-width:var(--ju-c12-control-height);min-height:var(--ju-c12-control-height);}
body.has-open-dialog{overflow:hidden;}
[aria-busy="true"],.is-loading{cursor:progress;}
[aria-busy="true"]::after,.c12Skeleton{content:"";display:block;min-height:8px;border-radius:4px;background:linear-gradient(90deg,var(--ju-soft),var(--ju-surface),var(--ju-soft));background-size:220% 100%;animation:c12-loading 1.3s ease-in-out infinite;}
@keyframes c12-loading{0%{background-position:100% 0}100%{background-position:-100% 0}}
:where(a,button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible{outline:3px solid var(--ju-focus);outline-offset:2px;box-shadow:none;}
:where(button,.btn,a.btn,summary,.appNavLink,.premiumModuleNavLink){touch-action:manipulation;}
[hidden]{display:none;}
@media (max-width:1180px){.c12QualityGrid{grid-template-columns:repeat(2,minmax(0,1fr));}.c12ComponentGrid{grid-template-columns:1fr;}}
@media (max-width:720px){
  :root{--ju-c12-space-5:20px;--ju-c12-space-6:24px;}
  .page-header,.section-header,.card-h,.modalActions{align-items:stretch;}
  .page-header-actions,.modalActions{display:grid;grid-template-columns:1fr;width:100%;}
  .page-header-actions :where(.btn,button,a),.modalActions :where(.btn,button,a){width:100%;min-height:var(--ju-c12-control-height);}
  .c12QualityGrid{grid-template-columns:1fr;}
  .c12QualityCard{padding:var(--ju-c12-space-4);}
  .finalRefinementStatus{align-items:flex-start;}
  :where(.btn,button,a.btn,summary,.appNavLink,.premiumModuleNavLink,.formSwitch){min-height:var(--ju-c12-control-height);}
  .modalOverlay,.modalBackdrop{align-items:end;padding:var(--ju-c12-space-2);}
  .modalSheet,[data-central-dialog],[data-c12-modal]:not(.modalOverlay){width:100%;max-height:calc(100dvh - var(--ju-c12-space-4));border-radius:8px 8px 4px 4px;}
  table[data-responsive-table="true"] thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
  table[data-responsive-table="true"],table[data-responsive-table="true"] tbody,table[data-responsive-table="true"] tr,table[data-responsive-table="true"] td{display:block;width:100%;}
  table[data-responsive-table="true"] tbody{display:grid;gap:var(--ju-c12-space-3);}
  table[data-responsive-table="true"] tr{padding:var(--ju-c12-space-3);border:1px solid var(--ju-border);border-radius:6px;background:var(--ju-surface);}
  table[data-responsive-table="true"] td{display:grid;grid-template-columns:minmax(110px,.42fr) minmax(0,.58fr);gap:var(--ju-c12-space-3);padding:var(--ju-c12-space-2) 0;border:0;border-bottom:1px solid var(--ju-border-soft);text-align:left;}
  table[data-responsive-table="true"] td:last-child{border-bottom:0;}
  table[data-responsive-table="true"] td::before{content:attr(data-label);color:var(--ju-text-muted);font-size:12px;font-weight:850;}
}
@media (max-width:390px){table[data-responsive-table="true"] td{grid-template-columns:1fr;gap:2px;}.finalRefinementStatusMark{display:none;}}
@media (prefers-reduced-motion:reduce){[aria-busy="true"]::after,.c12Skeleton{animation:none}.card,table[data-c12-table="true"] tbody tr{transition:none}}
@media (forced-colors:active){.finalRefinementStatus,.c12State,.card,.section,.modalSheet{border:1px solid CanvasText}.finalRefinementStatus{border-left-width:3px}.finalRefinementStatusMark,.c12StateIcon{forced-color-adjust:auto}.c12Skeleton,[aria-busy="true"]::after{background:CanvasText}}
@media print{.appSidebar,.appMobileHeader,.appWorkbar,.appWorkspaceNavigation,.page-header-actions,.modalOverlay,.finalRefinementStatus{display:none}.page,.appShellWrap,.appShellGrid,.appShellContent{display:block;width:100%;max-width:none;margin:0;padding:0}.card,.section{break-inside:avoid;box-shadow:none}}
@media (max-width:1023px){.btn.btn-sm,a.btn.btn-sm,button.btn-sm{min-height:var(--ju-c12-control-height);}}

/* R5A JOURNEY EVIDENCE PILOT — scoped test surface */
.r5aPilotContent{display:grid;gap:var(--space-5,1.25rem)}
.r5aEvidenceNotice{display:flex;flex-direction:column;gap:.35rem}
.r5aFocusLayout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(17rem,.7fr);gap:var(--space-5,1.25rem);align-items:start}
.r5aPrimaryWorklist,.r5aContextPanel{min-width:0}
.r5aStateCard{display:flex;align-items:flex-start;gap:.8rem;padding:1rem 1.1rem;border-radius:var(--radius-lg,16px)}
.r5aStateCard strong,.r5aStateCard span{display:block}.r5aStateCard .btn{margin-left:auto}
.r5aSpinner{inline-size:1.25rem;block-size:1.25rem;border:.18rem solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:r5a-spin .8s linear infinite;flex:0 0 auto}
.r5aSearchResults{display:grid;gap:.65rem;margin-top:1rem}.r5aSearchResult{display:grid;grid-template-columns:auto 1fr;gap:.2rem .75rem;align-items:center;padding:.9rem 1rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md,12px);text-decoration:none;color:inherit;background:var(--surface)}.r5aSearchResult>span:last-child{grid-column:2;color:var(--text-muted);font-size:.9rem}
.r5aAuditList{display:grid;gap:.65rem}.r5aAuditList>div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border-subtle);padding-bottom:.55rem}.r5aAuditList dt{color:var(--text-muted)}.r5aAuditList dd{margin:0;font-weight:700;text-align:right}
.r5aAsyncStatus{margin-top:1rem;min-height:3rem}.r5aAsyncStatus .notice{margin:0}
.r5aMetrics{scroll-margin-top:1rem}
@keyframes r5a-spin{to{transform:rotate(360deg)}}
@media (max-width:900px){.r5aFocusLayout{grid-template-columns:1fr}.r5aStateCard{flex-wrap:wrap}.r5aStateCard .btn{margin-left:0}}
@media (prefers-reduced-motion:reduce){.r5aSpinner{animation-duration:1.6s}}

/* c12r3 R5A full synthetic journey expansion */
.r5aJourneyProgress{margin:0 0 18px;padding:14px 16px;border:1px solid var(--ju-border);border-radius:14px;background:var(--ju-card);overflow:auto}
.r5aJourneyProgress ol{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:8px;list-style:none;margin:0;padding:0;min-width:560px}
.r5aJourneyProgress li{display:flex;align-items:center;gap:8px;color:var(--ju-text-muted);font-size:.875rem;font-weight:700}
.r5aJourneyProgress li span{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;border:1px solid currentColor}
.r5aJourneyProgress li.is-done,.r5aJourneyProgress li.is-current{color:var(--ju-brand)}
.r5aWorkflowLane{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0}
.r5aWorkflowStep{min-height:48px;border:1px solid var(--ju-border);border-radius:12px;background:var(--ju-card);font-weight:750}
.r5aWorkflowStep.is-done{background:color-mix(in srgb,var(--ju-success) 10%,transparent);border-color:color-mix(in srgb,var(--ju-success) 40%,var(--ju-border))}
.r5aWorkflowStep.is-current{box-shadow:0 0 0 3px color-mix(in srgb,var(--ju-brand) 20%,transparent);border-color:var(--ju-brand)}
.r5aBoard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.r5aBoard article,.r5aCalendar,.r5aTimeline{min-height:150px;padding:14px;border:1px solid var(--ju-border);border-radius:14px;background:var(--ju-soft)}
.r5aBoard button{width:100%;min-height:48px;margin-top:8px;text-align:left;border:1px solid var(--ju-border);border-radius:10px;background:var(--ju-card);padding:10px}
.r5aDropzone{display:grid;gap:6px;padding:24px;border:2px dashed var(--ju-border-strong);border-radius:16px;background:var(--ju-soft);cursor:pointer}
.r5aDropzone input{max-width:100%}
.r5aAgentPlan{display:grid;gap:10px;margin:16px 0;padding-left:24px}
.r5aOutcome{position:sticky;bottom:16px;z-index:30;display:none;margin:16px 0;padding:12px 16px;border-radius:12px;box-shadow:0 12px 36px rgba(16,24,40,.18);font-weight:700}
.r5aOutcome.is-visible{display:block}.r5aOutcome.is-success{background:var(--ju-success-bg);color:var(--ju-success)}.r5aOutcome.is-warning{background:var(--ju-warning-bg);color:var(--ju-warning)}.r5aOutcome.is-danger{background:var(--ju-danger-bg);color:var(--ju-danger)}.r5aOutcome.is-info{background:var(--ju-brand-soft);color:var(--ju-brand-strong)}
.r5aAcceptanceGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.r5aAcceptanceGrid span{display:grid;gap:4px;padding:12px;border:1px solid var(--ju-border);border-radius:12px;background:var(--ju-soft)}
.r5aSearchResult{width:100%;text-align:left;border:1px solid var(--ju-border);background:var(--ju-card)}
@media(max-width:760px){.r5aWorkflowLane,.r5aBoard,.r5aAcceptanceGrid{grid-template-columns:1fr}.r5aJourneyProgress{padding:10px}.r5aOutcome{bottom:8px}.r5aMatrix .btn,.r5aMatrix button,.r5aMatrix input,.r5aMatrix select{min-height:44px}}
@media(forced-colors:active){.r5aOutcome,.r5aJourneyProgress,.r5aWorkflowStep,.r5aBoard article,.r5aDropzone{border:1px solid CanvasText}}

/* c12r3 R5A verified mobile hit targets */
.r5aCheckTarget{display:inline-grid;place-items:center;min-width:44px;min-height:44px;cursor:pointer}
.r5aCheckTarget>input{width:20px;height:20px;min-width:20px;min-height:20px;margin:0}
@media(max-width:760px){
  .r5aMatrix .appSidebarDesktopToggle,.r5aMatrix .uiFavoriteAction{width:44px;min-width:44px;min-height:44px}
}
@media(max-width:760px){.r5aMatrix .premiumViewDensity{grid-template-columns:1fr}.r5aMatrix .premiumViewDensity label{min-width:44px}}

/* ========================================================================== 
   c12r4 · R5B/R5C design convergence and productivity core
   Central-token-only layer: focus mode, shared views and shortcut guidance.
   ========================================================================== */
.productivityToolbar{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:40px}
.productivityModeGroup{display:inline-flex;align-items:center;padding:3px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-soft)}
.productivityModeButton{min-height:34px;padding:0 11px;border:0;border-radius:var(--ju-radius-sm);background:transparent;color:var(--ju-text-muted);font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.productivityModeButton:hover{color:var(--ju-text-strong);background:var(--ju-card)}
.productivityModeButton.is-active{background:var(--ju-card);color:var(--ju-text-strong);box-shadow:0 1px 3px var(--ju-shadow-color)}
.productivityModeButton:focus-visible,.productivityShortcutButton:focus-visible{outline:0;box-shadow:var(--ju-focus-ring)}
.productivityFocusMode [data-primary-work-surface]{scroll-margin-top:96px}
.productivityFocusMode .page-header,.productivityFocusMode .uiPageHeader{margin-bottom:12px}
.productivityFocusMode .premiumTableViewBar{position:sticky;top:calc(var(--app-workbar-offset, 0px) + 8px);z-index:var(--ju-z-sticky);background:var(--ju-bg);background:color-mix(in srgb,var(--ju-bg) 94%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--ju-border)}
.productivityShortcutOverlay{z-index:var(--ju-z-modal)}
.productivityShortcutDialog{width:min(620px,calc(100vw - 28px));max-height:min(720px,calc(100vh - 28px));overflow:auto}
.productivityShortcutHead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px 18px;border-bottom:1px solid var(--ju-border)}
.productivityShortcutHead h2{margin:2px 0 4px;color:var(--ju-text-strong);font-size:24px;line-height:1.2}
.productivityShortcutHead p{margin:0;color:var(--ju-text-muted)}
.productivityShortcutList{display:grid;gap:0;margin:0;padding:8px 24px 16px}
.productivityShortcutList>div{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1fr);gap:18px;align-items:center;padding:14px 0;border-bottom:1px solid var(--ju-border)}
.productivityShortcutList>div:last-child{border-bottom:0}
.productivityShortcutList dt{display:flex;align-items:center;gap:6px;font-weight:800;color:var(--ju-text-strong)}
.productivityShortcutList dd{margin:0;color:var(--ju-text-muted)}
.productivityShortcutList kbd,.commandPalette kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:26px;padding:3px 7px;border:1px solid var(--ju-border-strong);border-bottom-width:2px;border-radius:var(--ju-radius-sm);background:var(--ju-card);color:var(--ju-text-strong);font:inherit;font-size:12px;font-weight:800;box-shadow:0 1px 2px var(--ju-shadow-color-soft)}

.premiumSharedViews{display:grid;gap:14px;margin-top:16px;padding-top:16px;border-top:1px solid var(--ju-border)}
.premiumSharedViewsHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.premiumSharedViewsHead>div{display:grid;gap:3px;min-width:0}
.premiumSharedViewsHead strong{color:var(--ju-text-strong)}
.premiumSharedViewsHead span:not(.pill){color:var(--ju-text-muted);font-size:12px;line-height:1.45}
.premiumSharedViewApply{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.premiumSharedViewCreate{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,.55fr) minmax(170px,.65fr) auto;gap:10px;align-items:end}
.premiumSharedViewCreate .checkbox-inline{padding:0;min-height:40px;align-items:center}
.premiumSharedViewCreate .checkbox-inline small{display:block;font-weight:500}
.pill-success{border-color:var(--ju-success-line);background:var(--ju-success-bg);color:var(--ju-success)}

/* Club and legacy workspaces inherit the same shell accents and interaction tokens. */
.admin-app:is(.clubWorkspacePage,.memberWorkspacePage,.eventWorkspacePage,.financeWorkspacePage,.taxAreaWorkspacePage){--ju-primary:var(--ju-brand);--ju-accent:var(--ju-brand);--ju-link:var(--ju-brand);--ju-table-left-accent:var(--ju-brand);--ju-selected-line:var(--ju-brand);--offer-accent:var(--ju-brand)}
.admin-app:is(.clubWorkspacePage,.memberWorkspacePage,.eventWorkspacePage) .eventMark::before,
.admin-app:is(.clubWorkspacePage,.memberWorkspacePage,.eventWorkspacePage) .statusDot,
.admin-app:is(.clubWorkspacePage,.memberWorkspacePage,.eventWorkspacePage) .memberStatusDot{background:var(--ju-brand)}

@media (max-width:900px){
  .premiumSharedViewCreate{grid-template-columns:1fr 1fr}
  .premiumSharedViewCreate .checkbox-inline{align-self:center}
}
@media (max-width:640px){
  .productivityToolbar{width:100%;justify-content:space-between}
  .productivityModeGroup{flex:1 1 auto}
  .productivityModeButton{flex:1 1 50%}
  .premiumSharedViewsHead{align-items:flex-start;flex-direction:column}
  .premiumSharedViewCreate{grid-template-columns:1fr}
  .premiumSharedViewApply>.btn{flex:1 1 auto}
  .productivityShortcutList>div{grid-template-columns:1fr;gap:7px}
}
@media (forced-colors:active){
  .productivityModeButton.is-active,.pill-success{outline:2px solid CanvasText}
  .productivityFocusMode .premiumTableViewBar{backdrop-filter:none}
}
@media (prefers-reduced-motion:reduce){
  .productivityFocusMode [data-primary-work-surface]{scroll-behavior:auto}
}

/* c12r4 productivity hit-target closure */
.productivityModeButton{min-height:40px}
.productivityShortcutButton{min-width:40px;min-height:40px}
@media (max-width:760px){
  .productivityModeButton{min-height:44px}
  .productivityShortcutButton,.uiFavoriteAction{width:44px;min-width:44px;min-height:44px}
}
@media (max-width:760px){
  .admin-app .uiPageActions .uiFavoriteAction,
  .admin-app .page-header-actions .uiFavoriteAction{width:44px;min-width:44px;max-width:44px;min-height:44px;padding-inline:0}
}

/* c12r4 saved-view panel containment and mobile action composition */
.productivityModeButton{white-space:nowrap;overflow-wrap:normal}
.premiumViewPanel :is(.input,.select,button){min-width:0;max-width:100%}
.premiumViewPanel .premiumViewSaveRow{grid-template-columns:minmax(0,1fr) auto}
.premiumViewPanel .premiumSharedViewCreate{grid-template-columns:minmax(0,1fr)}
.premiumViewPanel .premiumSharedViewCreate .btn{width:100%}
@media (max-width:760px){
  .admin-app .uiPageActions>.productivityToolbar,
  .admin-app .page-header-actions>.productivityToolbar{grid-column:1 / -1;width:100%}
  .productivityToolbar{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center}
  .productivityModeGroup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}
  .productivityModeButton{width:100%;padding-inline:8px}
}
@media (max-width:760px){
  .admin-app .uiPageActions>.productivityToolbar,
  .admin-app .page-header-actions>.productivityToolbar{grid-column:1 / -1;min-width:0;width:100%}
}


/* c12r4 mobile header composition: productivity controls own a complete row. */
@media (max-width:760px){
  .admin-app .uiPageActions.hasProductivityToolbar,
  .admin-app .page-header-actions.hasProductivityToolbar{
    grid-template-columns:minmax(0,1fr) 44px;
    align-items:center;
  }
  .admin-app .uiPageActions.hasProductivityToolbar>.productivityToolbar,
  .admin-app .page-header-actions.hasProductivityToolbar>.productivityToolbar{
    grid-column:1 / -1;
    grid-row:auto;
    min-width:0;
    width:100%;
  }
  .admin-app .uiPageActions.hasProductivityToolbar>.uiAction--primary,
  .admin-app .page-header-actions.hasProductivityToolbar>.uiAction--primary{
    grid-column:1;
    width:100%;
  }
  .admin-app .uiPageActions.hasProductivityToolbar>.uiFavoriteAction,
  .admin-app .page-header-actions.hasProductivityToolbar>.uiFavoriteAction{
    grid-column:2;
    justify-self:end;
  }
  .admin-app .hasProductivityToolbar .productivityModeGroup{
    width:100%;
  }
  .admin-app .hasProductivityToolbar .productivityModeButton{
    min-width:44px;
  }
}


/* ========================================================================== 
   c12r5 · R5B/R5C priority worklist rollout
   Shared keyboard flow, selection feedback and stable worklist affordances.
   ========================================================================== */
.premiumWorklistBar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 10px;padding:10px 12px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:0 2px 8px var(--ju-shadow-color-soft)}
.premiumWorklistSummary{display:flex;align-items:center;gap:10px;min-width:0}.premiumWorklistSummary strong{color:var(--ju-text-strong)}.premiumWorklistSummary span{color:var(--ju-text-muted);font-size:13px}
.premiumWorklistKeys{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--ju-text-muted);font-size:12px}.premiumWorklistKeys span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.premiumWorklistKeys kbd{display:inline-grid;place-items:center;min-width:24px;min-height:24px;padding:2px 6px;border:1px solid var(--ju-border-strong);border-bottom-width:2px;border-radius:var(--ju-radius-sm);background:var(--ju-soft);color:var(--ju-text-strong);font:inherit;font-size:11px;font-weight:850}
[data-premium-worklist] [data-worklist-row]{outline:0;transition:box-shadow .12s ease,background-color .12s ease}
[data-premium-worklist] [data-worklist-row].is-worklist-active{position:relative;box-shadow:inset 3px 0 0 var(--ju-brand);background:var(--ju-selected-bg)}
[data-premium-worklist] [data-worklist-row]:focus-visible{box-shadow:inset 3px 0 0 var(--ju-brand),var(--ju-focus-ring)}
[data-premium-worklist].has-worklist-selection .premiumWorklistBar{border-color:var(--ju-brand);background:var(--ju-brand-soft)}
.productivityFocusMode .premiumWorklistBar{position:sticky;top:calc(var(--app-workbar-offset, 0px) + 58px);z-index:calc(var(--ju-z-sticky) - 1);backdrop-filter:blur(10px)}
@media(max-width:760px){.premiumWorklistBar{align-items:stretch}.premiumWorklistSummary{width:100%;justify-content:space-between}.premiumWorklistKeys{width:100%;overflow-x:auto;padding-bottom:2px}.premiumWorklistBar>.btn{width:100%;min-height:44px}}
@media(forced-colors:active){[data-premium-worklist] [data-worklist-row].is-worklist-active{outline:2px solid Highlight}.premiumWorklistBar{border:1px solid CanvasText}}
@media(prefers-reduced-motion:reduce){[data-premium-worklist] [data-worklist-row]{transition:none}}
@media(max-width:760px){
  [data-premium-worklist] .premiumViewPanel .premiumViewSaveRow{grid-template-columns:minmax(0,1fr)}
  [data-premium-worklist] .premiumViewPanel .premiumViewSaveRow :is(.input,.btn){width:100%;min-width:0}
  [data-premium-worklist] .premiumViewDensity label,
  [data-premium-worklist] .premiumViewColumns label{min-height:44px}
}

/* ================================================================
   c12r6 · R5C safe bulk actions, controlled inline edits and undo
   ================================================================ */
.premiumActionBar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(170px,.7fr) minmax(170px,.7fr) auto;align-items:end;gap:12px;margin:0 0 12px;padding:12px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:linear-gradient(135deg,var(--ju-card),var(--ju-soft));box-shadow:0 4px 14px var(--ju-shadow-color-soft)}
.premiumActionBar[hidden]{display:none}.premiumActionBarIntro{display:flex;flex-direction:column;gap:3px;align-self:center}.premiumActionBarIntro strong{color:var(--ju-text-strong)}.premiumActionBarIntro span{color:var(--ju-text-muted);font-size:13px}.premiumActionBar .form-field{margin:0}.premiumActionBar .btn{min-height:44px}
.premiumSelectionColumn{width:54px;text-align:center}.premiumInlineAction{appearance:none;border:0;cursor:pointer;font:inherit;min-height:36px;padding:6px 10px;transition:transform .16s ease,box-shadow .16s ease}.premiumInlineAction:hover{transform:translateY(-1px);box-shadow:0 4px 10px var(--ju-shadow-color-soft)}.premiumInlineAction:focus-visible{outline:3px solid var(--ju-focus-ring);outline-offset:2px}.premiumInlineActionSelect{min-width:160px;min-height:40px}
.premiumActionModalBody{display:grid;gap:14px}.premiumActionPreviewList{display:grid;gap:8px;max-height:min(44vh,420px);overflow:auto}.premiumActionPreviewItem{display:grid;grid-template-columns:minmax(130px,1fr) minmax(130px,.7fr) auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--ju-border);border-radius:var(--ju-radius-sm);background:var(--ju-card)}.premiumActionPreviewItem strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.premiumActionPreviewItem>span:not(.badge){color:var(--ju-text-muted);font-size:13px}
.premiumActionToast{position:fixed;right:20px;bottom:20px;z-index:calc(var(--ju-z-modal) + 10);display:flex;align-items:center;gap:14px;max-width:min(520px,calc(100vw - 32px));padding:12px 14px;border:1px solid var(--ju-border-strong);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:0 16px 44px var(--ju-shadow-color);color:var(--ju-text-strong)}.premiumActionToast span{flex:1}.premiumActionToast .btn{min-height:40px}
[data-premium-actions].has-worklist-selection .premiumActionBar{border-color:var(--ju-brand);box-shadow:0 8px 24px var(--ju-shadow-color-soft)}
@media(max-width:900px){.premiumActionBar{grid-template-columns:1fr 1fr}.premiumActionBarIntro{grid-column:1/-1}.premiumActionBar>.btn{width:100%}}
@media(max-width:620px){.premiumActionBar{grid-template-columns:1fr}.premiumActionBarIntro{grid-column:auto}.premiumActionBar .select,.premiumActionBar .btn{min-height:44px}.premiumActionPreviewItem{grid-template-columns:1fr}.premiumActionPreviewItem strong{white-space:normal}.premiumActionToast{left:12px;right:12px;bottom:12px;flex-wrap:wrap}.premiumActionToast .btn{width:100%}.premiumInlineAction{min-width:44px;min-height:44px}.premiumInlineActionSelect{width:100%;min-height:44px}}
@media(forced-colors:active){.premiumActionBar,.premiumActionPreviewItem,.premiumActionToast{border:1px solid CanvasText}.premiumInlineAction:focus-visible{outline:2px solid Highlight}}
.premiumInlineAction{display:inline-flex;align-items:center;justify-content:center;line-height:1.2}
@media(max-width:620px){.mobileCardTable .premiumInlineAction{min-width:44px;min-height:44px;padding:8px 10px}}

/* ========================================================================== 
   c12r8 · R5B platform-wide design convergence
   Runtime page context, legacy-surface normalization and measurable hierarchy.
   ========================================================================== */
:root{
  --ju-r5b-reading-width:820px;
  --ju-r5b-content-width:1180px;
  --ju-r5b-wide-width:1540px;
  --ju-r5b-section-gap:18px;
  --ju-r5b-compact-gap:12px;
}
html[data-r5b-design-convergence="ready"]{color-scheme:light}
body.uiRuntimePage{
  --accent:var(--ju-brand);
  --primary:var(--ju-brand);
  --brand:var(--ju-brand);
  --gold:var(--ju-brand);
  --surface:var(--ju-card);
  --surface-soft:var(--ju-soft);
  --surface-subtle:var(--ju-soft);
  --surface-muted:var(--ju-soft);
  --text:var(--ju-text);
  --text-strong:var(--ju-text-strong);
  --text-muted:var(--ju-text-muted);
  --muted:var(--ju-text-muted);
  --border:var(--ju-border);
  --border-soft:var(--ju-border-soft);
  background:var(--ju-bg);
  color:var(--ju-text);
}
body.uiRuntimePage[data-ui-module="mitglieder"],
body.uiRuntimePage[data-ui-module="vereinskasse"],
body.uiRuntimePage[data-ui-module="veranstaltungen"],
body.uiRuntimePage[data-ui-module="veranstaltungskassen"]{
  --club-accent:var(--ju-brand);
  --member-accent:var(--ju-brand);
  --event-accent:var(--ju-brand);
  --verein-accent:var(--ju-brand);
}
[data-ui-page-root="true"]{min-width:0;max-width:100%}
[data-ui-content="true"]{min-width:0;display:block}
body[data-ui-shell="app"] [data-ui-content="true"],
body[data-ui-shell="admin"] [data-ui-content="true"]{width:100%}
body[data-ui-page-type="form"] [data-ui-content="true"],
body[data-ui-page-type="editor"] [data-ui-content="true"]{max-width:var(--ju-r5b-content-width)}
body[data-ui-page-type="detail"] [data-ui-content="true"],
body[data-ui-page-type="settings"] [data-ui-content="true"],
body[data-ui-page-type="support"] [data-ui-content="true"]{max-width:var(--ju-r5b-wide-width)}
body[data-ui-page-type="report"] [data-ui-content="true"],
body[data-ui-page-type="worklist"] [data-ui-content="true"],
body[data-ui-page-type="list"] [data-ui-content="true"],
body[data-ui-page-type="cockpit"] [data-ui-content="true"],
body[data-ui-page-type="admin"] [data-ui-content="true"]{max-width:none}
[data-ui-page-header="true"]{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  min-width:0;
  margin-block:0 var(--ju-r5b-section-gap);
  padding-block:2px;
}
[data-ui-page-header="true"] :where(.page-header-title,.uiPageHeaderMain){min-width:0;max-width:76ch}
[data-ui-page-title="true"]{margin-block:0;color:var(--ju-text-strong);text-wrap:balance}
[data-ui-page-header="true"] :where(.page-subtitle,.uiPageLead){max-width:72ch;color:var(--ju-text-muted);text-wrap:pretty}
[data-ui-actions="true"]{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0}
[data-ui-summary-region="true"]{margin-block:0 var(--ju-r5b-section-gap)}
[data-ui-primary-work="true"]{min-width:0;scroll-margin-top:calc(var(--app-workbar-offset,0px) + 88px)}
body[data-ui-density="compact"]{--ju-r5b-section-gap:14px;--ju-r5b-compact-gap:10px}
body[data-ui-density="compact"] :where(.section,.card,.panel,.premiumPanel)>:where(.card-b,.section-body,.panel-body){padding-block:14px}
body[data-ui-density="compact"] :where(.page-header,.uiPageHeader){margin-bottom:14px}
body[data-ui-density="compact"] :where(.metric-grid,.premiumSummaryGrid){gap:10px}
body[data-ui-page-type="worklist"] [data-ui-summary-region="true"],
body[data-ui-page-type="list"] [data-ui-summary-region="true"]{margin-bottom:12px}
body[data-ui-page-type="worklist"] :where(.metric-card,.premiumSummaryCard),
body[data-ui-page-type="list"] :where(.metric-card,.premiumSummaryCard){min-height:auto}
:where(.uiRuntimePage) :where(.section,.card,.panel,.premiumPanel,.financePanel,.servicePanel,.clubPanel){
  border-color:var(--ju-border);
  border-radius:var(--ju-radius);
}
:where(.uiRuntimePage) :where(.section-title,.card-title,.panel-title){color:var(--ju-text-strong);text-wrap:balance}
:where(.uiRuntimePage) :where(.section-lead,.card-subtitle,.panel-subtitle){color:var(--ju-text-muted);text-wrap:pretty}
[data-ui-table-shell="true"]{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-gutter:stable;border-radius:var(--ju-radius)}
.uiRuntimeTable{width:100%;max-width:100%;border-collapse:separate;border-spacing:0}
.uiRuntimeTable :where(th,td){overflow-wrap:anywhere}
.uiRuntimeTable thead th{background:var(--ju-soft);color:var(--ju-text-muted)}
.uiRuntimeTable tbody tr:focus-within{background:var(--ju-selected-bg)}
[data-ui-form="true"]{min-width:0}
[data-ui-form="true"] :where(.form-grid,.field-grid){align-items:start}
[data-ui-form="true"] :where(.form-actions,.modalActions){margin-top:16px}
[data-ui-state="empty"],
[data-ui-state="loading"],
[data-ui-state="error"]{min-width:0}
[data-ui-state="empty"]{border-color:var(--ju-border-strong);background:var(--ju-card)}
[data-ui-state="error"]{border-color:var(--ju-danger-line);background:var(--ju-danger-bg)}
@media(max-width:900px){
  [data-ui-page-header="true"]{align-items:stretch;flex-direction:column;gap:14px}
  [data-ui-actions="true"]{justify-content:flex-start;width:100%}
}
@media(max-width:640px){
  :root{--ju-r5b-section-gap:14px}
  [data-ui-actions="true"]{display:grid;grid-template-columns:minmax(0,1fr)}
  [data-ui-actions="true"] :where(.btn,button,a.btn){width:100%;min-height:44px}
  [data-ui-summary-region="true"]{margin-bottom:12px}
  [data-ui-table-shell="true"]{border-radius:var(--ju-radius-sm)}
}
@media(forced-colors:active){
  [data-ui-table-shell="true"],:where(.uiRuntimePage) :where(.section,.card,.panel,.premiumPanel){border:1px solid CanvasText}
}
@media(prefers-reduced-motion:reduce){
  [data-ui-primary-work="true"]{scroll-behavior:auto}
}
body[data-ui-page-type="auth"] [data-ui-content="true"]{max-width:720px;margin-inline:auto}
body[data-ui-page-type="public"] [data-ui-content="true"]{max-width:var(--ju-r5b-content-width);margin-inline:auto}

/* c12r9a R5C high-depth productivity convergence */
.productivityDensityButton{min-width:84px;min-height:40px;white-space:nowrap}
.productivityCompactMode .premiumTableCard table td,.productivityCompactMode .premiumTableCard table th,.productivityCompactMode .dataTableShell table td,.productivityCompactMode .dataTableShell table th,.productivityCompactMode table[data-view-key] td,.productivityCompactMode table[data-view-key] th{padding-top:7px;padding-bottom:7px}
.productivityCompactMode .premiumListCard,.productivityCompactMode .uiCard,.productivityCompactMode .section{--card-padding:14px}
.productivityCompactMode .premiumWorklistBar,.productivityCompactMode .premiumTableViewBar{padding-block:8px}
tr.is-inline-editing,[data-row].is-inline-editing,[data-action-entity-id].is-inline-editing{outline:2px solid var(--ju-focus-ring);outline-offset:-2px;background:color-mix(in srgb,var(--ju-brand-soft,var(--ju-soft)) 58%,transparent)}
tr.is-inline-dirty,[data-row].is-inline-dirty,[data-action-entity-id].is-inline-dirty{box-shadow:inset 4px 0 0 var(--ju-warning)}
.premiumInlineActionEditor{display:inline-grid;grid-template-columns:minmax(150px,1fr) auto auto;align-items:center;gap:6px;max-width:100%}
.premiumInlineActionEditor .btn{min-height:40px}
.productivityProgressState{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;margin:0 0 14px;padding:12px 14px;border:1px solid var(--ju-border);border-radius:var(--ju-radius-md,12px);background:var(--ju-card);color:var(--ju-text-strong);box-shadow:0 6px 20px var(--ju-shadow-color-soft)}
.productivityProgressState.is-success{border-color:color-mix(in srgb,var(--ju-success) 62%,var(--ju-border))}
.productivityProgressState.is-partial{border-color:color-mix(in srgb,var(--ju-warning) 72%,var(--ju-border));background:color-mix(in srgb,var(--ju-warning-soft,var(--ju-soft)) 38%,var(--ju-card))}
.productivityProgressState.is-error{border-color:color-mix(in srgb,var(--ju-danger) 72%,var(--ju-border));background:color-mix(in srgb,var(--ju-danger-soft,var(--ju-soft)) 32%,var(--ju-card))}
.productivityProgressSpinner{width:18px;height:18px;margin-top:2px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:productivity-spin .8s linear infinite}
.productivityProgressState:not(.is-pending) .productivityProgressSpinner{animation:none;border:0;display:grid;place-items:center;width:20px;height:20px;font-weight:900}
.productivityProgressState.is-success .productivityProgressSpinner::before{content:'✓';color:var(--ju-success)}
.productivityProgressState.is-partial .productivityProgressSpinner::before{content:'!';color:var(--ju-warning)}
.productivityProgressState.is-error .productivityProgressSpinner::before{content:'×';color:var(--ju-danger)}
.productivityProgressCopy{display:grid;gap:3px;min-width:0}
.productivityProgressCopy>strong{font-size:14px;line-height:1.35}
.productivityProgressCopy>span{color:var(--ju-text-muted);font-size:13px;line-height:1.45}
.productivityProgressCopy ul{margin:5px 0 0;padding-left:18px;color:var(--ju-text-muted);font-size:13px}
.productivityProgressActions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.productivityProgressActions .btn-icon{min-width:40px;min-height:40px}
.productivityUndoBar{position:fixed;z-index:calc(var(--ju-z-modal) + 20);right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:10px;max-width:min(620px,calc(100vw - 32px));padding:12px 14px;border:1px solid var(--ju-border-strong);border-radius:var(--ju-radius-lg,14px);background:var(--ju-card);color:var(--ju-text-strong);box-shadow:0 18px 50px var(--ju-shadow-color)}
.productivityUndoCopy{display:grid;gap:2px;min-width:0;flex:1}
.productivityUndoCopy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.productivityUndoCopy span{color:var(--ju-text-muted);font-size:12px}
.productivityUndoBar .btn{min-height:40px}
form[data-productivity-bulk-state="legacy-guarded"]{position:relative}
[data-productivity-view-error="duplicate-key"]{outline:2px dashed var(--ju-danger);outline-offset:2px}
@keyframes productivity-spin{to{transform:rotate(360deg)}}
@media (max-width:720px){.premiumInlineActionEditor{grid-template-columns:1fr 1fr;width:100%}.premiumInlineActionEditor .premiumInlineActionSelect{grid-column:1/-1;width:100%;min-height:44px}.premiumInlineActionEditor .btn{width:100%;min-height:44px}.productivityProgressState{grid-template-columns:auto minmax(0,1fr)}.productivityProgressActions{grid-column:1/-1;justify-content:stretch}.productivityProgressActions .btn:not(.btn-icon){flex:1}.productivityUndoBar{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));flex-wrap:wrap}.productivityUndoBar .btn:not(.btn-icon){flex:1}.productivityDensityButton{min-height:44px}.productivityCompactMode table[data-view-key] td,.productivityCompactMode table[data-view-key] th{padding-top:6px;padding-bottom:6px}}
@media (prefers-reduced-motion:reduce){.productivityProgressSpinner{animation:none}.premiumInlineAction{transition:none}}
@media (forced-colors:active){.productivityProgressState,.productivityUndoBar,.premiumInlineActionEditor{border:1px solid CanvasText}.productivityProgressState.is-error,.productivityProgressState.is-partial{outline:2px solid CanvasText}.productivityProgressSpinner{forced-color-adjust:none}}

/* c12r10 R6A — versioned workflow center */
.workflowCenterContent{display:grid;gap:var(--space-5,1.25rem)}
.workflowCenterEyebrow{display:block;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ju-text-muted);margin-bottom:.35rem}
.workflowCenterGuard{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border:1px solid color-mix(in srgb,var(--ju-warning) 26%,transparent);background:color-mix(in srgb,var(--ju-warning) 8%,var(--ju-card));border-radius:var(--ju-radius-lg)}
.workflowCenterGuard>div{display:grid;gap:.2rem}.workflowCenterGuard span:not(.badge){color:var(--ju-text-muted);font-size:.9rem}
.workflowCenterMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.workflowCenterMetrics article{display:grid;gap:.25rem;padding:1rem 1.1rem;border:1px solid var(--ju-border);border-radius:var(--ju-radius-lg);background:var(--ju-card);box-shadow:0 1px 2px var(--ju-shadow-color-soft)}
.workflowCenterMetrics span,.workflowCenterMetrics small{color:var(--ju-text-muted)}.workflowCenterMetrics strong{font-size:1.75rem;line-height:1.1}
.workflowCenterWorkspace{overflow:clip}.workflowCenterSectionHeader{align-items:flex-start}
.workflowCenterToolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;padding:1rem;border-block:1px solid var(--ju-border);background:color-mix(in srgb,var(--ju-soft) 78%,transparent)}
.workflowCenterToolbar .input,.workflowCenterToolbar .select{min-height:2.6rem}.workflowCenterSearch{flex:1 1 15rem}.workflowCenterSearch .input{width:100%}
.workflowCenterViewSwitch{display:flex;gap:.35rem;flex-wrap:wrap}.workflowCenterViewSwitch .btn span{display:inline-grid;place-items:center;min-width:1.35rem;height:1.35rem;border-radius:var(--ju-radius-pill);background:color-mix(in srgb,currentColor 12%,transparent);font-size:.72rem}
.workflowCenterViewSwitch .is-active,.workflowCenterToolbar [aria-pressed="true"]{border-color:var(--ju-brand);background:color-mix(in srgb,var(--ju-brand) 10%,var(--ju-card));color:var(--ju-brand)}
.workflowCenterResultMeta{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 1rem;color:var(--ju-text-muted);font-size:.86rem}
.workflowCenterEmpty{margin:1rem;padding:2rem;text-align:center;border:1px dashed var(--ju-border-strong);border-radius:var(--ju-radius-lg);background:var(--ju-soft)}.workflowCenterEmpty span{display:block;margin-top:.35rem;color:var(--ju-text-muted)}
.workflowCenterViews{min-width:0}.workflowListWrap{border:0;border-radius:0}.workflowListTable td{vertical-align:middle}.workflowTypePill{display:inline-flex;align-items:center;min-height:1.8rem;padding:.2rem .55rem;border:1px solid var(--ju-border);border-radius:var(--ju-radius-pill);background:var(--ju-soft);font-size:.78rem;font-weight:700;white-space:nowrap}
.workflowStatusBadge--success{background:color-mix(in srgb,var(--ju-success) 12%,transparent);color:var(--ju-success)}.workflowStatusBadge--danger{background:color-mix(in srgb,var(--ju-danger) 12%,transparent);color:var(--ju-danger)}.workflowStatusBadge--warning{background:color-mix(in srgb,var(--ju-warning) 12%,transparent);color:var(--ju-warning)}.workflowStatusBadge--primary{background:color-mix(in srgb,var(--ju-brand) 12%,transparent);color:var(--ju-brand)}
.workflowDue{font-size:.86rem;color:var(--ju-text-muted)}.workflowDue.is-overdue{color:var(--ju-danger);font-weight:700}.workflowItemActions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.workflowBoard{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(17rem,1fr);gap:1rem;padding:1rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity}.workflowBoardColumn{display:grid;grid-template-rows:auto 1fr;min-height:18rem;border:1px solid var(--ju-border);border-radius:var(--ju-radius-lg);background:var(--ju-soft);scroll-snap-align:start}.workflowBoardColumnHeader{display:flex;justify-content:space-between;align-items:center;padding:.8rem .9rem;border-bottom:1px solid var(--ju-border)}.workflowBoardColumnBody{display:grid;align-content:start;gap:.75rem;padding:.75rem}.workflowBoardCard{display:grid;gap:.7rem;padding:.85rem;border:1px solid var(--ju-border);border-radius:var(--ju-radius-md);background:var(--ju-card);box-shadow:0 1px 2px var(--ju-shadow-color-soft)}.workflowBoardCardTop,.workflowBoardCardMeta{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.workflowBoardCard h3{font-size:.98rem;margin:0}.workflowBoardCard p{margin:0;color:var(--ju-text-muted);font-size:.86rem}.workflowBoardCardMeta{font-size:.8rem;color:var(--ju-text-muted)}
.workflowCalendar{display:grid;gap:1rem;padding:1rem}.workflowCalendarDay{display:grid;grid-template-columns:minmax(10rem,15rem) 1fr;gap:1rem;padding:1rem;border:1px solid var(--ju-border);border-radius:var(--ju-radius-lg);background:var(--ju-card)}.workflowCalendarDay.is-unscheduled{background:var(--ju-soft)}.workflowCalendarDayHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem}.workflowCalendarDayItems{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.75rem}.workflowCalendarItem{display:grid;gap:.65rem;padding:.8rem;border-left:3px solid var(--ju-brand);border-radius:0 var(--ju-radius-md) var(--ju-radius-md) 0;background:var(--ju-soft)}.workflowCalendarItemHead,.workflowCalendarItemMeta{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.workflowCalendarItem h3{font-size:.95rem;margin:0}.workflowCalendarItemMeta{font-size:.8rem;color:var(--ju-text-muted)}
.workflowTimeline{position:relative;display:grid;gap:0;margin:0;padding:1rem 1rem 1rem 2.8rem;list-style:none}.workflowTimeline::before{content:"";position:absolute;left:1.55rem;top:1rem;bottom:1rem;width:2px;background:var(--ju-border)}.workflowTimelineEntry{position:relative;padding:0 0 1rem 1rem}.workflowTimelineMarker{position:absolute;left:-1.72rem;top:1rem;width:.85rem;height:.85rem;border:3px solid var(--ju-card);border-radius:50%;background:var(--ju-brand);box-shadow:0 0 0 1px var(--ju-border-strong)}.workflowTimelineMarker--success{background:var(--ju-success)}.workflowTimelineMarker--danger{background:var(--ju-danger)}.workflowTimelineMarker--warning{background:var(--ju-warning)}.workflowTimelineCard{display:grid;gap:.7rem;padding:1rem;border:1px solid var(--ju-border);border-radius:var(--ju-radius-lg);background:var(--ju-card)}.workflowTimelineHead,.workflowTimelineMeta{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.workflowTimelineHead .workflowDue{margin-left:auto}.workflowTimelineCard h3,.workflowTimelineCard p{margin:0}.workflowTimelineCard p,.workflowTimelineMeta{color:var(--ju-text-muted);font-size:.86rem}.workflowTimelineMeta{justify-content:space-between}
.workflowCenterRegistry .table-wrap{margin-top:.5rem}.workflowTransitionDialog{width:min(42rem,calc(100% - 2rem));padding:0;border:0;border-radius:var(--ju-radius-xl);box-shadow:0 24px 72px rgba(16,24,40,.24);color:var(--ju-text-strong);background:var(--ju-card)}.workflowTransitionDialog::backdrop{background:rgba(16,24,40,.55);backdrop-filter:blur(2px)}.workflowTransitionDialogCard{display:grid;gap:1rem;padding:1.2rem}.workflowTransitionDialogHeader,.workflowTransitionDialogActions{display:flex;justify-content:space-between;align-items:center;gap:1rem}.workflowTransitionDialogHeader h2{margin:0}.workflowTransitionPlan{display:grid;gap:0;margin:0;border:1px solid var(--ju-border);border-radius:var(--ju-radius-lg);overflow:hidden}.workflowTransitionPlanRow{display:grid;grid-template-columns:minmax(8rem,12rem) 1fr;gap:1rem;padding:.75rem .9rem;border-bottom:1px solid var(--ju-border)}.workflowTransitionPlanRow:last-child{border-bottom:0}.workflowTransitionPlan dt{font-weight:700}.workflowTransitionPlan dd{margin:0;color:var(--ju-text-muted)}.workflowTransitionGuard{display:grid;gap:.25rem;padding:.85rem 1rem;border:1px solid color-mix(in srgb,var(--ju-warning) 28%,transparent);border-radius:var(--ju-radius-md);background:color-mix(in srgb,var(--ju-warning) 8%,var(--ju-card))}.workflowTransitionGuard span{color:var(--ju-text-muted);font-size:.88rem}
@media (max-width:1100px){.workflowCenterMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.workflowCenterToolbar{align-items:stretch}.workflowCenterViewSwitch{flex:1 1 100%}.workflowCenterViewSwitch .btn{flex:1}.workflowCalendarDay{grid-template-columns:1fr}.workflowCalendarDayHeader{align-items:center}}
@media (max-width:720px){.workflowCenterGuard{align-items:flex-start;flex-direction:column}.workflowCenterMetrics{grid-template-columns:1fr 1fr;gap:.7rem}.workflowCenterMetrics article{padding:.85rem}.workflowCenterMetrics strong{font-size:1.45rem}.workflowCenterToolbar{padding:.75rem}.workflowCenterToolbar>label,.workflowCenterToolbar>.btn{flex:1 1 100%}.workflowCenterViewSwitch{display:grid;grid-template-columns:1fr 1fr}.workflowBoard{grid-auto-columns:minmax(82vw,1fr);padding:.75rem}.workflowCalendar{padding:.75rem}.workflowCalendarDayItems{grid-template-columns:1fr}.workflowTimeline{padding:.75rem .75rem .75rem 2.35rem}.workflowTimeline::before{left:1.2rem}.workflowTimelineMarker{left:-1.58rem}.workflowTransitionPlanRow{grid-template-columns:1fr;gap:.2rem}.workflowTransitionDialogActions{align-items:stretch;flex-direction:column}.workflowTransitionDialogActions .btn{width:100%}}
@media (max-width:430px){.workflowCenterMetrics{grid-template-columns:1fr}.workflowCenterViewSwitch{grid-template-columns:1fr}.workflowItemActions{align-items:stretch;flex-direction:column}.workflowItemActions .btn{width:100%}}
@media (prefers-reduced-motion:reduce){.workflowBoard{scroll-behavior:auto}.workflowTransitionDialog::backdrop{backdrop-filter:none}}
@media (forced-colors:active){.workflowCenterGuard,.workflowCenterMetrics article,.workflowBoardColumn,.workflowBoardCard,.workflowCalendarDay,.workflowTimelineCard,.workflowTransitionGuard{border:1px solid CanvasText}.workflowTimelineMarker{forced-color-adjust:auto}.workflowCenterViewSwitch .is-active,.workflowCenterToolbar [aria-pressed="true"]{outline:2px solid Highlight}}

/* c12r11 R6D: CRM- und Service-Parität */
.serviceParityShell,.serviceParityContent{min-width:0}.serviceParityContent{display:grid;gap:1rem}.serviceParityEyebrow{display:block;margin-bottom:.3rem;color:var(--ju-text-muted);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.serviceParityGuard{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border:1px solid color-mix(in srgb,var(--ju-warning) 28%,var(--ju-border));border-radius:var(--ju-radius-lg);background:color-mix(in srgb,var(--ju-warning) 8%,var(--ju-card))}.serviceParityGuard>div{display:grid;gap:.2rem}.serviceParityGuard span:not(.badge){color:var(--ju-text-muted);font-size:.9rem}.serviceParityMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.serviceParityMetrics article{display:grid;gap:.25rem;padding:1rem 1.1rem;border:1px solid var(--ju-border);border-radius:var(--ju-radius-lg);background:var(--ju-card);box-shadow:0 1px 2px var(--ju-shadow-color-soft)}.serviceParityMetrics span,.serviceParityMetrics small{color:var(--ju-text-muted)}.serviceParityMetrics strong{font-size:1.7rem;line-height:1.1}.serviceParityInbox{overflow:clip}.serviceParitySectionHeader{align-items:flex-start}.serviceParityToolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;padding:1rem;border-block:1px solid var(--ju-border);background:color-mix(in srgb,var(--ju-soft) 78%,transparent)}.serviceParityToolbar .input,.serviceParityToolbar .select,.serviceParityBulkBar .select{min-height:2.6rem}.serviceParitySearch{flex:1 1 16rem}.serviceParitySearch .input{width:100%}.serviceParityToolbar [aria-pressed="true"]{border-color:var(--ju-brand);background:color-mix(in srgb,var(--ju-brand) 10%,var(--ju-card));color:var(--ju-brand)}.serviceParityBulkBar{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;padding:.75rem 1rem;border-bottom:1px solid var(--ju-border);background:var(--ju-card)}.serviceParitySelectAll{display:flex;align-items:center;gap:.5rem;font-weight:700}.serviceParityBulkBar .form-hint{margin-left:auto}.serviceParityBulkPreview{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin:.75rem 1rem 0;padding:.85rem 1rem;border:1px solid var(--ju-border);border-radius:var(--ju-radius-md);background:var(--ju-soft)}.serviceParityBulkPreview>div{display:grid;gap:.15rem}.serviceParityBulkPreview span,.serviceParityBulkPreview li{color:var(--ju-text-muted);font-size:.86rem}.serviceParityBulkPreview ul{margin:0;padding-left:1.25rem}.serviceParityBulkPreview.is-ready{border-color:color-mix(in srgb,var(--ju-success) 35%,var(--ju-border));background:color-mix(in srgb,var(--ju-success) 7%,var(--ju-card))}.serviceParityBulkPreview.is-warning{border-color:color-mix(in srgb,var(--ju-warning) 35%,var(--ju-border));background:color-mix(in srgb,var(--ju-warning) 7%,var(--ju-card))}.serviceParityBulkPreview.is-blocked{border-color:color-mix(in srgb,var(--ju-danger) 35%,var(--ju-border));background:color-mix(in srgb,var(--ju-danger) 6%,var(--ju-card))}.serviceParityResultMeta{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 1rem;color:var(--ju-text-muted);font-size:.86rem}.serviceParityInboxGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(20rem,26rem);min-height:32rem;border-top:1px solid var(--ju-border)}.serviceParityTablePane{min-width:0;border-right:1px solid var(--ju-border)}.serviceParityTablePane .table-wrap{border:0;border-radius:0}.serviceParityTable tr[data-service-row]{cursor:pointer}.serviceParityTable tr[data-service-row]:focus-visible,.serviceParityTable tr[data-service-row].is-active{outline:2px solid var(--ju-brand);outline-offset:-2px;background:color-mix(in srgb,var(--ju-brand) 6%,var(--ju-card))}.serviceParitySelectColumn{width:2.5rem;text-align:center}.serviceParityChannel{display:flex;align-items:center;gap:.65rem}.serviceParityChannelIcon{width:.65rem;height:.65rem;border-radius:50%;background:var(--ju-brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--ju-brand) 10%,transparent)}.serviceParityChannel>div,.serviceParityTable td>strong,.serviceParityTable td>small{display:block}.serviceParityTable td small,.serviceParityTable td p{color:var(--ju-text-muted);font-size:.8rem}.serviceParityTable td p{max-width:34rem;margin:.25rem 0 0}.serviceParityFilteredEmpty{display:grid;gap:.25rem;margin:1rem;padding:2rem;text-align:center;border:1px dashed var(--ju-border-strong);border-radius:var(--ju-radius-lg);background:var(--ju-soft)}.serviceParityFilteredEmpty span{color:var(--ju-text-muted)}.serviceParityDetail{align-self:start;margin:1rem;position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow:auto}.serviceParityDetailFacts{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.serviceParityDetailFacts>div{display:grid;gap:.15rem;padding:.75rem;border:1px solid var(--ju-border);border-radius:var(--ju-radius-md);background:var(--ju-soft)}.serviceParityDetailFacts span,.serviceParityDetailFacts small{color:var(--ju-text-muted);font-size:.78rem}.serviceParityDetailSection{display:grid;gap:.55rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--ju-border)}.serviceParityDetailSection h3,.serviceParityDetailSection p{margin:0}.serviceParityDetailSection h3{font-size:.95rem}.serviceParityDetailSection p,.serviceParityDetailSection li{color:var(--ju-text-muted);font-size:.86rem}.serviceParityMiniKnowledge{display:grid;gap:.55rem}.serviceParityMiniKnowledge article{display:grid;gap:.15rem;padding:.65rem;border:1px solid var(--ju-border);border-radius:var(--ju-radius-md)}.serviceParityMiniKnowledge span,.serviceParityMiniKnowledge small{color:var(--ju-text-muted);font-size:.78rem}.serviceParityDetailPreview{display:grid;gap:.55rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--ju-border)}.serviceParityDetailPreview>div,.serviceParityDetailActions{display:flex;gap:.5rem;flex-wrap:wrap}.serviceParityDetailActions{align-items:center;margin-top:1rem}.serviceParityDetailActions .form-hint{flex:1 1 100%}.serviceParityTicketStrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:1rem 0}.serviceParityTicketStrip article{display:grid;gap:.2rem;padding:.85rem 1rem;border:1px solid var(--ju-border);border-radius:var(--ju-radius-lg);background:var(--ju-card)}.serviceParityTicketStrip span,.serviceParityTicketStrip small{color:var(--ju-text-muted);font-size:.8rem}.serviceParityTicketStrip strong.badge{justify-self:start;font-size:.8rem}.serviceParityTicketContextGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;margin:1rem 0}.serviceParity360Metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.serviceParity360Metrics article{display:grid;gap:.15rem;padding:.7rem;border:1px solid var(--ju-border);border-radius:var(--ju-radius-md);background:var(--ju-soft)}.serviceParity360Metrics span{color:var(--ju-text-muted);font-size:.78rem}.serviceParity360State{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin-top:.8rem;color:var(--ju-text-muted);font-size:.84rem}.serviceParityKnowledgeList{display:grid;gap:.75rem}.serviceParityKnowledgeList article{display:grid;gap:.55rem;padding:.8rem;border:1px solid var(--ju-border);border-radius:var(--ju-radius-md);background:var(--ju-soft)}.serviceParityKnowledgeList p{margin:0;color:var(--ju-text-muted);font-size:.84rem}.serviceParityKnowledgeMeta{display:flex;justify-content:space-between;gap:.6rem;color:var(--ju-text-muted);font-size:.78rem}.serviceParityAnalyticsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.serviceParityDistribution{display:grid;gap:.65rem}.serviceParityDistribution article{display:grid;grid-template-columns:minmax(7rem,1fr) 3fr auto;align-items:center;gap:.65rem}.serviceParityDistribution progress{width:100%;accent-color:var(--ju-brand)}.serviceParityFeedbackSummary,.serviceParityPrinciples{display:grid;gap:.75rem}.serviceParityPrinciples article{display:grid;gap:.2rem;padding:.75rem;border:1px solid var(--ju-border);border-radius:var(--ju-radius-md);background:var(--ju-soft)}.serviceParityPortalLink{display:grid;gap:.55rem}.serviceParityPortalLink .input{width:100%;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82rem}.servicePortalPublic{min-height:100vh;background:var(--ju-bg);color:var(--ju-text-strong)}.servicePortalPage{width:min(74rem,calc(100% - 2rem));margin:0 auto;padding:1rem 0 3rem}.servicePortalHeader{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0}.servicePortalHero{display:grid;gap:1rem;padding:1.35rem;border:1px solid var(--ju-border);border-radius:var(--ju-radius-xl);background:var(--ju-card);box-shadow:var(--ju-shadow-sm)}.servicePortalStatus{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.servicePortalSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.servicePortalSummary article{display:grid;gap:.2rem;padding:.8rem;border:1px solid var(--ju-border);border-radius:var(--ju-radius-md);background:var(--ju-soft)}.servicePortalSummary span{color:var(--ju-text-muted);font-size:.8rem}.servicePortalGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,24rem);gap:1rem;margin-top:1rem}.servicePortalTimeline,.servicePortalMessageList,.servicePortalAttachmentList,.servicePortalKnowledgeList{display:grid;gap:.75rem}.servicePortalMessageList article{display:grid;gap:.4rem;padding:.8rem;border:1px solid var(--ju-border);border-radius:var(--ju-radius-md);background:var(--ju-soft)}.servicePortalMessageList article.is-customer{border-inline-start:3px solid var(--ju-brand)}.servicePortalMessageList article.is-service{border-inline-start:3px solid var(--ju-success)}.servicePortalMessageList p{margin:0;white-space:pre-wrap}.servicePortalMessageList small,.servicePortalAttachmentList small,.servicePortalKnowledgeList small{color:var(--ju-text-muted)}.servicePortalAside{display:grid;align-content:start;gap:1rem}.servicePortalRating{display:flex;gap:.4rem;flex-wrap:wrap}.servicePortalRating label{display:grid;place-items:center;min-width:2.5rem;min-height:2.5rem;border:1px solid var(--ju-border);border-radius:var(--ju-radius-md);background:var(--ju-soft);cursor:pointer}.servicePortalRating input:checked+span{font-weight:800;color:var(--ju-brand)}.servicePortalPrivacy{display:grid;gap:.45rem;color:var(--ju-text-muted);font-size:.84rem}.servicePortalError{width:min(42rem,calc(100% - 2rem));margin:12vh auto;padding:1.5rem;text-align:center}.servicePortalFeedbackForm{display:grid;gap:1rem}
@media (max-width:1100px){.serviceParityMetrics,.serviceParityTicketStrip{grid-template-columns:repeat(2,minmax(0,1fr))}.serviceParityInboxGrid,.servicePortalGrid{grid-template-columns:1fr}.serviceParityTablePane{border-right:0;border-bottom:1px solid var(--ju-border)}.serviceParityDetail{position:static;max-height:none}.serviceParityTicketContextGrid{grid-template-columns:1fr}}
@media (max-width:760px){.serviceParityGuard{align-items:flex-start;flex-direction:column}.serviceParityMetrics,.serviceParityTicketStrip,.serviceParityAnalyticsGrid,.servicePortalSummary{grid-template-columns:1fr 1fr}.serviceParityToolbar,.serviceParityBulkBar{align-items:stretch;padding:.75rem}.serviceParityToolbar>label,.serviceParityToolbar>.btn,.serviceParityBulkBar>label,.serviceParityBulkBar>.btn{flex:1 1 100%}.serviceParityBulkBar .form-hint{margin-left:0}.serviceParityBulkPreview{flex-direction:column}.serviceParityDetail{margin:.75rem}.serviceParityDetailFacts,.serviceParity360Metrics{grid-template-columns:1fr 1fr}.servicePortalPage{width:min(100% - 1rem,74rem)}.servicePortalHeader{align-items:flex-start;flex-direction:column}.serviceParityDistribution article{grid-template-columns:1fr auto}.serviceParityDistribution progress{grid-column:1/-1}}
@media (max-width:440px){.serviceParityMetrics,.serviceParityTicketStrip,.servicePortalSummary,.serviceParityDetailFacts,.serviceParity360Metrics{grid-template-columns:1fr}.serviceParityDetailPreview>div,.serviceParityDetailActions{align-items:stretch;flex-direction:column}.serviceParityDetailPreview .btn,.serviceParityDetailActions .btn{width:100%}.serviceParityKnowledgeMeta{align-items:flex-start;flex-direction:column}}
@media (prefers-reduced-motion:reduce){.serviceParityTable tr[data-service-row]{scroll-behavior:auto}}
@media (forced-colors:active){.serviceParityGuard,.serviceParityMetrics article,.serviceParityBulkPreview,.serviceParityDetail,.serviceParityDetailFacts>div,.serviceParityTicketStrip article,.serviceParity360Metrics article,.servicePortalHero,.servicePortalSummary article{border:1px solid CanvasText}.serviceParityTable tr[data-service-row].is-active{outline:2px solid Highlight}.serviceParityChannelIcon{forced-color-adjust:auto}}

/* c12r12 R6B/R6C connected intelligence convergence */
.connectedSearchControl{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,220px) minmax(150px,220px) auto;gap:12px;align-items:end;margin:0 0 16px;padding:14px 16px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:0 8px 24px var(--ju-shadow-color-soft)}
.connectedSearchControl>div{display:grid;gap:3px}.connectedSearchControl>div span{color:var(--ju-text-muted);font-size:.84rem}.connectedSearchControl label{display:grid;gap:5px;color:var(--ju-text-muted);font-size:.78rem;font-weight:800}
.connectedSourceMeta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-top:9px;color:var(--ju-text-muted);font-size:.75rem}.connectedSourceBadge,.connectedFreshness{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-soft);font-weight:800;color:var(--ju-text-strong)}
.connectedFreshness--fresh{border-color:var(--ju-success-line);background:var(--ju-success-bg);color:var(--ju-success)}.connectedFreshness--stale{border-color:var(--ju-warning-line);background:var(--ju-warning-bg);color:var(--ju-warning)}.connectedFreshness--expired{border-color:var(--ju-danger-line);background:var(--ju-danger-bg);color:var(--ju-danger)}
.connectedCitationButton{border:0;background:none;padding:2px 0;color:var(--ju-accent);font:inherit;font-weight:850;cursor:pointer}.connectedCitationButton:hover,.connectedCitationButton:focus-visible{text-decoration:underline}
.connectedHealthGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.connectedHealthCard{display:grid;gap:5px;padding:14px;border:1px solid var(--ju-border);border-left:3px solid var(--ju-success);border-radius:var(--ju-radius);background:var(--ju-card)}.connectedHealthCard[data-health-state="attention"]{border-left-color:var(--ju-warning)}.connectedHealthCard span,.connectedHealthCard small{color:var(--ju-text-muted)}
.connectedExternalList,.connectedSuggestionList{display:grid;gap:10px}.connectedExternalList article,.connectedSuggestionList article{display:grid;gap:10px;padding:14px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card)}.connectedExternalList article>div:first-child{display:grid;gap:3px}.connectedExternalList article span,.connectedSuggestionList p{color:var(--ju-text-muted);margin:0}
.connectedContextPanel{margin:0}.connectedContextPanel .card-h{align-items:flex-start}.eventConnectedKnowledge{margin-bottom:18px}.financeConnectedKnowledge{padding:0 20px 20px}
.connectedMetrics{margin-top:16px}.copilotPolicyGrid,.aiAssistPolicyGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.copilotPolicyGrid article,.aiAssistPolicyGrid article{display:grid;gap:4px;padding:16px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card)}.copilotPolicyGrid span,.copilotPolicyGrid small,.aiAssistPolicyGrid span,.aiAssistPolicyGrid small{color:var(--ju-text-muted)}.copilotPolicyGrid strong,.aiAssistPolicyGrid strong{font-size:1.16rem}
.copilotWorkspace,.aiAssistWorkspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;align-items:start}.copilotPlan,.aiAssistPlan{display:grid;gap:14px}.copilotPlan>header,.aiAssistPlan>header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.copilotPlan>header>div,.aiAssistPlan>header>div{display:grid;gap:3px}.copilotPlan>header span,.aiAssistPlan>header span{color:var(--ju-text-muted);font-size:.8rem}.copilotRisk,.aiAssistRisk{display:inline-flex;padding:5px 9px;border:1px solid var(--ju-warning-line);border-radius:var(--ju-radius);background:var(--ju-warning-bg);color:var(--ju-warning);font-weight:850;text-transform:uppercase}.copilotPlan ol,.aiAssistPlan ol{display:grid;gap:8px;margin:0;padding-left:22px}.copilotPlan li,.aiAssistPlan li{padding:10px 12px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-soft)}.copilotPlan li strong,.copilotPlan li span,.aiAssistPlan li strong,.aiAssistPlan li span{display:block}.copilotPlan li span,.aiAssistPlan li span{margin-top:2px;color:var(--ju-text-muted);font-size:.76rem}.copilotPlanMeta,.copilotControls,.aiAssistPlanMeta,.aiAssistControls{display:flex;flex-wrap:wrap;gap:8px}.copilotPlanMeta span,.aiAssistPlanMeta span{padding:5px 8px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);color:var(--ju-text-muted);font-size:.78rem}.copilotAudit,.aiAssistAudit{display:grid;gap:5px;margin-top:14px;padding:12px;border:1px solid var(--ju-success-line);border-radius:var(--ju-radius);background:var(--ju-success-bg)}.copilotAudit span,.aiAssistAudit span{color:var(--ju-text-muted)}
@media (max-width:900px){.connectedSearchControl{grid-template-columns:1fr 1fr}.connectedHealthGrid,.copilotPolicyGrid,.aiAssistPolicyGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.copilotWorkspace,.aiAssistWorkspace{grid-template-columns:1fr}}
@media (max-width:600px){.connectedSearchControl,.connectedHealthGrid,.copilotPolicyGrid,.aiAssistPolicyGrid{grid-template-columns:1fr}.connectedSearchControl .btn{width:100%}.connectedSourceMeta{align-items:flex-start}.copilotControls .btn,.aiAssistControls .btn{width:100%}.financeConnectedKnowledge{padding:0 12px 16px}}
@media (prefers-reduced-motion:reduce){.connectedSearchControl,.connectedSourceMeta,.copilotWorkspace,.aiAssistWorkspace{scroll-behavior:auto}}

/* ========================================================================== 
   c12r13 · R6E integration and developer platform
   Versioned scopes, webhook trust, connector governance and static sandbox.
   ========================================================================== */
.integrationPolicyGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-block:0 18px}
.integrationPolicyGrid article{display:flex;flex-direction:column;gap:5px;min-width:0;padding:14px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:0 4px 14px var(--ju-shadow-color-soft)}
.integrationPolicyGrid span,.integrationPolicyGrid small{color:var(--ju-text-muted)}.integrationPolicyGrid strong{color:var(--ju-text-strong);font-size:18px}.integrationPolicyGrid small{line-height:1.45}
.integrationMetrics{margin-block:0 18px}.integrationEyebrow{display:block;margin-bottom:4px;color:var(--ju-brand);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.integrationProductGrid,.integrationConnectorGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.integrationProductCard,.integrationConnectorCard{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}.integrationProductCard h3,.integrationConnectorCard h3{margin:0;color:var(--ju-text-strong)}.integrationProductCard code{display:block;max-width:100%;overflow-wrap:anywhere;color:var(--ju-text-muted)}.integrationProductCard p,.integrationConnectorCard p{margin:0;color:var(--ju-text-muted)}
.integrationScopeTable code{font-weight:800}.integrationScopeTable td{vertical-align:middle}.integrationEventList{display:grid;gap:8px}.integrationEventList article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--ju-border);border-radius:var(--ju-radius-sm);background:var(--ju-soft)}.integrationEventList article>div:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}.integrationEventList article strong{color:var(--ju-text-strong);overflow-wrap:anywhere}.integrationEventList article span{color:var(--ju-text-muted);font-size:12px}
.integrationCredentialPreview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.integrationCredentialPreview>div{display:flex;flex-direction:column;gap:5px;min-width:0;padding:12px;border:1px solid var(--ju-border);border-radius:var(--ju-radius-sm);background:var(--ju-soft)}.integrationCredentialPreview span{color:var(--ju-text-muted);font-size:12px}.integrationCredentialPreview code{overflow-wrap:anywhere;color:var(--ju-text-strong)}
.integrationSandbox{display:grid;gap:14px}.integrationSandboxControls{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(240px,1.4fr) minmax(180px,1fr) minmax(150px,.6fr);gap:12px}.integrationSandboxControls label{display:flex;flex-direction:column;gap:6px;color:var(--ju-text-muted);font-size:12px;font-weight:750}.integrationSandboxActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.integrationSandboxResult{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.integrationSandboxResult>div{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--ju-border);border-radius:var(--ju-radius-sm);background:var(--ju-soft)}.integrationSandboxResult span{color:var(--ju-text-muted);font-size:12px}.integrationSandboxResult strong{color:var(--ju-text-strong);overflow-wrap:anywhere}.integrationCodePreview{max-height:320px;margin:0;padding:14px;overflow:auto;border:1px solid var(--ju-border);border-radius:var(--ju-radius-sm);background:var(--ju-soft);color:var(--ju-text-strong);font-size:12px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.integrationContractGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.integrationContractGrid article{display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-soft)}.integrationContractGrid strong{color:var(--ju-text-strong);font-size:22px}.integrationContractGrid span{font-weight:800}.integrationContractGrid p{margin:0;color:var(--ju-text-muted);font-size:13px;line-height:1.45}
.integrationOperatorHero{background:linear-gradient(135deg,var(--ju-card),var(--ju-soft))}
@media(max-width:1100px){.integrationPolicyGrid,.integrationCredentialPreview,.integrationContractGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.integrationProductGrid,.integrationConnectorGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.integrationSandboxControls{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.integrationPolicyGrid,.integrationCredentialPreview,.integrationContractGrid,.integrationProductGrid,.integrationConnectorGrid,.integrationSandboxControls,.integrationSandboxResult{grid-template-columns:minmax(0,1fr)}.integrationEventList article{align-items:flex-start;flex-direction:column}.integrationEventList .page-meta{justify-content:flex-start}.integrationSandboxActions .btn{width:100%;min-height:44px}.integrationScopeTable{overflow-x:auto}.integrationProductCard,.integrationConnectorCard{min-height:0}}
@media(max-width:440px){.integrationPolicyGrid article,.integrationProductCard,.integrationConnectorCard,.integrationContractGrid article{padding:12px}.integrationCodePreview{font-size:11px}}
@media(prefers-reduced-motion:reduce){.integrationSandbox .btn,.integrationProductCard,.integrationConnectorCard{scroll-behavior:auto;transition:none}}
@media(forced-colors:active){.integrationPolicyGrid article,.integrationProductCard,.integrationConnectorCard,.integrationEventList article,.integrationCredentialPreview>div,.integrationSandboxResult>div,.integrationCodePreview,.integrationContractGrid article{border:1px solid CanvasText}}

/* ========================================================================== 
   c12r14 · Innovation layer
   Adaptive focus, explainable decision traces, scenario comparison and guardrails.
   ========================================================================== */
.innovationPage{--innovation-card-min:260px}.innovationHeader{align-items:flex-start}.innovationShell{min-width:0}.innovationEyebrow{display:block;margin-bottom:5px;color:var(--ju-brand);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.innovationPolicyGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.innovationPolicyGrid article{display:flex;flex-direction:column;gap:5px;min-width:0;padding:15px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:0 4px 14px var(--ju-shadow-color-soft)}.innovationPolicyGrid span,.innovationPolicyGrid small{color:var(--ju-text-muted)}.innovationPolicyGrid strong{color:var(--ju-text-strong);font-size:22px}.innovationControlCard{overflow:visible}.innovationControlHeader{align-items:flex-start}.innovationModeControls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.innovationModeButton{display:flex;min-height:82px;flex-direction:column;align-items:flex-start;gap:5px;padding:12px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-soft);color:var(--ju-text);font:inherit;text-align:left;cursor:pointer}.innovationModeButton span{color:var(--ju-text-muted);font-size:12px;line-height:1.4}.innovationModeButton.is-active{border-color:var(--ju-brand);background:var(--ju-brand-soft);box-shadow:0 0 0 2px var(--ju-focus-ring)}.innovationModeButton:focus-visible{outline:3px solid var(--ju-focus-ring);outline-offset:2px}
.innovationAttention{display:grid;grid-template-columns:auto minmax(180px,1fr);align-items:center;gap:10px 16px;margin-top:14px;padding:13px 14px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card)}.innovationAttention>div:first-child{display:flex;align-items:baseline;gap:8px}.innovationAttention>div:first-child span{color:var(--ju-text-muted)}.innovationAttentionTrack{height:10px;overflow:hidden;border-radius:var(--ju-radius-sm);background:var(--ju-soft-strong)}.innovationAttentionTrack span{display:block;width:0;height:100%;border-radius:inherit;background:var(--ju-brand)}.innovationAttentionTrack span[data-progress="20"]{width:20%}.innovationAttentionTrack span[data-progress="40"]{width:40%}.innovationAttentionTrack span[data-progress="60"]{width:60%}.innovationAttentionTrack span[data-progress="80"]{width:80%}.innovationAttentionTrack span[data-progress="100"]{width:100%}.innovationAttention p{grid-column:1/-1;margin:0;color:var(--ju-text-muted);font-size:12px}
.innovationBrief{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);gap:18px;align-items:center;padding:20px;border:1px solid var(--ju-border);border-radius:var(--ju-radius-lg);background:linear-gradient(135deg,var(--ju-card),var(--ju-soft));box-shadow:0 8px 24px var(--ju-shadow-color-soft)}.innovationBrief h2{margin:0;color:var(--ju-text-strong)}.innovationBrief p{margin:7px 0 0;color:var(--ju-text-muted);line-height:1.55}.innovationBriefMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.innovationBriefMetrics article{display:flex;min-width:0;flex-direction:column;gap:5px;padding:11px;border:1px solid var(--ju-border);border-radius:var(--ju-radius-sm);background:var(--ju-card)}.innovationBriefMetrics span{color:var(--ju-text-muted);font-size:11px}.innovationBriefMetrics strong{font-size:20px}.innovationBriefMetrics code{overflow-wrap:anywhere;color:var(--ju-text-strong)}
.innovationWorkspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:18px;align-items:start}.innovationFocusColumn{min-width:0}.innovationFocusStack{display:grid;gap:10px}.innovationFocusCard{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;padding:15px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-card);box-shadow:0 4px 14px var(--ju-shadow-color-soft)}.innovationFocusCard.is-selected{border-color:var(--ju-brand);box-shadow:0 0 0 2px var(--ju-focus-ring),0 8px 20px var(--ju-shadow-color-soft)}.innovationFocusCard:focus-visible{outline:3px solid var(--ju-focus-ring);outline-offset:2px}.innovationFocusScore{display:flex;min-height:68px;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--ju-border);border-radius:var(--ju-radius-sm);background:var(--ju-soft)}.innovationFocusScore strong{font-size:24px;color:var(--ju-text-strong)}.innovationFocusScore span{color:var(--ju-text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.innovationFocusMain{display:grid;gap:9px;min-width:0}.innovationFocusMain h3,.innovationFocusMain p{margin:0}.innovationFocusMain p{color:var(--ju-text-muted);line-height:1.5}.innovationFocusMeta{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.innovationFocusMeta>span:last-child{color:var(--ju-text-muted);font-size:12px}.innovationWhyNow{padding:9px 10px;border-left:3px solid var(--ju-brand);border-radius:var(--ju-radius-sm);background:var(--ju-brand-soft);color:var(--ju-text-muted)}.innovationWhyNow strong{color:var(--ju-text-strong)}.innovationFocusActions{display:flex;flex-wrap:wrap;gap:8px}.innovationExplanation{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(180px,.9fr);gap:12px;padding-top:12px;border-top:1px solid var(--ju-border)}.innovationComponentGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.innovationComponentGrid>div{display:flex;min-width:0;flex-direction:column;gap:4px;padding:8px;border:1px solid var(--ju-border);border-radius:var(--ju-radius-sm);background:var(--ju-soft)}.innovationComponentGrid span{color:var(--ju-text-muted);font-size:10px}.innovationExplanation ul{margin:6px 0 0;padding-left:19px;color:var(--ju-text-muted)}.innovationTrace{display:flex;align-items:center;justify-content:space-between;gap:8px;grid-column:1/-1;padding:8px 10px;border:1px solid var(--ju-border);border-radius:var(--ju-radius-sm);background:var(--ju-soft)}.innovationTrace span{color:var(--ju-text-muted)}.innovationDecisionMemory{position:sticky;top:88px}.innovationDecisionMemory ol{display:grid;gap:8px;margin:0 0 14px;padding:0;list-style:none}.innovationDecisionMemory li{display:grid;grid-template-columns:auto 1fr;gap:8px;padding:9px 10px;border:1px solid var(--ju-border);border-radius:var(--ju-radius-sm);background:var(--ju-soft)}.innovationDecisionMemory li.is-empty{display:block;color:var(--ju-text-muted)}.innovationDecisionMemory time{color:var(--ju-text-muted);font-size:11px}.innovationDecisionMemory span{font-size:12px}
.innovationScenarioLab{display:grid;gap:14px}.innovationScenarioButtons{display:flex;flex-wrap:wrap;gap:8px}.innovationScenarioSummary{display:grid;gap:5px}.innovationScenarioSummary p{margin:0;color:var(--ju-text-muted)}.innovationScenarioSummary .badge{justify-self:start}.innovationScenarioDeltas{display:grid;gap:7px}.innovationScenarioDeltas article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--ju-border);border-radius:var(--ju-radius-sm);background:var(--ju-soft)}.innovationScenarioDeltas article>div{display:flex;min-width:0;flex-direction:column;gap:2px}.innovationScenarioDeltas span{color:var(--ju-text-muted);font-size:11px}.innovationScenarioDeltas strong{overflow-wrap:anywhere}.innovationScenarioDeltas b{font-size:18px;color:var(--ju-brand)}
.innovationAutomationGrid,.innovationGuardrailGrid,.innovationContractGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.innovationAutomationGrid article,.innovationGuardrailGrid article,.innovationContractGrid article{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:9px;padding:13px;border:1px solid var(--ju-border);border-radius:var(--ju-radius);background:var(--ju-soft)}.innovationAutomationGrid p,.innovationGuardrailGrid p,.innovationContractGrid p{margin:0;color:var(--ju-text-muted);line-height:1.45}.innovationAutomationGrid .btn{margin-top:auto}.innovationGuardrailGrid strong{color:var(--ju-text-strong)}.innovationOperatorHero{background:linear-gradient(135deg,var(--ju-card),var(--ju-soft))}.innovationGovernanceTable td{vertical-align:top}.innovationGovernanceTable td:first-child{min-width:220px}.innovationGovernanceTable td:first-child small{display:block;margin-top:4px;color:var(--ju-text-muted);line-height:1.4}.innovationGovernanceTable code{display:block;max-width:230px;overflow-wrap:anywhere;white-space:normal}
@media(max-width:1180px){.innovationModeControls{grid-template-columns:repeat(3,minmax(0,1fr))}.innovationBrief{grid-template-columns:1fr}.innovationAutomationGrid,.innovationGuardrailGrid,.innovationContractGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.innovationPolicyGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.innovationWorkspace{grid-template-columns:1fr}.innovationDecisionMemory{position:static}.innovationComponentGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.innovationExplanation{grid-template-columns:1fr}}
@media(max-width:680px){.innovationModeControls,.innovationPolicyGrid,.innovationBriefMetrics,.innovationAutomationGrid,.innovationGuardrailGrid,.innovationContractGrid{grid-template-columns:minmax(0,1fr)}.innovationAttention{grid-template-columns:1fr}.innovationFocusCard{grid-template-columns:1fr}.innovationFocusScore{min-height:52px;align-items:flex-start;padding:9px 12px}.innovationFocusActions .btn{width:100%;min-height:44px}.innovationComponentGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.innovationScenarioButtons .btn{width:100%;min-height:44px}.innovationDecisionMemory{min-width:0}}
@media(max-width:420px){.innovationComponentGrid{grid-template-columns:1fr}.innovationBrief,.innovationFocusCard{padding:12px}}
@media(prefers-reduced-motion:reduce){.innovationModeButton,.innovationFocusCard,.innovationScenarioButtons .btn{transition:none;scroll-behavior:auto}}
@media(forced-colors:active){.innovationPolicyGrid article,.innovationModeButton,.innovationAttention,.innovationBrief,.innovationBriefMetrics article,.innovationFocusCard,.innovationFocusScore,.innovationWhyNow,.innovationComponentGrid>div,.innovationTrace,.innovationDecisionMemory li,.innovationScenarioDeltas article,.innovationAutomationGrid article,.innovationGuardrailGrid article,.innovationContractGrid article{border:1px solid CanvasText}}

/* c12r17 premium public service portal shell */
.publicLifecyclePage--servicePortal{min-height:100vh;background:var(--ju-page-bg)}
.publicLifecyclePage--servicePortal .servicePortalPage{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 56px}
.servicePortalHeader--premium{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px;padding:18px 20px;border:1px solid var(--ju-border-soft);border-radius:18px;background:var(--ju-surface);box-shadow:var(--ju-shadow-soft)}
.servicePortalHeader--premium>div{display:grid;gap:5px}.servicePortalHeader--premium strong{font-size:20px;color:var(--ju-text-strong)}.servicePortalHeader--premium p{margin:0;color:var(--ju-text-muted);font-size:13px;line-height:1.5}
.servicePortalFooter{display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:22px 0 34px;border-top:1px solid var(--ju-border-soft);color:var(--ju-text-muted);font-size:13px}
.servicePortalFooter nav{display:flex;flex-wrap:wrap;gap:14px}.servicePortalFooter a{color:inherit;text-decoration:none}.servicePortalFooter a:hover,.servicePortalFooter a:focus-visible{color:var(--ju-text-strong);text-decoration:underline}
@media(max-width:720px){.publicLifecyclePage--servicePortal .servicePortalPage{width:min(100% - 20px,1180px);padding-top:16px}.servicePortalHeader--premium,.servicePortalFooter{align-items:stretch;flex-direction:column}.servicePortalFooter{width:min(100% - 20px,1180px)}}


/* c12r17 Premium Operations & Offline Capture */
.premiumOpsHero{display:grid;gap:16px}
.premiumOpsNav{display:flex;flex-wrap:wrap;gap:10px}
.premiumOpsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.premiumOpsCard{display:grid;gap:10px;align-content:start;padding:16px;border:1px solid var(--ju-border-soft);border-radius:16px;background:var(--ju-surface);box-shadow:var(--ju-shadow-soft)}
.premiumOpsCard h2,.premiumOpsCard h3{margin:0;color:var(--ju-text-strong);line-height:1.3}
.premiumOpsCard p{margin:0;color:var(--ju-text-muted);font-size:13px;line-height:1.55}
.premiumOpsCard__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--ju-text-muted);font-size:12px}
.premiumOpsCard ul{margin:0;padding-left:18px;color:var(--ju-text-muted);font-size:13px;line-height:1.6}
.premiumOpsExceptionList{display:grid;gap:10px}
.premiumOpsException{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px;border:1px solid var(--ju-border-soft);border-radius:14px;background:var(--ju-surface)}
.premiumOpsException__mark{width:10px;height:10px;margin-top:6px;border-radius:50%;background:var(--ju-warning)}
.premiumOpsException.is-danger .premiumOpsException__mark{background:var(--ju-danger)}
.premiumOpsException h3{margin:0;color:var(--ju-text-strong);font-size:15px}.premiumOpsException p{margin:5px 0 0;color:var(--ju-text-muted);font-size:13px;line-height:1.5}
.premiumOpsException small{display:block;margin-top:6px;color:var(--ju-text-muted)}
.premiumOpsTemplateState{display:flex;align-items:center;justify-content:space-between;gap:10px}
.premiumOpsFeatureTags{display:flex;flex-wrap:wrap;gap:7px}.premiumOpsFeatureTags span{padding:5px 8px;border-radius:var(--ju-radius-sm);background:var(--ju-surface-muted);color:var(--ju-text-muted);font-size:11px}
.premiumOpsImportCard--target{border-style:dashed}
@media(max-width:1080px){.premiumOpsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.premiumOpsGrid{grid-template-columns:1fr}.premiumOpsException{grid-template-columns:auto minmax(0,1fr)}.premiumOpsException .btn{grid-column:2;justify-self:start}}

.offlineCapturePage{min-height:100vh;background:var(--ju-page-bg);color:var(--ju-text)}
.offlineCaptureHeader{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));border-bottom:1px solid var(--ju-border-soft);background:color-mix(in srgb,var(--ju-page-bg) 92%,transparent);backdrop-filter:blur(16px)}
.offlineCaptureBrand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.offlineCaptureBrand img{width:38px;height:38px;border-radius:10px}.offlineCaptureBrand span{display:grid}.offlineCaptureBrand small{color:var(--ju-text-muted)}
.offlineCaptureMain{display:grid;gap:20px;width:min(920px,calc(100% - 28px));margin:0 auto;padding:26px 0 calc(54px + env(safe-area-inset-bottom))}
.offlineCaptureHero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.offlineCaptureHero h1{margin:5px 0 8px;font-size:clamp(28px,6vw,46px);line-height:1.05}.offlineCaptureHero p{margin:0;color:var(--ju-text-muted)}
.offlineCapturePanel,.offlineCaptureDrafts{padding:18px;border:1px solid var(--ju-border-soft);border-radius:18px;background:var(--ju-surface);box-shadow:var(--ju-shadow-soft)}
.offlineCaptureDropzone{display:grid;gap:7px;min-height:150px;padding:22px;border:1px dashed var(--ju-border-strong);border-radius:16px;place-content:center;text-align:center;cursor:pointer;background:var(--ju-surface-muted)}.offlineCaptureDropzone strong{font-size:18px}.offlineCaptureDropzone span{color:var(--ju-text-muted);font-size:13px}
.offlineCaptureConsent{display:flex;gap:12px;align-items:flex-start;padding:13px;border-radius:14px;background:var(--ju-surface-muted)}.offlineCaptureConsent p{margin:0;color:var(--ju-text-muted);font-size:13px;line-height:1.5}.offlineCaptureConsent strong{color:var(--ju-text-strong)}
.offlineCaptureDraftList{display:grid;gap:10px}.offlineCaptureDraft{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px;border:1px solid var(--ju-border-soft);border-radius:14px}.offlineCaptureDraft h3{margin:0;font-size:16px}.offlineCaptureDraft p,.offlineCaptureDraft small{margin:4px 0 0;color:var(--ju-text-muted);font-size:12px;line-height:1.45}.offlineCaptureDraftActions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
@media(max-width:680px){.offlineCaptureHero{display:grid}.offlineCaptureDraft{grid-template-columns:1fr}.offlineCaptureDraftActions{justify-content:flex-start}.offlineCaptureHeader .badge{font-size:10px}}
.miluCommunicationCard{display:grid;gap:0}.miluCommunicationCard .card-h{align-items:flex-start;gap:1rem}.miluCommunicationOptions{display:grid;gap:.85rem}.miluCommunicationOptions .form-field{margin:0}.miluCommunicationActions{align-items:center;flex-wrap:wrap;margin-top:1rem}.miluCommunicationResult{display:grid;gap:.85rem;border-top:1px solid var(--ju-border-soft);padding-top:1rem}.miluCommunicationResultBlock{display:grid;gap:.45rem}.miluCommunicationResultLead{padding:1rem;border-radius:var(--radius-lg,14px);background:var(--ju-surface-muted)}.miluCommunicationResultTitle{margin:0;font-size:.92rem}.miluCommunicationSummary,.miluCommunicationCurrentState,.miluCommunicationDraftSubject,.miluCommunicationDraftBody p{margin:0;line-height:1.55}.miluCommunicationCurrentState{font-weight:600}.miluCommunicationList{margin:0;padding-left:1.2rem;display:grid;gap:.35rem}.miluCommunicationSources{border-top:1px solid var(--ju-border-soft);padding-top:.7rem}.miluCommunicationSources summary{cursor:pointer;font-weight:650}.miluCommunicationDraftBody{white-space:normal}.miluCommunicationResultActions{margin-top:.35rem}.miluCommunicationActions button[disabled]{cursor:wait;opacity:.65}@media(max-width:680px){.miluCommunicationActions{display:grid;grid-template-columns:1fr}.miluCommunicationActions .btn{width:100%;justify-content:center}.miluCommunicationResultLead{padding:.85rem}}

/* c12r26 · Milu quellengebundene Wissensantwort */
.miluKnowledgeShell{display:grid;gap:16px}
.miluKnowledgeSourceList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.miluKnowledgeSourceCard{align-items:flex-start;min-width:0}
.miluKnowledgeSourceCard>span{display:grid;gap:4px;min-width:0}
.miluKnowledgeSourceCard small{color:var(--ju-text-muted);overflow-wrap:anywhere}
.miluKnowledgeSources .section-header{margin-bottom:0}
.miluKnowledgeResult{display:grid;gap:14px}
.miluKnowledgeResult section{display:grid;gap:7px}
.miluKnowledgeResult ul{margin:0;padding-left:20px}
@media (max-width:720px){.miluKnowledgeSourceList{grid-template-columns:1fr}}