:root{--muted:#aebdd0;--line:#293c50;--accent:#55e7f8;--ui-radius:12px}
body{font-size:1rem;line-height:1.55}button,a,input,select,textarea{touch-action:manipulation}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.workspace{grid-template-columns:256px minmax(0,1fr)}.sidebar{padding:24px 14px}.sidebar>.brand{margin:0 10px 24px}.sidebar>.nav-label{display:none}#nav{display:block;overflow:visible}.ui-nav-row{display:flex;align-items:center;gap:3px}.ui-nav-row .nav-item{flex:1;min-width:0;margin:0;padding:11px 12px;font-size:.875rem;line-height:1.4;white-space:normal;text-align:start;border-radius:8px}.ui-nav-row .nav-item.active{background:#12313b;color:var(--accent);font-weight:700}.ui-nav-primary{padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:16px}.ui-nav-group{margin:6px 0}.ui-nav-group summary{cursor:pointer;list-style:none;padding:12px;border-radius:8px;font-size:.875rem;font-weight:700;color:var(--text);display:flex;align-items:center;justify-content:space-between}.ui-nav-group summary::-webkit-details-marker{display:none}.ui-nav-group summary:after{content:'+';font-size:1.2rem;color:var(--muted)}.ui-nav-group[open]>summary:after{content:'−'}.ui-nav-group-body{border-inline-start:1px solid var(--line);margin-inline-start:14px;padding-inline-start:5px}.ui-nav-group summary:hover,.ui-favorite-link:hover{background:var(--surface-raised,#172331)}.ui-nav-caption,.ui-nav-search-label{display:block;padding:0 12px;font-size:.875rem;color:var(--muted);margin:16px 0 8px}.ui-nav-search{box-sizing:border-box;width:calc(100% - 16px);margin:0 8px 10px;padding:10px;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:1rem}.ui-nav-empty{padding:10px;color:var(--muted)}.ui-favorite-toggle{padding:8px;border:0;background:transparent;color:#71869c;flex:none}.ui-favorite-toggle svg{width:16px;height:16px}.ui-favorite-toggle:hover,.ui-favorite-toggle[aria-pressed=true]{color:var(--accent)}.ui-favorite-toggle[aria-pressed=true] svg{fill:#55e7f824}.ui-favorite-link{display:block;width:100%;text-align:start;padding:9px 12px;border:0;border-radius:8px;background:transparent;color:var(--text);font-size:.875rem}.ui-menu-toggle,.ui-menu-shade,.ui-bottom-nav{display:none}
.metric,.panel,.module-panel,.suite-panel{border-radius:var(--ui-radius)}.metric strong{font-variant-numeric:tabular-nums}.form-grid label,#editor label,.member-row label,.approval-row label,.job-column h3,.job-card p,.job-card div,.notification p,.member-row p,.approval-row p{font-size:.875rem}input,select,textarea{min-height:44px}.quiet,.secondary,.primary,.record-button,.text-link{min-height:40px}.suite-toolbar,.table-controls,.help-filters{gap:12px}.suite-toolbar label,.help-filters label{font-size:.875rem}.status-badge{padding:5px 9px;border-radius:6px;font-size:.875rem}.table-scroll th{padding-block:14px;text-align:start;font-size:.875rem}.table-scroll td{padding-block:15px;font-size:.875rem}.table-scroll tbody tr:hover{background:#55e7f807}.record-button{text-align:start;font-weight:650}.table-scroll{scrollbar-gutter:stable}
dialog#editor,dialog#detail,dialog.suite-editor{position:fixed;inset-block:0;inset-inline-start:auto;inset-inline-end:0;margin:0;width:min(820px,94vw);height:100dvh;max-height:100dvh;max-width:100vw;border-radius:16px 0 0 16px;padding:28px;border:1px solid var(--line);box-sizing:border-box;overflow:auto;background:var(--surface);color:var(--text)}dialog::backdrop{background:#030910b8;backdrop-filter:blur(3px)}[dir=rtl] dialog#editor,[dir=rtl] dialog#detail,[dir=rtl] dialog.suite-editor{border-radius:0 16px 16px 0}.detail-header{display:flex;justify-content:space-between;gap:16px}.detail-line{padding:13px 0}.detail-line>*{min-width:0;overflow-wrap:anywhere}
.ui-home-lead{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.ui-home-lead h2{margin:0;font-size:clamp(1.6rem,3vw,2.2rem)}.ui-home-lead p{color:var(--muted);margin:6px 0}.ui-home-actions{display:flex;gap:10px;flex-wrap:wrap}.ui-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ui-home-panel{border:1px solid var(--line);border-radius:12px;padding:22px;background:var(--surface)}.ui-home-panel h3{font-size:1.1rem;margin:0 0 18px}.ui-home-panel .shop-card{margin-block:10px}.ui-home-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.ui-home-stat{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.ui-home-stat strong{display:block;font-size:1.8rem}.ui-home-stat span{color:var(--muted);font-size:.875rem}.ui-home-currency{padding:14px 0;border-bottom:1px solid var(--line)}.ui-home-currency strong{display:block;font-size:1.4rem}.ui-home-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ui-home-shortcuts a{white-space:normal;text-align:start}.ui-home-panel .muted{font-size:.875rem}
@media(max-width:1100px){.workspace{grid-template-columns:228px minmax(0,1fr)}.ui-home-grid{grid-template-columns:1fr}}
@media(max-width:850px){.workspace{display:block}.sidebar{display:none;position:fixed;inset-block:0;inset-inline-start:0;width:min(320px,calc(100vw - 44px));height:100dvh;box-sizing:border-box;overflow-y:auto;padding-bottom:90px;background:var(--bg);z-index:101;border-inline-end:1px solid var(--line)}.ui-menu-open .sidebar{display:block}.sidebar>.brand{display:flex}.ui-menu-open .sidebar-bottom{display:block}#nav{display:block;overflow:visible}.ui-nav-row .nav-item{width:auto;white-space:normal}.ui-menu-toggle{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:transparent;font-size:.875rem}.ui-menu-shade:not([hidden]){display:block;position:fixed;inset:0;background:#02060cbf;border:0;z-index:100}.ui-bottom-nav{position:fixed;bottom:0;inset-inline:0;z-index:90;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 6px max(10px,env(safe-area-inset-bottom));background:#0b1421f5;border-top:1px solid var(--line);backdrop-filter:blur(18px)}.ui-bottom-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-height:48px;border:0;border-radius:8px;background:transparent;color:#aebdd0;font-size:.75rem}.ui-bottom-nav button[aria-current=page]{color:var(--accent);background:#12313b}.workspace main{padding:24px 16px 108px}.topbar{position:sticky;top:0;z-index:50;background:var(--bg);gap:10px;padding:12px 16px}.topbar-right{margin-inline-start:auto}.ui-home-lead{align-items:flex-start;flex-direction:column}.ui-home-panel{padding:18px}.ui-home-stats{gap:8px}.ui-home-stat{padding:12px}.ui-home-stat strong{font-size:1.5rem}.ui-home-stat span{font-size:.875rem}.ui-favorite-toggle{padding:12px}.table-controls input{min-width:0;width:100%}.table-controls{align-items:stretch}.table-controls label{flex:1}.ui-card-table{display:block;min-width:0!important}.ui-card-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ui-card-table tbody{display:grid;gap:12px}.ui-card-table tr{display:block;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.ui-card-table td{display:grid;grid-template-columns:minmax(90px,.8fr) minmax(0,1.2fr);gap:14px;padding:7px 0;border:0;white-space:normal;overflow-wrap:anywhere;text-align:start}.ui-card-table td:before{content:attr(data-label);font-size:.875rem;color:var(--muted)}.ui-card-table td[colspan]{display:block}.ui-card-table td[colspan]:before{display:none}.ui-card-table caption{display:block;text-align:start}.records-panel .table-scroll{padding:12px 16px}.ui-card-table button{justify-self:start}dialog#editor,dialog#detail,dialog.suite-editor{width:100vw;border-radius:0;padding:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Keep the full menu readable in the phone drawer. */
@media(max-width:850px){
 #nav .nav-item span{display:inline}
 .content-shell, #main, #work-module, .suite-surface{min-width:0;max-width:100%}
 #app-error{white-space:normal;overflow-wrap:anywhere}
 .sidebar{padding-bottom:max(24px,env(safe-area-inset-bottom))}
}