/* Consistent navigation typography and spacing for ADM and reseller roles. */
html body .shell #sidebar .nav{display:flex!important;flex-direction:column!important;gap:18px!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:14px 8px 18px!important;scroll-padding-block:12px;scrollbar-width:thin}
html body .shell #sidebar .nav-group{margin:0!important;padding:0!important;border:0!important;display:flex!important;flex-direction:column!important;gap:4px!important;flex-shrink:0}
html body .shell #sidebar .nav-label{font-size:11px!important;line-height:16px!important;letter-spacing:.05em!important;font-weight:600!important;margin:0 10px 6px!important;padding:0!important;min-height:16px!important;color:#b8adce!important;white-space:normal!important}
html body .shell #sidebar .nav-item{display:flex!important;align-items:center!important;gap:12px!important;min-height:44px!important;height:auto!important;padding:11px 12px!important;margin:0!important;border-radius:10px!important;line-height:20px!important;letter-spacing:normal!important;box-sizing:border-box!important}
html body .shell #sidebar .nav-item .nav-text{font-size:14px!important;line-height:20px!important;letter-spacing:normal!important;font-weight:500!important;min-width:0!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important}
html body .shell #sidebar .nav-item.active .nav-text{font-weight:600!important}
html body .shell #sidebar .nav-item .ico{width:20px!important;height:20px!important;flex:0 0 20px!important}
html body .shell #sidebar .nav-item .ico svg{width:20px!important;height:20px!important}
html body .shell #sidebar .brand-copy{min-width:0;flex:1}
html body .shell #sidebar .brand-copy small{font-size:9.5px!important;line-height:14px!important;letter-spacing:.04em!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important}
html body .shell #sidebar .user-copy small{font-size:11px!important;line-height:16px!important;letter-spacing:normal!important;white-space:normal!important}
html body .shell #sidebar .sidebar-head,html body .shell #sidebar .sidebar-bottom{flex-shrink:0!important}
html body .shell.sidebar-is-collapsed #sidebar .nav-item{justify-content:center!important;gap:0!important;padding:11px 8px!important}
html body .shell.sidebar-is-collapsed #sidebar .nav-label{display:none!important}
html body .shell #sidebar .nav-item:focus-visible{outline:2px solid #c899ff!important;outline-offset:2px}
@media(max-width:760px){html body .shell #sidebar .nav{gap:20px!important;padding:14px 10px 18px!important}html body .shell #sidebar .nav-item{min-height:48px!important;padding:13px 12px!important}html body .shell #sidebar .nav-item .nav-text{font-size:15px!important;line-height:22px!important}html body .shell #sidebar .nav-label{font-size:11px!important;line-height:16px!important}html body .shell #sidebar .sidebar-bottom{padding-top:12px!important}}
/* Spreadsheet grids remain tables on PC and mobile. */
html body .shell #page#page table{border-collapse:collapse!important;border-spacing:0!important;width:100%!important;border:1px solid #655274!important}
html body .shell #page#page table :is(th,td){border:1px solid #594569!important;padding:14px 14px!important;box-sizing:border-box!important;vertical-align:middle!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.5!important}
html body .shell #page#page table th{font-size:12px!important;line-height:18px!important;letter-spacing:.025em!important;background:#281f35!important;font-weight:600!important}
html body .shell #page#page table td{font-size:13px!important;background:#1b1526!important}
html body .shell #page#page table tbody tr:nth-child(even) td{background:#211a2d!important}
html body .shell #page#page table tbody tr:hover td{background:#2b213a!important}
html body .shell #page#page table td :is(b,strong,small){max-width:100%;overflow-wrap:anywhere;word-break:normal}
html body .shell #page#page table td .mono{white-space:normal!important;overflow-wrap:anywhere!important}
html body .shell #page#page table :is(.actions,.device-actions,.reseller-row-actions,.table-actions){display:flex!important;gap:8px!important;flex-wrap:wrap!important;max-width:100%!important}
html body .shell #page#page :is(.table-wrap,.reseller-unified-wrap){overflow-x:auto!important;max-width:100%!important;min-width:0!important;overscroll-behavior-x:contain}
html body .shell #page#page .reseller-unified-table{min-width:1040px!important;table-layout:fixed!important}
html body .shell #page#page .reseller-unified-table th:nth-child(1){width:21%!important}
html body .shell #page#page .reseller-unified-table th:nth-child(2){width:11%!important}
html body .shell #page#page .reseller-unified-table th:nth-child(3){width:9%!important}
html body .shell #page#page .reseller-unified-table th:nth-child(4){width:12%!important}
html body .shell #page#page .reseller-unified-table th:nth-child(5){width:24%!important}
html body .shell #page#page .reseller-unified-table th:nth-child(6){width:12%!important}
html body .shell #page#page .reseller-unified-table th:nth-child(7){width:11%!important}
html body .shell #page#page .reseller-unified-table td{min-width:0!important}
html body .shell #page#page table.devices-table{min-width:1100px!important;table-layout:fixed!important}
html body .shell #page#page table.dns-unified-table{min-width:1080px!important;table-layout:fixed!important}
html body .shell #page#page .field input{box-sizing:border-box;max-width:100%;min-width:0}
@media(max-width:760px){html body .shell #page#page table :is(th,td){padding:12px!important}html body .shell #page#page table :is(.btn,button){min-height:44px!important}html body .shell #page#page :is(.devices-mobile-list,.reseller-mobile-list,.dns-mobile-list){display:none!important}html body .shell #page#page :is(.devices-desktop-list,.reseller-desktop-list,.dns-desktop-list){display:block!important}}
html body .shell #sidebar .user-copy b{display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;line-height:18px!important}
html body .shell #sidebar .nav{scrollbar-color:#806596 transparent}
html body .shell #page#page table td :is(button,.btn){max-width:100%!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.4!important;height:auto!important;min-height:40px}
html body .shell #page#page table td :is(.cell-main,.device-primary,.device-config-cell,.dns-name-cell){min-width:0!important;max-width:100%!important}
html body .shell #page#page table td :is(b,strong,small,.cell-main,.device-primary){text-overflow:clip!important;white-space:normal!important}
html body .shell #page#page table td>small{line-height:1.5!important}

html body .shell #page#page table :is(td,th) *{text-overflow:clip!important;-webkit-line-clamp:unset!important;line-clamp:unset!important}
html body .shell #page#page table :is(.dns-unified-server,.dns-owner-cell,.app-name-cell){min-width:0!important;overflow:visible!important;max-height:none!important}
html body .shell #page#page table :is(.dns-unified-server,.dns-owner-cell) :is(b,small){display:block!important;overflow:visible!important;max-height:none!important;white-space:normal!important;text-overflow:clip!important;-webkit-line-clamp:unset!important;overflow-wrap:anywhere!important}
html body .shell #page#page :is(table.voucher-table,.version-table){min-width:1100px!important;table-layout:fixed!important}
html body .shell #page#page .voucher-tablewrap{overflow-x:auto!important;max-width:100%!important}
html body .shell #page#page .apps-toolbar{display:grid!important;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(210px,1fr))!important;gap:10px!important;align-items:center!important}
html body .shell #page#page .apps-toolbar :is(input,select){width:100%!important;min-width:0!important;height:44px!important}
html body .shell #page#page table.apps-pro-table{min-width:1260px!important;table-layout:fixed!important}
html body .shell #page#page table.apps-pro-table th:nth-child(1){width:22%!important}
html body .shell #page#page table.apps-pro-table th:nth-child(2){width:9%!important}
html body .shell #page#page table.apps-pro-table th:nth-child(3){width:16%!important}
html body .shell #page#page table.apps-pro-table th:nth-child(4){width:9%!important}
html body .shell #page#page table.apps-pro-table th:nth-child(5){width:10%!important}
html body .shell #page#page table.apps-pro-table th:nth-child(6){width:10%!important}
html body .shell #page#page table.apps-pro-table th:nth-child(7){width:13%!important}
html body .shell #page#page table.apps-pro-table th:nth-child(8){width:11%!important}
html body .shell #page#page table.apps-pro-table th{white-space:nowrap!important;overflow-wrap:normal!important}
html body .shell #page#page table.apps-pro-table td:nth-child(2) .mono{white-space:nowrap!important}
html body .shell #page#page table.app-version-health-table{min-width:940px!important;table-layout:fixed!important}
html body .shell #page#page table.app-platform-table{min-width:520px!important;table-layout:fixed!important}
@media(max-width:1200px){html body .shell #page#page .apps-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body .shell #page#page .apps-toolbar .search{grid-column:1/-1!important}}
@media(max-width:600px){html body .shell #page#page .apps-toolbar{grid-template-columns:minmax(0,1fr)!important}html body .shell #page#page .apps-toolbar .search{grid-column:auto!important}}
html body .shell #page#page table.apps-pro-table{min-width:1120px!important}
html body .shell #page#page .remote-history-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important}