/* DEV workspace. Production continues to use app.css exclusively. */
.dev-app{--ink:#203e3b;--muted:#596f70;--line:#d7e3df;--mint:#e2efe7;--blue:#e7effb;--peach:#fbece0;--lilac:#eee9f8;--accent:#2c6654;--surface:#edf5f0;background:#f2f5f4;color:var(--ink);font-size:14px;line-height:1.55}
.dev-app.area-members{--surface:#edf2fb;--accent:#456794}.dev-app.area-blob{--surface:#f9f0e7;--accent:#866040}.dev-app.area-processes{--surface:#f1edf8;--accent:#705791}
.dev-app *{box-sizing:border-box}.dev-app :focus-visible{outline:3px solid #347b9b;outline-offset:4px}.skip-link{position:fixed;top:-90px;left:270px;z-index:100;padding:12px 20px;background:#203e3b;color:white;border-radius:8px}.skip-link:focus{top:12px}
.app-sidebar{position:fixed;inset:0 auto 0 0;width:250px;display:flex;flex-direction:column;background:#e6eee9;border-right:1px solid #d0dfd6;padding:30px 18px 18px;z-index:30;overflow-y:auto}
.app-brand{display:flex;align-items:center;gap:10px;padding:0 10px 30px;text-decoration:none!important;font-size:29px;font-weight:780;letter-spacing:-1px;line-height:1.2}.app-brand img{width:48px;height:48px;background:#f7faf7;border:1px solid #ceded1;border-radius:16px;padding:2px}.app-brand small{font-size:12px;font-weight:650;letter-spacing:0;color:#62766d}.brand-subtitle{display:block;font-size:10px;letter-spacing:2px;color:#566f64;margin-top:5px;font-weight:650}
.app-navigation{display:flex;flex-direction:column;gap:6px}.nav-group-label{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;font-weight:750;color:#63796f;margin:24px 14px 7px}.nav-group-label:first-child{margin-top:4px}.nav-item,.nav-future{display:flex;align-items:center;gap:12px;padding:12px 13px;border:1px solid transparent;border-radius:12px;font-weight:650;min-height:65px;text-decoration:none!important;transition:background .15s,border-color .15s}.app-navigation svg{width:21px;height:21px;flex-shrink:0}.nav-item small,.nav-future small{display:block;font-size:11px;font-weight:400;margin-top:3px;color:#596f69}.nav-item:hover{background:#f4f8f4;border-color:#cadacf}.nav-item[aria-current=page]{background:#d2e7da;border-color:#b5d4c0;box-shadow:0 3px 9px #244f3710;color:#214d3a}.nav-members[aria-current=page]{background:#dce7f8;border-color:#c1d1eb;color:#35557c}.nav-blob[aria-current=page]{background:#f6e4d2;border-color:#e3c7ab;color:#795333}.nav-processes[aria-current=page]{background:#e6def4;border-color:#d0c2e6;color:#654c83}.nav-future{color:#657871;background:#dfe8e2;border:1px dashed #b8cec0}.nav-future small{font-size:10px}.soon-dot{width:6px;height:6px;border-radius:50%;background:#96ac9d;margin-left:auto}
.sidebar-bottom{margin-top:auto;padding-top:38px}.workspace-info{display:flex;align-items:center;gap:8px;border-top:1px solid #cbdcd0;padding:18px 6px 8px;font-size:10px;color:#496556}.workspace-info small{display:block;font-size:10px;color:#61786b;margin-top:3px}.workspace-info b{margin-left:auto;background:#d3e4d7;border:1px solid #bbd0c0;border-radius:5px;padding:2px 5px;font-size:9px;letter-spacing:.7px}.workspace-dot{width:6px;height:6px;background:#55866a;border-radius:50%;flex-shrink:0}.sidebar-bottom form{margin:7px 0 0}.logout-button{display:flex;gap:9px;align-items:center;width:100%;border:0!important;background:transparent!important;padding:9px!important;font-size:12px!important;color:#506b5c!important}.logout-button svg{width:17px;height:17px}.sidebar-welcome{padding:20px 12px}.sidebar-welcome p{font-size:23px;font-weight:650;line-height:1.5}.sidebar-welcome>span{font-size:13px;color:#596f65}
.app-workspace{margin-left:250px;min-width:0}.dev-app .app-topbar{height:85px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f8faf8;border-bottom:1px solid var(--line)}.topbar-overline{display:block;font-size:9px;color:#617876;letter-spacing:1.5px;font-weight:650}.topbar-title{display:block;font-size:15px;font-weight:650;margin-top:4px}.topbar-environment{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:750;letter-spacing:.8px;background:#e6eee7;border:1px solid #d1e0d4;padding:7px 11px;border-radius:20px;color:#42634e}.topbar-environment>span{font-weight:400;letter-spacing:0;border-left:1px solid #c7d7cb;padding-left:8px}.topbar-environment i{width:5px;height:5px;background:#60876b;border-radius:50%}
.dev-app main{padding:30px 38px 60px;max-width:1600px;margin:0 auto;min-width:0}.dev-app .heading{margin:0 0 27px;padding:25px 28px;background:var(--surface);border:1px solid color-mix(in srgb,var(--accent) 17%,white);border-radius:18px;min-height:139px;align-items:center}.dev-app h1{font-size:32px;font-weight:750;letter-spacing:-1px;line-height:1.2;margin:8px 0 10px}.dev-app h2{font-size:20px;letter-spacing:-.4px}.dev-app h3{font-size:15px;margin-top:25px}.dev-app .eyebrow{font-size:10px;color:var(--accent);letter-spacing:1.6px}.dev-app .heading p{margin:0;color:#526e70;line-height:1.6}.dev-app .muted{color:#597175}.dev-app .badge{background:#ffffffa6;color:var(--accent);border-color:#cddbd9;border-radius:8px;padding:6px 10px;font-variant-numeric:tabular-nums;white-space:nowrap}
.dev-app .panel{border-radius:15px;border-color:#d5e1dd;box-shadow:0 3px 12px #203e3b03;background:#fcfdfc}.dev-app .pad{padding:24px}.dev-app .sectionhead{background:var(--surface);padding:18px 23px;border-color:#d5e1dd}.dev-app th{background:#edf2f1;color:#4f6868;font-size:10px;letter-spacing:.8px}.dev-app td{font-size:13px;border-color:#e0e9e6;padding:16px 19px}.dev-app tbody tr:nth-child(even){background:#f4f8f6}.dev-app tbody tr:hover{background:#eaf2ef}.dev-app .tablewrap{max-width:100%;overflow:auto}.dev-app button,.dev-app .primary{border-radius:8px;font-size:12px;padding:10px 15px;font-weight:600;min-height:38px;transition:background .15s,box-shadow .15s}.dev-app button{border-color:#c8d8d1;background:#f8fbf9;color:#365b50}.dev-app .primary{background:#2e6656;border-color:#2e6656;color:white;display:inline-flex;align-items:center;justify-content:center}.dev-app button:hover{box-shadow:0 2px 7px #244a3b12}.dev-app input,.dev-app textarea,.dev-app select{border-radius:8px;border-color:#c9d8d2;background:#fff;font:inherit;color:var(--ink);min-width:0}.dev-app select{padding:10px;max-width:100%}.dev-app input:not([type=checkbox]):not([type=hidden]):not([type=radio]){min-height:41px}.dev-app input[type=checkbox]{accent-color:#436d5b}.dev-app .notice{border-radius:10px;background:#fff1d9;border-color:#ead6b1;color:#71572b;padding:13px 17px;font-size:12px;margin:0 0 20px}.dev-app .empty{background:#edf5f0;padding:65px 24px}.dev-app .back{display:inline-block;margin-bottom:16px;color:var(--accent)}
/* Members: blue search, mint member headers, lilac invoices. */
.area-members main>.panel.pad{background:#eaf0fa;border-color:#d2deef}.area-members .member-search label{font-weight:600;color:#375576}.area-members main>.panel.pad details{border-top:1px solid #cddbee;padding-top:16px}.area-members .member-list-heading{margin-top:30px;margin-bottom:14px;align-items:center}.area-members .member-list-heading h2{margin:0}.area-members .member-pin{border-color:#cfdfd7}.area-members .member-pin>details{margin:0}.area-members .member-summary{background:#e4f0e9;padding:20px;gap:16px;list-style:revert}.area-members .member-summary strong{font-size:14px}.area-members .member-summary span{font-size:12px;color:#496b60}.area-members .member-controls{background:#f1f5f2;border:1px solid #dce6df;border-radius:10px;padding:10px 12px;gap:8px}.area-members .member-controls form{margin:0}.area-members .member-invoice{background:#f0edf9;border:1px solid #ddd6ef;border-radius:12px;padding:18px;margin-top:15px}.area-members .member-attach{padding:16px;border:1px solid #e3d8ef;border-radius:10px;background:#f2edf8}.area-members .member-select-row{min-width:0}.area-members .member-point{font-variant-numeric:tabular-nums}
/* Files retain their own folder navigation, subordinate to the workspace. */
.dev-app .blob-hero{background:var(--surface);border:1px solid #e9daca;border-radius:18px;padding:24px 28px;margin:0 0 26px}.dev-app .blob-hero h1{font-size:34px;letter-spacing:-1px}.dev-app .blob-layout{grid-template-columns:195px minmax(0,1fr);gap:22px}.dev-app .blob-sidebar{background:#f3eadf;border-color:#e4d6c5}.dev-app .blob-area-link[aria-current=page]{background:#e8d7c0;color:#684f35}.dev-app .blob-upload{background:#edf3fa;border-color:#d5e0ee}.dev-app .blob-upload-plus{background:#dce7f6;color:#4c7096}.dev-app .blob-file{background:#fffdf9;border-color:#e5dfd4}.dev-app .blob-file.is-selected{background:#e5f0e8;border-color:#92b7a0}.dev-app .blob-bulk-toolbar{background:#f2e9dc;border-color:#e3d1b8}.dev-app .blob-auto{background:#e1ecdf;color:#416241}.dev-app .blob-file-process>p,.dev-app .blob-file-meta{color:#5e7467}.dev-app .blob-empty{background:#f5eee4;border-color:#d9c9b5}.dev-app .process-settings{background:#f0ebf8}.dev-app .process-controls{padding:20px;background:#eee8f7;border-radius:12px}.dev-app .advisor-kpis article:nth-child(4n+1),.dev-app .check-grid .panel:nth-child(4n+1){background:#e5f0e9}.dev-app .advisor-kpis article:nth-child(4n+2),.dev-app .check-grid .panel:nth-child(4n+2){background:#e7effb}.dev-app .advisor-kpis article:nth-child(4n+3){background:#f8ecdf}.dev-app .advisor-kpis article:nth-child(4n+4){background:#eee8f8}.dev-app .login{margin:65px auto;background:#eaf2ed;border-color:#ccded2;border-radius:18px;padding:32px}
@media(min-width:1700px){.app-sidebar{width:270px;padding:35px 24px 20px}.app-workspace{margin-left:270px}.dev-app main{padding:36px 48px 70px}}
@media(max-width:1150px){.app-sidebar{width:218px;padding:24px 12px 15px}.app-workspace{margin-left:218px}.dev-app main{padding:25px 24px 45px}.dev-app .app-topbar{padding:0 24px;height:74px}.dev-app .blob-layout{grid-template-columns:1fr}.dev-app .blob-sidebar{display:flex;flex-wrap:wrap;gap:5px;padding:12px}.dev-app .blob-sidebar>nav{display:contents}.dev-app .blob-sidebar-label,.dev-app .blob-sidebar-note,.dev-app .blob-sidebar-divider{display:none}.dev-app .blob-new-area{margin:0 8px}.dev-app .blob-new-area[open]{flex-basis:100%}.dev-app .blob-new-area[open] form{position:static;width:100%;box-shadow:none}.dev-app .heading{padding:22px}.dev-app .member-summary{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.app-sidebar{position:static;width:auto;border-right:0;border-bottom:1px solid #cdded3;padding:16px}.app-brand{padding:0 0 14px;font-size:24px}.app-brand img{width:40px;height:40px;border-radius:12px}.brand-subtitle{font-size:9px}.app-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.nav-group-label,.nav-future{display:none}.nav-item{min-height:67px;padding:9px 3px;gap:5px;flex-direction:column;justify-content:center;text-align:center;font-size:11px;border-color:#d1dfd5;background:#edf3ee;border-radius:10px}.nav-item small{display:none}.app-navigation svg{width:19px;height:19px}.nav-blob>span{font-size:0}.nav-blob>span::before{content:'Dateien';font-size:11px}.sidebar-bottom{padding:0;margin:0}.workspace-info{display:none}.sidebar-bottom form{position:absolute;top:19px;right:15px;margin:0}.logout-button{font-size:11px!important;width:auto;padding:8px!important}.sidebar-welcome{display:none}.app-workspace{margin-left:0}.dev-app .app-topbar{height:65px;padding:0 18px}.topbar-overline{font-size:8px}.topbar-environment>span{display:none}.dev-app main{padding:20px 16px 40px}.dev-app .heading{padding:20px;min-height:0;gap:14px;align-items:flex-start;border-radius:14px;margin-bottom:20px}.dev-app h1{font-size:27px}.dev-app .heading p{font-size:12px}.dev-app .pad{padding:18px}.dev-app .member-summary{grid-template-columns:1fr;padding:17px;gap:7px}.dev-app .member-list-heading{gap:12px;flex-wrap:wrap}.dev-app .blob-hero{padding:20px;margin-bottom:20px}.dev-app .blob-hero h1{font-size:29px}.dev-app .blob-file{padding:17px 14px}.dev-app .blob-upload-footer{flex-wrap:wrap}.dev-app .columns{grid-template-columns:1fr}.skip-link{left:15px}.dev-app .login{margin:25px auto}.dev-app.is-public .app-sidebar{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){.dev-app *{transition:none!important;scroll-behavior:auto!important}}
.dev-app .member-point{white-space:nowrap;min-width:280px}