.mobile-topbar,.mobile-menu-button,.mobile-navigation-close,.mobile-navigation-backdrop{display:none}@media (max-width:900px){.shell{min-height:100dvh;display:block}.mobile-topbar{z-index:40;padding:10px max(16px, env(safe-area-inset-right)) 10px max(16px, env(safe-area-inset-left));border-bottom:1px solid var(--border);background:var(--sidebar);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.mobile-topbar .brand{margin:0;font-size:22px}.mobile-menu-button,.mobile-navigation-close{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.mobile-navigation-close{align-self:flex-end;margin-bottom:12px}.mobile-navigation-backdrop{z-index:59;background:#000000a6;display:block;position:fixed;inset:0}.shell>.sidebar{z-index:60;width:min(320px,100vw - 32px);height:100dvh;padding:max(16px, env(safe-area-inset-top)) 18px max(16px, env(safe-area-inset-bottom));border:0;border-right:1px solid var(--border);visibility:hidden;overscroll-behavior:contain;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%)}.shell>.sidebar.mobile-open{visibility:visible;transform:translate(0)}.sidebar .brand{margin-bottom:20px}.sidebar-scroll{min-height:100px;margin-right:0;padding-right:8px;overflow-y:auto}.sidebar nav{grid-template-columns:minmax(0,1fr)}.sidebar nav a,.sidebar nav button,.logout{min-height:44px}.sidebar-footer{margin-top:16px}.workspace,.admin-shell .workspace{min-width:0;max-width:100%;padding:20px 16px max(32px, env(safe-area-inset-bottom))}:where(.workspace,.modal) :where(section,article,form,fieldset,div){min-width:0}.admin-toolbar{margin-bottom:16px}.global-search,.admin-toolbar .global-search{width:100%;max-width:none}.tabs{overscroll-behavior-x:contain;max-width:100%;scroll-padding-inline:12px}.tabs a,.tabs button{flex:none}.table-wrap,.network-resources .table-wrap{overscroll-behavior-x:contain;max-width:100%;overflow:auto}:where(.workspace,.modal) table{overscroll-behavior-x:contain;max-width:100%;display:block;overflow-x:auto}.table-wrap>table{min-width:100%;display:table}.table-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.record-facts,.vm-record-facts,.server-agent-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.record-facts>*,.vm-record-facts>*{overflow-wrap:anywhere;min-width:0}.inventory-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}.policy-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.rack-faces{grid-template-columns:minmax(0,1fr)}.server-task-toolbar,.task-console-heading,.bare-metal-power-controls,.remote-console .top-actions,.vm-console-toolbar{flex-wrap:wrap}.bare-metal-kvm-screen,.vm-console-screen{min-width:0;max-width:100%}.modal-backdrop{padding:12px}.modal,.modal.wide{overscroll-behavior:contain;width:min(760px,100%);max-width:100%;max-height:calc(100dvh - 24px)}.modal-header{gap:12px}.modal-close{flex-shrink:0;width:44px;height:44px}.modal-body input,.modal-body select,.modal-body textarea{max-width:100%}}@media (max-width:620px){.workspace,.admin-shell .workspace{padding:16px 12px max(28px, env(safe-area-inset-bottom))}h1{font-size:28px}h2{font-size:24px}h3{font-size:18px}.workspace input:not([type=checkbox]):not([type=radio]):not([type=range]),.workspace select,.workspace textarea,.modal input:not([type=checkbox]):not([type=radio]):not([type=range]),.modal select,.modal textarea,.auth-card input{max-width:100%;font-size:16px}.workspace button,.modal button,.auth-card button{min-height:44px}.row-actions,.routing-row-actions,.top-actions,.filters,.table-toolbar,.panel-actions,.modal-actions,.form-actions,.pagination{flex-wrap:wrap;gap:8px}.top-actions>*,.filters>*,.table-toolbar>*{min-width:0;max-width:100%}.topbar,.panel-heading,.vm-panel-heading,.routing-heading,.attack-title,.attack-detail-heading,.attack-pagination,.invoice-detail-footer,.custom-services-heading,.server-task-heading{flex-wrap:wrap;gap:12px}.server-agent-fields,.record-facts,.vm-record-facts,.invoice-summary-grid,.invoice-payment-section,.metrics,.detail-grid,.hardware-list,.config-grid,.config-grid.bare-metal-inventory-filters,.field-row,.permission-grid,.vm-form-grid,.vm-summary-grid,.manual-invoice-line,.admin-table-form,.billing-grid,.action-grid,.server-admin-grid,.custom-service-details-grid,.network-modal-grid,.attack-filters,.attack-filters.admin,.traffic-observation,.traffic-filters,.admin-billing-workspace .metrics,.admin-billing-workspace .detail-grid{grid-template-columns:minmax(0,1fr)}.record-facts>*,.vm-record-facts>*{border-right:0;border-bottom:1px solid var(--border)}.vm-form-grid .full,.field-row .full,.form-span-2{grid-column:1/-1}.panel-heading,.vm-panel-heading,.record-title,.vm-record-title,.server-admin-card-heading,.server-admin-card-body,.server-overview-body,.settings-form,.config-grid,.vm-form-section,.traffic-filters,.traffic-chart,.network-page-heading,.network-modal-form,.modal-form,.provision-section,.billing-section,.invoice-detail-heading,.invoice-detail-footer{padding:16px}.server-admin-card-heading>div,.bare-metal-record-heading>div,.server-task-heading>div{min-width:0;max-width:100%}.bare-metal-record-label,.bare-metal-record-heading h1,.record-title h1,.vm-record-title h1{overflow-wrap:anywhere;word-break:break-word}.bare-metal-power-menu{margin-left:auto}.bare-metal-power-dropdown{max-width:calc(100vw - 48px)}.provision-os-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.provision-layouts,.provision-config,.provision-action-grid{grid-template-columns:minmax(0,1fr)}.provision-disk{flex-wrap:wrap;gap:10px}.provision-disk-info{flex:150px;min-width:0}.provision-disk-capacity{margin-left:auto}.provision-password-controls{flex-wrap:wrap}.provision-password-controls input{flex:100%;min-width:0}.provision-version,.firewall-actions select,.admin-firewall .firewall-actions select{width:100%;min-width:0;max-width:100%}.server-task-history{padding:12px}.server-task-list-item{gap:10px;padding:12px}.server-task-list-item>span:first-child{flex-basis:100%}.server-task-initiator{overflow-wrap:anywhere}.server-task-step{min-width:0}pre,.task-log,.console,.secret-output,.firewall-json{max-width:100%;overflow:auto}.remote-console-body,.remote-console-empty{padding:12px}.bare-metal-kvm-screen,.vm-console-screen{aspect-ratio:16/10;height:auto;min-height:180px;max-height:65dvh}.remote-console iframe{width:100%;max-width:100%}.modal-header,.modal-form{padding:16px}.modal-header h2{font-size:22px}.modal-actions,.form-actions{justify-content:stretch}.modal-actions>button,.form-actions>button{white-space:normal;flex:140px}.impersonation-banner,.notice,.error,.success{overflow-wrap:anywhere}.auth-card{width:100%;min-width:0;padding:24px 18px}.auth-shell,.auth-page{padding:16px}}