/*!
 * Copyright (c) 2026 7 Hills Neo GmbH. Alle Rechte vorbehalten.
 * Proprietäre Software. Nutzungsbedingungen und Ausnahmen: LICENSE.
 */
:root{color-scheme:light;--ink:#1c3038;--muted:#5e707b;--line:#dce2e8;--paper:#fff;--background:#f6f7f9;--brand:#606d12;--soft:#f0f2df;--danger:#a33e3e;--accent:#cdd61e;--sidebar:#1a252b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--background);font-size:14px;line-height:1.55}
*{box-sizing:border-box}
body{margin:0}
html{scroll-padding-top:80px}
a{color:var(--brand);text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
button,input,select,textarea{font:inherit}
button,.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;max-width:100%;padding:.65rem 1rem;border:1px solid #bdc618;border-radius:10px;color:#202b08;background:var(--accent);font-weight:650;line-height:1.35;cursor:pointer;text-decoration:none;text-align:center;overflow-wrap:anywhere}
button:hover,.button:hover{background:#bcc719}
button:disabled{cursor:wait;opacity:.65}
.secondary{background:white;color:var(--ink);border-color:var(--line)}
.secondary:hover{background:var(--soft)}
.quiet{background:transparent;color:var(--ink);border-color:transparent}
.quiet:hover{background:var(--soft)}
:focus-visible{outline:3px solid #477b96;outline-offset:4px}
input,select,textarea{display:block;width:100%;max-width:100%;min-width:0;min-height:44px;padding:.65rem .75rem;margin-top:.35rem;border:1px solid #9bb0b4;border-radius:6px;background:white;color:var(--ink)}
textarea{min-height:90px;resize:vertical}
input:disabled,select:disabled,textarea:disabled{background:#eef2f2;color:#596e74}
label{display:block;min-width:0;font-size:.9rem;font-weight:650}
label small{display:block;font-weight:400}
fieldset{min-width:0;padding:0;border:0;margin:0}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.fields>label:has(textarea){grid-column:1/-1}
.required{color:var(--danger)}
main{max-width:1420px;margin:auto;padding:3rem 48px 4rem;min-height:70vh}
h1{font-size:clamp(1.6rem,2.7vw,2.35rem);line-height:1.2;letter-spacing:-.025em;margin:.3rem 0 .8rem;overflow-wrap:anywhere}
h2{font-size:1.12rem;margin:0 0 1rem;line-height:1.35}
h3{font-size:1rem;margin:0 0 .7rem}
p{margin:.4rem 0 1rem}
small,.muted{color:var(--muted)}
small{font-size:.8rem}
.muted{font-size:.88rem}
.eyebrow{color:var(--brand);font-size:.73rem;font-weight:750;text-transform:uppercase;letter-spacing:.11em;margin:.2rem 0 .6rem}
.heading{display:flex;justify-content:space-between;gap:1.5rem;align-items:center;flex-wrap:wrap;margin:1rem 0 1.75rem}
.heading>div{min-width:0;flex:1 1 400px}
.heading .muted{margin-bottom:0}
.card{background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:1.5rem;min-width:0;margin-bottom:1.25rem;box-shadow:0 2px 5px #19343d04}
.two-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem}
.list-card{padding:0;overflow:hidden}
.list-heading{display:flex;gap:.5rem 1rem;flex-wrap:wrap;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--line);font-size:.85rem}
.record-row{padding:1.1rem 1.5rem;display:flex;justify-content:space-between;align-items:start;gap:1rem;border-bottom:1px solid var(--line)}
.record-row:last-child{border-bottom:0}
.record-row>div{min-width:0}
.record-row>div:last-child{display:flex;flex-direction:column;gap:.35rem;align-items:flex-end}
[data-document-list] .record-row{flex-wrap:wrap}
[data-document-list] .record-row>div:first-child{flex:1;min-width:min(18rem,100%)}
[data-document-list] .record-row>div:last-child{flex-shrink:0;min-width:min(10rem,100%);max-width:100%}
.record-name{font-weight:700;font-size:1rem;text-decoration:none}
.record-row p{margin:.15rem 0 0;font-size:.85rem;color:var(--muted)}
.record-row a,.subrecord{overflow-wrap:anywhere}
.badge{font-size:.75rem;font-weight:650;background:var(--soft);color:#275c49;padding:.3rem .65rem;border-radius:6px;max-width:100%}
.search{display:flex;gap:.75rem;align-items:end;margin-bottom:1.25rem}
.search label{max-width:450px;flex:1}
.search input{margin-top:.4rem}
.search button{margin-bottom:0}
.search[data-list-search],.search[data-workspace-search]{flex-wrap:wrap}
.list-search-help,.list-search-status{flex-basis:100%;margin:0;font-size:.85rem}
.list-search-help{color:var(--muted)}
.list-search-status{min-height:1.4em}
[data-list-results]{min-width:0;scroll-margin-top:90px}
[data-list-results][aria-busy="true"]{opacity:.55}
.list-clear{align-self:end}
[data-list-search]:not(.search){margin-bottom:1.25rem}
[data-list-search]:not(.search) input:not([type="hidden"]),[data-list-search]:not(.search) select{margin:.35rem 0 .9rem}
[data-list-search]:not(.search) .list-clear{margin-left:.5rem}
[data-list-search]:not(.search) .list-search-help{margin-top:.6rem}
.empty{padding:1rem;color:var(--muted);font-size:.9rem}
.empty h2{color:var(--ink)}
.tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem;border-bottom:1px solid var(--line);padding-bottom:.75rem}
.tabs button{background:transparent;color:var(--muted);border-color:transparent;font-weight:650}
.tabs button[aria-selected=true]{color:var(--brand);background:#deede6;border-color:#c0d9ca}
.tabs button:hover{background:#e7eeeb}
.actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.form-status{font-size:.85rem;margin:1rem 0;color:var(--muted);overflow-wrap:anywhere}
.form-status.error,.errorlist{color:var(--danger);background:#fff1e9;border-left:3px solid #c76130;padding:.7rem}
.form-status.saved{color:var(--brand)}
.notice{background:#fff5e7;border-left:3px solid #b8822d;padding:1rem;overflow-wrap:anywhere;font-size:.9rem}
.facts{display:grid;grid-template-columns:minmax(110px,.6fr) minmax(0,1fr);gap:.6rem 1rem;font-size:.92rem}
.facts dt{color:var(--muted)}
.facts dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.subrecord{border-bottom:1px solid var(--line);padding:.8rem 0}
.subrecord:last-child{border-bottom:0}
.subrecord p{font-size:.85rem;color:var(--muted);margin:.25rem 0}
.subrecord details{margin-top:.75rem}
.subrecord form{margin-top:1rem}
details{margin:.9rem 0}
summary{cursor:pointer;color:var(--brand);font-size:.9rem;font-weight:650;min-height:36px;padding:.4rem 0}
details[open]>summary{margin-bottom:1rem}
.back{display:inline-block;margin-bottom:.7rem;font-size:.85rem}
.pagination{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1rem;font-size:.85rem}
.organisation-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1rem;margin-top:2rem}
.org-choice{display:flex;flex-direction:column;gap:1rem;text-decoration:none}
.org-choice:hover{border-color:var(--brand);background:#f7fcf8}
.org-choice span{font-size:.85rem}
.login{max-width:470px;margin:3rem auto}
.login label{margin-bottom:1rem}
.login button{width:100%;margin-top:.5rem}
.match-area{margin-top:1.5rem;border-top:1px solid var(--line);padding-top:1.25rem}
.match-area ul{padding-left:1.2rem}
.match-area li{margin:.7rem 0}
.match-area a{font-weight:650}
footer{font-size:.75rem;color:var(--muted);text-align:center;padding:1rem 24px}
.site-footer{font-size:.8rem;overflow-wrap:anywhere}
.site-footer p{margin:.25rem 0}
.skip{position:fixed;left:12px;top:10px;background:white;padding:.7rem;z-index:100;clip-path:inset(100%)}
.skip:focus{clip-path:none}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
[hidden]{display:none!important}
@media(max-width:800px){.two-columns{grid-template-columns:1fr}
main{padding:1.5rem 18px 3rem}
.card{padding:1.15rem}
.list-card{padding:0}
.record-row{padding:1rem}
.list-heading{padding:1rem}
.heading>div{flex-basis:100%}
}
@media(max-width:480px){.fields{grid-template-columns:1fr}
.record-row{flex-direction:column}
.record-row>div:last-child{align-items:start}
.search{align-items:stretch;flex-direction:column}
.search label{max-width:none}
.tabs{gap:.2rem}
.tabs button{padding:.6rem .7rem;font-size:.85rem}
.actions{flex-direction:column;align-items:stretch}
.facts{grid-template-columns:1fr;gap:.2rem}
.facts dd{margin-bottom:.65rem}
.heading>.button{width:100%}
.login{margin:1rem auto}
}

input[type=checkbox]{width:24px;min-height:24px;height:24px;padding:0;accent-color:var(--brand)}
label:has(input[type=checkbox]){min-height:44px}
.template-text{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.9rem;background:var(--background);padding:1rem;border-radius:6px}
.hash{overflow-wrap:anywhere;font-size:.8rem}
fieldset.subrecord{padding:1rem 0;margin:.7rem 0}
fieldset.subrecord>legend{font-weight:700;color:var(--brand)}
[data-formset]{margin-top:1.5rem}

.dropzone{padding:1.25rem;border:2px dashed #9bb0b4;background:#f7fcf8;border-radius:8px;margin-bottom:1.5rem}
.dropzone input[type=file]{background:white}
.dropzone p:last-child{margin-bottom:0}
.dropzone{transition:background-color .12s,border-color .12s;overflow-wrap:anywhere}
.dropzone.is-dragover{border-color:var(--brand);background:var(--soft)}
.dropzone:focus-within{border-color:var(--brand)}
.file-drop-title,.file-drop-choice{display:block}
.file-drop-title{font-size:1.05rem;margin-bottom:.25rem}
.file-drop-choice{font-size:.9rem;color:var(--muted);margin-bottom:.65rem}
.file-drop-feedback{font-size:.9rem;color:#9b4545}
.file-drop-feedback:empty{display:none}
.original-help-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:.5rem 0;font-size:.9rem}
.inline-help{position:relative;display:inline-flex;flex-shrink:0}
.help-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:var(--muted)}
.help-toggle>span{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid currentColor;border-radius:50%;font-size:14px;font-weight:700;font-family:Georgia,serif}
.help-toggle:hover,.help-toggle[aria-expanded=true]{background:var(--soft);color:var(--brand)}
.help-panel{position:absolute;right:0;top:100%;z-index:10;width:340px;max-width:calc(100vw - 70px);padding:14px;border:1px solid var(--line);border-radius:8px;background:white;box-shadow:0 4px 18px #1a252b22;color:var(--ink);font-size:.9rem;font-weight:400;line-height:1.5}


.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}


.policy-facts dt{min-width:0;overflow-wrap:anywhere}


.policy-value-groups{grid-template-columns:repeat(auto-fit,minmax(min(100%,30rem),1fr))}


main{overflow-wrap:anywhere}



.step-menu{margin-bottom:1rem}
.step-menu>summary{font-weight:700}
.step-menu .actions a{padding:.45rem}
.step-menu a[aria-current]{background:var(--soft);color:var(--ink);border-radius:5px;font-weight:750}
.step-menu+ .back{font-weight:700}
[data-refresh-note]{display:block;margin-top:.5rem}


/* FORMAT workspace: persistent context on wide screens, native disclosure on narrow ones. */
.icon{width:19px;height:19px;flex:0 0 19px;vertical-align:middle}
.workspace-body{container-type:inline-size}
.has-workspace .workspace-body{margin-left:228px;min-width:0}
.workspace-menu{margin:0}
.workspace-menu>summary{display:none}
.workspace-sidebar{position:fixed;inset:0 auto 0 0;width:228px;z-index:30;display:flex;flex-direction:column;overflow-y:auto;background:var(--sidebar);color:#c6ced2;scrollbar-width:thin;scrollbar-color:#526067 var(--sidebar)}
.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;white-space:nowrap}
.brand strong{font-size:25px;letter-spacing:.06em;line-height:1.2}
.brand-mark{display:grid;place-items:center;background:var(--accent);color:var(--sidebar);width:42px;height:42px;border-radius:11px;font-size:29px;font-weight:800;letter-spacing:-.07em}
.brand-dot{color:var(--accent)}
.brand small{display:block;font-size:9px;letter-spacing:.3em;margin-top:4px;color:#afbdc4}
.workspace-sidebar .brand{color:#f4f6f7;padding:27px 14px 29px}
.workspace-organisation{display:flex;align-items:flex-start;gap:11px;padding:16px 16px 24px;font-size:12px}
.workspace-organisation>.icon{margin-top:3px}
.workspace-organisation>div{min-width:0;overflow-wrap:anywhere}
.workspace-organisation strong{display:block;color:#e5e9eb;font-size:12px;line-height:1.5}
.workspace-organisation a{display:inline-block;color:#a8b5bc;margin-top:4px;font-size:12px;text-decoration:none}
.workspace-organisation a:hover{color:white;text-decoration:underline}
.mainnav{display:flex;flex-direction:column;padding:0 6px;gap:5px;flex:1}
.nav-caption{margin:12px 12px 10px;color:#94a4ad;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.mainnav a{display:flex;align-items:center;gap:13px;min-height:45px;padding:11px 14px;border-radius:7px;color:#c6ced2;font-size:14px;line-height:1.35;text-decoration:none;overflow-wrap:anywhere}
.mainnav a:hover{background:#2a373e;color:#fff}
.mainnav a[aria-current]{background:var(--accent);color:#202b08;font-weight:700}
.nav-management{margin-top:auto;padding-top:24px}
.nav-management a{font-size:12px}
.sidebar-footer{padding:30px 18px 24px;font-size:13px}
.sidebar-footer p{margin-bottom:8px;color:#e1e6e9}
.sidebar-footer small{font-size:12px;color:#94a4ad;line-height:1.8}
.topbar{position:sticky;top:0;z-index:20;min-height:67px;padding:9px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-bottom:1px solid var(--line)}
.breadcrumb{display:flex;align-items:center;gap:20px;min-width:0;color:#3f505b;font-size:13px}
.breadcrumb a{color:var(--muted);text-decoration:none}
.breadcrumb [aria-current]{overflow-wrap:anywhere}
.account-menu{position:relative;margin:0;flex:0 1 auto;min-width:0}
.account-menu>summary{display:flex;align-items:center;gap:10px;min-height:44px;margin:0;padding:0;color:var(--ink);font-weight:500;list-style:none}
.account-menu>summary::-webkit-details-marker{display:none}
.avatar{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:#edf0e0;color:#58642b;font-size:13px;font-weight:700}
.account-name{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.account-options{position:absolute;z-index:40;right:0;top:50px;min-width:210px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #1a252b1c}
.account-options a,.account-options button{display:flex;width:100%;padding:10px;min-height:44px;font-size:13px;text-align:left;justify-content:flex-start}
.case-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px}
.directory-link{display:flex;align-items:center;justify-content:space-between;gap:20px;text-decoration:none;margin:0;font-weight:650;color:var(--ink)}
.directory-link:hover{border-color:#a5b663;background:#fafbf3}
.standalone main{max-width:1100px}
@media(min-width:801px){.has-workspace main{min-height:calc(100vh - 116px)}}
@media(max-width:1100px){.has-workspace main{padding-left:28px;padding-right:28px}.account-name{display:none}}
@media(max-width:800px){
  .has-workspace .workspace-body{margin-left:0}
  .has-workspace .topbar{padding-left:72px;min-height:67px}
  .topbar{padding-left:18px;padding-right:18px}
  .breadcrumb{gap:10px;font-size:12px}
  .workspace-menu>summary{display:grid;place-items:center;position:fixed;z-index:35;top:12px;left:14px;width:44px;height:44px;margin:0;padding:0;border-radius:7px;border:1px solid var(--line);background:white;color:var(--ink);font-size:22px;list-style:none}
  .workspace-menu>summary::-webkit-details-marker{display:none}
  .workspace-sidebar{top:67px;bottom:0;width:min(320px,calc(100vw - 32px));box-shadow:8px 0 24px #1a252b33}
  .workspace-sidebar .brand{padding-top:22px;padding-bottom:10px}
  .workspace-organisation{padding-bottom:12px}
  .nav-management{padding-top:18px}
  .sidebar-footer{padding-top:18px}
  .has-workspace main{padding:24px 18px 40px}
  .step-menu>summary{padding:.7rem;min-height:44px}
  .step-menu .actions a{min-height:44px}
  .step-menu .actions{padding:.4rem}
  input,select,textarea{font-size:16px}
}
@media(max-width:480px){.case-directory{grid-template-columns:1fr}}
@container(max-width:760px){
  .two-columns,.case-directory{grid-template-columns:1fr}
  .fields{grid-template-columns:1fr}
  .account-name{display:none}
}

/* FORMAT workplace: task identity, concrete action, then deadline and entry. */
.workspace-coverage{margin-bottom:28px}
.workspace-heading{margin-bottom:16px}
.workspace-heading h1{margin-bottom:0}
.workspace-search{margin-bottom:20px}
.workspace-count{margin:0 0 24px;color:var(--muted)}
.workspace-count strong{color:var(--ink)}
.workspace-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:5px;border:1px solid var(--line);border-radius:15px;background:#e7ecf0;margin-bottom:30px}
.workspace-categories a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:84px;padding:14px;text-align:center;text-decoration:none;background:white;border:1px solid var(--line);border-radius:11px;color:#435e6b;font-weight:650;font-size:14px}
.workspace-categories strong{font-size:25px;color:#1e3945;flex-shrink:0;white-space:nowrap}
.workspace-categories a[aria-current]{border-color:#52859b;background:#f4f8fa;box-shadow:0 1px 4px #1a252b22}
.workspace-list-heading h2{margin-bottom:8px}
.workspace-list-heading>p{margin-top:0;margin-bottom:16px}
.work-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(150px,.45fr);gap:20px;align-items:center;background:white;border:1px solid var(--line);border-left:4px solid #9eafbc;border-radius:15px;padding:16px 20px;margin-bottom:10px;scroll-margin-top:90px}
.work-identity h3{font-size:15px;margin:8px 0}
.work-identity h3 a{text-decoration:none;color:var(--ink)}
.work-identity p{font-size:12px;margin:4px 0;overflow-wrap:anywhere}
.work-action{padding:13px 15px;border:1px solid #dce6ec;border-radius:11px;background:#f6f9fb}
.work-action p{font-size:15px;font-weight:650;margin:6px 0 0}
.work-action .eyebrow{font-size:12px}
.work-action details{font-size:13px;margin-top:12px}
.work-action li{margin:.6rem 0}
.work-next{text-align:right;font-size:12px}
.work-next a{display:inline-block;font-size:13px;font-weight:650;padding:8px 0;text-decoration:none}
.work-item-overdue,.work-item-urgent{border-left-color:#c45f62}
.work-item-overdue .work-action,.work-item-urgent .work-action{background:#fff4f2;border-color:#f0d5cf;color:#9b4545}
.work-priority{color:#9b4545}
@container(max-width:1050px){.workspace-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.work-item{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.work-next{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;text-align:left}}
@container(max-width:620px){.workspace-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-categories a{min-height:74px;padding:10px}.work-item{grid-template-columns:1fr;padding:16px;gap:12px}.work-next{grid-column:auto}.workspace-heading .button{margin-top:12px}}

/* Customer dossiers: read first, disclose editing and choose one area at a time. */
.customer-dossier .heading{margin:.5rem 0 1.5rem}
.customer-dossier .heading h1{margin-bottom:0}
.customer-overview{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1.25rem;align-items:start}
.customer-editor{border-top:1px solid var(--line);padding-top:.65rem;margin:1.25rem 0 0}
.customer-editor>summary{min-height:44px}
.customer-draft-indicator{font-size:.8rem}
.customer-care-status{font-weight:650;overflow-wrap:anywhere}
.customer-care .facts{grid-template-columns:1fr;gap:.2rem;margin:1.25rem 0}
.customer-care>a{display:inline-block;padding:.5rem 0;font-size:.9rem}
.customer-workflows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;align-items:start}
.customer-workflows h3{font-size:.85rem;color:var(--muted)}
.customer-workflow{display:block;padding:1rem 0;text-decoration:none;border-top:1px solid var(--line);overflow-wrap:anywhere}
.customer-workflow strong{display:flex;justify-content:space-between;gap:.75rem;color:var(--ink)}
.customer-workflow>span{display:block;font-size:.85rem;color:var(--muted);margin-top:.3rem}
.customer-workflow:hover strong{text-decoration:underline;text-underline-offset:3px;color:var(--brand)}
@container (max-width:1050px){.customer-workflows{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (max-width:850px){.customer-overview{grid-template-columns:1fr}}
@container (max-width:600px){.customer-workflows{grid-template-columns:1fr}.customer-dossier .tabs{gap:.25rem}.customer-dossier .tabs button{padding:.6rem .7rem}}

.customer-workflow-unavailable strong{color:var(--muted)}

/* Shared compact page frame: keep readable controls and spend height on the task. */
.has-workspace main{padding-top:20px}
.has-workspace h1{font-size:clamp(1.5rem,2.2vw,1.9rem);margin:.2rem 0 .5rem}
.has-workspace .heading{margin:.35rem 0 1rem;gap:.75rem}
.has-workspace .heading p{margin:.25rem 0}
.has-workspace .eyebrow{margin:.15rem 0 .35rem}
.has-workspace .card{padding:1.1rem;margin-bottom:1rem}
.has-workspace .list-card{padding:0}
.has-workspace .back{margin-bottom:.45rem}
.page-location{min-width:0;flex:1}
.breadcrumb{gap:9px;overflow-x:auto;white-space:nowrap;padding:3px 1px;scrollbar-width:thin}
.breadcrumb>*{flex-shrink:0}
.breadcrumb [aria-current]{font-weight:600}
.page-responsibility{font-size:12px;margin:3px 0 0;white-space:nowrap;overflow-x:auto;scrollbar-width:thin;color:var(--ink)}
.page-responsibility>span{color:var(--muted)}
.account-identity{font-size:12px;padding:0 10px 10px;border-bottom:1px solid var(--line)}
.account-identity span,.account-identity strong{display:block;overflow-wrap:anywhere}
.account-identity span{color:var(--muted)}
.account-options{max-width:min(340px,calc(100vw - 36px))}
.next-step{padding:12px 16px;border:1px solid var(--line);border-left:3px solid #8c9d44;border-radius:8px;background:white;margin:0 0 16px}
.next-step>p{margin:0}
.context-details{margin:4px 0 0}
.context-details>summary{padding:3px 0;min-height:32px}
.context-details[open]>summary{margin-bottom:12px}
.context-details .card{box-shadow:none;margin-bottom:0}
.onboarding-work{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.has-workspace .onboarding-heading>div{flex-basis:240px}
.step-menu{margin:0 0 .6rem}
.step-menu[open]>summary{margin-bottom:.25rem}
.step-menu .actions{flex-wrap:nowrap;overflow-x:auto;gap:.25rem;padding:3px}
.step-menu .actions a{flex-shrink:0;white-space:nowrap;min-height:44px}
.case-header{margin:0 0 8px}
.case-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.case-heading h1,.case-heading h2{margin:0;overflow-wrap:anywhere;flex:1 1 300px}
.case-context{display:flex;flex-wrap:wrap;gap:4px 16px;margin:4px 0;color:var(--muted);font-size:13px}
.case-tools{display:flex;flex-wrap:wrap;align-items:start;gap:4px 24px;margin-bottom:12px}
.case-tools details{min-width:0;flex:1 1 280px;margin:0}
.case-tools details[open]{flex-basis:100%}
.case-tools summary{min-height:44px;padding:10px 0;cursor:pointer;font-size:13px}
.case-steps nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:4px;border:1px solid var(--line);border-radius:8px;padding:8px;background:white}
.case-steps nav a{padding:10px 12px;min-height:44px;border-radius:6px;overflow-wrap:anywhere}
.case-steps [aria-current]{background:var(--accent);color:var(--ink);font-weight:700}
.case-work .case-heading{align-items:start}.case-work h2{font-size:1.05rem}.case-work>p:last-child{margin-bottom:0}
.case-work details{margin-top:10px}.case-work li{margin-bottom:8px;overflow-wrap:anywhere}
.case-work-skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.case-work-skip:focus{position:static;width:auto;height:auto;clip-path:none;display:block;padding:8px}
/* Advisory work: act beside the bound evidence; on small screens reach it by anchor. */
.case-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;align-items:start}
.case-task,.case-reference{min-width:0;scroll-margin-top:110px}
.case-reference nav{display:flex;flex-wrap:wrap;gap:8px 16px}.case-reference nav a{padding:8px 0}
.case-workspace .facts{grid-template-columns:minmax(100px,.7fr) minmax(0,1fr)}
.case-reference .fields{grid-template-columns:1fr}
.case-record-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 20px;margin:0 0 16px}
.case-record-heading p{margin:0}.case-record-heading>.muted{flex:1 1 300px}
.case-context-jump{display:none}
.case-source-group+.facts{margin-top:20px}
.case-next-links{list-style:none;padding:0;margin:0}.case-next-links a{display:block;padding:10px 0}.case-next-links li+li{border-top:1px solid var(--line)}
.case-tabs{display:flex;gap:4px;overflow-x:auto;padding:4px 3px 12px;margin-bottom:16px;border-bottom:1px solid var(--line)}
.case-tabs a{flex-shrink:0;white-space:nowrap;padding:10px 14px;min-height:44px;border-radius:7px;text-decoration:none;color:var(--muted);font-weight:650}
.case-tabs [aria-current]{background:#deede6;color:var(--brand)}
.case-record{padding:14px 0;border-top:1px solid var(--line)}.case-record h3{margin:0 0 4px}.case-record p{margin:0}
.case-saved{border-top:1px solid var(--line);padding-top:16px;margin-top:20px}.case-saved p:last-child{margin-bottom:0}
.case-selection{align-items:start}
@container(max-width:1000px){.case-workspace{grid-template-columns:1fr}.case-context-jump{display:inline-block;min-height:44px;padding:10px 0}.case-workspace .facts{grid-template-columns:minmax(100px,.6fr) minmax(0,1fr)}}
@container(max-width:600px){.case-workspace .facts{grid-template-columns:1fr;gap:3px}.case-workspace .facts dd{margin-bottom:12px}}
.case-section{scroll-margin-top:140px}
.change-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px;margin:10px 0;font-size:.92rem}
.change-comparison dt{color:var(--muted);margin-bottom:4px}.change-comparison dd{margin:0;font-weight:600;overflow-wrap:anywhere}
@container(max-width:700px){.change-comparison{grid-template-columns:1fr}}
.portfolio-member-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px 28px;align-items:start}
.portfolio-member-grid h3{margin:4px 0}.portfolio-member-grid .facts{margin-top:0;grid-template-columns:minmax(90px,.4fr) minmax(0,1fr)}
.portfolio-evidence{margin-top:14px}.portfolio-evidence:empty{display:none}
.portfolio-selection>label{display:flex;align-items:center;gap:.6rem;margin:10px 0 16px}
.portfolio-selection>label input{margin:0;flex-shrink:0}
@container(max-width:900px){.portfolio-member-grid{grid-template-columns:1fr}}
@container(max-width:600px){.portfolio-member-grid .facts{grid-template-columns:1fr;gap:3px}.portfolio-member-grid .facts dd{margin-bottom:10px}}
@container(max-width:760px){.onboarding-work{grid-template-columns:1fr}}
@media(max-width:800px){.has-workspace main{padding-top:14px}.topbar{gap:10px}.page-responsibility{font-size:11px}.has-workspace .heading>div{flex-basis:auto}.onboarding-work{grid-template-columns:1fr}}

/* Global search stays compact; native GET works on every staff page. */
.global-search{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;margin:0;flex:0 1 380px;min-width:200px}
.global-search[hidden],.global-search-toggle[hidden]{display:none}
.global-search-toggle{width:44px;height:44px;padding:10px;flex-shrink:0}
.global-search input{flex:1;min-width:0;width:100%;margin:0;padding:9px 11px}
.global-search input::-webkit-search-cancel-button{display:none}
.global-search button{padding:9px 12px;flex-shrink:0}
.global-search .list-clear{align-self:center;font-size:20px;line-height:1;padding:9px;min-width:44px;min-height:44px;margin-left:0}
.global-search .list-error{position:static;flex-basis:100%;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal;font-size:13px;color:var(--ink)}
.search-heading{align-items:end;gap:16px;margin-bottom:16px}
.search-heading h1{margin-bottom:4px}
.search-heading p{margin:0}
.search-heading>.search-filter{max-width:250px;margin:0;flex-basis:250px}
.search-filter label{margin-bottom:4px}
.search-results{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.search-result{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 18px;overflow-wrap:anywhere}
.search-result .eyebrow{margin:0 0 4px}
.search-result>a{font-weight:700;font-size:16px}
.search-result>.muted{margin:4px 0 0}
@media(max-width:800px){.has-workspace .topbar{flex-wrap:wrap}.global-search{order:3;flex-basis:100%;min-width:0}.search-heading{align-items:stretch}.search-heading>.search-filter{max-width:none}.search-result{padding:12px 14px}}
/* The available workspace can be narrow at zoom even on a wide viewport. */
@container(max-width:800px){
  .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}
  .page-location{grid-column:1;grid-row:1}
  .global-search-toggle{grid-column:2;grid-row:1}
  .topbar>.account-menu{grid-column:3;grid-row:1}
  .account-name{display:none}
  .global-search{grid-column:1/-1;grid-row:2;min-width:0}
  /* Expanded search and its errors scroll with the page, leaving room to work. */
  .topbar:has(.global-search-toggle[aria-expanded=true]){position:relative}
}

.policy-categories{margin:12px 0;gap:6px}
.policy-categories a{min-height:52px;padding:8px}
.policy-categories strong{font-size:20px}
.policy-inventory-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.original-viewer{min-width:0}
.original-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px;background:white;border:1px solid var(--line);border-radius:10px}
.original-toolbar>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.original-toolbar label{margin:0}
.original-toolbar input{width:5rem;margin:0}
.original-toolbar select{width:auto;margin:0}
.original-stage{width:100%;max-height:75vh;min-height:160px;overflow:auto;background:#dfe4e8;border:1px solid var(--line);border-radius:8px;padding:10px;box-sizing:border-box;overscroll-behavior:contain}
.original-stage canvas{display:block;max-width:none;margin:auto;background:white;box-shadow:0 2px 8px #172a3326}
.original-stage canvas[hidden]{display:none}
.original-text,.original-evidence{margin-top:16px;padding:16px;background:white;border:1px solid var(--line);border-radius:10px}
.original-evidence blockquote{margin:12px 0}

/* Keep the actual source beside its review; narrow layouts retain one form. */
.review-frame{container-type:inline-size}
.review-flow{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 16px}
.review-flow>*{padding:8px 12px;border-radius:8px;min-height:40px}
.review-flow [aria-current]{font-weight:700;background:#deede6;border:1px solid #c0d9ca}
.review-flow a{border:1px solid var(--line);background:white}
.review-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;align-items:start}
.review-without-original{grid-template-columns:minmax(0,1fr)}
.review-without-original .review-original{position:static;max-height:none}
.review-original,.review-editor{min-width:0}
.review-original{position:sticky;top:100px;max-height:calc(100dvh - 120px);overflow:auto;border:1px solid var(--line);border-radius:11px;background:white;padding:12px}
.review-original>summary{font-weight:700;min-height:44px;align-content:center}
.review-original-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:12px}
.review-original .original-stage{max-height:55vh}
.review-original .original-toolbar{padding:8px}
.review-editor .fields{grid-template-columns:minmax(0,1fr)}
.review-editor .facts{grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr)}
.review-sections{display:flex;gap:8px 16px;flex-wrap:wrap;margin:0 0 12px;padding:0 0 8px;border-bottom:1px solid var(--line)}
.review-sections a{min-height:36px;align-content:center}
.review-guidance{margin-bottom:16px}
.review-guidance p{margin-bottom:6px}
.review-section>summary{font-weight:700;min-height:32px}
.review-section[open]>summary{margin-bottom:16px}
.review-editor>[id],.review-original{scroll-margin-top:100px}
@container (max-width:960px){
  .review-workspace{grid-template-columns:minmax(0,1fr);gap:16px}
  .review-original{position:static;max-height:none}
}
.policy-inventory-heading h1{margin:0}
.policy-inventory-heading details[open]{flex-basis:100%}
.policy-inventory-heading summary{min-height:44px;padding:12px 0;font-size:13px}
@container(max-width:620px){.policy-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.policy-categories a{padding:8px 4px;gap:6px;font-size:13px}.policy-categories strong{font-size:18px}}

/* Verwaltung: Aufgabe wählen, dann genau diesen Inhalt bearbeiten. */
.management-nav{display:flex;flex-wrap:wrap;gap:.25rem 1rem;border-bottom:1px solid var(--line);margin:0 0 1rem;padding:0 0 .5rem;font-size:.85rem}.management-nav a{padding:.3rem 0;color:var(--muted);text-decoration:none}.management-nav a[aria-current]{color:var(--ink);font-weight:700;border-bottom:2px solid var(--accent)}.admin-workspace .case-header{margin-bottom:1rem}.admin-workspace .tabs{margin-top:1rem}.admin-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:.75rem 1rem;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.admin-status>div{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.admin-status span,.admin-status small{overflow-wrap:anywhere;color:var(--muted)}.admin-workspace [role=tabpanel]{scroll-margin-top:6rem}.admin-workspace details.card>summary{font-weight:700}.admin-workspace [role=tabpanel][hidden]{display:none}
@media(max-width:760px){.admin-status{grid-template-columns:1fr}.management-nav{gap:.25rem .75rem}.admin-status>div{padding:.1rem 0}.admin-workspace [role=tabpanel]{scroll-margin-top:8rem}}

.admin-workspace .office-wide-fields{grid-template-columns:minmax(0,1fr)}

/* Personal accounts and capability-only customer pages share a compact reading width. */
.account-panel{max-width:38rem;margin:0 auto 1.5rem;width:100%;overflow-wrap:anywhere}
.account-panel h1{font-size:clamp(1.5rem,3vw,1.9rem)}
.account-panel form>label{margin-bottom:1rem}
.account-panel form>button[type=submit]{width:100%;margin-top:.5rem}
.account-panel form>p{margin-bottom:1rem}
.account-panel .helptext{display:block;color:var(--muted);font-size:.85rem;margin-top:.4rem}
.account-panel .errorlist{list-style:none;margin:.5rem 0 1rem}
.account-return{margin:1.2rem 0 0}
.account-workplaces{max-width:64rem;margin:auto}
.public-header{height:66px;padding:12px 24px;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center}
.public-header .brand{margin:0;color:var(--ink);text-decoration:none}
.public-page main{min-height:0;max-width:48rem;padding-top:2rem;padding-bottom:1rem}
.public-page .account-panel [role=status]{margin-top:1rem;overflow-wrap:anywhere}
@media(max-width:480px){.account-panel{padding:1.15rem}.public-header{height:58px;padding:10px 18px}.public-page main{padding-top:1.25rem}.account-workplaces .organisation-list{margin-top:1rem}}




[data-field-row] .fields>div:has(textarea){grid-column:1/-1}

.workspace-search{width:48rem;max-width:calc(100% - 2rem);max-height:85%;border:1px solid var(--line);border-radius:1rem;padding:1.5rem;overflow:auto}.workspace-search::backdrop{background:rgb(10 30 40 / .45)}.workspace-search .heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.search-hits{list-style:none;padding:0}.search-hits a{display:block;padding:.8rem;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.search-hits span{display:block}.workspace-search input{width:100%}

.original-selected{outline:3px solid #d88b22;outline-offset:3px}
