@font-face{font-family:Loomi;src:url('fonts/Manrope-Variable.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#0b1711;color:#ecf1e8;font:14px/1.5 Loomi,system-ui,sans-serif}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button{color:inherit;background:none;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #dce9c9;outline-offset:3px}input,select{border:1px solid #33473a;background:#13241a;color:#e6ede2;border-radius:8px;padding:11px 13px;min-width:0}input::placeholder{color:#8c9e91}select{color-scheme:dark}.crm{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100vh}.sidebar{background:#102319;border-right:1px solid #2a3e30;padding:35px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.logo{margin:0 13px 36px}.workspace-tag{font-size:9px;letter-spacing:.15em;color:#8fa393;margin:0 13px 20px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{display:flex;align-items:center;gap:13px;text-align:left;padding:13px;border-radius:8px;color:#a9bcad}.sidebar nav button span{font-size:19px}.sidebar nav button.nav-active{background:#dce8cf;color:#172b1d}.sidebar nav small{margin-left:auto;font-size:11px}.sidebar-bottom{margin-top:auto;display:grid;gap:19px;font-size:12px;color:#a9bcad;padding:25px 12px 0}.sidebar-bottom button{text-align:left;padding:0}.live-dot{font-size:10px;display:flex;align-items:center;gap:7px}.live-dot:before{content:'';width:6px;height:6px;background:#b2d09e;border-radius:50%}.topbar{height:64px;border-bottom:1px solid #263a2c;padding:0 40px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#acbcae}.topbar>div{display:flex;align-items:center;gap:16px}.slash{margin:0 12px;color:#607365}.admin-badge{font-size:9px;letter-spacing:.14em}.admin-avatar{display:grid;place-items:center;width:33px;height:33px;border:1px solid #53694e;border-radius:50%;background:#243923;color:#dce8cf;font-size:11px}.content{padding:25px 32px 40px;max-width:1700px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.eyebrow{font-size:9px;letter-spacing:.19em;color:#a4ba9d;margin:0 0 11px}h1{font-size:32px;font-weight:500;letter-spacing:-.04em;margin:0 0 7px}h2{font-size:17px;font-weight:600;margin:0}p{color:#a3b4a7}.page-heading p:last-child{margin:0;font-size:12px}.secondary{border:1px solid #405640;border-radius:7px;padding:9px 13px;white-space:nowrap;font-size:12px}.secondary:hover{background:#263b28}.stats{display:grid;grid-template-columns:repeat(3,1fr) 1.25fr;gap:14px;margin-bottom:22px}.stats article{border:1px solid #2d4232;background:#102219;border-radius:11px;padding:16px}.stats article>span{display:block;color:#b3c4b5;font-size:11px}.stats strong{display:block;font-size:36px;font-weight:500;letter-spacing:-.04em;margin:8px 0 4px}.stats small{font-size:10px;color:#889e8e}.stats .launch-card{background:#dce8cf;color:#17301d;border-color:#dce8cf}.launch-card strong{font-size:23px;line-height:1.25;margin:12px 0 9px}.stats .launch-card span,.stats .launch-card small{color:#3f5b41}.launch-card>span{letter-spacing:.12em;font-size:9px!important}.table-card{border:1px solid #2e4233;background:#102018;border-radius:12px;overflow:hidden}.table-heading{display:flex;justify-content:space-between;align-items:center;padding:18px 24px 14px}.table-heading h2{display:flex;gap:10px;align-items:center}.count{font-size:10px;background:#263d2a;color:#c8dbba;border-radius:5px;padding:2px 7px}.table-heading p{font-size:11px;margin:5px 0 0}.read-label{font-size:8px;letter-spacing:.14em;color:#93a58f}.filters{display:flex;gap:10px;padding:0 24px 14px}.filters .search{flex:1}.filters input{width:100%}.filters input,.filters select{font-size:12px}.email-search{padding:0 24px 20px}.email-search label{font-size:10px;color:#92a597;display:block;margin-bottom:6px}.email-search>div{display:flex;gap:8px}.email-search input{font-size:11px;max-width:270px;flex:1;padding:8px 10px}.email-search button{font-size:10px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-size:9px;color:#91a793;font-weight:500;background:#16291d;padding:13px 16px;border-top:1px solid #2a4030;border-bottom:1px solid #2a4030}th:first-child,td:first-child{padding-left:24px}td{padding:13px 16px;font-size:11px;border-bottom:1px solid #23372a;color:#b5c5b8}tbody tr:hover{background:#162b1e}.user-cell{display:flex;align-items:center;gap:11px}.user-avatar{width:34px;height:34px;border-radius:9px;background:#293d2a;color:#c6d6b9;display:grid;place-items:center;font-size:10px;flex-shrink:0}.user-name{color:#ecf1e8;font-size:12px;font-weight:500}.user-email{font-size:10px;color:#8fa595;margin-top:2px}.badge{display:inline-flex;gap:6px;align-items:center;border:1px solid #345138;border-radius:5px;padding:4px 7px;font-size:9px;color:#bed4ad;background:#203724}.badge.pending{color:#d6c6a1;background:#332e20;border-color:#534830}.badge.disabled{color:#e5aaa1;background:#382520;border-color:#634038}.plan-badge{border:1px solid #3b503a;border-radius:5px;padding:4px 7px;font-size:9px;color:#c3d3b9}.actions{position:relative}.dots{font-size:22px;line-height:1;width:32px;height:32px;border-radius:6px}.dots:hover,.dots[aria-expanded=true]{background:#2b4130}.row-menu{position:fixed;z-index:10;min-width:160px;background:#203627;border:1px solid #536a4a;border-radius:8px;padding:5px;box-shadow:0 10px 30px #0005}.row-menu button{padding:10px;width:100%;text-align:left;font-size:12px;border-radius:5px}.row-menu button:hover{background:#dce8cf;color:#172b1d}.table-footer{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#90a394}.empty{text-align:center;padding:44px;color:#9bad9c}.data-note{font-size:10px;margin:15px 0}.plans-card{padding:35px;border:1px solid #3c523a;border-radius:12px;background:#152a1b;max-width:760px}.plans-card h2{font-size:27px}.plans-card p{max-width:590px;line-height:1.8}.plan-price{font-size:46px;color:#dce8cf;margin:25px 0}.plan-price span{font-size:13px;color:#a3b4a7}.plan-label{display:inline-block;border:1px solid #4e6548;border-radius:6px;padding:9px;font-size:11px}#notice{font-size:12px;color:#e7c5a0}#notice:empty{display:none}.access{max-width:440px;margin:15vh auto;padding:30px}.access h1{margin-top:35px}.access a{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}dialog{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:min(480px,100%);max-width:100%;background:#11251a;color:#eef3e9;border:0;border-left:1px solid #45603e;padding:0;box-shadow:-20px 0 70px #0006}dialog::backdrop{background:#020b0799}.detail-top{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid #2e4532;font-size:9px;letter-spacing:.15em}.detail-top button{font-size:18px}#detail-content{padding:30px 28px}.detail-avatar{width:56px;height:56px;font-size:18px;margin-bottom:18px}#detail-content h2{font-size:27px;overflow-wrap:anywhere}#detail-content p{overflow-wrap:anywhere}.detail-section{border-top:1px solid #334c37;padding-top:22px;margin-top:26px}.detail-section h3{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#adc0a6;margin:0 0 18px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-grid dt{color:#91a591;font-size:10px}.detail-grid dd{margin:5px 0 0;font-size:12px;overflow-wrap:anywhere}.device-item{padding:13px 0;border-top:1px solid #2c4230}.device-item p{font-size:11px;margin:6px 0}.device-item strong{font-size:12px}.detail-note{font-size:11px;line-height:1.8}.uid{font-size:10px;color:#8aa18c;overflow-wrap:anywhere}@media(min-width:1500px){.content{padding-top:48px}}@media(max-width:1100px){.crm{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding-inline:13px}.content{padding:28px 22px}.topbar{padding-inline:22px}.stats{grid-template-columns:1fr 1fr}.filters{flex-wrap:wrap}.filters .search{flex-basis:100%}}@media(max-width:700px){.crm{display:block}.sidebar{position:static;height:auto;padding:18px;border-right:0;border-bottom:1px solid #314936}.logo{margin:0 0 17px}.logo img{width:95px}.workspace-tag,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:5px}.sidebar nav button{font-size:11px;padding:8px;flex:1;justify-content:center;white-space:nowrap}.sidebar nav button span,.sidebar nav small{display:none}.topbar{height:52px}.content{padding:24px 16px}.page-heading{align-items:flex-start}h1{font-size:27px}.page-heading p:last-child{font-size:11px}.stats{gap:9px;margin-bottom:20px}.stats article{padding:16px}.stats strong{font-size:30px}.stats .launch-card strong{font-size:20px}.stats small{font-size:9px}.table-heading,.table-footer{padding:17px}.filters,.email-search{padding-left:17px;padding-right:17px}.filters select{max-width:100%;font-size:11px}.email-search>div{flex-wrap:wrap}.read-label{display:none}.detail-top,#detail-content{padding:22px}.page-heading>.secondary{font-size:0}.page-heading>.secondary:first-letter{font-size:20px}}
@media(max-width:700px){.sidebar-bottom{display:flex;justify-content:space-between;gap:14px;margin-top:0;padding:14px 0 0;font-size:10px}.sidebar-bottom .live-dot{display:none}.filters input,.filters select,.email-search input{font-size:16px}.filters label:not(.search){flex:1;min-width:0}.filters select{width:100%;padding-inline:8px}.email-search input{max-width:100%;width:100%;flex-basis:100%}}

.search-help{font-size:11px;color:#92a597;margin:0;padding:0 24px 18px}@media(max-width:700px){.search-help{padding-inline:17px}}

.updates-card{border:1px solid #334b39;border-radius:14px;background:#102219;overflow:hidden}.updates-intro{padding:28px 30px;border-bottom:1px solid #2e4334}.updates-intro h2{font-size:26px;font-weight:500;letter-spacing:-.03em}.updates-intro p:last-child{max-width:650px;font-size:13px;margin-bottom:0}.updates-body{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:36px;padding:30px}.update-target>label{display:block;font-size:12px;margin-bottom:8px}.update-target select{width:100%;max-width:380px}.update-release{margin:22px 0 28px;padding:18px 20px;border:1px solid #38503b;border-radius:10px;background:#1b3222}.update-release>span{display:block;font-size:9px;letter-spacing:.13em;color:#a6bd9c}.update-release strong{font-size:20px;font-weight:500;display:block;margin-top:7px}.update-release p{font-size:12px;margin:8px 0 0}.update-modes{border:0;padding:0;margin:0;display:grid;gap:10px}.update-modes legend{font-size:12px;margin-bottom:14px}.update-mode{display:flex;align-items:center;gap:14px;padding:19px;border:1px solid #334d3a;border-radius:10px;cursor:pointer}.update-mode:has(input:checked){background:#243d2b;border-color:#9bb68c}.update-mode input{color-scheme:dark;accent-color:#b9d3a6;width:17px;height:17px;flex-shrink:0}.update-mode strong{font-size:14px;font-weight:600}.update-mode small{display:block;color:#aabcae;line-height:1.6;font-size:12px;margin-top:5px}.update-mode>span:last-child:not(:nth-child(2)){margin-left:auto;font-size:22px;color:#bdcfaf}.update-off{padding-block:14px}.update-actions{margin-top:25px}.update-actions p{font-size:11px}.update-primary{background:#dce8cf;color:#172b1d;border:1px solid #dce8cf;border-radius:8px;padding:12px 18px;font-weight:600;font-size:13px}.update-primary:hover{background:#eaf2e0}.update-state{border-left:1px solid #334a38;padding-left:28px}.update-state h3{font-size:15px;font-weight:500;line-height:1.7}.update-state p{font-size:12px;line-height:1.8}.update-state hr{border:0;border-top:1px solid #334a38;margin:28px 0}.update-confirm{inset:0;margin:auto;width:min(520px,calc(100% - 32px));height:auto;max-height:90dvh;border:1px solid #52694b;border-radius:15px;padding:30px;box-shadow:0 20px 80px #0008}.update-confirm h2{font-size:24px;line-height:1.4}.update-confirm p{line-height:1.8}.update-confirm>div{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}#update-status{padding:0 30px 24px;margin:0;color:#e5c9a3}#update-status:empty{display:none}@media(max-width:1050px){.updates-body{grid-template-columns:1fr}.update-state{border-left:0;border-top:1px solid #334a38;padding:22px 0 0}}@media(max-width:700px){.sidebar nav{flex-wrap:wrap}.updates-intro,.updates-body{padding:22px}.updates-intro h2{font-size:23px}.update-mode{padding:15px}.update-primary{width:100%}.update-confirm>div{flex-wrap:wrap}}

/* Usage is measured by compatible players, independently of account sign-in. */
.activity-cell{min-width:175px}.activity-cell strong{display:block;font-size:12px;font-weight:500}.activity-cell small{display:block;color:#a3b4a7;font-size:11px;margin-top:5px}
.usage-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.usage-heading h3{margin:0}.usage-period{font-size:11px;color:#a3b4a7}.usage-presence{display:flex;flex-direction:column;gap:5px;margin:20px 0;color:#c2d6bb}.usage-presence strong{font-size:13px;font-weight:500}.usage-presence span{font-size:11px;color:#a3b4a7}.usage-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 24px}.usage-metrics>div{padding:16px;border:1px solid #344b39;border-radius:10px;background:#14291c}.usage-metrics dt{font-size:11px;color:#a3b4a7}.usage-metrics dd{margin:8px 0 0;font-size:25px;font-weight:500;font-variant-numeric:tabular-nums}.usage-categories{display:grid;gap:16px}.usage-category>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:8px}.usage-track{height:5px;background:#273c2d;border-radius:4px;overflow:hidden}.usage-track>span{display:block;height:100%;background:#c2d6b4;border-radius:4px}.usage-versions{display:grid;gap:12px;margin:24px 0}.usage-versions>div{border-top:1px solid #344b39;padding-top:12px;display:grid;gap:4px}.usage-versions strong{font-size:13px;font-weight:500}.usage-versions span{font-size:12px;color:#c2d6bb}.usage-versions small{font-size:11px;color:#a3b4a7}.usage-empty{padding:20px;border:1px dashed #344b39;border-radius:8px;font-size:13px}.usage-section .detail-note{line-height:1.7}@media(max-width:500px){.usage-heading{align-items:flex-start;flex-direction:column}.usage-metrics{gap:8px}.usage-metrics>div{padding:12px}.usage-metrics dd{font-size:21px}}

.row-menu button{display:block}.row-menu .delete-action{color:#f2aaa0}.row-menu .delete-action:hover{background:#512c29;color:#ffe6df}.delete-confirm label{display:block;margin:24px 0 8px;overflow-wrap:anywhere;font-size:13px}.delete-confirm input{width:100%;padding:12px;border:1px solid #52694b;border-radius:8px;background:#0b1c12;color:#eef3e9}.delete-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;flex-wrap:wrap}.delete-primary{border:1px solid #bc6258;background:#9c3930;color:#fff0ed;border-radius:8px;padding:12px 16px}.delete-primary:hover{background:#b1453a}.delete-confirm [role=status]{color:#e7c5a0;font-size:13px}

.client-resources label{display:grid;gap:7px;font-size:13px;color:#b9cdbf;margin:12px 0}
.client-resources input,.client-resources select{box-sizing:border-box;width:100%;min-width:0;padding:12px;border-radius:10px;border:1px solid #ffffff25;background:#0b1e15;color:#edf4ea;font:inherit}
.client-resources button{margin:6px 8px 6px 0;cursor:pointer}
.client-resources button:disabled{opacity:.5;cursor:wait}
.device-edit{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.device-edit label{flex:1;min-width:160px}.device-edit button{margin-bottom:12px}
.danger-button{border:1px solid #d68c7944;border-radius:10px;background:#d68c7910;color:#efb4a5;padding:10px 14px;font:inherit}
.resource-confirm{padding:14px;margin-top:12px;border:1px solid #d68c7944;border-radius:12px}
.resource-status{font-size:13px;line-height:1.6;color:#d3e3c9}.resource-status:empty{display:none}
.playlist-editor{padding:20px;border:1px solid #ffffff24;border-radius:14px;margin-top:22px}
.client-resources [hidden]{display:none!important}

/* Full client workspace: only the active tab scrolls, never the page. */
body.client-open{overflow:hidden}
.client-open .crm{height:100vh;height:100dvh;min-height:0}
.client-open .crm>main{height:100%;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.client-open .crm>main>.content{display:none}
.client-open .topbar{flex:none}
.client-page{flex:1;min-height:0;display:flex;flex-direction:column;padding:22px 32px 28px;overflow:hidden}
.client-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;margin-bottom:22px}
.client-toolbar>span{font-size:9px;letter-spacing:.14em;color:#8fa595}
#detail-content{flex:1;min-height:0;padding:0;overflow:hidden}
.profile-layout{height:100%;min-height:0;display:flex;flex-direction:column}
.profile-header{display:flex;justify-content:space-between;align-items:center;gap:20px;flex:none;padding-bottom:24px}
.profile-identity{display:flex;gap:18px;align-items:center;min-width:0}.profile-identity>div{min-width:0}
.profile-identity .detail-avatar{margin:0;flex:none;width:58px;height:58px;border:1px solid #405640}
.profile-header h1{font-size:clamp(20px,2.4vw,32px);overflow-wrap:anywhere;margin:0;line-height:1.25}
.profile-header .eyebrow{margin-bottom:6px}.profile-email{margin:6px 0 0;font-size:12px;overflow-wrap:anywhere}
.profile-actions{display:flex;gap:12px;align-items:center;flex:none}
.profile-tabs{display:flex;gap:24px;border-bottom:1px solid #334b39;flex:none;margin-bottom:22px}
.profile-tabs button{padding:12px 2px 15px;color:#90a795;border-bottom:2px solid transparent;font-size:13px}
.profile-tabs button[aria-selected=true]{color:#edf4e8;border-color:#c7dfb4}
.profile-panels{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:2px 8px 24px 2px}
.profile-overview{display:grid;grid-template-columns:1fr 1.2fr;gap:22px;align-items:start}
.profile-card,.profile-overview>.usage-section{padding:24px;background:#102219;border:1px solid #2e4534;border-radius:15px;margin:0}
.profile-card h2{margin-bottom:24px}.profile-card .detail-grid{gap:26px 20px}.profile-card .detail-note{margin-top:24px}
.profile-panels .client-resources{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}
.profile-panels .client-resources[data-view=playlists]:has(.playlist-editor){grid-template-columns:minmax(240px,1fr) minmax(300px,1fr)}
.profile-panels .resource-status{grid-column:1/-1;margin:0}
.profile-panels .client-resources>.detail-section{margin:0;border:1px solid #2e4534;border-radius:15px;padding:22px;background:#102219}
.profile-panels .client-editor:empty{display:none}.profile-panels .playlist-editor{margin:0;background:#14291d;padding:24px}
.profile-panels .device-item{padding:18px 0}.profile-panels .device-item:last-child{padding-bottom:0}
@media(max-width:1000px){.profile-overview{grid-template-columns:1fr}.profile-actions{flex-direction:column;align-items:flex-end}.client-page{padding:20px}.profile-panels .client-resources[data-view=playlists]:has(.playlist-editor){grid-template-columns:1fr}}
@media(max-width:700px){.client-open .crm{display:flex;flex-direction:column}.client-open .sidebar{flex:none;padding:12px 16px}.client-open .sidebar .logo,.client-open .topbar{display:none}.client-open .crm>main{flex:1;height:auto}.client-page{padding:16px 14px 0}.client-toolbar{margin-bottom:18px}.client-toolbar>span{display:none}.profile-header{gap:10px;padding-bottom:18px;align-items:flex-start}.profile-identity{gap:10px}.profile-identity .detail-avatar{display:none}.profile-actions .badge{display:none}.profile-header h1{font-size:20px}.profile-tabs{gap:22px;margin-bottom:14px}.profile-tabs button{font-size:12px}.profile-card,.profile-overview>.usage-section{padding:18px}.profile-panels{padding-bottom:max(20px,env(safe-area-inset-bottom))}}
.profile-panels .playlist-editor{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;padding:20px}
.profile-panels .playlist-editor h3,.profile-panels .playlist-editor>.detail-note,.profile-panels .playlist-editor>label:has([name=server]),.profile-panels .playlist-editor>label:has([name=mac]){grid-column:1/-1}
.profile-panels .playlist-editor h3{margin:0;font-size:16px}.profile-panels .playlist-editor>.detail-note{margin:0 0 4px}
.profile-panels .playlist-editor label{margin:6px 0;font-size:12px}.profile-panels .playlist-editor input,.profile-panels .playlist-editor select{padding:10px}
.profile-panels .playlist-editor button{margin:6px 0 0;font-size:12px;padding:10px}

.admin-email-row { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.user-cell > div { min-width: 0; }
.user-cell .admin-email-row { flex-wrap: nowrap; max-width: clamp(148px, 18vw, 244px); }
.user-cell .user-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user-cell .copy-email-status { flex-shrink: 0; }
.user-cell .copy-email-status:empty { display: none; }
.copy-email { position: relative; flex: 0 0 26px; height: 26px; border-radius: 6px; color: #adc3b3; }
.copy-email:hover, .copy-email:focus-visible { color: #edf5e9; background: #ffffff12; }
.copy-email::before, .copy-email::after { content: ''; position: absolute; box-sizing: border-box; width: 7px; height: 9px; border: 1px solid currentColor; border-radius: 1.5px; }
.copy-email::before { left: 8px; top: 7px; }
.copy-email::after { left: 11px; top: 10px; background: #14271c; }
.copy-email-status { font-size: 11px; color: #c5d9ca; }
.copy-email-status:empty { width: 0; }

/* Administration navigation */
.sidebar { padding: 24px 14px 14px; background: linear-gradient(165deg,#172c20,#102017 70%); overflow-y: auto; }
.sidebar .logo { margin: 0 12px 26px; }
.sidebar .logo img { display: block; width: 96px; }
.workspace-tag { margin: 0 12px 10px; font-size: 10px; text-transform: uppercase; }
.sidebar nav { gap: 4px; }
.sidebar nav button { min-height: 42px; padding: 9px 12px; gap: 10px; font-size: 13px; font-weight: 500; }
.rail-icon { flex: none; }
.sidebar nav button:hover, .sidebar-bottom a:hover, .sidebar-bottom button:hover { background: #ffffff09; color: #f1f5ed; }
.sidebar nav button.nav-active { background: #253d30; color: #f1f5ed; box-shadow: inset 0 0 0 1px #425848; }
.sidebar nav small { padding: 1px 6px; border-radius: 5px; background: #ffffff0b; font-variant-numeric: tabular-nums; }
.sidebar-bottom { display: flex; align-items: center; gap: 4px; border-top: 1px solid #ffffff18; padding: 10px 0 0; }
.sidebar-bottom a, .sidebar-bottom button { display: inline-flex; align-items: center; justify-content: center; height: 42px; border-radius: 7px; }
.sidebar-bottom a { flex: 1; justify-content: flex-start; gap: 10px; padding-inline: 12px; font-size: 13px; }
.sidebar-bottom button { width: 42px; }
@media (max-width: 700px) {
 .sidebar, .client-open .sidebar { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 8px; padding: 8px 12px; }
 .sidebar .logo, .client-open .sidebar .logo { display: block; margin: 0 6px; }
 .sidebar .logo img { width: 72px; }
 .sidebar-bottom { grid-column: 2; grid-row: 1; justify-self: end; padding: 0; border: 0; }
 .sidebar-bottom a, .sidebar-bottom button { height: 44px; }
 .sidebar-bottom button { width: 44px; }
 .sidebar nav { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 2px; }
 .sidebar nav button { flex-direction: column; gap: 3px; padding: 6px 0; font-size: 10px; min-height: 44px; }
}