/* Palette copied from the Supabase monitoring UI. */
:root,html[data-theme="dark"]{color-scheme:dark;--bg:#0e1220!important;--bg2:#121728!important;--panel:#161a2c!important;--panel2:#1c2236!important;--card:#161a2c!important;--surface:#161a2c!important;--surface-2:#121728!important;--surface-3:#21273b!important;--surface-hover:#242a40!important;--input:#15192b!important;--sidebar:#101524!important;--topbar:#0e1220!important;--line:#31374e!important;--text:#f6f7ff!important;--muted:#aab2cc!important;--soft:#9fa9bd!important;--primary:#a68df9!important;--accent:#a68df9!important;--accent-2:#c4b8ff!important;--accent-soft:#a68df91f!important;--accent-border:#7468ac!important;--purple:#a68df9!important;--purple2:#7468ac!important;--purpleSoft:#a68df91f!important;--blue:#a68df9!important;--cyan:#36c391!important;--green:#36c391!important;--success:#36c391!important;--warning:#f1b35e!important;--yellow:#f1b35e!important;--orange:#f1b35e!important;--red:#fa747e!important;--danger:#fa747e!important}
html,html body,html body .shell,html body .shell .main{background:#0e1220!important;color:#f6f7ff!important;background-image:none!important}
html body .shell #sidebar{background:#101524!important;border-color:#31374e!important}
html body .shell .topbar{background:#0e1220!important;border-color:#31374e!important;box-shadow:none!important}
html body .shell #page#page :is(.panel,.card,.manager-card,.focused-kpi,.device-summary-card,.stat,.remote-platform-card,.appreq-plan,.appreq-quality-card,.appreq-hourly,.appreq-panel){background:#161a2c!important;background-image:none!important;border-color:#31374e!important;box-shadow:none!important}
html body .shell #page#page :is(.device-summary-strip>div,.reseller-clean-summary>div,.manager-metrics>div,.remote-summary>.card,.focused-dns-row,.app-version-card){background:#161a2c!important;background-image:none!important;border-color:#31374e!important}
html body .shell #page#page table{border-color:#414960!important;background:#161a2c!important}
html body .shell #page#page table :is(th,td){border-color:#414960!important;color:#f6f7ff!important}
html body .shell #page#page table th{background:#21273b!important;color:#c7cadd!important}
html body .shell #page#page table td{background:#161a2c!important}
html body .shell #page#page table tbody tr:nth-child(even) td{background:#1b2032!important}
html body .shell #page#page table tbody tr:hover td{background:#242a40!important}
html body .shell #page#page table :is(small,.muted){color:#aab2cc!important}
html body :is(input,select,textarea){background:#15192b!important;color:#eef0ff!important;border-color:#40465e!important}
html body :is(input,select,textarea)::placeholder{color:#a0aac5!important;opacity:1}
html body :is(input,select,textarea):focus{border-color:#a68df9!important;outline-color:#a68df9!important;box-shadow:0 0 0 3px #a68df91f!important}
html body .btn.primary,html body .login-card button[type="submit"]{background:#353051!important;background-image:none!important;color:#eae5ff!important;border-color:#7468ac!important;box-shadow:none!important}
html body .btn.primary:hover{background:#514876!important}
html body :is(.btn.ghost,.reseller-filter,.pagination button,.manager-tab,.remote-tab){background:#15192b!important;color:#dce1f2!important;border-color:#40465e!important;box-shadow:none!important}
html body :is(.reseller-filter.active,.manager-tab.active,.remote-tab.active,.device-summary-card.active){background:#353051!important;color:#eae5ff!important;border-color:#7468ac!important;box-shadow:none!important}
html body .shell #sidebar .nav-item{background:transparent!important;color:#c5cce0!important;border-color:transparent!important;box-shadow:none!important}
html body .shell #sidebar .nav-item:hover{background:#20263a!important;color:#f6f7ff!important}
html body .shell #sidebar .nav-item.active{background:#353051!important;color:#f0eaff!important;border-color:#7468ac!important;box-shadow:inset 3px 0 #a68df9!important}
html body .shell #sidebar .nav-item.active:before{display:none!important}
html body .shell #sidebar :is(.sidebar-head,.sidebar-bottom){border-color:#31374e!important}
html body .shell #sidebar .user-card{background:#161a2c!important;border-color:#31374e!important}
html body .shell #sidebar .user-avatar{background:#514876!important;background-image:none!important}
html body .shell #sidebar .nav-label,html body .shell #sidebar .user-copy small{color:#aab2cc!important}
html body .shell #sidebar .sidebar-head{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 8px 18px!important;margin-bottom:10px!important;min-height:172px!important}
html body .shell #sidebar .brand{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;gap:4px!important;text-align:center!important;min-width:0!important}
html body .shell #sidebar .brand-mark{display:grid!important;place-items:center!important;width:176px!important;height:128px!important;max-width:100%!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;flex-shrink:0!important}
html body .shell #sidebar .brand-mark img{width:176px!important;height:176px!important;max-width:none!important;object-fit:contain!important;filter:none!important}
html body .shell #sidebar .brand-copy{width:100%!important;max-width:none!important;flex:none!important}
html body .shell #sidebar .brand-copy small{display:block!important;white-space:normal!important;text-overflow:clip!important;overflow:visible!important;font-size:11px!important;line-height:17px!important;letter-spacing:.04em!important;color:#c6cbe0!important;text-align:center!important}
html body .shell #sidebar .sidebar-toggle{position:absolute!important;top:4px!important;right:2px!important;background:#15192b!important;color:#c6cbe0!important;border-color:#40465e!important}
html body .shell.sidebar-is-collapsed #sidebar .sidebar-head{min-height:72px!important;padding:0 0 12px!important}
html body .shell.sidebar-is-collapsed #sidebar .brand-mark{width:44px!important;height:44px!important}
html body .shell.sidebar-is-collapsed #sidebar .brand-mark img{width:52px!important;height:52px!important}
html body .shell.sidebar-is-collapsed #sidebar .brand-copy{display:none!important}
html body .shell.sidebar-is-collapsed #sidebar .sidebar-toggle{top:48px!important;right:10px!important}
html body :is(.modal,.login-card,.management-workspace,.reseller-manager-drawer,.voucher-card,.voucher-section){background:#161a2c!important;border-color:#31374e!important;color:#f6f7ff!important}
html body .login-shell{background:#0e1220!important;background-image:none!important}
html body .shell #page#page :is(.tag,.badge){border-color:#464d6a;color:#c6cbe0}
html body :is(.status.active,.status.good,.tag.good,.tag.success,.psm-good){color:#36c391!important;background:#36c39114!important;border-color:#36c39166!important}
html body :is(.status.bad,.status.expired,.status.blocked,.tag.bad,.tag.danger){color:#fa747e!important;background:#fa747e14!important;border-color:#fa747e66!important}
html body :is(.status.warn,.status.pending,.tag.warn){color:#f1b35e!important;background:#f1b35e14!important;border-color:#f1b35e66!important}
html body .shell #page#page .chart-line{stroke:#a68df9!important}
html body .shell #page#page .chart-area{fill:#a68df91f!important}
/* Three matching rectangular controls. */
html body #shell .topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important}
html body #shell .topbar .top-title{min-width:0!important}
html body #shell .topbar .top-right{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:450px!important;max-width:100%!important;flex:0 0 auto!important;align-items:stretch!important}
html body #shell .topbar .top-right>:is(.online,.final-release-tag,#refreshBtn){display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:40px!important;height:auto!important;width:100%!important;min-width:0!important;padding:9px 10px!important;border:1px solid #464d6a!important;border-radius:6px!important;background:#161a2c!important;color:#e5e7f1!important;box-shadow:none!important;font-size:12px!important;line-height:18px!important;font-weight:600!important;white-space:normal!important;text-align:center!important;letter-spacing:normal!important;overflow:visible!important;text-overflow:clip!important}
html body #shell .topbar #refreshBtn{background:#353051!important;border-color:#7468ac!important}
html body #shell .topbar #refreshBtn:after{display:none!important}
html body #shell .topbar .online:before{flex-shrink:0;background:#36c391!important}
@media(max-width:1100px){html body #shell .topbar{flex-wrap:wrap!important;padding:12px 16px!important;gap:10px!important;height:auto!important;min-height:0!important}html body #shell .topbar .top-title{flex:1 1 75%!important}html body #shell .topbar .top-right{width:100%!important;flex:1 1 100%!important}html body #shell .topbar .top-right>:is(.online,.final-release-tag,#refreshBtn){min-height:44px!important}}
@media(max-width:480px){html body #shell .topbar{padding:10px 12px!important}html body #shell .topbar .top-right{gap:6px!important}html body #shell .topbar .top-right>:is(.online,.final-release-tag,#refreshBtn){font-size:11px!important;line-height:16px!important;min-height:46px!important;padding:7px 6px!important}html body #shell .topbar .breadcrumb b{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:20px!important}}
html body .shell #sidebar .brand-mark img{max-height:none!important;max-width:none!important;min-width:0!important;border-radius:0!important;clip-path:none!important;background:transparent!important;box-shadow:none!important}
html body .shell #page#page :is(input,select,textarea,.search,.select){background:#15192b!important;color:#eef0ff!important;border-color:#40465e!important}
html body .shell #page#page :is(.reseller-toolbar,.dns-separated-toolbar,.apps-toolbar,.device-toolbar,.version-filters,.voucher-filters,.pagination,.voucher-pagination){background:#161a2c!important;border-color:#31374e!important}
html body #shell .topbar .top-right{width:510px!important}
@media(max-width:1100px){html body #shell .topbar .top-right{width:100%!important}}
html body #shell .topbar #refreshBtn:before{display:none!important}
html body .shell #page#page table{min-width:900px!important}
html body .shell #page#page table.remote-platform-table{min-width:760px!important;table-layout:fixed!important}
html body .shell #page#page .voucher-tablewrap{scrollbar-width:thin}

html body #modalBack:not(.manager-inline-form) .modal{display:flex!important;flex-direction:column!important;max-height:calc(100dvh - 32px)!important;overflow:hidden!important}
html body #modalBack:not(.manager-inline-form) .modal .modal-head{flex:0 0 auto!important}
html body #modalBack:not(.manager-inline-form) .modal .modal-body{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important}
html body #modalBack:not(.manager-inline-form) .modal .modal-footer{flex:0 0 auto!important;position:static!important}
html body #modalBack .modal :is(.modal-head,.modal-footer){background:#161a2c!important;border-color:#31374e!important}
html body #modalBack .modal .field :is(input,select,textarea){background:#15192b!important;color:#eef0ff!important;border-color:#40465e!important}
html body #modalBack .modal .modal-grid{gap:18px!important}
html body #modalBack .modal .field{margin-bottom:0!important;gap:8px!important;min-width:0!important}
html body #modalBack .modal .check-row{display:flex!important;align-items:center!important;gap:10px!important;min-height:36px!important;margin:0!important;padding:6px 0!important}
html body #modalBack .modal .check-row input{width:18px!important;height:18px!important;flex:0 0 18px!important}
html body .shell #page#page table td>small{display:block!important;margin-top:6px!important}
html body .shell #sidebar .brand{gap:18px!important}
html body .shell #sidebar .brand-copy{margin-top:6px!important}
html body .shell #sidebar .sidebar-head{padding-bottom:20px!important}
html body .shell.sidebar-is-collapsed #sidebar .brand{gap:0!important}
html body .shell #page#page .device-summary-clean .configured-primary{background:#353051!important;border-color:#a68df9!important;box-shadow:inset 3px 0 #a68df9!important}
html body .shell #page#page .device-summary-clean .device-summary-card{min-height:124px!important;height:auto!important}
html body .shell #page#page .device-summary-clean .device-summary-card span{white-space:normal!important;overflow:visible!important;max-height:none!important;line-height:17px!important}
html body .shell #page#page .device-summary-clean .device-summary-card small{display:block;line-height:16px;font-size:11px;font-weight:500;color:#c6cbe0;margin-top:4px;white-space:normal}

/* Version 1.1: quieter surfaces and compact workspaces. */
html body{--bg:#111418;--panel:#191d23;--border:#343b44;--accent:#91a6bb;--muted:#a5adb8;background:#111418!important;color:#e6e9ed!important}
html body .shell #sidebar,html body #shell .topbar{background:#14181e!important;border-color:#343b44!important}
html body .shell #page#page :is(.panel,.card,.stat,.device-summary-card,.management-workspace,.manager-section,.manager-card,.remote-section,.remote-card,.apps-version-panel,.user-card){background:#191d23!important;background-image:none!important;border-color:#343b44!important;box-shadow:none!important}
html body .shell #page#page :is(.device-list-controls,.device-toolbar-simple,.device-filter-chips,.list-pagination,.pagination,.voucher-pagination,.reseller-toolbar,.dns-separated-toolbar,.apps-toolbar,.manager-tabs,.remote-tabs,.tabs,.new-client-row,.recent-client-row){background:#191d23!important;background-image:none!important;border-color:#343b44!important;box-shadow:none!important}
html body .shell #page#page table :is(td,th){border-color:#39414b!important;padding:10px 12px!important}
html body .shell #page#page table th{background:#222830!important;color:#b8c3cf!important}
html body .shell #page#page table tbody tr{background:#191d23!important}
html body .shell #page#page table tbody tr:nth-child(even){background:#1d2229!important}
html body .shell #page#page table tbody tr:hover{background:#252c34!important}
html body .shell #page#page :is(input,select,textarea,.search,.select){background:#14181e!important;border-color:#414a55!important;color:#e6e9ed!important;box-shadow:none!important}
html body :is(.btn,.tag,.badge),html body .shell #page#page :is(.device-filter-chip,.reseller-filter,.activity-quick,.device-status-chip,.device-advanced>summary){background:#242b33!important;background-image:none!important;border-color:#46515e!important;color:#d2dbe4!important;box-shadow:none!important}
html body .shell #page#page :is(.btn.primary,.configured-primary,.device-summary-card.active){background:#293641!important;background-image:none!important;border-color:#8197aa!important;box-shadow:none!important}
html body .shell #page#page :is(.manager-help,.role-note,.soft-warning,.list-help,.overview-attention){background:transparent!important;border:0!important;border-radius:0!important;color:#adb7c2!important;line-height:1.6!important;padding:0!important;white-space:normal!important}
html body .shell #page#page .device-platform-clean small:not(.version-evidence){display:table!important;width:auto!important;max-width:100%!important;background:#242b33!important;border-color:#46515e!important;color:#c3ced9!important}
html body .shell #page#page .device-summary-clean .device-summary-card{min-height:92px!important;padding:12px 14px!important;border-radius:8px!important;gap:3px!important}
html body .shell #page#page .device-summary-card b{font-size:28px!important;line-height:32px!important}
html body .shell #page#page .device-summary-card span{color:#acb7c4!important;letter-spacing:.03em!important}
html body .shell #page#page .device-summary-strip{gap:10px!important;margin-bottom:16px!important}
html body .shell #page#page .device-toolbar-simple{padding:12px 14px!important}
html body .shell #page#page .device-list-controls{padding:12px 14px!important}
html body .shell #page#page .device-advanced>summary{top:8px!important;right:14px!important;min-height:34px!important;padding:6px 10px!important;border-radius:6px!important}
html body .shell #page#page .device-advanced .device-filters-v44{margin-top:12px!important;padding:12px 0 0!important;gap:10px 12px!important;border-color:#343b44!important}
html body .shell #page#page .device-filter-chips{padding:8px 14px!important;gap:6px!important}
html body .shell #page#page .device-filter-chip{padding:4px 8px!important;border-radius:4px!important}
html body .shell #page#page .device-filter-chip b{color:#d2dbe4!important}
html body .shell #page#page :is(.list-pagination,.pagination,.voucher-pagination){padding:12px 14px!important;min-height:0!important}
html body .shell #page#page :is(.btn,input:not([type=checkbox]),select){min-height:36px!important}
html body .shell #page#page .manager-section{padding:18px!important}
html body .shell #sidebar .sidebar-head{min-height:110px!important;padding:0 0 10px!important}
html body .shell #sidebar .brand{gap:8px!important}
html body .shell #sidebar .brand-mark{width:118px!important;height:78px!important}
html body .shell #sidebar .brand-mark img{width:118px!important;height:118px!important}
html body .shell #sidebar .brand-copy{margin-top:0!important}
html body .shell #sidebar .brand-copy small{font-size:10px!important;line-height:16px!important;color:#adb7c2!important}
html body .shell #sidebar .nav{gap:8px!important}
html body .shell #sidebar .nav-group{gap:2px!important}
html body .shell #sidebar .nav-label{margin:4px 0 2px!important;font-size:10px!important;line-height:15px!important;color:#99a5b4!important}
html body .shell #sidebar .nav-item{min-height:36px!important;padding:7px 10px!important;border-radius:6px!important;background:transparent!important}
html body .shell #sidebar .nav-item.active{background:#29333f!important;border-color:#6f8396!important;box-shadow:inset 3px 0 #91a6bb!important}
html body .shell #sidebar .nav-text{font-size:13px!important;line-height:20px!important}
html body .shell #sidebar .sidebar-bottom{padding-top:10px!important;gap:6px!important}
html body .shell #sidebar .user-card{padding:10px!important;background:#191d23!important;border-color:#343b44!important}
html body #shell .topbar .top-right>:is(.online,.final-release-tag,#refreshBtn){background:#1d232b!important;border-color:#46515e!important;color:#d2dbe4!important}
html body .shell #page#page .chart-line{stroke:#91a6bb!important}
html body .shell #page#page .chart-area{fill:#91a6bb14!important}
@media(min-width:761px){html body .shell #page#page :is(input:not([type=checkbox]),select){padding:7px 10px!important;height:36px!important}html body .shell #page#page .device-list-heading{min-height:30px!important}}
@media(max-width:760px){html body .shell #sidebar .nav-item{min-height:44px!important;padding:11px 10px!important}html body .shell #page#page :is(.btn,input:not([type=checkbox]),select,.device-advanced>summary){min-height:44px!important}html body .shell #page#page .device-summary-clean .device-summary-card{min-height:96px!important}html body .shell #page#page .device-list-heading{margin-bottom:8px!important}html body .shell #page#page .device-advanced>summary{position:static!important}}

html body .shell #sidebar .brand-mark{height:82px!important;width:106px!important}html body .shell #sidebar .brand-mark img{width:106px!important;height:106px!important}html body .shell #sidebar .brand{gap:16px!important}
html body .shell #page#page .device-toolbar-simple .search{padding-left:32px!important}
html body .shell #page#page :is(.device-archive-toggle,.device-archived-toggle,.device-archive-btn,.activation-method-card,.device-final-hero,.device-final-tabs,.dm-tabs,.manager-card,.overview-recent-row){background:#191d23!important;border-color:#343b44!important;background-image:none!important}
html body .shell #page#page button,html body .shell #page#page a.btn,html body .shell #sidebar .logout-btn{background:#242b33!important;border-color:#46515e!important;color:#d2dbe4!important;box-shadow:none!important;background-image:none!important}
html body .shell #page#page button.configured-primary{background:#293641!important;border-color:#8197aa!important}
html body .shell #page#page .activation-method-card{padding:18px!important;border-radius:8px!important}
html body .shell #page#page .activation-method-head{padding-bottom:12px!important;margin-bottom:14px!important}
html body .shell #page#page :is(.device-list-controls,.device-summary-strip,.device-toolbar-simple) label{color:#b6c0cc!important}

html body .shell,html body .shell .main,html body .shell #page#page{background:#111418!important}
html body .shell #page#page .activation-method-head{padding:6px 4px 12px!important;border-color:#343b44!important}
html body .shell #page#page .activation-method-card>.activate-fields{padding:8px 4px 14px!important;gap:14px!important}
html body .shell #page#page .activation-method-footer{padding:12px 4px!important;border-color:#343b44!important}
html body .shell #page#page .device-summary-clean .device-summary-card :is(span,b,small){margin-top:0!important;margin-bottom:0!important}
html body .shell #page#page .device-summary-clean .device-summary-card{justify-content:center!important;gap:3px!important}
html body #shell .topbar .mobile-menu{background:#242b33!important;border-color:#46515e!important}

html body .shell #sidebar .psm-nav-link{min-height:36px!important;padding:7px 10px!important;font-size:13px!important;line-height:20px!important;border-radius:6px!important;color:#c2cad4!important}html body .shell #sidebar .psm-nav-icon{color:#91a6bb!important}

html body .shell #sidebar{padding:12px 14px!important}html body .shell #sidebar .sidebar-head{margin-bottom:6px!important}html body .shell #sidebar .nav{padding:6px 8px 8px!important}html body .shell #sidebar .nav-item .nav-text{font-size:13px!important;line-height:20px!important}

/* Compact mobile pagination, with a stable two-row layout. */
@media(max-width:760px){
html body .shell #page#page .list-pagination{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;gap:8px!important;padding:10px 12px!important;align-items:center!important}
html body .shell #page#page .list-pagination-controls{display:contents!important}
html body .shell #page#page .list-pagination-info{grid-column:1/3!important;grid-row:1!important;font-size:11px!important;line-height:16px!important;margin:0!important}
html body .shell #page#page .list-pagination-controls>label{grid-column:3!important;grid-row:1!important;display:block!important;min-width:0!important;margin:0!important}
html body .shell #page#page .list-pagination-controls>label>span{display:none!important}
html body .shell #page#page .list-pagination-controls select{width:100%!important;min-width:0!important;padding:4px!important;font-size:13px!important}
html body .shell #page#page [data-page-prev]{grid-column:1!important;grid-row:2!important}
html body .shell #page#page .list-page-current{grid-column:2!important;grid-row:2!important;text-align:center!important;white-space:nowrap!important;font-size:12px!important}
html body .shell #page#page [data-page-next]{grid-column:3!important;grid-row:2!important}
html body .shell #page#page .pagination-word{display:none!important}
html body .shell #page#page :is([data-page-prev],[data-page-next]){padding:6px!important;width:44px!important;height:44px!important;min-width:0!important;font-size:18px!important}
html body .shell #page#page .voucher-pagination{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
html body .shell #page#page .voucher-pagebuttons{display:grid!important;grid-template-columns:44px 44px minmax(0,1fr) 44px 44px!important;gap:4px!important;align-items:center!important;width:100%!important}
html body .shell #page#page .voucher-pagebuttons button{min-width:0!important;width:44px!important;padding:4px!important;font-size:0!important;height:44px!important}
html body .shell #page#page #addon-v-first:after{content:'«';font-size:18px}html body .shell #page#page #addon-v-prev:after{content:'←';font-size:18px}html body .shell #page#page #addon-v-next:after{content:'→';font-size:18px}html body .shell #page#page #addon-v-last:after{content:'»';font-size:18px}
html body .shell #page#page #addon-v-pagenum{font-size:11px!important;text-align:center!important}
}

/* Mobile header: quiet status and version, compact refresh action. */
@media(max-width:760px){
html body #shell .topbar{gap:4px 8px!important;padding:8px 12px!important}
html body #shell .topbar .top-title{flex:1 1 auto!important}
html body #shell .topbar .top-right{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;width:auto!important;flex:1 1 100%!important}
html body #shell .topbar .top-right>:is(.online,.final-release-tag){width:auto!important;min-height:20px!important;height:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:10px!important;line-height:16px!important;font-weight:500!important;white-space:nowrap!important;color:#a5adb8!important}
html body #shell .topbar .top-right .online:before{width:5px!important;height:5px!important}
html body #shell .topbar .top-right #refreshBtn{width:36px!important;min-height:36px!important;height:36px!important;padding:0!important;border-radius:5px!important;font-size:0!important;flex:0 0 36px!important}
html body #shell .topbar .top-right #refreshBtn:after{content:'↻'!important;display:block!important;font-size:19px!important;line-height:24px!important}
html body .shell #page#page .device-advanced .device-filters-v44{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:760px){html body #shell .topbar .top-right{flex-wrap:nowrap!important}html body #shell .topbar .top-right>:is(.online,.final-release-tag,#refreshBtn):not(#refreshBtn){display:inline-flex!important;width:auto!important;min-width:0!important;min-height:20px!important;height:auto!important;flex:0 0 auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#a5adb8!important;font-size:10px!important;line-height:16px!important;font-weight:500!important;white-space:nowrap!important;box-shadow:none!important}}

@media(max-width:760px){html body #shell .topbar .top-right{display:none!important}html body #shell .topbar{flex-wrap:nowrap!important;min-height:52px!important}html body #shell .topbar .top-title{flex:1 1 auto!important;min-width:0!important}}