:root{--zn-surface:#fff;--zn-surface-muted:#f4f6fa}
.zn-account-controls{display:flex;align-items:center;gap:16px;flex-shrink:0;margin-left:auto}
.zn-theme-picker{position:relative;color:var(--zn-muted);font-size:12px;flex-shrink:0}
.zn-theme-picker summary{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--zn-border);border-radius:8px;background:var(--zn-surface);cursor:pointer;list-style:none;white-space:nowrap}
.zn-theme-picker summary::-webkit-details-marker{display:none}.zn-theme-picker summary::marker{content:""}
.zn-theme-picker svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.zn-theme-moon{display:none}
.zn-theme-chevron{font-size:15px;line-height:1}.zn-theme-menu{position:absolute;right:0;top:calc(100% + 7px);min-width:145px;z-index:1060;padding:5px;border:1px solid var(--zn-border);border-radius:10px;background:var(--zn-surface);box-shadow:0 10px 35px #0002}
.zn-theme-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 11px;border:0;border-radius:6px;color:var(--zn-ink);background:transparent;text-align:left;cursor:pointer;font:inherit}
.zn-theme-menu button:hover,.zn-theme-menu button[aria-pressed=true]{background:var(--zn-surface-muted);color:var(--zn-blue)}.zn-theme-menu button span{font-size:19px;line-height:1}
.zn-auth-tools{position:absolute;top:22px;right:24px;z-index:10}
html[data-theme=dark]{color-scheme:dark;--zn-bg:#0b1220;--zn-ink:#dce6f5;--zn-muted:#a5b6d0;--zn-blue:#8bb5ff;--zn-border:#2a3a52;--zn-surface:#131e30;--zn-surface-muted:#1b2940}
html[data-theme=dark] .zn-theme-sun{display:none}html[data-theme=dark] .zn-theme-moon{display:block}
html[data-theme=dark] :is(.card,.card-header,.card-footer,.zn-sidebar,.zn-stat,.zn-panel-heading,.zn-auth-card,.modal-content,.modal-header,.modal-footer,.dropdown-menu,.zn-period-tabs,.zn-theme-menu){background:var(--zn-surface);color:var(--zn-ink);border-color:var(--zn-border)}
html[data-theme=dark] .zn-topbar{background:#131e30f5}
html[data-theme=dark] :is(.zn-search input,.form-control,.zn-auth-card input:not([type=hidden]):not([type=checkbox]),.zn-auth-card select,.zn-auth-card textarea,.zn-file-picker,select.form-control){background:var(--zn-surface-muted);color:var(--zn-ink);border-color:var(--zn-border)}
html[data-theme=dark] :is(.form-control,.zn-search input):focus{background:#202e44;border-color:#779fe2;color:var(--zn-ink);box-shadow:0 0 0 3px #739dff25}
html[data-theme=dark] :is(.form-control:disabled,.form-control[readonly]){background:#162135;color:var(--zn-muted)}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#8095b3;opacity:1}
html[data-theme=dark] :is(label,.table,.zn-history-title,.zn-user-link,.zn-date-cell,.zn-panel-kicker,.zn-panel-description,.zn-profile-description,.zn-password-section summary,.zn-breadcrumb span){color:var(--zn-muted)}
html[data-theme=dark] :is(.table th,.table td,.zn-meter-summary,.zn-detail-list>div,.zn-profile-change-list li){border-color:var(--zn-border)}
html[data-theme=dark] :is(.table thead th,.table .thead-dark th,.table-dark,.table-dark th,.table-dark td){background:#19263b;color:var(--zn-ink);border-color:var(--zn-border)}
html[data-theme=dark] :is(.table-striped tbody tr:nth-of-type(odd),.table-dark.table-striped tbody tr:nth-of-type(odd)){background:#172438}
html[data-theme=dark] .table-hover tbody tr:hover{background:#20304a;color:var(--zn-ink)}
html[data-theme=dark] :is(.zn-count,.zn-tag,.zn-avatar,.zn-profile-avatar,.zn-distribution-icon,.zn-panel-icon,.zn-unit-switch){background:#1c2e49;color:#a9c7f4;border-color:var(--zn-border)}
html[data-theme=dark] :is(.card-header.zn-object-top,.zn-object-header-link:hover){background:#192c49;border-color:#2c456a}
html[data-theme=dark] :is(.zn-object-header-link .zn-object-heading,.zn-object-top .zn-object-heading a){color:#a9caff}
html[data-theme=dark] .zn-object-top .zn-object-address{color:#a1b9da}
html[data-theme=dark] :is(.zn-object-top .zn-count,.zn-unit-switch button[aria-pressed=true]){background:#122037;color:#adc8ef;border-color:#334c70}
html[data-theme=dark] :is(.zn-object-links,.zn-counter,.zn-request-compose,.zn-request-message,.zn-photo-modal .modal-body,.zn-profile-change-list li,.zn-packet-details pre){background:#172438;color:var(--zn-ink);border-color:var(--zn-border)}
html[data-theme=dark] .zn-device-list-grid .zn-counter{background:transparent}
html[data-theme=dark] :is(.zn-counter-number,.zn-file-picker.has-file .zn-file-name){color:#e0ecff}
html[data-theme=dark] :is(.zn-nav a,.zn-nav-add>summary,.dropdown-item,.btn-light,.btn-outline-secondary,.page-link,.zn-pagination .zn-actions a,.zn-captcha-refresh){color:#bdcce2;background:var(--zn-surface);border-color:var(--zn-border)}
html[data-theme=dark] :is(.zn-nav a:hover,.zn-nav a.active,.zn-nav-add>summary:hover,.dropdown-item:hover,.dropdown-item:focus,.btn-light:hover,.btn-outline-secondary:hover,.page-link:hover,.zn-period-tabs a.active,.zn-password-toggle:hover,.zn-distribution-toggle:hover,.zn-distribution-toggle[aria-expanded=true],.zn-file-clear:hover){background:#213653;color:#bdd5ff}
html[data-theme=dark] :is(.btn-primary,.page-item.active .page-link){background:#2563eb;border-color:#2563eb;color:#fff}html[data-theme=dark] .btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8}
html[data-theme=dark] .page-item.disabled .page-link{background:#131e30;color:#6f829e;border-color:var(--zn-border)}
html[data-theme=dark] .dropdown-divider{border-color:var(--zn-border)}html[data-theme=dark] .close{color:#c5d5ec;text-shadow:none;opacity:.8}
html[data-theme=dark] .zn-delete-button{background:#38202d;border-color:#59303f;color:#f5a3af}html[data-theme=dark] .zn-delete-button:hover{background:#512637;color:#ffc1ca}
html[data-theme=dark] .zn-connection-online{color:#57d6a2}html[data-theme=dark] .zn-connection-offline{color:#ff8594}
html[data-theme=dark] .zn-access-badge{background:#243049;color:#c1cde1}html[data-theme=dark] .zn-access-badge.is-active{background:#183d34;color:#8be0b9}
html[data-theme=dark] :is(.zn-file-picker .zn-file-button,.zn-profile-empty-icon){background:#223857;color:#c2d8fc;border-color:#385379}
html[data-theme=dark] .zn-object-photo-trigger{background:#172438}html[data-theme=dark] .zn-object-photo-trigger>span{background:#172438ed;color:#e0ecff;border-color:#506585}
html[data-theme=dark] :is(.bg-white,.bg-light,.bg-dark){background:var(--zn-surface)!important;color:var(--zn-ink)!important}html[data-theme=dark] :is(.text-dark,.text-body){color:var(--zn-ink)!important}
html[data-theme=dark] .alert-success{background:#193d33;color:#a1e8c1}html[data-theme=dark] .alert-danger{background:#42232e;color:#ffbac4}html[data-theme=dark] .alert-warning{background:#43341d;color:#f1d49b}html[data-theme=dark] .alert-info{background:#1b3350;color:#b3d8ff}
html[data-theme=dark] :is(.text-danger,.errorlist,.zn-form-error){color:#ff9fae!important}html[data-theme=dark] .text-success{color:#8be0b9!important}
html[data-theme=dark] :is(pre,code){color:#b9d4ff}html[data-theme=dark] hr{border-color:var(--zn-border)}html[data-theme=dark] .modal-backdrop{background:#020712}
html[data-theme=dark] .custom-control-label::before{background:#19263b;border-color:#556b8b}html[data-theme=dark] .custom-control-input:checked~.custom-control-label::before{background:#2563eb;border-color:#2563eb}
html[data-theme=dark] .zn-icon-action{background:#1c2a3e;border-color:var(--zn-border);color:#aabbcf}html[data-theme=dark] .zn-icon-action:hover{background:#2a3c56;color:#dce6f5}
html[data-theme=dark] .btn-danger{background:#a3364b;border-color:#b8475b;color:#fff}html[data-theme=dark] .btn-danger:hover{background:#ba3e55;border-color:#c75166}
@media(max-width:600px){.zn-account-controls{gap:8px}.zn-theme-picker summary{padding:7px}.zn-theme-picker summary [data-theme-label]{display:none}.zn-theme-menu [data-theme-label]{display:inline}.zn-auth-tools{top:14px;right:14px}}
/* Shared focus treatment for pointer and keyboard navigation. */
:root{--zn-focus-ring:#7da4e780}
html[data-theme=dark]{--zn-focus-ring:#8bb5ff80}
:is(a,button,input,select,textarea,summary,[tabindex]):focus{outline:none}
:is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--zn-focus-ring);outline-offset:2px}
:is(a,button,summary):focus:not(:focus-visible){box-shadow:none}
.zn-unit-switch button{transition:background .15s,color .15s,box-shadow .15s}
.zn-unit-switch button:hover{background:var(--zn-surface);color:var(--zn-blue)}

html[data-theme=dark] .zn-site-online{--zn-site-bg:#19362d;--zn-site-border:#315345;--zn-site-ink:#a1d5b7;--zn-site-hover:#214336}
html[data-theme=dark] .zn-site-offline{--zn-site-bg:#30282e;--zn-site-border:#4c3d45;--zn-site-ink:#d6b7bf;--zn-site-hover:#3a3037}
html[data-theme=dark] a.zn-problem-stat{background:#30282e;border-color:#4c3d45;color:var(--zn-ink)}
html[data-theme=dark] a.zn-problem-stat:hover{background:#3a3037;border-color:#7b616b}

html[data-theme=dark] a.zn-online-stat,html[data-theme=dark] .zn-status-tab-online.active{background:#19362d;border-color:#315345;color:#a1d5b7}
html[data-theme=dark] a.zn-online-stat:hover{background:#214336;border-color:#548a6a}
html[data-theme=dark] .zn-status-tab-offline.active{background:#30282e;border-color:#4c3d45;color:#d6b7bf}