.finance-nav{margin:5px 0;border:1px solid var(--border,#53634e);border-radius:10px;padding:7px}.finance-nav summary{cursor:pointer;font-weight:650;padding:9px}.finance-nav .nav{font-size:12px;padding:9px 12px!important}.finance-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.finance-tabs button{font-size:12px}.finance-filters .fields{grid-template-columns:repeat(2,minmax(120px,240px))}.finance-filters .actions{margin-top:12px;flex-wrap:wrap}.finance-bar{margin:18px 0}.finance-bar>div{display:flex;justify-content:space-between;gap:15px;font-size:13px;margin-bottom:7px}.finance-bar meter{width:100%;height:16px;accent-color:#8b9b78}.claims-notice{display:flex;align-items:center;justify-content:space-between;gap:20px;border-left:4px solid #b5a26b}.finance-nav[open] summary{color:#b5a26b}#work-entries td{min-width:120px}#work-entries td:nth-child(3){min-width:180px}#work-entries td:nth-child(4){min-width:200px}#work-entries label{font-size:11px}#work-entries [hidden]{display:none!important}@media(max-width:650px){.claims-notice{display:block}.finance-bar>div{display:block}.finance-bar span{display:block}.finance-tabs button{flex:1 1 40%}}

.claim-submitted-dialog{position:fixed;inset:0;margin:auto!important;width:min(480px,calc(100vw - 32px));height:fit-content;max-height:calc(100dvh - 32px);text-align:center;padding:36px 32px;border-radius:16px;box-shadow:0 24px 90px #0004}.claim-submitted-dialog h2{margin:18px 0 12px;font-size:24px}.claim-submitted-dialog p{line-height:1.6}.claim-submitted-dialog>button{margin-top:14px;min-width:150px}.claim-success-mark{display:grid;place-items:center;margin:auto;width:64px;height:64px;border:2px solid #b08b43;border-radius:50%;background:#b7c7ad33;color:#85a475;font-size:34px;font-weight:700}

/* Shared, compact navigation for owner and staff workspaces. */
@media(min-width:751px){.shell.studio-shell{grid-template-columns:248px minmax(0,1fr)}}
.studio-shell .sidebar{padding:22px 14px 16px;scrollbar-width:thin}
.studio-shell .sidebar .studio-brand{margin-bottom:20px}
.studio-shell .sidebar nav{display:flex;flex-direction:column;gap:2px;flex-shrink:0}
.studio-shell .studio-nav-label{padding:18px 12px 6px;font-size:10px;line-height:1.3;letter-spacing:.1em;font-weight:600}
.studio-shell .sidebar .nav{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:40px;margin:0;padding:9px 12px;border:0;border-radius:7px;background:transparent;font:500 13px/1.4 Inter,'Segoe UI',Arial,sans-serif;text-align:left;color:var(--ink);white-space:normal;box-sizing:border-box}
.studio-shell .sidebar .nav svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.8}
.studio-shell .sidebar .nav .studio-nav-text{margin:0;min-width:0;flex:1}
.studio-shell .sidebar .nav .studio-nav-chevron{margin-left:auto;flex:0 0 12px;text-align:center;color:var(--muted)}
.studio-shell .sidebar .nav:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}
.studio-shell .sidebar .nav.active{background:#e8f0e2;color:#214c32;font-weight:600;box-shadow:inset 3px 0 #537647}
[data-theme=dark] .studio-shell .sidebar .nav.active{background:#314833;color:#e5efdc;box-shadow:inset 3px 0 #c0d4b3}
.studio-shell .sidebar .nav:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.studio-shell .sidebar .studio-subnav{margin:2px 0 5px 21px;padding:0 0 0 10px;border-left:1px solid var(--line)}
.studio-shell .sidebar .studio-subnav[hidden]{display:none}
.studio-shell .sidebar .studio-subnav .nav{font-size:12px;min-height:36px;padding:8px 10px}
.studio-shell .sidebar .finance-nav{border:0;border-radius:0;padding:0;margin:0;background:transparent}
.studio-shell .sidebar .finance-nav summary{list-style:none;cursor:pointer}
.studio-shell .sidebar .finance-nav summary::-webkit-details-marker{display:none}
.studio-shell .sidebar .finance-nav[open] summary .studio-nav-chevron{transform:rotate(180deg)}
.studio-shell .side-bottom{border-top:1px solid var(--line);margin-top:20px;padding:16px 0 0;flex-shrink:0}
.studio-shell .side-bottom .studio-user{padding:0 10px 12px}
.studio-shell .side-bottom>a{margin:10px 12px;font-size:11px}
.studio-shell .side-bottom>button[data-action=logout]{margin-top:8px;font-size:12px;min-height:36px}
@media(max-width:750px){.studio-shell .sidebar{width:min(280px,88vw)}}
