@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--pine:#253e35;--pine-dark:#1d302a;--pine-deep:#162923;--pine-soft:#3c5b4d;--cream:#f5f2ec;--cream2:#ece8e0;--paper:#fffefa;--ink:#253d34;--body:#627066;--muted:#9d9b91;--line:#e5e0d6;--gold:#c49c61;--danger:#b4594d;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace;--shadow:0 22px 50px rgba(36,45,38,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.44}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}[hidden]{display:none!important}::selection{background:#d6c9a8;color:#17281f}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #c1a678;outline-offset:3px}
.eyebrow,.section-overline,.section-header small,.breadcrumbs,.banner-kicker,.sidebar-label,.cover-brand,.cover-footer,.auth-kicker,.auth-copyright,.cover-top,.index-kicker,.index-bottom,.preview-kicker,.paper-bottom,.binder-label,.folder-front-label,.selected-files-title{font:500 10px/1.5 var(--mono);letter-spacing:1.65px}
/* Initialisierung */
.loading-screen{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;gap:28px;align-items:center;justify-content:center;background:var(--pine);color:#d8d5c8;font:11px var(--mono);letter-spacing:2px}.loading-emblem{font:bold 72px/1 Georgia,serif;color:#fff}.loading-emblem span,.brand-mark span{color:#e4ba7d}
/* Einrichtungs- und Loginseite */
.auth-screen{min-height:100vh;display:grid;grid-template-columns:51% 49%;background:#fffefa}.auth-cover{min-height:750px;background:var(--pine);color:#f7f6ef;padding:43px clamp(30px,5.8vw,110px);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.auth-cover:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background:radial-gradient(circle at 75% 35%,#5b77604d,transparent 37%),linear-gradient(110deg,transparent 50%,#ffffff0a)}.cover-top,.cover-copy,.cover-footer{position:relative;z-index:1}.cover-top{display:flex;align-items:center;gap:16px}.brand-mark{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:1px solid #e4bc7c78;border-radius:13px;color:white;font:bold 32px Georgia,serif;letter-spacing:-4px;padding-right:4px}.cover-brand{font-size:12px;font-weight:600;letter-spacing:3.7px}.cover-art{position:absolute;width:70%;max-width:540px;aspect-ratio:1/1;right:-2%;top:15%;transform:rotate(-12deg)}.cover-line{position:absolute;inset:12%;border:1px solid #e4b87a21;border-radius:50%;box-shadow:0 0 0 50px #e8bf8420,0 0 0 100px #e8bf840b}.cover-sheet{position:absolute;width:64%;height:76%;left:13%;top:4%;border-radius:9px 15px 9px 9px;box-shadow:-12px 24px 35px #07181250}.sheet-three{background:#71866f;transform:translate(49px,-23px) rotate(12deg)}.sheet-two{background:#b89d74;transform:translate(21px,-6px) rotate(4deg)}.sheet-one{background:#b68f58;border:1px solid #c8a572;display:flex;flex-direction:column;padding:17%;color:#f2e4cb}.sheet-one:before{content:"";position:absolute;width:45%;height:19px;border-radius:8px 8px 0 0;background:#b68f58;left:0;top:-15px}.sheet-one span{font:11px var(--mono);letter-spacing:3px}.sheet-one strong{font:bold clamp(68px,9vw,150px) Georgia,serif;line-height:1.6;font-weight:400}.sheet-one i{width:70%;border-top:1px solid #ebd1a7;margin-top:auto}.cover-copy{margin-top:auto;margin-bottom:65px}.cover-copy .eyebrow{color:#d8b887}.cover-copy h1{font:500 clamp(52px,6.4vw,100px)/1.09 var(--serif);letter-spacing:-2px;margin:22px 0}.cover-copy em{color:#e1b879;font-weight:500}.cover-copy p{font-size:15px;line-height:1.9;max-width:410px;color:#d3dacf}.cover-footer{color:#c0cabb;opacity:.8}.auth-side{display:flex;flex-direction:column;justify-content:space-between;padding:44px clamp(30px,7vw,110px);min-width:0}.auth-form-wrapper{max-width:460px;width:100%;margin:auto}.mobile-brand{display:none}.auth-kicker{color:var(--gold);margin-bottom:16px}.auth-form-wrapper h2{font:500 clamp(37px,4vw,56px)/1.18 var(--serif);letter-spacing:-1px;margin:0 0 20px}.auth-form-wrapper>p{font-size:14px;line-height:1.85;color:#7d857b;margin:0 0 42px;max-width:385px}.auth-form-wrapper label{display:block;font-size:12px;font-weight:700;margin:0 0 12px}.password-input{position:relative;margin-bottom:21px}.password-input input{height:59px;width:100%;padding:0 56px 0 17px;border:1px solid var(--line);background:#fbfaf7;border-radius:8px;color:var(--ink);outline:none}.password-input input:focus{border-color:#7b9a80;box-shadow:0 0 0 3px #82988620}.password-input button{display:grid;place-items:center;position:absolute;top:0;right:3px;width:51px;height:59px;background:none;border:0;color:#889286}.form-error{padding:12px 15px;border:1px solid #efd2ca;background:#fff4f1;color:#a24536;border-radius:6px;font-size:13px;line-height:1.5}.auth-submit{margin-top:10px}.button-arrow{font-size:23px;line-height:1;margin-left:auto}.auth-note{margin-top:36px;display:flex;align-items:flex-start;gap:13px;padding:17px;border:1px solid #eae6dd;background:#f8f6f1;border-radius:9px;color:#658071}.auth-note p{margin:0;color:#7f8a7e;font-size:12px;line-height:1.65}.auth-copyright{display:flex;justify-content:space-between;gap:16px;color:#9ba19a;font-size:9px}.auth-copyright span{color:#c0bbb0}
/* Layout */
.app-layout{min-height:100vh;display:grid;grid-template-columns:251px minmax(0,1fr)}.sidebar{background:var(--pine);color:#f6f6eb;display:flex;flex-direction:column;min-height:100vh;padding:28px 18px 18px;position:sticky;top:0;height:100vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#77908240 transparent;z-index:30}.sidebar-logo{display:flex;align-items:center;gap:13px;margin:0 8px 62px}.brand-mark.small{width:39px;height:39px;border-radius:10px;font-size:27px;letter-spacing:-3px;flex:none}.sidebar-logo strong{display:block;font-size:12px;letter-spacing:2.6px;font-weight:700}.sidebar-logo small{display:block;font:8px/1.8 var(--mono);letter-spacing:1px;color:#b4c0b3;margin-top:4px}.sidebar-label{color:#8ca698;margin:0 15px 14px;font-size:9px;display:flex;align-items:center;justify-content:space-between}.side-nav{display:grid;gap:6px;margin-bottom:43px}.nav-link{height:45px;border:0;background:transparent;border-radius:7px;color:#b4c4b9;display:flex;gap:13px;align-items:center;text-align:left;padding:0 14px;font-size:12px;font-weight:600;transition:.2s}.nav-link svg,.logout svg{opacity:.85}.nav-link:hover,.sidebar-folder:hover{background:#ffffff0d;color:white}.nav-link.active{background:#eff1e817;color:#fff}.nav-end{font-weight:400;margin-left:auto;font-size:18px;color:#e7c69b}.file-label{margin-bottom:10px}.icon-plain{background:transparent;border:0;color:#e5c38f;font-size:23px;line-height:1}.sidebar-folders{display:grid;gap:3px;overflow-y:auto;max-height:45vh;scrollbar-width:thin}.sidebar-folder{border:0;background:transparent;display:flex;align-items:center;gap:11px;width:100%;height:41px;border-radius:6px;padding:0 13px;text-align:left;color:#b7c4b8;font-size:12px;transition:.2s}.sidebar-folder.selected{background:#fffefa20;color:white}.sidebar-folder-dot{width:9px;height:9px;border-radius:3px;background:var(--folder-color);box-shadow:inset 0 0 0 1px #ffffff3b;flex:none}.sidebar-folder-name{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar-folder small{font:10px var(--mono);color:#9aafa2}.sidebar-empty{font-size:11px;color:#a5b7ac;padding:18px 14px}.sidebar-bottom{margin-top:auto;padding-top:26px}.sidebar-tip{padding:20px 17px;border-radius:9px;border:1px solid #ffffff1a;background:linear-gradient(148deg,#41625071,#294a3e7d);display:flex;flex-direction:column;gap:9px}.tip-icon{width:29px;height:29px;color:#dab783}.sidebar-tip strong{font-size:12px;font-weight:600}.sidebar-tip span{font-size:11px;line-height:1.7;color:#b0c3b4}.logout{margin-top:18px;border:0;background:transparent;color:#c3cfc3;display:flex;align-items:center;gap:11px;padding:12px;width:100%;font-size:12px}.logout>span:last-child{margin-left:auto;color:#b7beae;font-size:16px}.logout:hover{color:#fff}
.app-main{min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(25px,4.4vw,76px);background:#f9f7f3;gap:20px}.topbar-path{display:flex;align-items:center;gap:15px;font:10px var(--mono);letter-spacing:1.1px;color:#8a938a;white-space:nowrap;min-width:0}.topbar-path b{font-weight:400;color:#c7c9bd}.topbar-path strong{color:var(--pine);font-weight:500;overflow:hidden;text-overflow:ellipsis}.topbar-actions{display:flex;align-items:center;gap:25px}.search-box{width:clamp(240px,29vw,365px);height:41px;display:flex;align-items:center;gap:10px;padding:0 12px 0 14px;background:#fffefa;border:1px solid #e9e4da;border-radius:7px;color:#93a096}.search-box input{border:0;outline:0;background:transparent;flex:1;min-width:20px;color:var(--ink);font-size:11px}.search-box input::placeholder{color:#a7ada4}.search-box kbd{white-space:nowrap;color:#abb1a8;font:10px var(--mono);border:1px solid #ede9e2;border-radius:4px;padding:4px 5px}.user-bubble{width:34px;height:34px;border-radius:50%;border:1px solid #bbcabe;background:#e3e9df;color:#53715f;font:700 10px var(--mono);flex:none}.user-bubble:hover{background:#d1dfd2}.mobile-menu{display:none}.main-content{flex:1;padding:39px clamp(25px,4.4vw,76px) 60px;max-width:1660px;width:100%;margin:0 auto}.app-footer{padding:20px clamp(25px,4.4vw,76px);font:9px var(--mono);letter-spacing:1.2px;color:#a1a59a;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px}.app-footer b{font-weight:400;color:#c5a06b}
/* Wiederverwendete Controls */
.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:0 19px;min-height:43px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.12px;border:1px solid transparent;transition:transform .15s,background .2s,box-shadow .2s;white-space:nowrap}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 15px #263c3120}.button.dark,.button.primary{background:var(--pine);color:white}.button.dark:hover,.button.primary:hover{background:#395a49}.button.outline{background:#fffefa;border-color:#e4dfd4;color:#405247}.button.outline:hover{border-color:#b9c6b7}.button.full{width:100%;justify-content:space-between;min-height:56px;padding:0 20px}.text-button{border:0;padding:0;background:transparent;color:var(--pine);display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:700}.text-button:hover{text-decoration:underline}.breadcrumbs{display:flex;align-items:center;gap:12px;color:#a6aca0;margin:0 0 27px;font-size:9px;white-space:nowrap;overflow:hidden}.breadcrumbs strong{font-weight:500;color:#6d8773;overflow:hidden;text-overflow:ellipsis}.breadcrumbs button{border:0;padding:0;background:transparent;color:#a3aca2;font:inherit;letter-spacing:inherit;white-space:nowrap}.breadcrumbs button:hover{color:var(--ink)}.eyebrow{color:#8b9b8c;font-size:10px}.gold-star{color:#c19a61;font-size:17px;padding-left:3px;vertical-align:middle}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:34px}.page-heading h1{font:500 clamp(36px,3.7vw,59px)/1.17 var(--serif);letter-spacing:-1.3px;margin:12px 0 13px}.page-heading h1 em{color:#728777;font-weight:500}.page-heading p,.folder-heading p{margin:0;color:#8a9689;font-size:12px;line-height:1.7}.page-heading.simple{margin-bottom:46px}.heading-action{margin-bottom:4px}
/* Dashboard */
.feature-banner{min-height:237px;background:var(--pine);border-radius:10px;color:white;position:relative;overflow:hidden;display:flex;align-items:stretch;margin-bottom:56px;box-shadow:0 16px 32px #1c302823}.feature-banner:before{content:"";position:absolute;left:-100px;top:-120px;width:440px;height:440px;border:1px solid #ffffff08;border-radius:50%;box-shadow:0 0 0 50px #ffffff05,0 0 0 100px #ffffff04}.banner-content{padding:34px 42px 30px;position:relative;z-index:1;flex:1}.banner-kicker{font-size:9px;color:#c5b998}.banner-content h2{font:500 clamp(27px,2.8vw,40px)/1.19 var(--serif);letter-spacing:-.5px;margin:18px 0 18px}.banner-content h2 span{color:#c9a575}.banner-bottom{display:flex;align-items:center;gap:13px;font:9px var(--mono);letter-spacing:1.25px;color:#b5c7b7}.banner-bottom svg{color:#e4bc85}.banner-stats{display:flex;align-items:stretch;position:relative;z-index:1;padding:34px 32px 28px 0}.banner-stats>div{min-width:117px;padding:22px 22px 12px 25px;border-left:1px solid #ffffff20;display:flex;flex-direction:column;gap:10px;justify-content:center}.banner-stats strong{font:500 33px/1.2 var(--serif);white-space:nowrap}.banner-stats span{font:8px/1.6 var(--mono);letter-spacing:1px;color:#bcc8ba;white-space:nowrap}.banner-stripes{position:absolute;right:8px;top:-55px;display:flex;gap:17px;transform:rotate(20deg);opacity:.06}.banner-stripes span{width:65px;height:320px;background:white;border-radius:40px}.section-block{margin-top:0}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 26px}.section-overline{font-size:9px;color:#b19773}.section-header h2{font:500 29px/1.25 var(--serif);letter-spacing:-.5px;margin:6px 0 8px}.count-pill{font:11px var(--mono);vertical-align:middle;background:#e3e8df;border:1px solid #d3dfd3;border-radius:40px;color:#5a7865;padding:4px 8px;margin-left:4px}.section-header p{margin:0;color:#94a095;font-size:11px;line-height:1.6}.folder-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.folder-card{border:1px solid #ebe5da;border-radius:10px;background:#faf9f5;display:flex;flex-direction:column;text-align:left;padding:14px 14px 18px;min-height:245px;overflow:hidden;transition:.22s;box-shadow:0 2px 4px #2e413006}.folder-card:hover{transform:translateY(-4px);box-shadow:0 17px 32px #2e413015;border-color:#d4d6c9}.folder-art{height:161px;position:relative;margin:0 0 15px;isolation:isolate}.folder-back{position:absolute;bottom:14px;left:8%;width:85%;height:116px;border-radius:6px 7px 4px 4px;background:color-mix(in srgb,var(--folder-color) 88%,white);transform:rotate(-2deg)}.folder-paper{position:absolute;width:71%;height:112px;left:15%;bottom:17px;background:#fffefa;border:1px solid #e2ded3;box-shadow:0 4px 8px #594b3422;border-radius:3px}.folder-paper.paper-one{transform:rotate(6deg) translate(1px,-12px)}.folder-paper.paper-two{transform:rotate(-4deg) translate(-3px,-7px)}.folder-front{position:absolute;left:5%;right:5%;bottom:0;height:112px;background:var(--folder-color);z-index:2;border-radius:5px 8px 5px 5px;box-shadow:0 12px 18px #5c48321f;overflow:hidden;color:#fff8e4;padding:24px 15px 12px;display:flex;flex-direction:column;justify-content:space-between}.folder-front:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,#ffffff28,transparent 50%,#00000015);pointer-events:none}.folder-ridge{position:absolute;left:13px;top:0;bottom:0;border-left:1px solid #ffffff19}.folder-front-label{font-size:7px;letter-spacing:1.1px;padding-left:12px;opacity:.85}.folder-front-bottom{display:flex;justify-content:space-between;align-items:center;padding-left:12px}.folder-front-bottom span{font:15px var(--serif);opacity:.65}.folder-tab{position:absolute;left:5%;bottom:110px;background:var(--folder-color);padding:9px 18px 6px;max-width:75%;border-radius:7px 8px 0 0;z-index:3;color:white;font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-meta{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:0 3px}.folder-meta strong{display:block;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.folder-meta small{display:block;color:#9da69b;margin-top:7px;font-size:10px}.folder-open{width:30px;height:30px;border-radius:50%;border:1px solid #e6e5dc;display:grid;place-items:center;flex:none;color:#527560;transition:.2s}.folder-card:hover .folder-open{background:var(--pine);color:white;border-color:var(--pine)}.recent-section{margin-top:62px}.doc-table{border:1px solid #e8e4dc;border-radius:9px;background:#fffefa;overflow:hidden}.doc-row{display:flex;align-items:center;gap:17px;min-height:79px;width:100%;padding:13px 20px;background:transparent;border:0;border-bottom:1px solid #ede9e1;text-align:left;color:var(--ink);transition:.15s}.doc-row:last-child{border-bottom:0}.doc-row:hover{background:#f8f8f2}.document-icon{width:43px;height:43px;border-radius:8px;display:grid;place-items:center;flex:none;background:#ecefe7;color:#648174}.document-icon.pdf{color:#b27663;background:#f6e9e3}.document-icon.image{color:#6d88a0;background:#e9eff3}.doc-row-name{min-width:0;flex:1}.doc-row-name strong{font-size:12px;font-weight:700;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-row-name small{display:block;margin-top:6px;font-size:10px;color:#9ca497}.doc-row-name small span{padding:0 4px;color:#c2c4ba}.doc-size,.doc-date{font:10px var(--mono);color:#8b968a;min-width:75px;text-align:right}.doc-date{min-width:98px}.row-arrow{color:#859587;margin-left:12px}.empty-large,.empty-small{padding:58px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;text-align:center;border:1px dashed #d9dbd0;border-radius:10px;color:#758c78}.empty-large h3{font:500 26px var(--serif);color:var(--ink);margin:0}.empty-large p{font-size:12px;color:#9da59b;margin:0 0 10px}.empty-small{padding:31px;flex-direction:row;font-size:12px;color:#9ba49a}
/* Aufgeklappter Aktenordner */
.folder-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:34px}.folder-heading-main{display:flex;align-items:center;gap:20px;min-width:0}.folder-large-icon{width:62px;height:62px;border-radius:11px;background:var(--folder-color);color:white;display:grid;place-items:center;flex:none;box-shadow:0 9px 15px #2d332111}.folder-heading h1{font:500 clamp(31px,3.3vw,46px)/1.2 var(--serif);margin:7px 0 6px;overflow-wrap:anywhere}.folder-heading .eyebrow{color:#a68c6c}.folder-heading-actions{display:flex;gap:10px;flex:none}.heading-dot{padding:0 7px;color:#c8c4b9}.binder-label{font-size:9px;color:#a1a899;display:flex;justify-content:space-between;gap:15px;margin-bottom:13px}.binder-label span:first-child{color:#9b875d}.binder-label .gold-star{font-size:12px}.binder-layout{display:grid;grid-template-columns:minmax(250px,42%) 18px minmax(0,58%);min-height:680px;position:relative;filter:drop-shadow(0 22px 27px #253d3110)}.binder-index{background:#fcfaf3;min-width:0;border:1px solid #e2ded1;border-radius:6px 0 0 7px;position:relative;display:flex;flex-direction:column;padding:35px clamp(18px,2.1vw,35px) 26px 37px;box-shadow:inset -9px 0 17px #b7b2a022,0 9px 15px #00000007;overflow:hidden}.binder-index:after{content:"";position:absolute;left:25px;top:0;bottom:0;border-left:1px solid #b86f5940;pointer-events:none}.binder-edge{position:absolute;right:0;top:0;bottom:0;width:2px;background:#aca99b80}.index-header{margin-bottom:27px}.index-kicker{font-size:9px;color:#aa9e87}.index-kicker b{color:#c9baa0;margin:0 5px}.index-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:20px}.index-heading h2{font:500 clamp(22px,2vw,32px)/1.3 var(--serif);margin:0;letter-spacing:-.4px}.index-heading h2 span{color:#b9915f}.index-count{font:19px var(--serif);color:#bfb59f}.index-header p{margin:10px 0 0;color:#a3a99b;font-size:11px}.index-header p span{padding:0 6px}.index-lines{flex:1;overflow-y:auto;max-height:510px;padding-right:4px;scrollbar-color:#d0cec1 transparent;scrollbar-width:thin}.index-entry{min-height:67px;width:100%;border:0;border-bottom:1px solid #e5e3d8;background:transparent;display:flex;align-items:center;gap:13px;text-align:left;padding:11px 5px;color:#526558;transition:.2s}.index-entry:first-child{border-top:1px solid #e5e3d8}.index-entry:hover{background:#f5f4e9}.index-entry.active{background:#e9eee6;border-radius:5px;border-color:#dce4d8;padding-left:9px}.index-number{font:10px var(--mono);color:#b69d75;align-self:flex-start;padding-top:5px}.index-entry-name{min-width:0;flex:1}.index-entry-name strong{font-size:11px;font-weight:700;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.index-entry-name small{font-size:9px;color:#99a296;display:block;margin-top:7px}.index-entry-arrow{color:#98ad9c}.index-empty{font-size:12px;color:#9aa598;line-height:1.8;display:flex;flex-direction:column;align-items:flex-start;gap:15px;padding:20px 0}.index-bottom{border-top:1px solid #e5e3d8;padding-top:22px;margin-top:25px;color:#b4ad9f;display:flex;justify-content:space-between;gap:5px;font-size:8px}.index-bottom b{font-weight:500;color:#8f9e8c}.binder-spine{background:linear-gradient(90deg,#bebbaa,#e0dbcb 30%,#a9a99a 48%,#e6e0d1 75%,#e2dccc);position:relative;z-index:2;box-shadow:inset 0 0 7px #4347393b}.spine-ring{position:absolute;left:-13px;right:-14px;height:15px;border:5px solid #a7a59b;border-bottom-color:#d3d0c3;border-radius:11px;box-shadow:1px 3px 5px #2b2d282e;background:transparent;z-index:3}.spine-ring:nth-child(1){top:13%}.spine-ring:nth-child(2){top:37%}.spine-ring:nth-child(3){top:61%}.spine-ring:nth-child(4){top:85%}.binder-preview{border:1px solid #e6e2d8;border-left:0;background:#eae7dc;border-radius:0 6px 7px 0;min-width:0;display:flex;flex-direction:column;padding:15px clamp(12px,2vw,24px) 16px;box-shadow:0 8px 17px #0000000a}.preview-topbar{min-height:29px;display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:11px;color:#858e83}.preview-topbar>span{display:flex;align-items:center;gap:8px;font:9px var(--mono);letter-spacing:1px}.preview-top-actions{display:flex;align-items:center;gap:4px}.mini-icon{display:grid;place-items:center;height:31px;width:32px;color:#7a8a7d;border:0;border-radius:5px;background:transparent}.mini-icon:hover{color:var(--pine);background:#d8ded4}.preview-paper{position:relative;flex:1;min-height:536px;max-width:100%;background:#fffefa;border:1px solid #e6e2d8;box-shadow:1px 3px 11px #4c53421a;display:flex;flex-direction:column;padding:24px clamp(18px,2.4vw,40px) 22px;transform-origin:7% 50%;backface-visibility:hidden}.preview-paper:before{content:"";position:absolute;left:31px;right:31px;top:109px;border-top:1px solid #eceae0;pointer-events:none}.paper-punches{position:absolute;left:9px;top:16%;bottom:14%;display:flex;flex-direction:column;justify-content:space-between}.paper-punches i{width:9px;height:9px;background:#e7e5d9;border-radius:50%;box-shadow:inset 1px 1px 3px #b4b4a8}.preview-document-heading{display:flex;justify-content:space-between;gap:14px;min-height:84px;margin-bottom:19px}.preview-kicker{font-size:8px;color:#b29b7b}.preview-document-heading h3{font:500 clamp(15px,1.8vw,24px)/1.3 var(--serif);letter-spacing:-.1px;overflow-wrap:anywhere;max-width:480px;margin:12px 0 6px}.preview-stamp{height:50px;width:61px;border:1px solid #ced4c6;color:#93a795;transform:rotate(9deg);display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;border-radius:3px;font:7px var(--mono);letter-spacing:1px;text-align:center;line-height:1.4}.preview-stamp span{color:#c4aa80}.preview-content{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;min-height:360px;padding:10px 1px 15px}.paper-bottom{border-top:1px solid #ebe9e1;padding-top:14px;margin-top:19px;display:flex;justify-content:space-between;gap:4px;font-size:7px;color:#a9aa9e}.image-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-preview img{max-width:100%;max-height:580px;object-fit:contain;box-shadow:0 6px 15px #11111113}.pdf-canvas-wrap{width:100%;display:flex;align-items:center;justify-content:center;max-height:650px;overflow:auto}.pdf-canvas-wrap canvas{max-width:100%;height:auto!important;display:block;box-shadow:0 2px 9px #151c161c}.pdf-loading{display:flex;flex-direction:column;align-items:center;gap:17px;color:#8e988e;font-size:11px}.spinner{width:27px;height:27px;border:3px solid #e0e6dc;border-top-color:#517561;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.generic-file,.preview-empty{max-width:290px;display:flex;align-items:center;flex-direction:column;text-align:center;gap:14px}.generic-file-icon{width:110px;height:122px;border:1px solid #e3e9dc;border-radius:7px;background:#f5f7f1;color:#6e927c;display:grid;place-items:center;box-shadow:6px 6px 0 #d7dfd361}.generic-file-type{font:9px var(--mono);letter-spacing:1.5px;color:#a18b6a}.generic-file h3,.preview-empty h3{margin:0;font:500 21px/1.4 var(--serif);overflow-wrap:anywhere}.generic-file p,.preview-empty p{font-size:11px;line-height:1.8;color:#9aa399;margin:0 0 5px}.empty-illustration{width:92px;height:105px;background:#f3f5ef;border:1px dashed #ccd7cb;display:grid;place-items:center;color:#9aaf99;transform:rotate(-5deg)}.native-pdf-container{width:100%;height:100%;display:flex;flex-direction:column;gap:10px}.pdf-notice{font-size:10px;line-height:1.6;color:#877858;background:#fdf8e8;padding:8px 10px;border:1px solid #ece2c6}.native-pdf{flex:1;min-height:360px;border:0;width:100%}.page-toolbar{height:67px;display:flex;align-items:center;justify-content:space-between;gap:8px}.page-button{display:flex;align-items:center;gap:8px;border:1px solid #d9d8cd;border-radius:5px;background:#fffefa;padding:10px 12px;color:#466651;font-size:11px;font-weight:700;transition:.15s}.page-button:not(:disabled):hover{background:var(--pine);color:white;border-color:var(--pine)}.page-progress{display:flex;align-items:center;gap:9px;min-width:0}.page-progress strong{font:9px var(--mono);letter-spacing:.2px;color:#6f806f;text-align:center}.page-dot{height:7px;width:7px;border-radius:50%;background:#7b9b7b;flex:none}.folder-bottom-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:23px;color:#95a297;font-size:11px}.folder-bottom-bar>span{display:flex;align-items:center;gap:10px}.folder-bottom-bar>span svg{color:#7c9a7e}/* Die Animation betrifft nur eine Papier-Überlagerung. PDFs/Bilder bleiben gerade. */
.preview-paper::after{content:"";position:absolute;inset:0;border-radius:2px;background:linear-gradient(95deg,#fffefa 2%,#efede7 65%,#fffefa 100%);box-shadow:-8px 3px 17px #182a2020;opacity:0;pointer-events:none;z-index:5;transform-origin:left center;backface-visibility:hidden}
.turning-forward::after{animation:flipNext .2s ease-in forwards}
.turning-back::after{animation:flipPrev .2s ease-in forwards}
.paper-arrival{animation:pageArrive .23s ease-out}
@keyframes flipNext{from{transform:perspective(1300px) rotateY(0);opacity:.45}to{transform:perspective(1300px) rotateY(-70deg);opacity:0}}
@keyframes flipPrev{from{transform:perspective(1300px) rotateY(0);opacity:.45}to{transform:perspective(1300px) rotateY(70deg);opacity:0}}
@keyframes pageArrive{from{opacity:.65}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.turning-forward::after,.turning-back::after,.paper-arrival{animation:none!important}}
/* Dialoge und Upload */
.modal-overlay{position:fixed;inset:0;background:#101e18aa;z-index:100;display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(4px)}.modal-window{width:min(100%,505px);max-height:min(92vh,850px);overflow-y:auto;background:#fffefa;box-shadow:0 27px 90px #08170a69;border:1px solid #e5ddcf;border-radius:12px;padding:31px 34px}.modal-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:23px;margin-bottom:27px}.modal-top .eyebrow{color:#b79d78}.modal-top h3{font:500 32px/1.3 var(--serif);letter-spacing:-.5px;margin:8px 0 0}.close-button{font-size:28px;font-weight:300;border:0;background:#f4f3ed;color:#819082;height:37px;width:37px;border-radius:6px}.close-button:hover{background:#e7e9e1}.field-label{display:block;font-size:11px;font-weight:700;margin-bottom:11px}.form-input{height:49px;padding:0 13px;background:#fbfaf7;border:1px solid #dfded3;border-radius:6px;color:var(--ink);outline:none;width:100%;font-size:12px}.form-input:focus{border-color:#8fa88d;box-shadow:0 0 0 3px #89a28b24}.color-selector{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 5px}.color-selector label{cursor:pointer}.color-selector input{position:absolute;opacity:0;width:0;height:0}.color-selector span{display:grid;place-items:center;border-radius:8px;width:40px;height:40px;color:transparent;border:3px solid #fffefa;box-shadow:0 0 0 1px #e0ded6}.color-selector input:checked+span{color:white;box-shadow:0 0 0 2px #46604d}.color-selector input:focus-visible+span{outline:2px solid #a28e66;outline-offset:3px}.modal-actions{display:flex;justify-content:flex-end;gap:11px;margin-top:35px}.drop-zone{min-height:219px;border:1.5px dashed #c4cec1;background:#f8f8f3;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px 18px;cursor:pointer;transition:.2s}.drop-zone:hover,.drop-zone.dragover{background:#ebf1e8;border-color:#7a9c7a}.drop-icon{width:57px;height:57px;border-radius:12px;background:#e5ece2;display:grid;place-items:center;color:#6f9879;margin-bottom:12px}.drop-zone h4{font:500 22px var(--serif);margin:0 0 8px}.drop-zone p{font-size:11px;color:#939e91;margin:0 0 18px}.drop-zone p span{color:#426a4a;font-weight:700;text-decoration:underline}.drop-zone small{font-size:10px;color:#b0b7a8;line-height:1.8}.upload-file-list{max-height:235px;overflow:auto}.selected-files-title{margin:21px 0 9px;font-size:9px;color:#ab9472}.selected-file{display:flex;align-items:center;gap:10px;font-size:11px;padding:11px 4px;border-bottom:1px solid #eae8df}.selected-file>span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-file svg{color:#7e9982;flex:none}.selected-file small{color:#9ba59c;flex:none;font-size:10px}.toast{position:fixed;bottom:24px;right:25px;z-index:200;max-width:min(440px,calc(100vw - 40px));border-radius:8px;background:var(--pine);color:#fff;padding:16px 21px;box-shadow:0 14px 40px #091e1277;font-size:12px;line-height:1.6;opacity:0;transform:translateY(30px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#8f5146}.sidebar-backdrop{position:fixed;inset:0;background:#0d1f1590;z-index:20}
@media(max-width:1450px){.folder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.banner-stats>div{min-width:100px;padding-left:15px;padding-right:15px}.binder-layout{grid-template-columns:minmax(230px,40%) 16px minmax(0,60%)}.binder-index{padding-left:32px;padding-right:16px}.preview-paper{padding-left:22px;padding-right:20px}}
@media(max-width:1180px){.app-layout{grid-template-columns:213px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.sidebar-logo{margin-left:7px;margin-bottom:46px}.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.banner-stats{padding-right:12px}.banner-stats>div{min-width:83px;padding-left:12px;padding-right:9px}.banner-stats strong{font-size:26px}.banner-content{padding-left:27px}.binder-layout{grid-template-columns:minmax(190px,40%) 14px minmax(0,60%)}.index-heading h2{font-size:22px}.binder-index{padding-left:30px}.preview-paper{padding:19px 14px}.preview-stamp{display:none}.topbar{padding-left:24px;padding-right:24px}.main-content{padding-left:24px;padding-right:24px}.app-footer{padding-left:24px;padding-right:24px}.search-box{width:248px}}
@media(max-width:900px){.app-layout{display:block}.sidebar{position:fixed;left:0;top:0;width:260px;transform:translateX(-105%);box-shadow:20px 0 50px #0d1d1840;transition:transform .2s}.nav-open .sidebar{transform:translateX(0)}.topbar{height:70px}.mobile-menu{display:grid;place-items:center;background:transparent;color:var(--pine);border:0;font-size:20px;padding:8px}.topbar-path{margin-right:auto}.main-content{padding-top:32px}.folder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-banner{min-height:210px}.folder-heading-actions .icon-label span{display:none}.binder-layout{grid-template-columns:minmax(230px,40%) 16px minmax(0,60%)}}
@media(max-width:700px){.auth-screen{display:block;min-height:100vh}.auth-cover{display:none}.auth-side{min-height:100vh;padding:29px 25px}.mobile-brand{display:flex;align-items:center;gap:13px;font:700 11px var(--mono);letter-spacing:2px;color:var(--pine)}.mobile-brand .brand-mark{background:var(--pine);width:38px;height:38px;font-size:26px}.auth-form-wrapper{margin:auto}.auth-copyright span{display:none}.topbar{padding:0 17px;gap:8px}.topbar-path{display:none}.topbar-actions{flex:1;gap:12px}.search-box{flex:1;width:auto}.search-box kbd{display:none}.main-content{padding:26px 17px 44px}.app-footer{padding:20px 17px}.app-footer span:last-child{display:none}.breadcrumbs{margin-bottom:26px}.page-heading{align-items:flex-start}.page-heading h1{font-size:35px}.page-heading .heading-action{display:none}.feature-banner{flex-direction:column;margin-bottom:43px}.banner-content{padding:25px 25px 8px}.banner-content h2{font-size:30px}.banner-stats{padding:8px 18px 20px}.banner-stats>div{padding:12px 9px;flex:1}.banner-stats strong{font-size:23px}.banner-stats span{font-size:7px}.section-header h2{font-size:25px}.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.folder-card{min-height:210px;padding:8px 8px 13px}.folder-art{height:140px}.folder-front{height:95px}.folder-tab{bottom:93px}.folder-paper{height:91px}.folder-back{height:96px}.folder-meta{padding:0 3px}.folder-meta strong{font-size:11px;max-width:115px}.folder-meta small{font-size:9px}.folder-open{width:26px;height:26px}.folder-open svg{width:16px}.recent-section{margin-top:46px}.doc-row{gap:10px;padding:12px}.doc-size,.doc-date{display:none}.folder-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:29px}.folder-heading-main{gap:13px}.folder-large-icon{width:49px;height:49px}.folder-large-icon svg{width:22px}.folder-heading h1{font-size:34px}.folder-heading-actions{width:100%}.folder-heading-actions .button{flex:1}.binder-label span:last-child{display:none}.binder-layout{display:flex;flex-direction:column;filter:none;gap:0}.binder-index{border-radius:8px 8px 0 0;min-height:0;padding:24px 22px 17px 34px}.binder-index:after{left:22px}.index-header{margin-bottom:12px}.index-heading{margin-top:9px}.index-heading h2{font-size:27px}.index-lines{max-height:200px}.index-entry{min-height:60px}.index-bottom{margin-top:13px;padding-top:13px}.binder-spine{height:15px;width:100%;flex:none;background:linear-gradient(#bab6a5,#e2ddcf 50%,#b7b5a5)}.spine-ring{top:-7px!important;bottom:auto;width:15px;left:auto;right:auto;height:29px;border:5px solid #b4b2a5;box-shadow:2px 1px 4px #312e2740}.spine-ring:nth-child(1){left:12%}.spine-ring:nth-child(2){left:36%}.spine-ring:nth-child(3){left:60%}.spine-ring:nth-child(4){left:84%}.binder-preview{border:1px solid #e6e2d8;border-top:0;border-radius:0 0 8px 8px;padding:13px 12px}.preview-paper{min-height:520px;padding:20px 22px 14px}.preview-paper:before{top:104px}.preview-stamp{display:flex}.preview-document-heading h3{font-size:19px}.paper-bottom span:last-child{display:none}.page-toolbar{height:64px}.page-progress strong{font-size:8px}.folder-bottom-bar{align-items:flex-start;flex-direction:column}.modal-window{padding:25px 21px}.modal-top h3{font-size:28px}}
@media(max-width:390px){.folder-grid{gap:8px}.folder-card{min-height:197px}.folder-art{height:128px}.folder-front{height:84px}.folder-tab{bottom:82px}.folder-front-label{font-size:6px}.folder-meta strong{max-width:90px}.folder-meta small{font-size:8px}.section-header>.button{padding:0 11px}.preview-paper{padding:18px 14px}.page-button{padding:9px 10px}.page-button span{display:none}.folder-heading-actions .button{padding:0 12px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Aktenwerk 1.2 – Kategorien und immersive Aktenansicht */
.sidebar-folders{max-height:26vh;flex:none}
.sidebar-categories{display:grid;gap:3px;min-height:0;max-height:24vh;overflow-y:auto;scrollbar-width:thin}
.sidebar-categories .sidebar-folder svg{flex:none;color:#b7c4b8}
.category-title{margin-top:25px}
.manage-categories-link{display:block;margin:10px 12px 5px;border:0;background:none;color:#b5c8b7;font-size:11px;text-decoration:underline;text-underline-offset:3px;text-align:left}
.category-filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 18px;background:#eeefe6;border:1px solid #dfe5d8;border-radius:8px;margin-bottom:21px;font-size:11px;color:#4c6953}
.category-filter-bar strong{margin-right:auto;font-weight:700}
.category-filter-bar .text-button{font-size:10px}
.category-form-section,.category-upload-field{margin-top:20px;margin-bottom:18px}
.category-management{display:grid;gap:8px}
.category-management-row{display:flex;align-items:center;gap:11px;background:#f7f7f1;border:1px solid #e6e5dc;border-radius:7px;padding:9px 12px}
.category-management-row strong{flex:1;font-size:12px;word-break:break-word}
.category-management-color{width:18px;height:18px;border-radius:5px;flex:none}
.category-add-btn{margin-top:14px;justify-self:start}
.category-hint{font-size:11px;color:#7d8d7f;line-height:1.6}
.binder-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.binder-tools label{display:flex;align-items:center;gap:5px;color:#6a806d;font-size:10px;letter-spacing:0}
.binder-tools select{max-width:190px;border:1px solid #dbd9cc;background:#fffefa;color:#3c5b4d;padding:7px 9px;border-radius:5px;font-size:11px}
.binder-tools .text-button{font-size:10px}
.folder-close{display:inline-flex;align-items:center;gap:7px}
/* Gewünschte Vollbildansicht: ohne Seitenleiste, Toolbar oder Footer. */
#app.folder-fullscreen{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;min-height:0;display:block;overflow:hidden;z-index:40;background:var(--cream)}
#app.folder-fullscreen .sidebar,#app.folder-fullscreen .topbar,#app.folder-fullscreen .app-footer{display:none!important}
#app.folder-fullscreen .app-main{height:100%;min-height:0;width:100%;display:flex}
#app.folder-fullscreen .main-content{display:flex;flex-direction:column;flex:1;min-height:0;max-width:none;height:100%;overflow:hidden;padding:14px clamp(15px,2vw,35px) 12px}
#app.folder-fullscreen .breadcrumbs{display:none}
#app.folder-fullscreen .folder-heading{flex:none;margin:0 0 12px}
#app.folder-fullscreen .folder-heading h1{font-size:clamp(22px,2.3vw,34px);line-height:1.2}
#app.folder-fullscreen .folder-heading-main{gap:12px}
#app.folder-fullscreen .folder-large-icon{height:48px;width:48px;flex:none}
#app.folder-fullscreen .binder-label{flex:none;margin-bottom:9px}
#app.folder-fullscreen .binder-layout{flex:1;min-height:0;height:100%;grid-template-columns:minmax(235px,33%) 18px minmax(0,67%);filter:drop-shadow(0 6px 12px #253d3110)}
#app.folder-fullscreen .binder-index{min-height:0;overflow:hidden;padding-top:19px;padding-bottom:14px}
#app.folder-fullscreen .index-header{flex:none;margin-bottom:10px}
#app.folder-fullscreen .index-heading h2{font-size:clamp(20px,2vw,27px)}
#app.folder-fullscreen .index-lines{min-height:0;max-height:none;overflow-y:auto}
#app.folder-fullscreen .index-bottom{flex:none;padding-top:11px;margin-top:11px}
#app.folder-fullscreen .binder-preview{min-height:0;overflow:hidden;padding:10px 13px}
#app.folder-fullscreen .preview-paper{flex:1;min-height:0;overflow:hidden;padding:13px 21px 11px}
#app.folder-fullscreen .preview-document-heading{flex:none;margin-bottom:9px}
#app.folder-fullscreen .preview-document-heading h3{font-size:clamp(16px,1.5vw,22px)}
#app.folder-fullscreen .preview-content{min-height:0;overflow:auto;flex:1;padding:5px}
#app.folder-fullscreen .pdf-canvas-wrap{max-height:100%;height:100%;overflow:auto}
#app.folder-fullscreen .native-pdf-container{height:100%;min-height:0}
#app.folder-fullscreen .native-pdf{min-height:0;height:100%}
#app.folder-fullscreen .paper-bottom{margin-top:8px;padding-top:8px;flex:none}
#app.folder-fullscreen .page-toolbar{height:53px;flex:none}
#app.folder-fullscreen .folder-bottom-bar{display:none}
@media(max-width:900px){
  #app.folder-fullscreen .binder-layout{grid-template-columns:minmax(200px,35%) 12px minmax(0,65%)}
  #app.folder-fullscreen .binder-index{padding-left:25px;padding-right:12px}
  #app.folder-fullscreen .binder-index:after{left:15px}
  #app.folder-fullscreen .folder-heading-actions{gap:5px}
}
@media(max-width:700px){
  #app.folder-fullscreen .main-content{overflow-y:auto;display:block;padding:12px 10px 25px}
  #app.folder-fullscreen .folder-heading{gap:12px;margin-bottom:13px;align-items:flex-start}
  #app.folder-fullscreen .folder-heading-actions{width:100%}
  #app.folder-fullscreen .folder-heading-actions .button{font-size:10px;min-width:0;padding:0 8px}
  #app.folder-fullscreen .folder-heading-actions .folder-close span{display:inline}
  #app.folder-fullscreen .binder-label{align-items:start;gap:10px}
  #app.folder-fullscreen .binder-tools{flex-wrap:wrap;justify-content:flex-end}
  #app.folder-fullscreen .binder-tools>span{display:none}
  #app.folder-fullscreen .binder-layout{display:flex;flex-direction:column;height:auto;min-height:0;gap:0}
  #app.folder-fullscreen .binder-index{min-height:0;padding:14px 13px 13px 29px;max-height:32dvh}
  #app.folder-fullscreen .binder-index:after{left:19px}
  #app.folder-fullscreen .index-header{margin-bottom:4px}
  #app.folder-fullscreen .index-lines{max-height:17dvh;overflow:auto}
  #app.folder-fullscreen .index-bottom{display:none}
  #app.folder-fullscreen .binder-spine{flex:none}
  #app.folder-fullscreen .binder-preview{padding:9px;min-height:55dvh;overflow:visible}
  #app.folder-fullscreen .preview-paper{min-height:46dvh;padding:14px}
  #app.folder-fullscreen .preview-content{min-height:32dvh;max-height:68dvh}
  #app.folder-fullscreen .page-toolbar{height:57px}
  .binder-tools>span{display:none}
  .category-filter-bar{gap:7px}
  .sidebar-folders{max-height:30vh}
}
/* Explizite Schaltflächenfarbe auch im nativen Browser-Vollbild. */
#app.folder-fullscreen .folder-heading-actions .button.dark{background:#253e35;color:#fff;border-color:#253e35}
@media(max-width:700px){
 #app.folder-fullscreen .folder-heading-actions{display:grid;grid-template-columns:1fr 42px 1.3fr;gap:6px}
 #app.folder-fullscreen .folder-heading-actions .button{width:100%;min-width:0;height:auto;line-height:1.25;white-space:normal}
 #app.folder-fullscreen .folder-heading-actions .icon-label{min-width:42px}
 #app.folder-fullscreen .folder-heading-actions .button.dark{font-size:10px;padding:4px 7px;gap:5px}
}

/* Aktenwerk 1.3.1 – Kategorieformular: Fehlermeldung bleibt sichtbar. */
.category-save-error{margin:14px 0 0;padding:12px 14px;border-radius:7px;border:1px solid #e7c8bf;background:#fff1ed;color:#9e3e35;font:500 12px/1.6 var(--sans)}
.category-management .category-add-btn{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:10px 16px;border-radius:7px;background:#253e35;color:#fff;border:1px solid #253e35}

/* Aktenwerk 1.4.0 – Akten/Kategorien als echte, klappbare Subnavigation */
.archive-subnavigation{display:grid;gap:8px;margin:-1px 0 22px}
.subnav-section{border-radius:9px;background:#ffffff07;border:1px solid #ffffff0d;overflow:hidden}
.subnav-heading{display:flex;align-items:center;padding:4px 6px 4px 4px;gap:2px;min-height:47px}
.subnav-link{min-width:0;flex:1;display:flex;align-items:center;gap:10px;text-align:left;background:transparent;border:0;border-radius:6px;padding:10px;color:#d5dfd1;font-size:12px;font-weight:650;cursor:pointer}
.subnav-link>span:nth-child(2){flex:1}
.subnav-link small{font:10px var(--mono);color:#9bb09f;background:#ffffff0c;border-radius:7px;padding:4px 6px}
.subnav-link:hover,.subnav-link.active{background:#eff1e817;color:white}
.subnav-toggle,.subnav-add{height:29px;width:25px;flex:none;display:grid;place-items:center;padding:0;border:0;border-radius:5px;background:transparent;color:#b8c6b9;cursor:pointer}
.subnav-toggle:hover,.subnav-add:hover{background:#ffffff19;color:white}
.subnav-toggle span{display:grid;place-items:center;transition:transform .18s ease}
.subnav-toggle.collapsed span{transform:rotate(-90deg)}
.subnav-add{color:#dcb883;font-size:20px}
.subnav-children{margin:0 5px 7px 9px;padding:2px 0 0 9px;border-left:1px solid #ffffff24}
.subnav-children[hidden],#sidebarCategories[hidden]{display:none!important}
.sidebar-folders.subnav-children{display:grid;gap:1px;max-height:31vh;overflow-y:auto;scrollbar-width:thin}
.subnav-section .sidebar-folder{height:36px;padding:0 9px;font-size:11px;gap:9px}
.subnav-section .sidebar-folder svg{flex:none}
.subnav-section .sidebar-folder.selected{background:#ffffff19}
#categorySubmenu .sidebar-categories{max-height:28vh;overflow-y:auto;min-height:0}
.subnav-section .sidebar-empty{padding:10px 9px}
.subnav-section .manage-categories-link{margin:5px 5px 8px;padding:6px 3px;font-size:10px}
.sidebar .side-nav{margin-bottom:28px}
.sidebar .file-label{margin:0 10px 10px}
.category-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.category-page-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:167px;border:1px solid #e0e4d9;border-radius:11px;background:#fffdfa;padding:19px;text-align:left;color:#2e493a;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.category-page-card::before{position:absolute;content:'';top:0;left:0;bottom:0;width:6px;border-radius:11px 0 0 11px;background:var(--category-color)}
.category-page-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #2e493a12}
.category-page-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--category-color) 16%,white);color:var(--category-color);margin-bottom:16px}
.category-page-card strong{font:650 17px/1.3 var(--sans);overflow-wrap:anywhere;margin-bottom:8px}
.category-page-card>span:nth-last-child(2){color:#64786b;font-size:11px}
.category-page-arrow{position:absolute;right:16px;bottom:16px;color:#6b8a75}
@media(max-width:1100px){.category-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.category-page-grid{grid-template-columns:1fr}.category-page-card{min-height:137px}.sidebar-folders.subnav-children{max-height:32vh}}