:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#292c2e;font-size:14px;--accent:#e88832;--accent-ink:#773b11;--bg:#f1dc95;--shell:rgba(250,249,246,.93);--sidebar:rgba(239,237,231,.78);--surface:#fff;--surface2:#f5f4f1;--text:#292c2e;--muted:#838581;--line:rgba(64,63,52,.1);--hover:rgba(108,100,76,.065);--shadow:0 24px 90px #413b2a25;--card-shadow:0 3px 8px #38332304;--input:#fff;--danger:#c94742;--radius:18px;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 84% 8%,#fff6ca99,transparent 55%),radial-gradient(ellipse at 10% 85%,#d8bd6890,transparent 60%),var(--bg);color:var(--text);transition:background .25s,color .25s}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button,a{touch-action:manipulation}button{color:inherit}button,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:3px}button{border:0;background:none}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle}img{object-fit:cover}.hidden{display:none!important}.muted{color:var(--muted);font-size:12px}.row{display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.9px;color:var(--muted)}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:10px 15px;font-size:12px;font-weight:600;min-height:38px;white-space:nowrap;transition:filter .15s,transform .15s}.primary{background:var(--accent);color:var(--button-text,#251b12);box-shadow:0 2px 3px #00000005}.primary:hover{filter:brightness(1.06)}.primary:active,.secondary:active{transform:translateY(1px)}.secondary{background:var(--surface);border:1px solid var(--line);box-shadow:0 2px 2px #00000002}.secondary:hover{background:var(--surface2)}.primary svg,.secondary svg{width:16px;height:16px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;flex-shrink:0;color:var(--muted);font-size:24px}.icon-button svg{width:17px;height:17px}.icon-button:hover{background:var(--hover);color:var(--text)}.local-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6d9c83;flex-shrink:0}.loading{height:100vh;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;color:#645c43}.desktop{margin:30px auto 24px;width:calc(100% - 64px);max-width:1680px;min-height:calc(100vh - 60px);background:var(--shell);border:1px solid #ffffff80;box-shadow:var(--shadow),0 0 0 1px #6457310a;border-radius:17px;overflow:hidden;backdrop-filter:blur(35px)}.workspace{display:flex;min-height:calc(100vh - 104px)}.sidebar{width:245px;flex-shrink:0;padding:29px 16px 13px;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;text-align:left;padding:0 7px;margin:0 0 30px}.brand>span{font-weight:700;font-size:17px;letter-spacing:-.5px}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:5px}.brand img{border-radius:10px;box-shadow:0 4px 7px #ac6c1320}.new-document{width:100%;margin-bottom:29px;font-weight:600;padding:10px 4px;box-shadow:0 3px 7px #a5722510}.new-document>span{font-size:21px;line-height:12px;font-weight:300}.nav-label{font-size:9px;letter-spacing:1.4px;color:var(--muted);font-weight:600;padding:0 11px;margin:0 0 10px}.nav-label.row{margin-top:23px;margin-bottom:4px;height:19px}.nav-label .icon-button{width:24px;height:24px;font-size:18px}.nav-item{display:flex;width:100%;align-items:center;text-align:left;padding:10px 10px;margin-bottom:3px;gap:10px;border-radius:8px;font-size:11px;min-height:37px;font-weight:500}.nav-item svg{width:16px;height:16px;color:#85867f}.nav-item:hover{background:var(--hover)}.nav-item.active{background:color-mix(in srgb,var(--accent) 19%,transparent);color:var(--text)}.nav-item.active svg{color:color-mix(in srgb,var(--accent) 80%,#5c452b)}.nav-count{margin-left:auto;color:var(--muted);font-size:10px}.nav-badge{margin-left:auto;background:var(--accent);padding:2px 5px;border-radius:4px;font-size:9px}.folder-nav{max-height:225px;overflow:auto;margin-bottom:22px}.folder-nav .nav-item{font-size:11px;padding:8px 10px;margin:0}.folder-nav .nav-item>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-nav{display:flex;flex-wrap:wrap;gap:6px;padding:0 9px;margin-bottom:22px;max-height:120px;overflow:auto}.tag-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:5px;background:color-mix(in srgb,var(--surface) 65%,transparent);border:1px solid var(--line);font-size:10px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.tag-chip i{width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0}.tag-chip.active{background:color-mix(in srgb,var(--accent) 20%,var(--surface));border-color:var(--accent)}.empty-nav{font-size:10px;line-height:1.6;color:var(--muted);padding:3px 11px}.sidebar-bottom{margin-top:auto}.storage-info{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding:19px 10px;margin-top:12px}.storage-info>span:first-child{color:var(--muted)}.storage-info svg{width:17px;height:17px}.storage-info strong{font-size:10px;font-weight:500;display:block}.storage-info small{font-size:9px;color:var(--muted);margin-top:4px;display:block}.storage-info>.local-dot{margin-left:auto}.profile{display:flex;align-items:center;gap:10px;width:100%;padding:10px 9px;text-align:left;border-top:1px solid var(--line);border-radius:0 0 7px 7px}.profile:hover{background:var(--hover)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:color-mix(in srgb,var(--accent) 22%,var(--surface));color:var(--accent-ink);font-weight:600;font-size:12px;overflow:hidden}.avatar img{width:100%;height:100%}.profile strong{font-size:11px;font-weight:600;display:block;max-width:125px;overflow:hidden;text-overflow:ellipsis}.profile small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.profile>span:last-child{margin-left:auto;color:var(--muted)}.profile svg{width:15px;height:15px}.main{padding:0 34px;flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:76px;display:flex;align-items:center;gap:14px}.breadcrumbs{display:flex;align-items:center;gap:7px;font-size:10px;min-width:0;overflow:hidden;white-space:nowrap}.breadcrumbs button{padding:4px 1px;color:var(--muted);font-size:10px;text-overflow:ellipsis;overflow:hidden;max-width:140px;flex-shrink:1}.breadcrumbs button:last-child{color:var(--text);font-weight:500}.breadcrumbs>span{color:var(--muted);opacity:.4;font-size:14px}.breadcrumbs svg{width:13px;height:13px}.search{margin-left:auto;display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:9px 11px;border-radius:8px;background:color-mix(in srgb,var(--surface) 65%,transparent);width:310px;flex-shrink:0}.search svg{width:14px;height:14px;color:var(--muted)}.search input{border:0;outline:none;background:none;color:var(--text);font-size:10px;width:100%;min-width:0}.search input::placeholder{color:var(--muted)}.search kbd{white-space:nowrap;font-size:9px;color:var(--muted);font-family:inherit;border:1px solid var(--line);padding:2px 3px;border-radius:3px}.page-heading{padding:25px 0 26px;display:flex;justify-content:space-between;gap:15px;align-items:center}.page-heading .eyebrow{font-size:9px;letter-spacing:1.5px}.page-heading h1{font-size:31px;font-weight:650;letter-spacing:-1.2px;line-height:1.2;margin:9px 0 10px;overflow-wrap:anywhere}.heading-dot{color:var(--accent)}.page-heading p{font-size:11px;color:var(--muted)}.heading-actions{display:flex;gap:9px;flex-shrink:0;margin-top:20px}.overview{display:grid;grid-template-columns:repeat(4,1fr);background:color-mix(in srgb,var(--surface) 60%,transparent);border:1px solid var(--line);border-radius:11px;margin-bottom:34px;padding:17px 5px}.overview>div{display:flex;gap:12px;align-items:center;padding:0 20px;border-right:1px solid var(--line)}.overview>div:last-child{border:0}.stat-icon{width:33px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:9px}.stat-icon svg{width:19px;height:19px}.blue{color:#6f9cbf;background:#83b5e013}.orange{color:#c48b4b;background:#e7ab6315}.green{color:#7a9b85;background:#7cbd9515}.neutral{color:#89867f;background:#8f8a8010}.overview strong{font-size:18px;font-weight:600;display:block;letter-spacing:-.4px}.overview small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.overview .private-stat strong{font-size:11px;letter-spacing:0;font-weight:500}.content-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.content-label{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.content-label>strong{font-size:12px;font-weight:600}.content-label>.muted{font-size:10px}.view-tools{display:flex;align-items:center;gap:15px}.sort-label{display:flex;align-items:center;gap:3px}.sort-label svg{width:12px;height:12px;color:var(--muted)}.sort-label select{border:0;background:none;font-size:10px;color:var(--muted);padding:5px 3px;cursor:pointer;max-width:120px}.view-switch{display:flex;border:1px solid var(--line);border-radius:7px;padding:2px;background:var(--surface2)}.view-switch button{width:29px;height:25px;border-radius:5px;color:var(--muted)}.view-switch button.active{background:var(--surface);box-shadow:0 1px 3px #00000012;color:var(--text)}.view-switch svg{width:13px;height:13px}.filter-clear{font-size:10px;color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 17%,var(--surface));padding:4px 7px;border-radius:4px}.entry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(163px,1fr));gap:16px;align-content:start}.entry-card{position:relative;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:var(--card-shadow);min-width:0;transition:transform .17s,box-shadow .17s,border-color .17s;overflow:hidden}.entry-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 37%,var(--line));box-shadow:0 6px 15px #00000007}.entry-open{width:100%;text-align:left;padding:0;display:block}.entry-visual{height:125px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--surface2) 65%,var(--surface));position:relative;overflow:hidden}.entry-visual.is-folder{background:transparent;height:123px}.folder-art{width:86px;height:61px;border-radius:5px 6px 8px 8px;background:linear-gradient(160deg,color-mix(in srgb,var(--folder-color,#6eacdf) 70%,white),var(--folder-color,#6eacdf));position:relative;box-shadow:0 8px 13px #37546b18,0 1px 1px #ffffff80 inset;margin-top:14px}.folder-art:before{content:"";position:absolute;left:0;top:-9px;width:38px;height:15px;background:color-mix(in srgb,var(--folder-color,#6eacdf) 85%,#52616a);border-radius:6px 9px 0 0;z-index:0}.folder-art:after{content:"";position:absolute;inset:2px;border-radius:4px 5px 6px 6px;border:1px solid #ffffff22}.folder-art .folder-mark{position:absolute;right:11px;bottom:10px;font-size:20px;color:#ffffff40;font-weight:200}.file-paper{background:#fff;width:66px;height:85px;border:1px solid #dddde1;border-radius:3px 12px 3px 3px;box-shadow:0 5px 10px #3030300c;position:relative;padding:32px 10px 0}.file-paper:before{content:"";position:absolute;top:0;right:0;width:15px;height:15px;background:linear-gradient(45deg,#ececee 50%,var(--surface2) 51%);border-bottom-left-radius:3px}.file-paper strong{position:absolute;left:-6px;top:17px;border-radius:3px;background:var(--file-color,#c47b75);font-size:9px;color:white;letter-spacing:.8px;padding:4px 6px}.file-paper i{display:block;height:2px;border-radius:2px;background:#e7e7e7;margin:8px 0}.file-paper i:nth-of-type(3){width:65%}.image-thumb{width:100%;height:100%;object-fit:cover}.image-type{position:absolute;bottom:8px;left:8px;font-size:8px;font-weight:600;background:#ffffffda;color:#53545a;border-radius:4px;padding:3px 5px}.entry-info{padding:12px 12px 13px;border-top:1px solid var(--line);min-height:68px}.entry-name{font-size:11px;font-weight:550;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:16px}.entry-meta{display:flex;gap:5px;align-items:center;font-size:9px;color:var(--muted);margin-top:7px}.entry-tags{display:flex;gap:4px;padding:0 12px 11px;overflow:hidden}.entry-tags span{background:color-mix(in srgb,var(--accent) 11%,var(--surface));font-size:8px;padding:3px 5px;border-radius:3px;color:var(--muted);white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis}.entry-more{position:absolute;right:6px;bottom:30px;width:25px;height:25px;font-size:20px;line-height:15px;border-radius:5px;color:var(--muted)}.entry-more:hover{background:var(--hover)}.entry-card:has(.entry-tags) .entry-more{bottom:56px}.favorite-mark{position:absolute;left:9px;top:9px;font-size:13px;color:#d9a14b;z-index:1;pointer-events:none}.entry-list{display:flex;flex-direction:column;gap:4px}.entry-list .entry-card{border-color:transparent;box-shadow:none;display:flex;align-items:center;border-radius:7px;background:transparent}.entry-list .entry-card:hover{transform:none;background:var(--hover)}.entry-list .entry-open{display:flex;align-items:center;min-width:0;flex:1}.entry-list .entry-visual{height:48px;width:60px;flex-shrink:0;background:none}.entry-list .folder-art{transform:scale(.34);margin-top:0;flex-shrink:0}.entry-list .file-paper{transform:scale(.38);flex-shrink:0}.entry-list .image-thumb{width:33px;height:35px;border-radius:4px}.entry-list .image-type{display:none}.entry-list .entry-info{display:flex;align-items:center;border:0;gap:10px;flex:1;padding:10px 35px 10px 2px;min-height:45px;min-width:0}.entry-list .entry-name{flex:1;font-size:11px}.entry-list .entry-meta{margin:0;min-width:140px;justify-content:flex-end}.entry-list .entry-more{position:static;margin:0 8px;flex-shrink:0}.entry-list .entry-tags{padding:0;max-width:160px;flex-shrink:0}.entry-list .favorite-mark{left:43px;top:4px;font-size:9px}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:330px;padding:20px}.empty-icon{width:88px;height:78px;border-radius:22px;background:color-mix(in srgb,var(--accent) 10%,transparent);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.empty-icon svg{width:43px;height:43px;color:color-mix(in srgb,var(--accent) 70%,#938c70);stroke-width:1}.empty h2{font-size:19px;font-weight:550;letter-spacing:-.5px}.empty p{font-size:12px;color:var(--muted);line-height:1.8;margin:12px 0 20px}.empty small{font-size:9px;color:var(--muted);margin-top:13px}.content-footer{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:auto;padding:35px 0 21px;gap:10px}.content-footer>span:first-child{display:flex;gap:7px;align-items:center}.content-footer .local-dot{width:4px;height:4px}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin:30px 0 0;font-size:11px;color:var(--muted)}.error-banner{border:1px solid #c9504c40;border-radius:8px;background:#c9504c0c;color:var(--danger);padding:12px;margin-bottom:15px;font-size:12px}.drop-overlay{position:fixed;inset:43px 0 0;z-index:40;background:color-mix(in srgb,var(--surface) 85%,transparent);backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;border:3px dashed var(--accent);margin:15px;border-radius:20px;text-align:center;pointer-events:none}.drop-overlay svg{width:70px;height:70px;color:var(--accent);margin-bottom:20px}.drop-overlay h2{font-size:26px;margin-bottom:10px}.drop-overlay p{color:var(--muted)}
/* Forms and panels */
dialog{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:17px;padding:0;width:520px;max-width:calc(100vw - 30px);max-height:90vh;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#25262048;backdrop-filter:blur(6px)}.modal-top{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);z-index:3}.modal-top h2{font-size:17px;font-weight:600;letter-spacing:-.5px}.modal-top .icon-button{font-size:25px}#modal-body{padding:22px 24px}dialog.wide{width:830px}.form-stack{display:flex;flex-direction:column;gap:16px}.form-stack label,.auth-form label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:500}.form-stack input:not([type=checkbox]):not([type=color]):not([type=radio]),.form-stack select,.form-stack textarea,.auth-form input{width:100%;background:var(--input);border:1px solid var(--line);border-radius:7px;padding:10px 11px;color:var(--text);font-size:12px;min-height:39px}.form-stack textarea{resize:vertical;min-height:85px;line-height:1.5}.form-stack label.check{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:12px;font-weight:400}.check input{accent-color:var(--accent);width:16px;height:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center;margin-top:7px;flex-wrap:wrap}.form-actions .danger{margin-right:auto}.danger{color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 20%,var(--surface));background:color-mix(in srgb,var(--danger) 6%,var(--surface));border-radius:8px;padding:10px 13px;font-size:11px;font-weight:500}.form-error{font-size:12px;color:var(--danger);line-height:1.5;min-height:0}.form-help{font-size:11px;color:var(--muted);line-height:1.7}.form-section{border:0;border-top:1px solid var(--line);padding:18px 0 0;margin:3px 0 0}.form-section legend{font-size:11px;font-weight:600;color:var(--muted);padding:0 8px 0 0}.detail-summary{display:flex;align-items:center;gap:15px;background:var(--surface2);padding:14px;border-radius:10px;font-size:11px;color:var(--muted);line-height:1.8;overflow-wrap:anywhere}.detail-summary svg{width:28px;height:28px;color:var(--accent)}.detail-summary strong{display:block;color:var(--text);font-weight:500}.color-input{display:flex;align-items:center;gap:10px!important;flex-direction:row!important}.color-input input{width:45px;height:32px;border:0;background:none;cursor:pointer;padding:0}.subtle-link{font-size:11px;text-decoration:underline;text-underline-offset:3px;color:var(--muted);padding:7px 0}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.theme-choice{border:1px solid var(--line);border-radius:8px;padding:7px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:10px}.theme-choice.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-choice .theme-sample{width:28px;height:27px;border-radius:5px;background:linear-gradient(90deg,var(--sample-side) 35%,var(--sample-bg) 35%);border:1px solid #8882}.swatches{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.swatch{width:24px;height:24px;border-radius:50%;border:3px solid var(--surface);box-shadow:0 0 0 1px var(--line)}.swatch.active{box-shadow:0 0 0 2px var(--text)}.profile-top{display:flex;gap:14px;align-items:center}.profile-top .avatar{width:55px;height:55px;font-size:20px}.profile-top .secondary{font-size:10px;padding:7px 10px;min-height:30px}.user-list{display:flex;flex-direction:column;gap:8px;margin-top:18px}.user-row{display:flex;align-items:center;gap:12px;padding:13px;background:var(--surface2);border:1px solid var(--line);border-radius:9px}.user-row .user-title{font-size:12px;font-weight:550}.user-row small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.user-row>.secondary{margin-left:auto;min-height:30px;padding:7px 10px;font-size:10px}.pill{font-size:9px;border-radius:4px;padding:4px 6px;background:#71ad7a18;color:#699472;white-space:nowrap}.pill.blocked{background:#c9504c13;color:var(--danger)}.admin-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.audit-list{max-height:420px;overflow:auto}.audit-row{border-bottom:1px solid var(--line);padding:12px 0;font-size:11px;line-height:1.7}.audit-row small{color:var(--muted);display:block}.import-path{display:flex;gap:10px;align-items:center;background:var(--surface2);border:1px solid var(--line);border-radius:9px;padding:13px;word-break:break-all}.import-path code{font-size:12px;flex:1}.import-list{max-height:220px;overflow:auto;padding:0;list-style:none;margin:0}.import-list li{padding:9px 5px;border-bottom:1px solid var(--line);font-size:11px;overflow-wrap:anywhere}.notice{background:color-mix(in srgb,var(--accent) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--surface));padding:12px;border-radius:8px;font-size:11px;line-height:1.7}.preview-modal{width:1100px;height:90vh;max-height:94vh;background:var(--surface2)}.preview-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 18px;border-bottom:1px solid var(--line);background:var(--surface)}.preview-name{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-header>div{display:flex;gap:8px;align-items:center;flex-shrink:0}.preview-header .secondary{min-height:31px;padding:7px 10px;font-size:10px}.preview-content{height:calc(100% - 63px);display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}.preview-content img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 5px 30px #0001}.preview-content iframe{width:100%;height:100%;border:0;border-radius:5px;background:white}.preview-content pre{align-self:stretch;width:100%;margin:0;background:var(--surface);padding:25px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7;overflow:auto;border-radius:8px}.preview-unavailable{text-align:center;color:var(--muted);font-size:12px;line-height:1.8}.preview-unavailable svg{width:55px;height:55px;margin-bottom:17px;opacity:.5}.preview-unavailable h3{color:var(--text);font-size:18px;font-weight:500;margin-bottom:5px}.toasts{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;display:flex;gap:8px;flex-direction:column;width:max-content;max-width:calc(100vw - 30px);pointer-events:none}.toast{background:var(--text);color:var(--surface);font-size:12px;line-height:1.5;box-shadow:0 6px 25px #0002;padding:12px 20px;border-radius:10px;animation:slide-in .2s}.toast.error{background:#9d3834;color:#fff}@keyframes slide-in{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}#mobile-menu{display:none}.auth{width:min(1060px,calc(100% - 60px));min-height:650px;margin:calc(max(25px,(100vh - 680px)/2)) auto;display:grid;grid-template-columns:1.1fr 1fr;background:var(--shell);border-radius:22px;overflow:hidden;box-shadow:var(--shadow);border:1px solid #ffffff70}.auth-art{position:relative;padding:52px 46px;background:linear-gradient(145deg,#f9eed2,#e7d9b9);color:#4a4539;overflow:hidden;min-height:630px}.auth-art .eyebrow{color:#8d8066;font-size:9px}.auth-art h1{font-size:44px;font-weight:550;letter-spacing:-2px;line-height:1.14;margin:23px 0 17px}.auth-art>p{font-size:13px;color:#8a7c65;line-height:1.8}.auth-foot{position:absolute;bottom:28px;font-size:10px;color:#8a7c65}.art-folders{position:absolute;left:48px;right:20px;top:320px;height:230px}.art-folder{position:absolute;width:235px;height:155px;border-radius:8px 10px 14px 14px;box-shadow:0 20px 30px #4d3d2720}.art-folder:before{content:"";position:absolute;top:-19px;left:0;width:90px;height:24px;border-radius:10px 13px 0 0;background:inherit}.art-folder.back{background:#b9c9b8;left:65px;top:4px;transform:rotate(10deg)}.art-folder.front{background:linear-gradient(155deg,#eeb875,#ce8b46);left:15px;top:53px;transform:rotate(-8deg);border-top:1px solid #f5cfa0}.art-folder.front span{position:absolute;bottom:22px;left:20px;color:#784e2b;font-size:11px;font-weight:550}.art-folder.front i{font-style:normal;position:absolute;right:22px;bottom:20px;color:#ffe6bf90;font-size:27px}.art-paper{position:absolute;background:#faf8f0;width:125px;height:167px;top:0;left:155px;transform:rotate(9deg);box-shadow:0 8px 10px #71553515;padding:16px;font-size:5px;letter-spacing:1px;color:#a49983}.art-paper b{font-size:16px;line-height:1.2;display:block;letter-spacing:-.5px;margin:20px 0;color:#76654f;font-weight:500}.art-paper hr{border:0;border-top:1px solid #e5dfd2}.auth-form{display:flex;flex-direction:column;justify-content:center;padding:45px 55px;background:var(--surface)}.auth-form>img{margin-bottom:30px;align-self:flex-start;border-radius:14px}.auth-form .eyebrow{font-size:8px;letter-spacing:1.5px}.auth-form h2{font-size:26px;font-weight:550;letter-spacing:-.8px;margin:9px 0 10px}.auth-form>p:not(.form-error){color:var(--muted);font-size:11px;line-height:1.7;margin-bottom:24px}.auth-form label{margin-bottom:15px}.auth-form .primary{width:100%;justify-content:space-between;padding:11px 15px;font-size:12px;margin-top:5px}.auth-form>small{font-size:9px;color:var(--muted);text-align:center;margin-top:16px}.auth-form .form-error{margin-bottom:10px}.auth-version{font-size:9px;color:var(--muted);text-align:center;margin-top:28px}
/* Personal appearance */
body[data-theme=light]{--bg:#e4e7ed;--shell:rgba(252,252,253,.96);--sidebar:rgba(235,236,240,.8);--surface:#fff;--surface2:#f5f6f8;--text:#2d3037;--muted:#7f838d}
body[data-theme=sand]{--bg:#ead6a0;--shell:rgba(252,249,240,.96);--sidebar:rgba(239,231,213,.82);--surface:#fffdf8;--surface2:#f7f2e7;--text:#493f30;--muted:#968875}
body[data-theme=ocean]{--bg:#b6d3de;--shell:rgba(245,250,252,.96);--sidebar:rgba(220,234,240,.82);--surface:#fbfdff;--surface2:#edf4f8;--text:#2e4655;--muted:#7b929e}
body[data-theme=forest]{--bg:#c5d1b6;--shell:rgba(247,250,243,.96);--sidebar:rgba(225,233,216,.82);--surface:#fcfdf8;--surface2:#eff3e9;--text:#3b4737;--muted:#85917d}
body[data-theme=dark]{--bg:#292d35;--shell:rgba(34,37,42,.97);--sidebar:rgba(28,31,36,.92);--surface:#2d3138;--surface2:#252930;--text:#ecebe7;--muted:#9b9da4;--line:rgba(226,224,214,.1);--hover:rgba(230,230,230,.055);--input:#262a31;--accent-ink:#ecc293;color-scheme:dark}
body[data-theme=dark] .desktop{border-color:#ffffff18}body[data-theme=dark] .auth-art{background:linear-gradient(145deg,#3e3d38,#343630)}body[data-theme=dark] .auth-art h1{color:#e5ddc9}
@media(prefers-color-scheme:dark){body[data-theme=system]{--bg:#292d35;--shell:rgba(34,37,42,.97);--sidebar:rgba(28,31,36,.92);--surface:#2d3138;--surface2:#252930;--text:#ecebe7;--muted:#9b9da4;--line:rgba(226,224,214,.1);--hover:rgba(230,230,230,.055);--input:#262a31;--accent-ink:#ecc293;color-scheme:dark}body[data-theme=system] .desktop{border-color:#ffffff18}}
@media(min-width:1500px){.main{padding:0 45px}.entry-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.entry-visual{height:145px}.entry-visual.is-folder{height:143px}.page-heading{padding-top:35px}}
@media(max-width:1200px){.desktop{width:calc(100% - 36px);margin:18px auto;min-height:calc(100vh - 36px)}.sidebar{width:218px;padding:24px 12px 12px}.brand>span{font-size:16px}.main{padding:0 25px}.overview>div{padding:0 12px;gap:8px}.overview .private-stat{display:none}.overview{grid-template-columns:repeat(3,1fr)}.overview>div:nth-child(3){border:0}.page-heading h1{font-size:28px}.search{width:260px}.heading-actions .secondary{padding:10px}.workspace{min-height:calc(100vh - 80px)}.entry-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px}}
@media(max-width:950px){.heading-actions{flex-direction:column;gap:6px;margin-top:0}.heading-actions .primary,.heading-actions .secondary{padding:8px 10px;min-height:31px;font-size:10px}.topbar{height:63px}.breadcrumbs{max-width:200px}.search{width:230px}.page-heading{padding-top:20px}.main{padding:0 20px}.entry-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px}.auth-form{padding:35px}.auth-art{padding:45px 35px}.auth-art h1{font-size:38px}.art-folders{left:20px}.entry-list .entry-meta{min-width:0;font-size:9px;max-width:120px}.entry-list .entry-tags{display:none}}
@media(max-width:760px){.desktop{width:calc(100% - 16px);margin:8px;min-height:calc(100vh - 16px);border-radius:12px}.workspace{min-height:calc(100vh - 51px)}.sidebar{display:none;position:absolute;top:34px;bottom:0;left:0;z-index:20;width:245px;backdrop-filter:blur(30px);box-shadow:15px 0 40px #0002;background:var(--surface2);padding-top:23px;overflow:auto}.sidebar.mobile-open{display:flex}.brand{margin-bottom:23px}.new-document{margin-bottom:24px}#mobile-menu{display:inline-flex}.topbar{gap:8px;height:63px}.main{padding:0 17px}.search{width:auto;flex:1;max-width:390px;margin-left:auto;padding:9px}.search kbd{display:none}.breadcrumbs{display:none}.topbar>.icon-button:last-child{display:none}.page-heading{padding:17px 0 23px;gap:10px}.page-heading h1{font-size:26px;letter-spacing:-1px}.page-heading p{font-size:10px;line-height:1.6}.page-heading .eyebrow{font-size:7px;letter-spacing:1.3px}.overview{margin-bottom:25px;padding:13px 2px}.overview>div{padding:0 10px;gap:6px}.overview strong{font-size:17px}.overview small{font-size:9px}.stat-icon{width:26px;height:30px}.stat-icon svg{width:17px;height:17px}.entry-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:11px}.content-toolbar{gap:7px;align-items:flex-start}.view-tools{gap:5px}.sort-label select{font-size:9px;max-width:96px}.content-label{gap:5px}.content-label>strong{font-size:11px}.content-label>.muted{font-size:9px}.view-switch button{width:24px}.entry-visual,.entry-visual.is-folder{height:118px}.entry-info{padding:11px 9px}.entry-name{font-size:10px}.entry-meta{font-size:8px}.entry-tags{padding:0 9px 10px}.entry-list .entry-info{gap:5px}.entry-list .entry-meta{font-size:8px;max-width:99px}.entry-list .entry-visual{width:45px}.content-footer{font-size:8px;padding-top:30px}.auth{grid-template-columns:1fr;width:calc(100% - 28px);min-height:0;margin:25px 14px}.auth-art{display:none}.auth-form{padding:36px 30px}.auth-form>img{margin-bottom:25px}.auth-form h2{font-size:27px}.form-row{grid-template-columns:1fr}.modal-top{padding:16px 19px}#modal-body{padding:20px 19px}.modal-top h2{font-size:16px}.preview-modal{max-width:calc(100vw - 16px);height:94vh}.preview-header{padding:10px;flex-wrap:wrap}.preview-name{max-width:100%;width:100%}.preview-header>div{width:100%;justify-content:flex-end}.preview-content{height:calc(100% - 88px);padding:10px}.preview-header .secondary{font-size:10px}.user-row{gap:8px;flex-wrap:wrap}.user-row .avatar{width:28px;height:28px}.user-row .pill{font-size:8px}.user-row .user-title{font-size:11px}.user-row small{font-size:9px}.theme-options{gap:6px}.theme-choice{padding:6px;font-size:9px}.theme-choice .theme-sample{width:21px}.preview-content pre{font-size:11px;padding:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

body[data-theme=dark]{background:radial-gradient(ellipse at 80% 0%,#4a4e5c55,transparent 65%),var(--bg)}
@media(prefers-color-scheme:dark){body[data-theme=system]{background:radial-gradient(ellipse at 80% 0%,#4a4e5c55,transparent 65%),var(--bg)}}
/* Document intake and review */
.inbox-mark{position:absolute;left:9px;top:9px;font-size:8px;font-weight:550;padding:4px 6px;border-radius:5px;background:color-mix(in srgb,var(--accent) 15%,var(--surface));color:var(--text);pointer-events:none;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}.entry-card:has(.inbox-mark) .favorite-mark{left:auto;right:9px}.entry-list .inbox-mark{position:static;font-size:8px;margin-left:auto;white-space:nowrap;flex-shrink:0}.entry-list .entry-card:has(.inbox-mark) .entry-name{min-width:60px}.entry-list .entry-card:has(.inbox-mark) .entry-tags{display:none}
#modal.document-editor{width:1240px;height:min(91vh,980px);max-width:calc(100vw - 34px);overflow:hidden;background:var(--surface2)}#modal.document-editor .modal-top{height:64px;background:var(--surface)}#modal.document-editor #modal-body{padding:0;height:calc(100% - 64px)}.document-editor-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.85fr);height:100%;min-height:0}.editor-document{display:flex;flex-direction:column;min-width:0;min-height:0;background:color-mix(in srgb,var(--surface2) 85%,#e3dfd6)}.editor-preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;gap:10px;border-bottom:1px solid var(--line);background:var(--surface2);flex-shrink:0}.editor-tabs{display:flex;gap:4px;background:var(--surface);border:1px solid var(--line);padding:3px;border-radius:7px}.editor-tabs button{font-size:10px;padding:7px 13px;border-radius:5px;color:var(--muted)}.editor-tabs button.active{background:color-mix(in srgb,var(--accent) 15%,var(--surface));color:var(--text)}.editor-preview-toolbar>.subtle-link{display:flex;align-items:center;gap:5px;text-decoration:none;font-size:10px}.editor-preview-toolbar svg{width:13px;height:13px}.editor-preview{flex:1;display:flex;min-height:0;align-items:center;justify-content:center;overflow:auto;padding:18px}.editor-preview img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 4px 30px #0001}.editor-preview iframe{height:100%;width:100%;border:0;border-radius:5px;background:white}.editor-preview pre{align-self:stretch;margin:0;background:var(--surface);width:100%;padding:25px;line-height:1.8;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;border:1px solid var(--line);border-radius:5px}.editor-text{flex:1;min-height:0;overflow:auto;padding:20px}.editor-text pre{margin:0;font:12px/1.8 inherit;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text)}.editor-original{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 18px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;min-width:0;flex-shrink:0}.editor-original>span:first-child{display:flex;gap:7px;min-width:0;align-items:center}.editor-original svg{width:13px;height:13px}.editor-original-name,#editor-original-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-form{display:flex;flex-direction:column;height:100%;min-width:0;min-height:0;background:var(--surface);border-left:1px solid var(--line)}.editor-form-scroll{display:flex;flex-direction:column;gap:14px;overflow:auto;min-height:0;flex:1;padding:21px 24px}.editor-form label:not(.check){display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:550}.editor-form input:not([type=checkbox]),.editor-form select,.editor-form textarea{width:100%;font-size:11px;color:var(--text);background:var(--input);border:1px solid var(--line);border-radius:7px;padding:10px 11px;min-height:37px}.editor-form textarea{resize:vertical;min-height:64px;line-height:1.5}.editor-form .check{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:400}.editor-form .filename-help{font-size:9px;line-height:1.6;margin-top:-7px}.editor-form .form-row{gap:11px}.editor-status{align-self:flex-start;display:flex;align-items:center;gap:7px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));padding:7px 9px;border-radius:6px;font-size:9px;margin-bottom:2px}.editor-status.pending .local-dot{background:var(--accent)}.editor-status.filed{background:#7baa7d12}.editor-target{border-top:1px solid var(--line);padding-top:15px;margin-top:2px}.editor-target .subtle-link{font-size:10px;margin-top:3px}.editor-source{font-size:9px;color:var(--muted);display:flex;flex-direction:column;gap:5px;line-height:1.5;overflow-wrap:anywhere;padding-top:5px}.editor-source strong{font-weight:500;color:var(--text)}.editor-form-footer{border-top:1px solid var(--line);padding:12px 15px;background:var(--surface);flex-shrink:0}.editor-form-footer .form-actions{gap:6px;margin:0;flex-wrap:nowrap}.editor-form-footer .primary,.editor-form-footer .secondary{font-size:10px;padding:9px 10px;min-height:34px}.editor-form-footer .icon-button{margin-right:auto;color:var(--danger)}.editor-form-footer .form-error:not(:empty){margin-bottom:10px;font-size:11px}#editor-create-folder{padding:11px;background:var(--surface2);border:1px solid var(--line);border-radius:8px}#editor-create-folder .secondary{margin-top:9px;font-size:10px}
@media(max-width:900px){#modal.document-editor{width:95vw}.document-editor-layout{grid-template-columns:minmax(0,1fr) minmax(325px,1fr)}.editor-form-scroll{padding:18px}.editor-preview{padding:10px}.editor-preview-toolbar{padding:10px}.editor-form-footer{padding:12px 10px}.editor-form-footer .primary,.editor-form-footer .secondary{font-size:9px;padding:8px}.entry-list .inbox-mark{display:none}}
@media(max-width:650px){#modal.document-editor{max-width:calc(100vw - 14px);height:94vh}#modal.document-editor .modal-top{height:53px}#modal.document-editor #modal-body{height:calc(100% - 53px);overflow:auto}.document-editor-layout{display:flex;flex-direction:column;min-height:100%;height:auto}.editor-document{height:43vh;min-height:240px;flex-shrink:0}.editor-form{height:auto;min-height:0;border-left:0;border-top:1px solid var(--line)}.editor-form-scroll{overflow:visible;flex:initial;gap:13px;padding:20px}.editor-form-footer{position:sticky;bottom:0;padding:12px}.editor-form .form-row{grid-template-columns:1fr 1fr}.editor-form-footer .primary,.editor-form-footer .secondary{font-size:10px;padding:9px 10px}.editor-form label:not(.check){font-size:11px}.editor-form input:not([type=checkbox]),.editor-form select,.editor-form textarea{font-size:13px}.editor-status{font-size:10px}.editor-preview-toolbar{padding:9px 12px}.editor-original{padding:9px 12px;font-size:9px}}
/* Search suggestions, reference data and local recognition */
.search-container{position:relative;margin-left:auto;width:340px;min-width:180px;flex-shrink:1}.search-container>.search{width:100%;margin-left:0}.search-suggestions{position:absolute;top:calc(100% + 8px);right:0;z-index:35;width:480px;max-width:calc(100vw - 45px);background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 40px #0002;overflow:hidden;max-height:65vh;overflow-y:auto}.suggestion-heading{padding:13px 16px 10px;font-size:10px;font-weight:600;color:var(--muted);border-bottom:1px solid var(--line)}.search-suggestion{display:flex;gap:11px;padding:12px 16px;width:100%;text-align:left;border-bottom:1px solid var(--line);align-items:flex-start}.search-suggestion:hover,.search-suggestion:focus-visible{background:var(--surface2)}.search-suggestion>svg{color:var(--accent);width:17px;height:17px;margin-top:3px}.search-suggestion>span{min-width:0}.search-suggestion strong{display:block;font-size:11px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-suggestion small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:10px;color:var(--muted);line-height:1.65;margin-top:4px;overflow-wrap:anywhere}.suggestion-all{display:block;width:100%;padding:13px;font-size:11px;font-weight:550;color:var(--text);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.search-suggestions>.form-help{padding:15px}.result-snippet{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:9px;font-weight:400;color:var(--muted);line-height:1.65;margin-top:9px;white-space:normal;overflow-wrap:anywhere}mark{background:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--text);border-radius:2px;padding:0 1px}.entry-list .entry-info:has(.result-snippet){flex-wrap:wrap}.entry-list .result-snippet{flex-basis:100%;margin-top:0;-webkit-line-clamp:2}.ocr-mini{position:absolute;bottom:7px;right:7px;padding:3px 5px;font-size:7px;font-weight:500;background:color-mix(in srgb,var(--surface) 90%,transparent);border-radius:4px;color:var(--muted);pointer-events:none}.ocr-mini.ocr-done{color:#678e73}.ocr-mini.ocr-running{color:#5b8dab}.ocr-mini.ocr-error{color:var(--danger)}.entry-list .ocr-mini{display:none}.submodal{width:680px;max-width:calc(100vw - 25px);max-height:92vh}#submodal-body{padding:24px}.submodal .modal-top{z-index:5}.address-street{display:grid;grid-template-columns:3fr 1fr;gap:15px}.reference-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px}.reference-list{display:flex;flex-direction:column;gap:7px;max-height:55vh;overflow:auto}.reference-row{display:flex;align-items:center;gap:11px;padding:11px 13px;background:var(--surface2);border:1px solid var(--line);border-radius:8px}.reference-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.reference-row>strong{flex:1;font-size:12px;font-weight:500;overflow-wrap:anywhere}.reference-row .secondary{font-size:10px;min-height:30px;padding:6px 10px}.reference-row .icon-button{color:var(--danger);width:27px;height:27px}.reference-search{padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--input);color:var(--text);font-size:12px}.address-row{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:14px 12px;border-radius:9px;background:var(--surface2)}.contact-symbol{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--muted);flex-shrink:0}.contact-symbol svg{width:19px;height:19px}.address-row>div:nth-child(2){flex:1;min-width:0}.address-row strong{font-size:12px;font-weight:550;display:block}.address-row span,.address-row small{display:block;font-size:10px;color:var(--muted);line-height:1.6;margin-top:3px;overflow-wrap:anywhere}.address-row>.secondary{font-size:10px;min-height:30px;padding:7px 10px}.address-row>.icon-button{color:var(--danger);width:27px;height:27px}.input-action{display:flex;gap:5px;align-items:center;min-width:0}.input-action select{min-width:0;flex:1}.input-action .icon-button{width:30px;height:32px;font-size:21px;border:1px solid var(--line);border-radius:7px;background:var(--surface2)}.input-action svg{width:15px;height:15px}.field-group{display:flex;flex-direction:column;gap:7px;min-width:0}.field-group>label{font-size:10px;font-weight:550}.editor-tag-field{margin:0;padding:0;border:0;min-width:0}.editor-tag-field legend{font-size:10px;font-weight:550;margin-bottom:9px;padding:0}.tag-options{display:flex;flex-wrap:wrap;gap:6px}.tag-option{position:relative;display:inline-flex!important;flex-direction:row!important;align-items:center;gap:5px!important;padding:6px 8px;border-radius:6px;background:var(--surface2);border:1px solid var(--line);font-size:10px!important;font-weight:400!important;cursor:pointer;max-width:100%;overflow-wrap:anywhere}.tag-option>i{width:5px;height:5px;border-radius:50%;background:var(--tag-color);flex-shrink:0}.tag-option input{width:12px;height:12px;accent-color:var(--tag-color);margin:0}.tag-option:has(input:checked){background:color-mix(in srgb,var(--tag-color) 12%,var(--surface));border-color:color-mix(in srgb,var(--tag-color) 45%,var(--line))}.tag-option:focus-within{outline:2px solid var(--accent);outline-offset:2px}.editor-ocr{padding:12px;background:var(--surface2);border-radius:8px;border:1px solid var(--line)}.ocr-status{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);line-height:1.5}.ocr-status svg{width:14px;height:14px}.ocr-status.ocr-done{color:#659073}.ocr-status.ocr-running{color:#5e8dab}.ocr-status.ocr-error{color:var(--danger)}.ocr-status.ocr-partial{color:#b38a4b}.ocr-error{font-size:10px;line-height:1.5;color:var(--danger);display:block;margin-top:6px}.editor-ocr .subtle-link{font-size:9px;margin-top:4px;padding-bottom:0}.ocr-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:9px}.ocr-summary>span{background:var(--surface2);border:1px solid var(--line);border-radius:8px;padding:13px;font-size:10px;color:var(--muted)}.ocr-summary strong{display:block;font-size:23px;color:var(--text);font-weight:550;margin-top:8px}.ocr-document{border-bottom:1px solid var(--line);padding:12px 5px;display:flex;flex-direction:column;gap:7px}.ocr-document>strong{font-size:12px;font-weight:500}.sidebar-bottom .nav-item{font-size:10px;padding-top:8px;padding-bottom:8px;min-height:33px}
@media(max-width:1000px){.search-container{width:280px}.breadcrumbs{max-width:150px}.search-suggestions{width:430px}.reference-toolbar .primary{font-size:10px}}
@media(max-width:760px){.search-container{flex:1;width:auto;min-width:0;margin-left:0}.search-container>.search{max-width:none}.search-suggestions{width:min(430px,calc(100vw - 54px));right:-34px}.address-row{gap:8px;flex-wrap:wrap}.address-row>.secondary{margin-left:auto}.address-row strong{font-size:11px}.address-row span,.address-row small{font-size:9px}.reference-row>strong{font-size:11px}#submodal-body{padding:20px}.reference-toolbar{flex-wrap:wrap}.reference-row{gap:8px;padding:9px}.ocr-summary{grid-template-columns:repeat(2,1fr)}.sidebar{padding-bottom:12px}.tag-nav{max-height:90px}.folder-nav{max-height:150px}}
/* Full-window workspace and personal Finder-style folder tree */
.desktop{width:100%;max-width:none;height:100vh;height:100dvh;min-height:0;margin:0;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
.workspace{height:100%;min-height:0;position:relative}
.main{height:100%;overflow-y:auto;overscroll-behavior:contain}
.main>*{flex-shrink:0}
.sidebar{width:278px;height:100%;padding:24px 14px 12px;overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(145deg,color-mix(in srgb,var(--sidebar) 92%,white),var(--sidebar));backdrop-filter:blur(30px)}
.sidebar>*{flex-shrink:0}.sidebar .brand{margin-bottom:20px}.sidebar .new-document{margin-bottom:21px}.sidebar .nav-label.row{margin-top:22px;margin-bottom:8px}.sidebar .storage-info{padding:13px 10px;margin-top:9px}.sidebar .tag-nav{max-height:66px;margin-bottom:16px}.sidebar-bottom{padding-top:12px}
.folder-nav{flex:1 0 135px;min-height:135px;max-height: min(40vh,400px);overflow:auto;margin:0 0 20px;padding:2px 0;scrollbar-width:thin}
.folder-tree-item{outline:none;border-radius:8px}.folder-tree-row{display:flex;align-items:center;gap:3px;min-height:39px;border-radius:8px;padding:2px 4px 2px calc(4px + var(--tree-indent));margin:1px 0;transition:background .15s;min-width:0}
.folder-tree-row:hover{background:var(--hover)}.folder-tree-row.active{background:color-mix(in srgb,var(--accent) 18%,transparent);box-shadow:0 1px 0 #fff3 inset}
.folder-tree-item:focus-visible>.folder-tree-row{outline:2px solid var(--accent);outline-offset:-2px}
.tree-disclosure{height:26px;width:17px;flex:0 0 17px;padding:0;display:flex;align-items:center;justify-content:center;color:var(--muted);border-radius:5px}.tree-disclosure:hover{background:var(--hover)}.tree-disclosure svg{height:11px;width:11px;stroke-width:2;transition:transform .15s}.folder-tree-item[aria-expanded=true]>.folder-tree-row .tree-disclosure svg{transform:rotate(90deg)}.tree-disclosure.is-leaf{visibility:hidden}
.tree-open{display:flex;align-items:center;gap:9px;padding:3px 0;min-width:45px;flex:1;text-align:left;min-height:33px}.tree-open>span:last-child{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.tree-customize{padding:0;width:26px;height:27px;flex:0 0 26px;border-radius:6px;color:var(--muted);font-weight:700;font-size:17px;opacity:0}.folder-tree-row:hover .tree-customize,.folder-tree-item:focus-within>.folder-tree-row .tree-customize,.folder-tree-row.active .tree-customize{opacity:1}.tree-customize:hover{background:color-mix(in srgb,var(--surface) 65%,transparent);color:var(--text)}
.finder-folder{display:inline-block;position:relative;width:34px;height:28px;flex-shrink:0;filter:drop-shadow(0 2px 2px #20374519);isolation:isolate}.folder-back{position:absolute;inset:12% 0 0;background:color-mix(in srgb,var(--folder-color) 78%,#294451);border-radius:12% 13% 12% 12%}.folder-back:before{content:"";position:absolute;left:0;top:-14%;width:43%;height:35%;border-radius:18% 28% 0 0;background:inherit}.folder-front{position:absolute;inset:23% 0 0;border-radius:9% 10% 12% 12%;background:linear-gradient(165deg,color-mix(in srgb,var(--folder-color) 65%,white),var(--folder-color) 80%);border-top:1px solid #ffffff90;box-shadow:inset 0 -1px 1px #00000013,inset 0 0 0 1px #ffffff20}.folder-front:after{content:"";position:absolute;inset:6% 5%;border-top:1px solid #ffffff30;border-radius:9%}.folder-symbol{position:absolute;left:34%;top:40%;width:33%;height:39%;display:flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--folder-color) 60%,#13364c);opacity:.8}.folder-symbol svg{height:100%;width:100%;stroke-width:1.8}.folder-photo{position:absolute;left:27%;top:29%;width:47%;height:59%;border-radius:14%;box-shadow:0 1px 3px #1233;transform:rotate(-5deg);border:1px solid #ffffff80;object-fit:cover}.folder-symbol.with-photo{left:62%;top:61%;width:27%;height:30%;background:var(--surface);border-radius:50%;padding:3%;opacity:1;color:var(--text);box-shadow:0 1px 3px #0002}
.entry-visual>.finder-folder{width:96px;height:77px;margin-top:8px;filter:drop-shadow(0 8px 8px #29465622)}.entry-list .entry-visual>.finder-folder{width:32px;height:27px;margin-top:0}.entry-list .entry-visual.is-folder{background:none}
.folder-custom-preview{display:flex;align-items:center;justify-content:center;min-height:140px;background:radial-gradient(ellipse at 50% 90%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 65%),var(--surface2);border:1px solid var(--line);border-radius:14px}.folder-large{width:124px;height:100px;filter:drop-shadow(0 10px 10px #2342)}.folder-custom-name{text-align:center;font-size:14px;font-weight:600;overflow-wrap:anywhere;margin-top:-6px}.folder-fieldset{border:0;padding:0;margin:0;min-width:0}.folder-fieldset legend{font-size:12px;font-weight:550;padding:0;margin-bottom:12px}.folder-color-options{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.folder-color-swatch{height:25px;width:25px;background:var(--swatch);border-radius:50%;box-shadow:0 0 0 1px #0000000e inset}.folder-color-swatch[aria-pressed=true]{outline:2px solid var(--text);outline-offset:3px}.folder-own-color{height:28px;width:29px;cursor:pointer}.folder-own-color input[type=color]{padding:0;width:29px;height:28px;border-radius:50%;border:0;background:none;cursor:pointer}.folder-symbol-options{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.folder-symbol-options button{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--surface2);border-radius:9px;height:40px;color:var(--muted)}.folder-symbol-options button:hover{background:var(--hover)}.folder-symbol-options button[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 16%,var(--surface));border-color:var(--accent);color:var(--text);box-shadow:0 0 0 1px var(--accent)}.folder-symbol-options svg{height:19px;width:19px}.folder-image-actions{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:10px}.folder-image-picker{cursor:pointer;flex-direction:row!important}.folder-image-picker:focus-within{outline:2px solid var(--accent);outline-offset:3px}.folder-custom-form .form-actions{flex-wrap:wrap}
@media(hover:none){.tree-customize{opacity:1}}
@media(min-width:761px) and (max-width:1100px){.sidebar{width:252px;padding-left:10px;padding-right:10px}.tree-open{gap:7px}.tree-open>span:last-child{font-size:11px}}
@media(max-width:760px){.sidebar{position:absolute;top:0;bottom:0;height:100%;width:278px;max-width:85vw;padding-top:22px;background:var(--surface2)}.folder-nav{max-height:38vh;min-height:150px}.tree-customize{opacity:1}.folder-symbol-options{grid-template-columns:repeat(5,1fr)}.folder-color-options{gap:12px}.folder-custom-form .form-actions .secondary{padding:9px;font-size:11px}.main>.topbar{height:65px}}
/* Keep room for the folder tree alongside the archive tools. */
.sidebar .brand{margin-bottom:16px}.sidebar .new-document{margin-bottom:16px}.sidebar #main-nav .nav-item{min-height:33px;padding:7px 10px;margin-bottom:1px}.sidebar .nav-label.row{margin-top:15px}.sidebar-bottom{padding-top:6px}.sidebar-bottom .nav-item{min-height:30px;padding-top:6px;padding-bottom:6px;margin-bottom:0}.folder-nav{flex-basis:210px;min-height:210px;max-height:min(45vh,500px)}.folder-tree-row{min-width:calc(155px + var(--tree-indent))}
/* Settings hub and authentication */
.auth-methods{display:flex;flex-direction:column;gap:10px;margin-top:16px}.auth-methods .secondary{width:100%;font-size:12px}.auth-check{font-size:12px!important;margin:0 0 12px!important;line-height:1.6}.auth-check input{margin:0 8px 0 0;accent-color:var(--accent);width:15px;height:15px}.auth-form form .primary{margin-top:0}.auth-form>.form-stack{gap:15px}.auth-form details{font-size:11px;color:var(--muted)}.auth-form details summary{cursor:pointer}.auth-form details[open]{padding-bottom:8px}.auth-form>.form-stack .form-error{margin:0}.settings-nav{border-top:1px solid var(--line);border-radius:0;margin-top:3px!important;min-height:43px!important;font-size:12px!important}.settings-chevron{margin-left:auto;color:var(--muted);font-size:21px;font-weight:400}.settings-hub{display:flex;flex-direction:column;gap:25px}.settings-hub h3,.settings-section-title{font-size:11px;letter-spacing:.3px;color:var(--muted);font-weight:600;margin:0 0 11px}.settings-cards{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface2)}.settings-card{display:flex;align-items:center;gap:15px;padding:17px;width:100%;text-align:left;border-bottom:1px solid var(--line)}.settings-card:last-child{border:0}.settings-card:hover{background:var(--hover)}.settings-card>svg{width:22px;height:22px;color:var(--accent)}.settings-card>span:nth-child(2){flex:1;min-width:0}.settings-card strong{display:block;font-size:13px;font-weight:550}.settings-card small{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:4px}.settings-hub>.secondary{align-self:flex-start}.security-status{display:flex;gap:14px;padding:17px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);align-items:center}.security-status>svg{color:var(--accent);width:29px;height:29px}.security-status strong{font-size:13px;display:block;font-weight:550}.security-status small{font-size:11px;line-height:1.7;color:var(--muted);display:block;margin-top:5px}.security-records{display:flex;flex-direction:column;gap:7px}.security-record{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:9px;min-width:0;background:var(--surface2)}.security-record>svg{width:17px;height:17px;color:var(--muted)}.security-record>span{flex:1;min-width:0}.security-record strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:550}.security-record small{display:block;font-size:10px;color:var(--muted);line-height:1.6;margin-top:4px}.security-record .secondary{padding:7px 11px;min-height:30px;font-size:10px}.security-admin-actions{display:flex;gap:8px;flex-wrap:wrap}.security-admin-actions .secondary{font-size:11px}.form-actions:has(#security-revoke){flex-wrap:wrap}.form-actions #security-revoke{font-size:10px}.row>.settings-section-title{margin:0}.row:has(#passkey-add){gap:10px;flex-wrap:wrap}.row #passkey-add{font-size:11px}.totp-qr{display:flex;justify-content:center;padding:15px;background:#fff;border-radius:12px;border:1px solid #e5e5e5;align-self:center}.totp-qr img{max-width:100%;height:auto;object-fit:contain}.totp-secret{display:block;padding:14px;background:var(--surface2);border:1px solid var(--line);border-radius:8px;overflow-wrap:anywhere;font-size:13px;letter-spacing:1px;margin-top:10px}.recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.recovery-codes code{padding:13px 8px;background:var(--surface2);border:1px solid var(--line);border-radius:7px;text-align:center;font-size:13px;letter-spacing:.4px}.mail-test-section{border-top:1px solid var(--line);padding-top:23px;margin-top:25px;display:flex;flex-direction:column;gap:12px}.mail-test-section .secondary{align-self:flex-start}.mail-test-section input{width:100%;border:1px solid var(--line);background:var(--input);color:var(--text);padding:11px;border-radius:8px}.security-status+.primary{align-self:flex-start}
@media(max-width:760px){.settings-card{padding:14px;gap:12px}.settings-card strong{font-size:12px}.settings-card small{font-size:10px}.recovery-codes{grid-template-columns:1fr}.security-status{padding:13px;align-items:flex-start}.security-record{gap:8px;padding:11px}.security-record small{font-size:9px}.security-record .secondary{font-size:9px;padding:6px 8px}.auth-methods .secondary{font-size:11px}}
@media print{.recovery-codes{grid-template-columns:1fr 1fr}}
.auth-form label.check{display:flex;flex-direction:row;align-items:center;gap:8px;font-weight:400}.auth-form label.check input{flex:0 0 15px;width:15px;height:15px;margin:0}.auth-form .auth-check{padding:5px 0}body:has(#auth:not(.hidden)){display:flow-root}
/* Native-style entry actions */
.entry-context-menu{position:fixed;z-index:140;width:286px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;padding:6px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(28px) saturate(1.25);border:1px solid color-mix(in srgb,var(--line) 80%,#fff3);box-shadow:0 14px 45px #0002,0 2px 8px #0001;border-radius:12px;scrollbar-width:thin}.context-heading{font-size:10px;font-weight:600;color:var(--muted);padding:7px 10px 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-context-menu button{display:flex;align-items:center;gap:10px;padding:8px 10px;width:100%;border-radius:6px;text-align:left;min-height:34px;font-size:12px}.entry-context-menu button>svg{width:16px;height:16px;color:var(--muted);stroke-width:1.6}.entry-context-menu button>span{flex:1}.entry-context-menu button>kbd{font-family:inherit;font-size:9px;color:var(--muted);white-space:nowrap}.entry-context-menu button:hover:not(:disabled),.entry-context-menu button:focus-visible{outline:none;background:color-mix(in srgb,var(--accent) 20%,transparent)}.entry-context-menu button.danger-item,.entry-context-menu button.danger-item>svg{color:var(--danger)}.entry-context-menu button:disabled{opacity:.35}.context-separator{height:1px;background:var(--line);margin:5px 5px}.clipboard-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:color-mix(in srgb,var(--accent) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:9px;margin:-7px 0 20px;min-width:0}.clipboard-bar>span{font-size:11px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clipboard-bar .secondary{font-size:11px;padding:7px 12px;min-height:31px}.clipboard-bar .icon-button{width:24px;height:24px}.entry-card.is-cut{opacity:.45}.folder-tree-item.is-cut>.folder-tree-row{opacity:.45}.document-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.document-actions .secondary{padding:7px 10px;min-height:32px;font-size:10px;gap:6px}.document-actions .secondary>svg{height:15px;width:15px}.editor-document>.document-actions{padding:10px 12px;background:var(--surface);border-bottom:1px solid var(--line);flex-shrink:0}.preview-header>div{flex-wrap:wrap}.preview-header #preview-actions{display:flex;align-items:center}.preview-header .document-actions{flex-wrap:wrap}.preview-header #preview-edit{min-height:32px;padding:7px 10px;font-size:10px}.mail-attachment{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface2)}.mail-attachment>svg{width:25px;height:25px;color:var(--accent)}.mail-attachment>span{min-width:0}.mail-attachment strong{display:block;font-size:12px;font-weight:550;overflow-wrap:anywhere}.mail-attachment small{display:block;margin-top:5px;font-size:10px;color:var(--muted);line-height:1.6}
@media(max-width:760px){.entry-context-menu{width:280px}.entry-context-menu button{min-height:38px}.editor-document>.document-actions{padding:9px 10px;gap:5px}.document-actions .secondary{font-size:9px;padding:7px 8px;gap:5px}.document-actions .secondary>svg{height:14px;width:14px}.preview-header>div{justify-content:flex-start;gap:6px}.preview-header #preview-actions{width:auto;flex:1}.preview-header .document-actions{gap:5px}.preview-content{height:calc(100% - 110px)}.clipboard-bar{gap:7px;padding:9px}.clipboard-bar>span{font-size:10px}}
/* Local, bundled script wordmark. */
@font-face{font-family:MyDocsScript;src:url('/static/fonts/Z003-MediumItalic.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}.brand>span{min-width:0}.brand .brand-wordmark{display:block;font-family:MyDocsScript,'Apple Chancery','URW Chancery L',cursive;font-size:31px;line-height:1.1;font-weight:400;letter-spacing:0;white-space:nowrap}.brand small{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:10px;font-weight:400;letter-spacing:0;margin-top:4px}.auth-wordmark{font-family:MyDocsScript,'Apple Chancery',cursive;font-size:35px;line-height:1.1;color:var(--text);margin:0 0 23px;letter-spacing:0}.auth-form>.auth-wordmark{align-self:flex-start}.loading>span{font-size:13px}.art-paper .paper-wordmark{font-family:MyDocsScript,cursive;font-size:11px;line-height:1;letter-spacing:0;display:block;white-space:nowrap}.auth-art .art-paper{padding:13px}.brand img{width:32px}.brand{gap:8px;padding-left:3px;padding-right:0}.content-footer .footer-wordmark{font-family:MyDocsScript,cursive;font-size:16px;letter-spacing:0}
@media(min-width:761px) and (max-width:1100px){.brand .brand-wordmark{font-size:28px}.brand small{font-size:9px}}
/* Two-column archive: navigation on the left, document workbench on the right. */
.main.workbench-main{padding:0!important;overflow:hidden;display:flex;flex-direction:column;min-width:0}.workbench-main>.topbar{padding:0 22px;flex-shrink:0;height:62px}.workbench-main>:not(.topbar):not(#workbench):not(#load-error){display:none!important}.workbench{flex:1;min-height:0;display:flex;flex-direction:column;position:relative;overflow:hidden;background:var(--surface2)}.workbench-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px;background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;flex-shrink:0}.workbench-heading:empty{display:none}.workbench-title{min-width:0;flex:1}.workbench-title strong{display:block;font-size:14px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workbench-title small{display:block;color:var(--muted);font-size:10px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workbench-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.workbench-actions .secondary{font-size:10px;min-height:31px;padding:7px 9px}.workbench-actions .document-actions{padding:0;border:0;gap:6px}.workbench-actions #workbench-annotations{display:none}.workbench-content{display:flex;flex:1;min-height:0;overflow:auto}.workbench-content:empty{display:none}.workbench-frame{border:0;width:100%;height:100%;display:block;flex:1;min-height:0;background:var(--surface2)}.workbench-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:17px;flex:1;padding:35px}.workbench-empty>span{font-size:64px;font-weight:200;color:var(--accent)}.workbench-empty h1{font-size:30px;letter-spacing:-1px;font-weight:500}.workbench-empty p{font-size:13px;line-height:1.9;color:var(--muted)}.workbench-empty small{font-size:11px;color:var(--muted)}.document-rail{display:flex;flex-direction:column;min-height:160px;max-height:36vh;flex:1 0 160px;margin:0 0 12px;border-top:1px solid var(--line);padding-top:12px}.document-rail-heading{display:flex;gap:8px;align-items:center;margin-bottom:7px;padding:0 7px}.document-rail-heading strong{font-size:10px;font-weight:600;color:var(--muted);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-rail-heading select{font-size:10px;background:transparent;color:var(--muted);border:0;max-width:80px}#document-nav{overflow:auto;min-height:0;scrollbar-width:thin;flex:1}.document-rail-row{display:flex;align-items:center;border-radius:7px;position:relative}.document-rail-row:hover{background:var(--hover)}.document-rail-row>button:first-child{display:flex;gap:9px;align-items:center;text-align:left;padding:10px 29px 10px 8px;min-width:0;width:100%;border-radius:7px}.document-rail-row>button.active{background:color-mix(in srgb,var(--accent) 18%,transparent)}.document-rail-row>button>svg{height:19px;width:19px;color:var(--muted);flex-shrink:0}.document-rail-row>button>span{min-width:0}.document-rail-row strong,.document-rail-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-rail-row strong{font-size:11px;font-weight:500;line-height:1.4}.document-rail-row small{font-size:9px;color:var(--muted);margin-top:4px}.document-rail-more{position:absolute;right:3px;padding:2px 4px;font-size:17px;color:var(--muted);border-radius:5px}.document-rail-pagination{display:flex;align-items:center;justify-content:center;gap:15px;font-size:10px;color:var(--muted);padding:7px}.document-rail-pagination button{font-size:23px;width:28px;height:28px;border-radius:5px;background:var(--surface)}.sidebar .folder-nav{flex:0 1 190px;min-height:110px;max-height:25vh;margin-bottom:13px}.sidebar .tag-nav{max-height:42px;margin-bottom:7px}.sidebar .brand{margin-bottom:12px}.sidebar .new-document{margin-bottom:12px}.sidebar{padding-top:17px}.inbox-modal{width:850px;max-width:calc(100vw - 28px);max-height:88dvh}.inbox-modal .modal-top{gap:14px}.inbox-modal .modal-top>div{flex:1;min-width:0}.inbox-modal .modal-top p{font-size:11px;color:var(--muted);margin-top:7px}.inbox-modal .modal-top .secondary{font-size:10px}.inbox-list{padding:14px 20px;max-height:65dvh;overflow:auto}.inbox-document{display:flex;align-items:center;gap:15px;padding:17px 10px;width:100%;text-align:left;border-bottom:1px solid var(--line)}.inbox-document:hover{background:var(--surface2)}.inbox-document>svg{width:25px;height:25px;color:var(--accent);flex-shrink:0}.inbox-document>span:nth-child(2){min-width:0;flex:1}.inbox-document strong,.inbox-document small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-document strong{font-size:13px;font-weight:550}.inbox-document small{font-size:10px;color:var(--muted);margin-top:6px}.inbox-document>span:last-child{font-size:11px;color:var(--muted)}.inbox-empty{text-align:center;padding:50px 20px;color:var(--muted)}.inbox-empty h3{margin-bottom:12px;color:var(--text)}.workbench-fallback-fields{width:330px;min-width:280px;padding:20px;overflow:auto;background:var(--surface);border-left:1px solid var(--line)}
@media(max-width:1100px){.workbench-heading{padding:10px 14px}.workbench-actions{width:100%}.workbench-main>.topbar{padding:0 14px}.sidebar .folder-nav{min-height:100px}}
@media(max-width:760px){.workbench-heading{gap:8px}.workbench-title strong{font-size:12px}.workbench-actions .secondary{font-size:9px;padding:6px 8px}.workbench-content{flex-direction:column}.workbench-fallback-fields{width:100%;min-width:0;flex:1}.inbox-document>span:last-child{display:none}.document-rail{min-height:180px;max-height:40vh}.sidebar .folder-nav{max-height:25vh}}

.document-rail-row.is-cut{opacity:.5}.workbench>.clipboard-bar{margin:0;border-radius:0;flex-shrink:0}
/* Folder contents remain in the main pane; editing opens in its own window. */
.document-workbench{width:96vw;max-width:1600px;height:94dvh;max-height:94dvh;padding:0;overflow:hidden}.document-workbench>.workbench{height:100%;border-radius:16px}.document-workbench .workbench-heading{padding-right:54px}.document-window-close{position:absolute;right:13px;top:12px;z-index:15;font-size:27px}.document-workbench .workbench-content{min-height:0}.sidebar .folder-nav{flex:1 0 210px;min-height:160px;max-height:45vh}#document-rail{display:none!important}
@media(max-width:760px){.document-workbench{width:calc(100vw - 12px);max-width:calc(100vw - 12px);height:96dvh;max-height:96dvh}.document-workbench .workbench-heading{padding-right:45px}.document-window-close{right:8px;top:8px}.sidebar .folder-nav{max-height:42vh}}
.data-transfer{display:flex;flex-direction:column;gap:19px}.data-transfer-actions{display:flex;gap:10px;flex-wrap:wrap}.data-import-label{display:inline-flex;gap:8px;align-items:center;cursor:pointer}.data-transfer h3{font-size:14px;font-weight:550;margin-bottom:12px}.data-transfer progress{width:100%;height:8px;accent-color:var(--accent);margin:15px 0}.data-transfer #data-operation{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}#data-operation>p,.data-restore-confirm>p{font-size:12px;line-height:1.8;color:var(--muted)}#data-operation>small{font-size:10px;color:var(--muted);display:block;margin-bottom:12px}#data-operation>.secondary{margin-top:15px}.data-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.data-summary>span{font-size:10px;color:var(--muted)}.data-summary strong{display:block;font-size:20px;font-weight:550;color:var(--text);margin-bottom:5px}.data-restore-confirm{display:flex;flex-direction:column;gap:17px;margin-top:20px}.data-restore-confirm label{display:flex;flex-direction:column;gap:9px;font-size:11px}.data-restore-confirm input{padding:11px;background:var(--input);color:var(--text);border:1px solid var(--line);border-radius:8px}.data-restore-confirm>.danger{align-self:flex-start}.data-restore-points{border-top:1px solid var(--line);padding-top:20px}.data-restore-points>.secondary{display:flex;margin-top:10px;font-size:11px}@media(max-width:760px){.data-summary{grid-template-columns:repeat(2,1fr)}.data-transfer-actions{flex-direction:column}.data-transfer-actions>.primary,.data-import-label{justify-content:center;font-size:11px}}
/* Adaptive viewport: allow flex children to shrink; keep Safari text inputs at 16px. */
html{width:100%;min-width:0;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{width:100%;min-width:0;overflow-x:clip}.desktop,.workspace,.main{max-width:100%;min-width:0}.main{overflow-x:hidden}.topbar{min-width:0}.search-container{min-width:0}.search-container>.search{width:100%;min-width:0}.search input{min-width:0;width:100%;flex:1}.breadcrumbs{flex:1;min-width:0}.page-heading>div:first-child{min-width:0}.page-heading h1{overflow-wrap:anywhere}.entry-grid{grid-template-columns:repeat(auto-fill,minmax(min(160px,100%),1fr))}.content-toolbar,.content-label{min-width:0;flex-wrap:wrap}.entry-list .entry-info{min-width:0}.workbench-content>.workbench-frame{min-width:0}.document-actions{flex-wrap:wrap}.scan-launch{margin-top:-12px;margin-bottom:18px}
.scan-dialog{width:850px;max-height:94dvh}.scan-dialog .modal-top>div{flex:1;min-width:0}.scan-dialog .modal-top p{margin-top:5px}.scan-body{padding:22px 25px;display:flex;flex-direction:column;gap:18px}.scan-controls{display:flex;gap:10px;flex-wrap:wrap}.scan-pages{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(215px,100%),1fr));gap:15px}.scan-page{min-width:0;padding:12px;border:1px solid var(--line);background:var(--surface2);border-radius:12px}.scan-image{height:230px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#e8e8e5;border-radius:7px}.scan-image img{max-width:100%;max-height:100%;width:75%;height:75%;object-fit:contain}.scan-image-fallback{text-align:center;font-size:11px;line-height:1.8;color:#515451;overflow-wrap:anywhere}.scan-page-caption{display:flex;align-items:center;justify-content:space-between;margin:12px 0 8px;font-size:11px}.scan-page-caption span{color:var(--muted);font-size:10px}.scan-page-actions{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.scan-page-actions .secondary{font-size:10px;padding:6px 8px;min-height:32px}.scan-name{display:flex;flex-direction:column;gap:8px;font-size:12px}.scan-name input{width:100%;min-width:0;background:var(--input);color:var(--text);padding:11px;border:1px solid var(--line);border-radius:8px}.scan-empty{grid-column:1/-1;padding:36px 15px;text-align:center;border:1px dashed var(--line);border-radius:12px}.scan-empty>span{font-size:45px;color:var(--accent)}.scan-empty h3{font-size:17px;font-weight:550}.scan-empty p{font-size:12px;color:var(--muted);line-height:1.8}#scan-save{align-self:flex-end}#scan-error:empty{display:none}
@media(max-width:1200px){.sidebar{width:245px}.main{padding-inline:20px}.topbar{gap:9px}.breadcrumbs{max-width:160px}.search-container{width:auto;flex:1}.heading-actions{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;max-width:245px}.page-heading{gap:14px}.page-heading h1{font-size:27px}}
@media(max-width:1000px){.sidebar{width:230px}.main{padding-inline:16px}.topbar{flex-wrap:wrap;height:auto;min-height:64px;padding-block:12px}.topbar .breadcrumbs{display:none}.heading-actions{max-width:200px}.page-heading h1{font-size:25px}.page-heading p{line-height:1.6}.workbench-title{flex-basis:100%}.workbench-actions{min-width:0}}
@media(max-width:760px){.main{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));padding-bottom:env(safe-area-inset-bottom)}.topbar{flex-wrap:nowrap;padding-top:max(10px,env(safe-area-inset-top));gap:7px}.sidebar{width:min(300px,90vw);top:0;left:0;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.heading-actions{max-width:none;width:100%;justify-content:flex-start;flex-direction:row;flex-wrap:wrap}.heading-actions .primary,.heading-actions .secondary{font-size:12px;min-height:40px;padding:8px 12px}.page-heading{flex-wrap:wrap;padding-bottom:18px}.page-heading>div:first-child{width:100%}.page-heading h1{font-size:27px}.page-heading p{font-size:11px}.overview{margin-bottom:18px}.content-toolbar{align-items:center;gap:12px}.content-label{flex:1 1 100%}.view-tools{width:100%;justify-content:space-between}.content-footer{gap:10px;flex-wrap:wrap;line-height:1.6}.topbar>.icon-button{width:36px;height:40px}.entry-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(145px,100%),1fr))}dialog{max-width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.document-workbench{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;margin:0}.document-workbench>.workbench{border-radius:0}.document-workbench .workbench-heading{padding-top:max(12px,env(safe-area-inset-top));padding-left:max(12px,env(safe-area-inset-left));padding-right:48px}.document-window-close{top:max(8px,env(safe-area-inset-top));width:38px;height:38px}.workbench-actions .secondary{font-size:11px;min-height:38px}.workbench-content{overflow:hidden}.scan-dialog .modal-top{padding:15px}.scan-body{padding:17px}.scan-pages{grid-template-columns:1fr}.scan-image{height:255px}.scan-page-actions{justify-content:space-between}#scan-save{width:100%;align-self:stretch}.scan-controls>button{flex:1;min-height:42px}.scan-page-actions .secondary{font-size:12px}.scan-page-actions .icon-button{width:40px;height:40px}}
@media(hover:none) and (pointer:coarse){input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),select,textarea,.search input{font-size:16px!important}.icon-button{min-width:36px;min-height:36px}.nav-item{min-height:42px}}
/* Explicit document view controls and independent workspace backgrounds. */
.view-tools{flex-wrap:wrap;justify-content:flex-end;gap:12px}.sort-label{padding:5px 9px;border:1px solid var(--line);background:var(--surface);border-radius:9px;gap:7px}.sort-label select{max-width:230px;font-size:12px;color:var(--text);padding:4px 0;min-width:0}.view-switch{border-radius:9px;gap:2px}.view-switch button{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:auto;height:auto;min-height:34px;padding:7px 11px;font-size:12px}.view-switch svg{width:15px;height:15px}.view-switch button.active{color:var(--text);box-shadow:0 1px 4px #0002;background:var(--surface)}.view-switch button[aria-pressed=true]{outline:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}
.main[data-background=color],.sidebar[data-background=color]{background:var(--panel-color)}.main[data-background=image],.sidebar[data-background=image]{background-color:var(--panel-color);background-image:linear-gradient(var(--panel-veil),var(--panel-veil)),var(--panel-image);background-size:auto,var(--panel-image-size);background-repeat:no-repeat,var(--panel-image-repeat);background-position:center;backdrop-filter:none}
.sidebar[data-background=color],.sidebar[data-background=image]{color:var(--panel-ink)}.main[data-background=color]>.page-heading,.main[data-background=image]>.page-heading,.main[data-background=color]>.content-toolbar,.main[data-background=image]>.content-toolbar{color:var(--panel-ink)}.main[data-background=color]>.page-heading .eyebrow,.main[data-background=image]>.page-heading .eyebrow,.main[data-background=color]>.page-heading p,.main[data-background=image]>.page-heading p,.main[data-background=color] .content-label>.muted,.main[data-background=image] .content-label>.muted,.main[data-background=color]>.content-footer,.main[data-background=image]>.content-footer{color:var(--panel-muted)}.main[data-background=color]>.topbar,.main[data-background=image]>.topbar{background:color-mix(in srgb,var(--surface) 90%,transparent);border-radius:0 0 12px 12px;padding-inline:12px}.main[data-background=color]>.empty,.main[data-background=image]>.empty{background:color-mix(in srgb,var(--surface) 92%,transparent);border-radius:15px;margin-block:15px}.main[data-background=color] .heading-dot,.main[data-background=image] .heading-dot{color:var(--accent)}
.background-settings{margin-top:5px}.background-settings>p{margin-bottom:16px}.background-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.background-settings-card{min-width:0;border:1px solid var(--line);border-radius:13px;padding:17px;display:flex;flex-direction:column;gap:13px;background:var(--surface2)}.background-settings-card h3{font-size:13px;font-weight:600;margin:0}.background-settings-card label{font-size:11px;line-height:1.5}.background-settings-card input[type=color]{height:39px;width:54px!important;padding:3px!important;flex:none}.background-color-row{display:flex;gap:10px;align-items:center}.background-color-row>input[type=text]{min-width:0;flex:1;font-family:ui-monospace,monospace}.background-settings-card input[type=range]{padding:0!important;accent-color:var(--accent);width:100%}.background-settings-card select{max-width:100%}.background-sample{height:110px;border:1px solid var(--line);border-radius:9px;background-position:center;display:flex;align-items:center;justify-content:center;overflow:hidden}.background-sample>span{background:color-mix(in srgb,var(--surface) 90%,transparent);color:var(--text);padding:13px 16px;border:1px solid var(--line);border-radius:8px;font-size:12px;box-shadow:0 3px 10px #0001}.background-image-actions{display:flex;gap:8px;flex-wrap:wrap}.background-image-actions .secondary{font-size:11px;padding:8px 10px;flex:1}.background-image-options{display:flex;flex-direction:column;gap:13px}.background-settings-card output{font-variant-numeric:tabular-nums;color:var(--muted);font-size:10px}.background-settings-card .form-error:empty{display:none}.background-reset-row{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-top:17px}.background-reset-row>small{flex:1}.background-reset-row .secondary{font-size:11px}.accent-hex{width:108px!important;font-family:ui-monospace,monospace;font-size:12px!important;padding:9px!important}
@media(max-width:760px){.view-tools{justify-content:space-between;gap:10px}.sort-label{flex:1 1 190px;min-width:0}.sort-label select{max-width:100%;width:100%;font-size:12px}.view-switch{flex:0 0 auto}.view-switch button{min-height:38px;padding:7px 11px;font-size:12px}.background-settings-grid{grid-template-columns:1fr}.background-reset-row{flex-direction:column;align-items:stretch}.background-sample{height:130px}.background-settings-card{padding:15px}.main[data-background=color]>.topbar,.main[data-background=image]>.topbar{padding-inline:7px}}
.main[data-background=color] .entry-list .entry-card,.main[data-background=image] .entry-list .entry-card{background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--line);border-radius:9px;margin-bottom:7px}.sidebar[data-background=color] .nav-item svg,.sidebar[data-background=image] .nav-item svg{color:var(--muted)}
/* A button has its own surface: do not inherit text from a custom panel background. */
.secondary{color:var(--text)}
#main .primary,#document-window .primary,#preview-modal .primary,#inbox-modal .primary,#modal.document-editor .primary,.annotation-body .primary{color:var(--workspace-primary-text,var(--button-text,#fff))}
#main .secondary,#document-window .secondary,#preview-modal .secondary,#inbox-modal .secondary,#modal.document-editor .secondary,.annotation-body .secondary,#main .view-switch button{color:var(--workspace-secondary-text,var(--text))}
.button-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:15px}.button-color-card{min-width:0;padding:16px;background:var(--surface2);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:13px}.button-color-card h3{font-size:13px;margin:0;font-weight:600}.button-color-card .check{font-size:11px}.button-color-card input[type=color]{width:54px!important;height:38px;padding:3px!important;flex:none}.button-color-card .background-color-row input[type=text]{min-width:0;flex:1}.button-color-presets{display:flex;gap:8px}.button-color-presets>button{flex:1}.button-color-sample{align-self:flex-start}.button-color-card small:empty{display:none}.button-color-card small{color:var(--danger)}
.entry-drag-handle,.tree-drag-handle{display:none;align-items:center;justify-content:center;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;font-size:23px;color:var(--muted);border-radius:7px;min-height:34px;min-width:30px;flex-shrink:0}.entry-drag-handle{position:absolute;right:6px;top:6px;background:color-mix(in srgb,var(--surface) 90%,transparent);z-index:2}.entry-list .entry-drag-handle{top:calc(50% - 17px);right:33px}.entry-list .entry-more{right:4px}.tree-drag-handle{padding:0 2px}.entry-drag-handle:hover,.tree-drag-handle:hover{background:var(--hover)}[data-drag-entry]{cursor:grab}.entry-dragging{opacity:.45}.entry-drop-target{outline:2px solid var(--accent)!important;outline-offset:-2px;background-color:color-mix(in srgb,var(--accent) 20%,var(--surface))!important;border-radius:8px}.entry-drop-denied{outline:2px dashed var(--danger)!important;outline-offset:-2px;border-radius:8px}.entry-drag-ghost{position:fixed;left:12px;top:-120px;z-index:10000;max-width:min(370px,85vw);padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);box-shadow:0 6px 24px #0003;font-size:12px;line-height:1.5;pointer-events:none;overflow-wrap:anywhere}.entry-drag-active{cursor:grabbing}.entry-drag-active *{user-select:none!important;-webkit-user-select:none!important}.entry-drag-active .entry-drag-handle,.entry-drag-active .tree-drag-handle{cursor:grabbing}
@media(hover:none) and (pointer:coarse){.entry-drag-handle,.tree-drag-handle{display:inline-flex}.entry-list .entry-info{padding-right:56px}.tree-open{min-width:0}.tree-customize{min-width:25px}.button-color-grid{grid-template-columns:1fr}}
@media(max-width:760px){.button-color-grid{grid-template-columns:1fr}}

@media(hover:none) and (pointer:coarse){.entry-card .favorite-mark{right:45px}}
