/* PearlPOS ui.css: compact frame, warm surfaces, Inter and emerald controls. */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('../fonts/inter-latin.woff2') format('woff2')}
:root{--border-strong:#d8d4c9;--side-text:#3b3832;--side-muted:#8b877d;--side-hover:#e9e6dd;--side-active:#fff;--surface-soft:#fbfaf7;--fill:#047857;--fill-hover:#065f46}
:root[data-bs-theme="dark"]{color-scheme:dark;--bg:#1f1e1c;--panel:#262522;--soft:#2e2d2a;--sidebar:#1a1917;--text:#ecebe6;--muted:#a3a097;--line:#3a3935;--border-strong:#4a4843;--green:#34d399;--green-dark:#6ee7b7;--green-soft:#34d3991f;--side-text:#d6d4cd;--side-muted:#8e8b83;--side-hover:#272623;--side-active:#302f2b;--surface-soft:#22211f;--fill:#059669;--fill-hover:#047857}
body{font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}h1{font-size:1.55rem;font-weight:600;letter-spacing:-.012em}h2{font-size:1rem;font-weight:600}.eyebrow{display:none}.page-heading p:not(.eyebrow){margin-top:5px;font-size:.86rem}.page-heading{margin-bottom:1rem}.workspace>main{padding:1rem 1.25rem 1.5rem;max-width:none}.card{padding:1rem;margin-bottom:1rem;box-shadow:0 1px 2px #1f1e1c0d}.grid,.business-layout{gap:1rem}.section-heading{margin-bottom:1rem}.button,button{font-weight:500;background:var(--fill);padding:.38rem .8rem;font-size:.93rem}.button:hover,button:hover{background:var(--fill-hover)}.secondary{background:var(--panel);color:var(--text);border-color:var(--line)}.secondary:hover{background:var(--soft);border-color:var(--border-strong)}.small{font-size:.86rem;padding:.24rem .55rem}.icon-button{background:transparent;color:var(--muted);padding:6px;border-radius:8px}.icon-button:hover{background:var(--soft);color:var(--text)}.topbar{height:52px;padding:0 .75rem;background:var(--bg)}.topbar-start,.topbar-actions{display:flex;align-items:center;gap:12px}.topbar-title{font-size:1rem;font-weight:600;color:var(--text)}.header-search{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:.32rem .6rem;color:var(--muted);font-size:.88rem;min-width:200px}.header-search:hover{text-decoration:none;border-color:var(--border-strong)}.header-search .icon{width:15px;height:15px}.header-account{display:flex;align-items:center;gap:8px;font-size:.86rem;border-left:1px solid var(--line);padding-left:12px}.header-account small{display:block;font-size:.74rem}.avatar{width:28px;height:28px;background:var(--soft);color:var(--muted)}
.sidebar{padding:0;height:100dvh;overflow-y:auto}.sidebar .brand{min-height:52px;margin:0;padding:0 .85rem;border-bottom:1px solid var(--line);gap:.65rem;flex-shrink:0}.sidebar .brand-logo{width:28px;height:28px;border-radius:8px;box-shadow:0 0 0 1px var(--line)}.sidebar .brand strong{font-size:.98rem;font-weight:650;letter-spacing:-.01em}.sidebar .brand small{font-size:.72rem;color:var(--side-muted);margin:0}.sidebar-search{display:flex;align-items:center;gap:.5rem;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--side-muted);font-size:.88rem;padding:.36rem .55rem;margin:.7rem .6rem .3rem}.sidebar-search:hover{color:var(--text);text-decoration:none}.sidebar-search .icon{width:16px;height:16px}.nav-label{font-size:.7rem;font-weight:600;letter-spacing:.06em;margin:0;padding:.85rem 1rem .25rem;color:var(--side-muted)}.main-nav{gap:0}.main-nav>a{margin:1px .5rem;padding:.36rem .6rem;gap:.6rem;font-size:.93rem;line-height:1.35;font-weight:450;color:var(--side-text)}.main-nav>a>.icon{width:16px;height:16px;color:var(--side-muted)}.main-nav>a:hover{background:var(--side-hover);color:var(--text)}.main-nav>a.active{background:var(--side-active);color:var(--text);font-weight:600;box-shadow:0 0 0 1px var(--line),0 1px 2px #1f1e1c0d}.main-nav>a.active>.icon{color:var(--green)}.nav-count{padding:1px 5px;color:var(--muted)}.sidebar-bottom{padding:0 .6rem}.security-note{padding:16px 5px;color:var(--muted)}.account{padding:12px 3px}.sidebar-backdrop{display:none}
.stats{gap:1rem;margin-bottom:1rem}.stat{padding:.85rem 1rem;background:var(--panel)}.stat strong{font-size:1.4rem;font-weight:700;line-height:1.25;margin:.2rem 0}.stat>div>span{font-size:.76rem;font-weight:600}.stat small{font-size:.76rem}.stat-icon{background:var(--soft);border:0;width:34px;height:34px}th{font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;background:var(--soft);color:var(--muted)}th,td{padding:.65rem .75rem;border-color:var(--line)}table{font-size:.88rem}tbody tr:hover{background:var(--surface-soft)}label{font-size:.85rem;font-weight:550;color:var(--muted);margin-bottom:1rem}input{font-size:.93rem;border-color:var(--border-strong);background:var(--panel);padding:.38rem .65rem;min-height:34px}input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 16%,transparent)}.page-footer{font-size:.8rem;color:var(--muted);margin-top:1rem;padding-top:.55rem}.getting-started,.explorer-toolbar,.explorer-status,.folder-pane{background:var(--surface-soft)}.explorer{padding:0}.address-bar,.search-form{background:var(--panel)}.address-bar a,.tree-link{color:var(--muted)}.tree-link:hover{background:var(--soft)}.tree-link.selected{background:var(--green-soft);color:var(--green)}.folder-tree ul{border-color:var(--line)}.code{background:var(--soft);color:var(--text)}.activity-row{border-color:var(--line)}.empty strong{color:var(--text)}.notice{color:var(--green)}.state-complete,.state-verified{color:var(--green);background:var(--green-soft)}.file-table td{font-size:.86rem}.folder-icon .icon{fill:transparent}.search-form input:focus{box-shadow:none}
:root[data-bs-theme="dark"] .notice.error{background:#442722;color:#fca59a;border-color:#784237}:root[data-bs-theme="dark"] .state-uploading{background:#44371e;color:#f5cf80}:root[data-bs-theme="dark"] .state-failed,:root[data-bs-theme="dark"] .state-revoked{background:#442722;color:#fca59a}
@media(min-width:851px){.sidebar-collapsed{--sidebar-width:64px}.sidebar-collapsed .sidebar .brand{padding:0 18px}.sidebar-collapsed .sidebar .brand>span,.sidebar-collapsed .sidebar-search span,.sidebar-collapsed .nav-label,.sidebar-collapsed .main-nav>a>span,.sidebar-collapsed .security-note,.sidebar-collapsed .account>span{display:none}.sidebar-collapsed .sidebar-search{justify-content:center}.sidebar-collapsed .main-nav{margin-top:12px}.sidebar-collapsed .main-nav>a{justify-content:center;padding:10px}.sidebar-collapsed .account form{margin:auto}}
@media(max-width:1100px){.header-search,.protected-label{display:none}.topbar-actions{gap:8px}}
@media(max-width:850px){.sidebar{position:fixed;inset:0 auto 0 0;width:232px;transform:translateX(-100%);z-index:30;padding:0}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-open .sidebar-backdrop{display:block;position:fixed;inset:0;width:100%;height:100%;border:0;border-radius:0;background:#0006;z-index:25}.sidebar .brand{margin:0;padding:0 .85rem}.main-nav{flex-direction:column;overflow:visible}.main-nav>a{flex-direction:row;flex:none;justify-content:flex-start;min-width:0;white-space:normal}.sidebar>.nav-label,.sidebar-bottom,.nav-count{display:block}.sidebar-bottom{margin-top:auto}.workspace{margin-left:0}.topbar{height:52px;padding:0 .75rem}.workspace>main{padding:1rem}.header-account>span:last-child{display:none}.page-heading>.button{margin-top:0}.sidebar .brand-logo{width:28px;height:28px}.file-table{min-width:640px}}
@media(max-width:480px){.stats{gap:.65rem}.stat{padding:.75rem}.stat-icon{display:none}.topbar-actions{gap:4px}.header-account{padding-left:8px}.topbar-start{gap:6px}.topbar-title{font-size:.93rem}.page-heading{gap:12px}.page-heading h1{font-size:1.4rem}.page-footer{font-size:.74rem}.section-heading{flex-wrap:wrap}.detail-grid{grid-template-columns:1fr}.detail-grid .span-two{grid-column:auto}}