/* Fast navigation and readable data tables for every role and theme. */
.sidebar nav .nav-search{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:6px;margin:8px 0 6px;padding:5px 9px;border:1px solid #e9f6df30;border-radius:11px;background:color-mix(in srgb,var(--theme-nav,#203d2a) 80%,#fff 6%);box-shadow:0 8px 17px #07171027}
.nav-search-icon{font-size:22px;line-height:1;color:#cce4b5;transform:rotate(-20deg)}
.sidebar nav .nav-search input{flex:1;min-width:0;min-height:29px;padding:3px 0;border:0;outline:0;background:transparent!important;color:#f5f9f1!important;font-size:12px;box-shadow:none}
.sidebar nav .nav-search input::placeholder{color:#c0d3bd}
.sidebar nav .nav-search input::-webkit-search-cancel-button{filter:grayscale(1) brightness(4)}
.nav-search kbd{flex:none;border:1px solid #ffffff29;border-radius:5px;padding:1px 4px;color:#bfd3b8;font-family:inherit;font-size:10px;line-height:1.4;white-space:nowrap}
.nav-search:focus-within{border-color:#c0dfa3;box-shadow:0 0 0 2px #a8ce8d4d}
.nav-search-count{padding:2px 10px 5px;color:#a9c0a8;font-size:10px;letter-spacing:.5px}
.nav-search-empty{padding:17px 10px;color:#bfd2bf;font-size:12px}
.sidebar nav .nav-link[hidden],.sidebar nav .nav-search-empty[hidden]{display:none!important}
.sidebar .nav-link{position:relative;transition:transform .18s ease,background-color .18s ease,color .18s ease}
.sidebar .nav-link:hover,.sidebar .nav-link:focus-visible{transform:translateX(3px);background:#ffffff18;color:#fff}
.sidebar .nav-link.active{box-shadow:0 4px 13px #05170e24}
.sidebar .nav-link.active:hover,.sidebar .nav-link.active:focus-visible{color:#173b33;background:#eef5e4}
html[data-theme]:not([data-theme=birey]) .sidebar .nav-link.active:hover,html[data-theme]:not([data-theme=birey]) .sidebar .nav-link.active:focus-visible{color:var(--ink);background:var(--theme-selected)}
.table-wrap{position:relative;max-height:min(72vh,720px);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.table-tools{display:flex;align-items:end;justify-content:space-between;gap:14px;padding:12px 22px;border-bottom:1px solid var(--line);background:var(--paper)}
.table-tools label{display:grid;gap:4px;min-width:min(100%,250px);color:var(--muted);font-size:10px;letter-spacing:.3px}
.table-tools input{min-height:35px;padding:7px 10px;font-size:12px;border-color:var(--line);background:var(--paper);color:var(--ink)}
.table-tools-count{padding-bottom:8px;color:var(--muted);font-size:11px;white-space:nowrap}
.table-wrap table{font-variant-numeric:tabular-nums}
.table-wrap thead th{position:sticky;top:0;z-index:2;background:var(--paper);box-shadow:inset 0 -1px var(--line)}
.table-sort{display:inline-flex;align-items:center;gap:7px;padding:2px 0;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-align:left;cursor:pointer}
.table-sort:hover,.table-sort:focus-visible{color:var(--green)}
.table-sort-arrow{font-size:12px;opacity:.58}
th[aria-sort] .table-sort-arrow{opacity:1;color:var(--green)}
.table-wrap tbody tr{transition:background-color .18s ease,box-shadow .18s ease}
.table-wrap tbody tr:nth-child(even){background:color-mix(in srgb,var(--bg) 58%,var(--paper))}
.table-wrap tbody tr[hidden]{display:none!important}
.table-wrap tbody .table-no-match td{text-align:center;padding:24px;color:var(--muted)}
.table-wrap tbody tr:hover,.table-wrap tbody tr:focus-within{background:color-mix(in srgb,var(--green) 10%,var(--paper));box-shadow:inset 3px 0 var(--green)}
.table-wrap td:first-child{position:relative}
.table-wrap tbody tr:hover td:first-child strong,.table-wrap tbody tr:focus-within td:first-child strong{color:var(--green)}
.table-wrap td button{transition:transform .17s ease,box-shadow .17s ease}
.table-wrap td button:not(:disabled):hover,.table-wrap td button:focus-visible{transform:translateY(-2px);box-shadow:0 5px 12px #183b261c}
.panel,.stat{transition:box-shadow .2s ease,transform .2s ease}
.content>.stats .stat:hover,.content>.grid-2>.panel:hover{transform:translateY(-2px);box-shadow:0 12px 27px #183b2614}
@media(max-width:850px){.sidebar nav .nav-search kbd{display:none}}
@media(max-width:520px){.table-tools{flex-wrap:wrap;padding:10px 14px}.table-tools label{min-width:100%}.table-tools-count{padding:0}}
@media print{.table-tools{display:none!important}.table-wrap{max-height:none!important;overflow:visible!important}.table-wrap thead th{position:static!important}.table-wrap tbody tr{background:transparent!important;box-shadow:none!important}}
@media(prefers-reduced-motion:reduce){.sidebar .nav-link,.table-wrap tbody tr,.table-wrap td button,.panel,.stat{transition:none!important}.sidebar .nav-link:hover,.sidebar .nav-link:focus-visible,.table-wrap td button:hover,.table-wrap td button:focus-visible,.content>.stats .stat:hover,.content>.grid-2>.panel:hover{transform:none!important}}
