/* Scoped light palette. Generated by theme/build_theme.py. */
/* style.css */
:root[data-theme="light"]{--bg:#f5f7fa;--panel:#e7eaf1;--border:#cad0dc;--text:#101a2d;--muted:#505869;--accent:#170a50;--green:#2e775a;--red:#53121c;--amber:#705725}
:root[data-theme="light"] .ambient{background:radial-gradient(ellipse at 14% 22%,#56458719,transparent 50%),radial-gradient(ellipse at 85% 70%,#bee6e40b,transparent 45%)}
:root[data-theme="light"] .topbar{border-bottom:1px solid #d2d7e1}
:root[data-theme="light"] .brandmark{background:#150949;color:#e7e4f1}
:root[data-theme="light"] .topbar nav{color:#39404d}
:root[data-theme="light"] .card{background:linear-gradient(130deg,#e1e6ee,#e9ecf3)}
:root[data-theme="light"] .lead{color:#424a5a}
:root[data-theme="light"] .intro-line{background:linear-gradient(90deg,#bfc4cf,transparent)}
:root[data-theme="light"] .feature-icon{border:1px solid #bab8c9}
:root[data-theme="light"] label{color:#232833}
:root[data-theme="light"] input,:root[data-theme="light"] select{border:1px solid #c0c6d4;background:#eceff6}
:root[data-theme="light"] input::placeholder{color:#596273}
:root[data-theme="light"] .reveal{color:#596373}
:root[data-theme="light"] .primary{background:#150948;color:#e8e4f1}
:root[data-theme="light"] .primary:hover{background:#110736}
:root[data-theme="light"] .quiet{border-color:#bac0ce;background:#dde2eb;color:#202530}
:root[data-theme="light"] .quiet:hover{border-color:#625c70;background:#d1d7e4}
:root[data-theme="light"] .form-foot{color:#5a6372}
:root[data-theme="light"] .stat>span{color:#394251}
:root[data-theme="light"] .stat small{color:#5a6372}
:root[data-theme="light"] .count{background:#c8ccdb;border:1px solid #b3b5c5;color:#191137}
:root[data-theme="light"] th{color:#5a6272;background:#eceff6}
:root[data-theme="light"] td{border-bottom:1px solid #cfd4e1}
:root[data-theme="light"] td small{color:#596373}
:root[data-theme="light"] .avatar{background:#cdc9dc;border:1px solid #beb8ce;color:#1f1340}
:root[data-theme="light"] .green{background:#dfeeec;border-color:#c0d9d2}
:root[data-theme="light"] .red{background:#e2d4db;border-color:#ceb4bf}
:root[data-theme="light"] .amber{background:#e0ddd6;border-color:#cfc6b6}
:root[data-theme="light"] .vpn-state{color:#485062}
:root[data-theme="light"] .optional{color:#596373}
:root[data-theme="light"] .hint{color:#596273}
:root[data-theme="light"] .event{border-bottom:1px solid #ccd2de}
:root[data-theme="light"] .event-dot{background:#615577}
:root[data-theme="light"] .event p{color:#586374}
:root[data-theme="light"] .notice{border:1px solid #b7c1cc;background:#d7dee8}
:root[data-theme="light"] .notice.error{background:#e4d6dd;border-color:#c9a4b1;color:#370d15}
:root[data-theme="light"] .notice.success{background:#dbeae6;border-color:#b4cfc2;color:#25503c}
:root[data-theme="light"] .danger{background:#e2d8e0;color:#5b2a35;border-color:#ceb6c3}
:root[data-theme="light"] .access-card{background:radial-gradient(ellipse at 100% 0,#5d4d7f33,transparent 70%),#e4e7f0}
:root[data-theme="light"] .expiry-date>span{color:#403d50}
:root[data-theme="light"] .expiry-date>small{color:#596273}
:root[data-theme="light"] .access-bottom{border-top:1px solid #c5c9d5;color:#333c48}
:root[data-theme="light"] dt{color:#576275}
:root[data-theme="light"] dd{color:#161b27}
:root[data-theme="light"] .info-note{border:1px solid #bbb9cd;background:#d3d0e160;color:#342d45}
:root[data-theme="light"] .help-strip{border:1px solid #cad0dc;background:#e7eaf180}
:root[data-theme="light"] .help-strip p{color:#576274}
:root[data-theme="light"] footer{border-top:1px solid #d2d7e1;color:#596373}
/* servers.css */
:root[data-theme="light"] .server-tile{background:#eef1f6}
:root[data-theme="light"] .server-option input:checked+.server-tile{background:#170a500b}
:root[data-theme="light"] .server-fallback{border:1px solid #70572533}
/* accounts.css */

/* instructions.css */
:root[data-theme="light"] .setup-guides{border:1px solid #a8a0bd;background:linear-gradient(145deg,#dcdae9 0%,#e4e8f1 42%,#e9edf3 100%)}
:root[data-theme="light"] .guide-eyebrow{color:#1a0d42}
:root[data-theme="light"] .guide-hero p{color:#292d39}
:root[data-theme="light"] .guide-prepare{border:1px solid #bebacd;background:#eaecf3bb}
:root[data-theme="light"] .guide-prepare>p{color:#323845}
:root[data-theme="light"] .guide-prepare a,:root[data-theme="light"] .guide-inline-link{color:#110736}
:root[data-theme="light"] .guide-data>div{background:#d7dce6}
:root[data-theme="light"] .guide-data span,:root[data-theme="light"] .guide-data small{color:#3d4657}
:root[data-theme="light"] .guide-data strong{color:#110736}
:root[data-theme="light"] .guide-prepare .guide-password-note{color:#4c5565}
:root[data-theme="light"] .guide-device-nav a{border:1px solid #b0b5c4;background:#d6dbe5}
:root[data-theme="light"] .guide-device-nav a:hover,:root[data-theme="light"] .guide-device-nav a[aria-current=true]{border-color:#24154d;background:#ccc5d7;color:#150736}
:root[data-theme="light"] .guide-image-note{color:#3b4452}
:root[data-theme="light"] .guide-image-note strong{color:#140a33}
:root[data-theme="light"] .device-guide{border:1px solid #bcc3d1;background:#e5e9f1}
:root[data-theme="light"] .device-guide[open]{border-color:#635478}
:root[data-theme="light"] .device-guide>summary:hover{background:#d5d9e4}
:root[data-theme="light"] .guide-os-icon{background:#cdcbdc;color:#150934}
:root[data-theme="light"] .guide-os-icon.android{background:#d7eae6;color:#2f684b}
:root[data-theme="light"] .guide-os-icon.windows{background:#c6d4e5;color:#0b325c}
:root[data-theme="light"] .device-guide summary small{color:#3e4859}
:root[data-theme="light"] .guide-expand{color:#4e4664}
:root[data-theme="light"] .guide-body{border-top:1px solid #bcc3d1}
:root[data-theme="light"] .guide-steps>li{border-bottom:1px solid #c4cbda}
:root[data-theme="light"] .guide-step-copy:before{color:#1f1042;border:1px solid #aa9fbf;background:#d5d0e1}
:root[data-theme="light"] .guide-step-copy p{color:#2a3340}
:root[data-theme="light"] .guide-step-copy b{color:#141b29}
:root[data-theme="light"] .guide-fields{border-top:1px solid #c0c7d6}
:root[data-theme="light"] .guide-fields>div{border-bottom:1px solid #c0c7d6}
:root[data-theme="light"] .guide-fields dt{color:#3c4858}
:root[data-theme="light"] .guide-fields dd{color:#110736}
:root[data-theme="light"] .guide-step-copy .guide-success{border-left:2px solid #478569;color:#284a39}
:root[data-theme="light"] .guide-shot>.guide-image-trigger{background:#dbdbdf;border:1px solid #b5b8c4}
:root[data-theme="light"] .guide-shot figcaption{color:#515d70}
:root[data-theme="light"] .guide-shot figcaption span{color:#33274d}
:root[data-theme="light"] .guide-source{color:#505b6d}
:root[data-theme="light"] .guide-finish{background:#deebea;border:1px solid #bed2cc}
:root[data-theme="light"] .guide-finish strong{color:#1c352a}
:root[data-theme="light"] .guide-finish p{color:#435751}
:root[data-theme="light"] .guide-code{border:1px solid #aeb8c9;background:#eff3f8}
:root[data-theme="light"] .guide-code pre{color:#182a26}
:root[data-theme="light"] #connection-data:target{outline:2px solid #1e1046}
:root[data-theme="light"] .guide-lightbox{border:1px solid #adb3c3;background:#e9edf3;color:#101a2d}
:root[data-theme="light"] .guide-lightbox-heading{border-bottom:1px solid #c0c7d6}
:root[data-theme="light"] .guide-lightbox-close{border:1px solid #adb3c3;background:#ced5e0;color:#1f1f1f}
:root[data-theme="light"] .guide-lightbox-close:hover{background:#aeb7c8}
:root[data-theme="light"] .setup-guides>.guide-hero:hover{background:#1f1f1f04}
:root[data-theme="light"] .guide-intro{color:#323948}
:root[data-theme="light"] .guide-collapse-icon{background:#ceccde;border:1px solid #615379;color:#140736}
:root[data-theme="light"] .guide-brand-apple{color:#121a2c}
:root[data-theme="light"] .guide-brand-android{color:#2f9d60}
:root[data-theme="light"] .guide-brand-windows{color:#1684b6}
/* quota.css */
:root[data-theme="light"] .quota-account{border-top:1px solid #bdc4d3}
:root[data-theme="light"] .quota-heading>span:first-child{color:#3a4353}
:root[data-theme="light"] .quota-remaining>strong{color:#150736}
:root[data-theme="light"] .quota-remaining>span{color:#434d5d}
:root[data-theme="light"] .quota-remaining b{color:#242b37}
:root[data-theme="light"] .quota-progress{background:#bfc7d8;accent-color:#261755}
:root[data-theme="light"] .quota-progress::-webkit-progress-bar{background:#bfc7d8}
:root[data-theme="light"] .quota-progress::-webkit-progress-value{background:#241651}
:root[data-theme="light"] .quota-progress::-moz-progress-bar{background:#241651}
:root[data-theme="light"] .quota-details{color:#475364}
:root[data-theme="light"] .quota-details strong{color:#1e252f}
:root[data-theme="light"] .quota-explanation{color:#323c4a}
:root[data-theme="light"] .quota-explanation strong{color:#5c4622}
:root[data-theme="light"] .quota-footnote{color:#576275}
:root[data-theme="light"] .quota-connections{border:1px solid #b5becf;background:#dce2ed}
:root[data-theme="light"] .quota-connections span{color:#343e4d}
:root[data-theme="light"] .quota-connections strong{color:#101b2e}
:root[data-theme="light"] .quota-connections p{color:#414e60}
:root[data-theme="light"] .quota-admin-cell>strong{color:#160736}
:root[data-theme="light"] .quota-speed-small{color:#6a5833}
:root[data-theme="light"] .quota-editor form+form{border-top:1px solid #bbc5d5}
:root[data-theme="light"] .quota-pending,:root[data-theme="light"] .quota-stale{color:#69542f}
/* admin-create.css */
:root[data-theme="light"] .create-user-dialog{ border: 1px solid #aba7be; background: #e6e9f1; color: #181926}
:root[data-theme="light"] .create-user-close{ border: 1px solid #aba7be; background: #cecedd; color: #0f0736}
:root[data-theme="light"] .create-user-close:focus-visible{ outline: 2px solid #190946}
:root[data-theme="light"] .user-delete-icon{ border: 1px solid #7c505c; color: #42101c; background: #e1d0dc}
:root[data-theme="light"] .user-delete-icon:focus-visible{ outline: 2px solid #42101c}
:root[data-theme="light"] .create-user-dialog .modal-user-name{ color: #1e1045}
:root[data-theme="light"] .create-user-dialog .modal-password-form{ border-top: 1px solid #bbbccc}
:root[data-theme="light"] .date-clear{ color: #140736; background: #cecedd; border: 1px solid #aba7be}
:root[data-theme="light"] .history-meta b{color:#140736}
/* admin-metrics.css */
:root[data-theme="light"] .ops-heading{color:#485265}
:root[data-theme="light"] .ops-freshness{color:#446e5b}
:root[data-theme="light"] .ops-panel.is-stale .ops-freshness{color:#6b5630}
:root[data-theme="light"] .ops-card{border:1px solid #bfc5d4;background:linear-gradient(135deg,#dde1eb,#e7ebf2)}
:root[data-theme="light"] .ops-card h2{color:#394354}
:root[data-theme="light"] .ops-card>strong{color:#0f182e}
:root[data-theme="light"] .ops-unit{color:#493d6c}
:root[data-theme="light"] .ops-card>small{color:#505c71}
:root[data-theme="light"] .ops-card.is-warning{border-color:#c5b7a2}
:root[data-theme="light"] .ops-card.is-warning>strong{color:#5f471f}
:root[data-theme="light"] .ops-card.is-down{border-color:#c8abb6}
:root[data-theme="light"] .ops-card.is-down h2{color:#542b35}
:root[data-theme="light"] .ops-foot{color:#576275}
:root[data-theme="light"] .ops-foot b{color:#444e61}
:root[data-theme="light"] .ops-users-summary{border-bottom:1px solid #c2cada;color:#495466}
:root[data-theme="light"] .ops-users-summary b{color:#151d28}
:root[data-theme="light"] .ops-protocol{color:#201541}
:root[data-theme="light"] .ops-transport{color:#3a4556}
:root[data-theme="light"] .ops-transport::before{background:#596373}
:root[data-theme="light"] .ops-transport.is-up::before{background:#317b61}
:root[data-theme="light"] .ops-transport.is-down::before{background:#631b29}
:root[data-theme="light"] .ops-transport.is-down{color:#4b1e27}
/* billing.css */
:root[data-theme="light"] .billing-points{color:#211c2c}
:root[data-theme="light"] .billing-points span::before{color:#1a0a54}
:root[data-theme="light"] .billing-test-note{border:1px solid #cabaa0;background:#e9e1d755;color:#352a16}
:root[data-theme="light"] .billing-test-note p{color:#4b4133}
:root[data-theme="light"] .billing-plan-box{border:1px solid #b8b9c9;background:#ecf0f7}
:root[data-theme="light"] .billing-plan-period{color:#1a1a23}
:root[data-theme="light"] .billing-plan-box strong{color:#110736}
:root[data-theme="light"] .billing-plan-box small{color:#4c4f5f}
:root[data-theme="light"] .billing-plan-check{color:#130736}
:root[data-theme="light"] .billing-plan input:checked+.billing-plan-box{border-color:#1d0a50;background:linear-gradient(145deg,#b3a8ce55,#daddea)}
:root[data-theme="light"] .billing-plan input:focus-visible+.billing-plan-box{outline:2px solid #130736}
:root[data-theme="light"] .billing-terms{border-top:1px solid #bbbccc}
:root[data-theme="light"] .billing-terms strong{color:#1a132a}
:root[data-theme="light"] .billing-terms p{color:#4c525f}
:root[data-theme="light"] .billing-how article>span{color:#1e0e47}
:root[data-theme="light"] .billing-how p{color:#4c525f}
:root[data-theme="light"] .billing-renewal .muted strong{color:#1b1528}
:root[data-theme="light"] .billing-warning{border:1px solid #856847;color:#3d2e17;background:#eae1d855}
:root[data-theme="light"] .billing-test-label{color:#302148}
:root[data-theme="light"] .billing-summary>div{border-bottom:1px solid #c0c3d0}
:root[data-theme="light"] .billing-summary dt{color:#4c525f}
:root[data-theme="light"] .billing-summary dd{color:#191825}
:root[data-theme="light"] .billing-summary small{color:#4c525f}
:root[data-theme="light"] .billing-orders-table td small{color:#4c525f}
:root[data-theme="light"] .billing-pagination{color:#4c525f}
@media(max-width:800px){:root[data-theme="light"] .billing-orders-table tr{border-bottom:1px solid #bbbccc}
:root[data-theme="light"] .billing-orders-table td::before{color:#4c525f}}
:root[data-theme="light"] .billing-plan-before{color:#515564}
:root[data-theme="light"] .billing-plan-monthly{color:#262231}
:root[data-theme="light"] .billing-plan-box .billing-plan-benefit{color:#172c1f}
:root[data-theme="light"] .billing-price-note{color:#4c525f}
:root[data-theme="light"] .company-details>div{border-bottom:1px solid #c0c3d0}
:root[data-theme="light"] .company-details dt{color:#4c525f}
:root[data-theme="light"] .company-details dd{color:#191825}
:root[data-theme="light"] .company-secondary{color:#2f313d}
:root[data-theme="light"] .company-hero strong{color:#180f2e}
/* legal.css */
:root[data-theme="light"] .legal-version{color:#4c525f}
:root[data-theme="light"] .legal-toc>strong{color:#18102e}
:root[data-theme="light"] .legal-toc a{color:#2d273e}
:root[data-theme="light"] .legal-toc a:hover{color:#160736}
:root[data-theme="light"] .legal-document section{border-bottom:1px solid #c0c3d0}
:root[data-theme="light"] .legal-document h2{color:#1b1429}
:root[data-theme="light"] .legal-document p,:root[data-theme="light"] .legal-document li{color:#2e2f3b}
:root[data-theme="light"] .legal-document strong{color:#1d1726}
:root[data-theme="light"] .legal-document a,:root[data-theme="light"] .legal-requisites a{color:#150736}
:root[data-theme="light"] .legal-requisites dt{color:#4c525f}
:root[data-theme="light"] .legal-requisites dd{color:#1c1627}
:root[data-theme="light"] .support-channel{border:1px solid #60527a;background:#210f5815;color:#160736}
:root[data-theme="light"] .support-handle{color:#17073b}
:root[data-theme="light"] .support-checklist li{color:#1c1627}
:root[data-theme="light"] .support-checklist li span{color:#414453}
:root[data-theme="light"] .legal-checkout-note{color:#4c525f}
:root[data-theme="light"] .legal-checkout-note a{color:#150736}
:root[data-theme="light"] .site-footer-links a{color:#403951}
:root[data-theme="light"] .site-footer-links a:hover{color:#150736}
/* store-clients.css */
:root[data-theme="light"] .client-stats span{color:var(--muted,#505664)}
:root[data-theme="light"] .client-active{color:#2b6f53}
:root[data-theme="light"] .clients-table th,:root[data-theme="light"] .clients-table td{border-bottom:1px solid #c5cad7}
:root[data-theme="light"] .clients-table th{color:var(--muted,#505664)}
:root[data-theme="light"] .clients-table small{color:var(--muted,#505664)}
@media(max-width:650px){:root[data-theme="light"] .clients-table tr{border-bottom:1px solid #c5cad7}
:root[data-theme="light"] .clients-table td:before{color:var(--muted,#505664)}}
:root[data-theme="light"] .client-processed-toggle input[type=checkbox]{accent-color:#1a0949}
/* mail.css */
:root[data-theme="light"] .mail-folder:hover,:root[data-theme="light"] .mail-folder.is-current{background:#cdc9dc}
:root[data-theme="light"] .mail-row:hover{background:#d6dae6}
:root[data-theme="light"] .mail-unread{background:#dcdfea}
:root[data-theme="light"] .mail-compose textarea{border:1px solid #bac0ce;background:#eceff6}
/* email-assist.css */
:root[data-theme="light"] .billing-email-option{background:#d3d8e5;border:1px solid #a9adc1;color:#110736}
:root[data-theme="light"] .billing-email-option:hover,:root[data-theme="light"] .billing-email-option:focus{background:#cac4d8;border-color:#150948}
:root[data-theme="light"] .billing-email-warning{color:#705725;background:#eae7e0;border:1px solid #cfc6b6}
:root[data-theme="light"] .billing-email-warning a{color:#130736}
:root[data-theme="light"] .billing-email-confirm{color:#4f442c}
:root[data-theme="light"] .billing-email-confirm input{accent-color:#150948}
/* password-reset.css */
:root[data-theme="light"] .password-spam-note{border:1px solid #c8bba3;background:#e8e2d9;color:#43371e}
/* mail-unread.css */
:root[data-theme="light"] .mail-nav-unread{color:#7d0f1b}
/* telegram-messages.css */
:root[data-theme="light"] .tg-chat:hover{background:#190a500a}
:root[data-theme="light"] .tg-avatar{background:#190a5020}
:root[data-theme="light"] .tg-unread{background:#801d28;color:#1f1f1f}
:root[data-theme="light"] .tg-connection{color:#307159}
:root[data-theme="light"] .tg-bubble{background:#1f1f1f04}
:root[data-theme="light"] .tg-out .tg-bubble{background:#190a5016;border-color:#190a5035}
:root[data-theme="light"] .tg-state-failed,:root[data-theme="light"] .tg-state-uncertain{color:#44080e}
:root[data-theme="light"] .tg-delivery-note{color:#36070b}
:root[data-theme="light"] .tg-nav-unread{color:#7c0f1d}
/* admin-users-compact.css */
:root[data-theme="light"] .compact-quota-value{color:#160736}
:root[data-theme="light"] .compact-connections{color:#202836}
:root[data-theme="light"] .compact-user-toggle{border:1px solid #b5bbcb;background:#d9dde7;color:#211543}
:root[data-theme="light"] .compact-user-toggle[aria-expanded=true]{background:#d1ccdf;border-color:#605379}
:root[data-theme="light"] .compact-user-details-body{background:#ebeef5;border-top:1px solid #c7cedc}
:root[data-theme="light"] .compact-details-login{color:#151a28}
:root[data-theme="light"] .compact-details-grid dt{color:#556174}
:root[data-theme="light"] .compact-details-grid dd{color:#161c27}
:root[data-theme="light"] .compact-user-note{color:#3d4757}
:root[data-theme="light"] .compact-user-online{color:#596273}
:root[data-theme="light"] .compact-user-online::before{background:#5b6371}
:root[data-theme="light"] .compact-user-online[data-state=online]{color:#2e775a}
:root[data-theme="light"] .compact-user-online[data-state=online]::before{background:#2e775a}
:root[data-theme="light"] .compact-user-online[data-state=unknown]{color:#73603c}
:root[data-theme="light"] .compact-user-online[data-state=unknown]::before{background:#73603c}
:root[data-theme="light"] .compact-download-rate{color:#112633}
:root[data-theme="light"] .compact-user-presence-line{color:#414c5d}
:root[data-theme="light"] .compact-presence-dot{background:#5b6371}
:root[data-theme="light"] .compact-presence-dot[data-state=online]{background:#2e775a}
:root[data-theme="light"] .compact-expiry{color:#525d71}
:root[data-theme="light"] .compact-speed-sort:hover,:root[data-theme="light"] .compact-speed-sort[aria-pressed=true]{color:#120736}
:root[data-theme="light"]{color-scheme:light;--bg:#f6f7fc;--panel:#ffffff;--border:#d6dbea;--text:#20283b;--muted:#59657d;--accent:#6745bc;--green:#15734f;--red:#b12b44;--amber:#856018}
:root[data-theme="dark"]{color-scheme:dark}
.theme-picker{position:relative;flex-shrink:0;color:var(--text)}
.theme-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border);border-radius:12px;color:var(--text);background:var(--panel);list-style:none;cursor:pointer}
.theme-toggle::-webkit-details-marker{display:none}
.theme-toggle:hover,.theme-picker[open]>.theme-toggle{border-color:var(--accent);color:var(--accent)}
.theme-icon{width:22px;height:22px;flex-shrink:0;pointer-events:none}
.theme-toggle .theme-icon{display:none}
:root:not([data-theme-preference]) .theme-current-system,
:root[data-theme-preference="system"] .theme-current-system,
:root[data-theme-preference="light"] .theme-current-light,
:root[data-theme-preference="dark"] .theme-current-dark{display:block}
.theme-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:100;width:200px;max-width:calc(100vw - 44px);padding:6px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 35px #0003}
.theme-picker:not([open])>.theme-menu{display:none}
.theme-menu button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px;border:0;border-radius:9px;background:transparent;color:var(--text);text-align:left;font-size:13px}
.theme-menu button:hover,.theme-menu button[aria-pressed="true"]{background:#a591ff20;color:var(--accent)}
.theme-check{margin-left:auto;visibility:hidden}.theme-menu button[aria-pressed="true"] .theme-check{visibility:visible}
.header-tools{display:flex;align-items:center;justify-content:flex-end;gap:20px;flex:1 1 auto;flex-wrap:nowrap;min-width:0}
.topbar{gap:24px;flex-wrap:nowrap}.topbar>.brand{min-width:0;flex-shrink:0}
.topbar nav{width:auto;min-width:0;flex-wrap:nowrap;justify-content:flex-start;overflow:visible;padding-top:16px;margin-top:-16px}
.topbar nav>a,.topbar nav>form{flex-shrink:0;white-space:nowrap}.topbar nav>form{margin:0}
.header-tools:not(:has(.mail-nav-link)){flex:0 0 auto}.topbar nav[aria-label="Вход"],.header-tools:not(:has(.mail-nav-link)) nav{overflow:visible;flex-shrink:0}
:root[data-theme="light"] .primary{background:#7050c8;color:#fff}
:root[data-theme="light"] .primary:hover{background:#6040b6}
:root[data-theme="light"] .brandmark{background:#ad99ff;color:#151027}
:root[data-theme="light"] .card{background:#fff}
:root[data-theme="light"] input,:root[data-theme="light"] select,:root[data-theme="light"] textarea{background:#fff;color:var(--text);border-color:#cbd2e3}
:root[data-theme="light"] input::placeholder,:root[data-theme="light"] textarea::placeholder{color:#66728a}
:root[data-theme="light"] .quiet{background:#eef0f8;color:#394660;border-color:#cbd2e3}
:root[data-theme="light"] .quiet:hover{background:#e5e7f3}
:root[data-theme="light"] .mail-nav-unread,:root[data-theme="light"] .tg-nav-unread{color:#c8223e}
:root[data-theme="light"] .guide-brand-apple{color:#263249}
@media(max-width:800px){.header-tools{width:auto;gap:12px}.topbar nav{width:auto;gap:12px}.topbar nav form{margin:0}.theme-menu{right:0;left:auto}}
@media(max-width:450px){.topbar{padding:18px 16px;gap:10px}.topbar>.brand{flex-shrink:1;font-size:12px;letter-spacing:.3px;gap:8px}.brandmark{width:32px;height:32px;flex-shrink:0;font-size:23px;border-radius:10px}.brand>span:last-child{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-sub{font-size:8px;letter-spacing:2px}.header-tools{gap:8px}.topbar nav{gap:8px}.theme-toggle{width:36px;height:36px;border-radius:10px}.theme-icon{width:20px;height:20px}.topbar nav .button{font-size:10px;padding:8px 10px}.theme-menu{position:fixed;top:auto;right:16px;left:auto;margin-top:10px}.theme-menu button{min-height:44px}}
.admin-navigation{min-width:0}.admin-menu-toggle{display:none}
@media(max-width:1100px){
 .topbar>.brand{flex-shrink:1}.brand>span:last-child{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .header-tools:has(.admin-navigation){flex:0 0 auto}
 .admin-navigation{position:relative;flex:0 0 auto}
 .admin-menu-toggle{display:inline-flex;gap:8px;min-height:44px}
 .topbar .admin-navigation>nav{display:none;position:absolute;z-index:110;right:0;top:calc(100% + 10px);width:280px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 100px);overflow-y:auto;overflow-x:hidden;margin:0;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--panel);box-shadow:0 12px 35px #0003;flex-direction:column;align-items:stretch;gap:4px}
 .topbar .admin-navigation[data-open]>nav{display:flex}
 .admin-navigation .nav-link{display:flex;align-items:center;min-height:44px;padding:10px 12px;font-size:13px;border-radius:8px}
 .admin-navigation .nav-link:hover,.admin-navigation .nav-link.selected{background:#a591ff18;color:var(--accent)}
 .admin-navigation nav>form{width:100%;margin:6px 0 0;padding-top:10px;border-top:1px solid var(--border)}
 .admin-navigation nav>form>.button{width:100%;font-size:12px;min-height:44px}
 .admin-navigation .mail-nav-unread:not([hidden]),.admin-navigation .tg-nav-unread:not([hidden]){position:static;margin-left:auto;display:inline-block;font-size:12px}
}
@media(max-width:450px){.admin-menu-toggle{min-height:36px;padding:7px 10px;font-size:11px;gap:6px}}