/* System, security, Telegram and seller tools share the management visual language. */
.admin-panel-root #admin-route-view:has(.security-passkey-card),
.admin-panel-root #admin-route-view:has(.seller-admin),
.admin-panel-root #admin-route-view.hub-telegram{max-width:1150px;margin-inline:auto}
.admin-panel-root .hub-telegram #settings-telegram{gap:16px;padding:0;border:0;background:transparent;box-shadow:none}
.admin-panel-root [data-td-telegram] .tg-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 26px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:22px;background:linear-gradient(118deg,color-mix(in srgb,var(--accent) 12%,var(--surface)),var(--surface) 70%)}
.admin-panel-root [data-td-telegram] .tg-heading h3{margin:4px 0;font-size:clamp(1.55rem,2.5vw,2.05rem);line-height:1.1;letter-spacing:-.045em}
.admin-panel-root [data-td-telegram] .tg-heading p{margin:0;color:var(--muted)}
.admin-panel-root [data-td-telegram] .tg-section{margin:0;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.admin-panel-root [data-td-telegram] .tg-section h4{font-size:1.05rem;letter-spacing:-.02em}
.admin-panel-root [data-td-telegram] .tg-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px;margin:16px 0}
.admin-panel-root [data-td-telegram] .tg-status-grid>div{display:grid;gap:5px;padding:14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--accent) 4%,var(--surface))}
.admin-panel-root [data-td-telegram] .tg-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.admin-panel-root [data-td-telegram] .tg-buttons>*{min-height:42px}
.admin-panel-root [data-td-telegram] .tg-details{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--accent) 3%,var(--surface))}
.admin-panel-root [data-td-telegram] .tg-details summary{font-weight:700;cursor:pointer}
.admin-panel-root [data-td-telegram] [data-tg-notifications] form{margin-top:12px}
.admin-panel-root [data-td-telegram] .tg-check{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--accent) 3%,var(--surface));cursor:pointer}
.admin-panel-root [data-td-telegram] .tg-check input{flex:none;margin-top:3px;accent-color:var(--accent)}
.admin-panel-root [data-td-telegram] fieldset{display:grid;gap:8px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:14px}
.admin-panel-root [data-td-telegram] legend{padding:0 5px;font-weight:700}
.admin-panel-root #admin-route-view:has(.security-passkey-card)>.stats-heading{padding:24px 26px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:22px;background:linear-gradient(118deg,color-mix(in srgb,var(--accent) 12%,var(--surface)),var(--surface) 70%);margin-bottom:16px}
.admin-panel-root #admin-route-view:has(.security-passkey-card)>.stats-heading h2{margin:4px 0;font-size:clamp(1.5rem,2.5vw,2rem);letter-spacing:-.045em}
.admin-panel-root #admin-route-view:has(.security-passkey-card)>section.card{margin-bottom:14px;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.admin-panel-root #admin-route-view:has(.security-passkey-card)>.security-passkey-card{background:linear-gradient(118deg,color-mix(in srgb,var(--accent) 8%,var(--surface)),var(--surface) 75%)}
.admin-panel-root .security-grid{gap:10px}.admin-panel-root .security-grid .security-kpi{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.admin-panel-root .security-kpi strong{margin:5px 0;font-size:1.8rem;color:var(--accent)}
.admin-panel-root .device-row,.admin-panel-root .device-card,.admin-panel-root .audit-row{border-radius:14px}
.admin-panel-root .seller-admin-hero{padding:24px 26px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:22px;background:linear-gradient(118deg,color-mix(in srgb,var(--accent) 12%,var(--surface)),var(--surface) 70%);color:var(--text)}
.admin-panel-root .seller-admin-hero h1{font-size:clamp(1.55rem,2.5vw,2.05rem);line-height:1.1;letter-spacing:-.045em}.admin-panel-root .seller-admin-hero p{margin:4px 0 0;color:var(--muted)}
.admin-panel-root .seller-admin-nav{display:flex;flex-wrap:nowrap!important;overflow-x:auto!important;overscroll-behavior-inline:contain;gap:7px;margin:0;padding:6px;border:1px solid var(--line);border-radius:16px;background:var(--surface);scrollbar-width:thin}
.admin-panel-root .seller-admin-nav button{flex:0 0 auto;min-height:44px;padding:10px 14px;border:1px solid transparent;color:var(--muted);font-weight:700;white-space:nowrap}
.admin-panel-root .seller-admin-nav button.active{border-color:color-mix(in srgb,var(--accent) 30%,var(--line));background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--text)}
.admin-panel-root .seller-admin-next,.admin-panel-root .seller-admin .card,.admin-panel-root .seller-admin-metrics article,.admin-panel-root .seller-admin-table,.admin-panel-root .seller-admin-groups article{border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.admin-panel-root .seller-admin-next{background:linear-gradient(118deg,color-mix(in srgb,var(--accent) 8%,var(--surface)),var(--surface) 75%)}
.admin-panel-root .seller-admin-metrics span,.admin-panel-root .seller-admin-avatar,.admin-panel-root .seller-admin-group-icon{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}
.admin-panel-root .seller-admin-task{border-radius:13px;color:var(--text)}
.admin-panel-root .seller-admin-nav button:focus-visible,.admin-panel-root [data-td-telegram] :is(button,a,summary):focus-visible{outline:3px solid var(--accent);outline-offset:2px}
@media(max-width:850px){.admin-panel-root .seller-admin-table article>div:nth-of-type(n+2){display:grid}.admin-panel-root .seller-admin-table article>.pill{display:inline-flex}.admin-panel-root .security-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr))}}
@media(max-width:700px){.admin-panel-root [data-td-telegram] .tg-heading,.admin-panel-root #admin-route-view:has(.security-passkey-card)>.stats-heading,.admin-panel-root .seller-admin-hero{padding:20px}.admin-panel-root [data-td-telegram] .tg-section{padding:16px}.admin-panel-root .seller-admin-nav{display:flex}.admin-panel-root .seller-admin-hero{align-items:flex-start;flex-direction:column}.admin-panel-root .seller-admin-table article{align-items:start}.admin-panel-root .seller-admin-table article>div:nth-of-type(n+2){flex:1 1 100px}}