/* Content determines layout; no global overflow clipping. The assistant has its own rail. */
@media(min-width:601px) and (max-width:1200px){
 #content .administrative-list-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}
 #content .administrative-list-toolbar>*{min-width:0;max-width:100%}
}
main{padding-right:calc(88px + env(safe-area-inset-right));max-width:100%;min-width:0}
main>header{display:grid;grid-template-columns:minmax(100px,1fr) minmax(180px,1.6fr) auto;gap:16px;align-items:center}
main>header .global-search{grid-column:auto;grid-row:auto;min-width:0;max-width:none;width:100%;margin:0}
main>header .page-heading{grid-column:1;grid-row:1}
main>header .header-session{grid-column:3;grid-row:1}
@media(min-width:651px) and (max-width:1100px){
 main>header{grid-template-columns:minmax(0,1fr) auto}
 main>header .header-session{grid-column:2;grid-row:1;max-width:100%}
 main>header .global-search{grid-column:1/-1;grid-row:2}
}
@media(max-width:650px){
 main>header .header-session{grid-column:2;grid-row:1}
 main>header .page-heading{grid-column:1/-1;grid-row:2}
}
.page-heading,.header-session,:root[data-theme] #content[data-workspace],:root[data-theme] #content[data-workspace]>*,.panel,.panel>*{min-width:0}
.page-heading h1{overflow-wrap:anywhere;font-size:20px}
.header-session{min-width:0;flex-wrap:wrap}
:root[data-theme] #content[data-workspace] :is(.panel-head,.actions,.software-fleet-head,.backup-page-head,.permission-head,.campaign-review-head){flex-wrap:wrap}
:root[data-theme] #content[data-workspace] :is(.panel-head,.actions)>*{min-width:0;max-width:100%}
:root[data-theme] #content[data-workspace] :is(p,small,h2,h3,dt,dd,label,td,th){overflow-wrap:anywhere}
:root[data-theme] #content[data-workspace] :is(input,select,textarea){min-width:0;max-width:100%}
:root[data-theme] #content[data-workspace] :is(.grid-form,.whatsapp-grid,.audit-grid,.cards){grid-template-columns:repeat(2,minmax(0,1fr))}
:root[data-theme] #content[data-workspace] .whatsapp-grid>*{min-width:0}
:root[data-theme] #content[data-workspace] :is(.whatsapp-identities span,.whatsapp-requests summary span){flex-wrap:wrap;overflow-wrap:anywhere}
:root[data-theme] #content[data-workspace] :is(.whatsapp-request-list blockquote,.whatsapp-conversation,.whatsapp-safety){background:var(--raised);color:var(--text);border-color:var(--line)}
:root[data-theme] #content[data-workspace] :is(.software-intelligence,.software-notification,.software-release-notice,.software-notification-card,.software-notification-banner,.dashboard-software-notice,.activity-audit-head,.software-hero,.routine-hero,.whatsapp-hero){background:var(--surface);background-image:none;color:var(--text);border-color:var(--line);box-shadow:none}
:root[data-theme] #content[data-workspace] :is(.software-intelligence,.software-notification-banner,.software-notification-card,.software-hero,.activity-audit-head) :is(b,strong,h2,h3,p,span,small){color:var(--text)}
:root[data-theme] #content[data-workspace] .dashboard-priority.danger,:root[data-theme] #content[data-workspace] .dashboard-priority.warning{background:var(--surface)!important;border-color:var(--line)!important}
:root[data-theme] #content[data-workspace] .dashboard-priority.danger{border-left:3px solid var(--line)!important}
:root[data-theme] #content[data-workspace] .dashboard-priority.warning{border-left:3px solid var(--line)!important}
:root[data-theme] #content[data-workspace] .dashboard-priority::before{display:none}
:root[data-theme] #content[data-workspace] :is(.panel,.card,.asset-health-card,.routine-card,.dashboard-priority,.software-stat,.backup-summary-grid article){backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
:root[data-theme] #content[data-workspace] .dashboard-tags{flex-wrap:wrap;overflow:visible}
:root[data-theme] #content[data-workspace] .dashboard-tags>*{max-width:100%;white-space:normal;overflow-wrap:anywhere}
:root[data-theme] #content[data-workspace] .asset-filter-grid{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}
:root[data-theme] #content[data-workspace] .asset-filter-grid>*,:root[data-theme] #content[data-workspace] .asset-filter-grid label{min-width:0;max-width:100%}
:root[data-theme] #content[data-workspace] .asset-table{min-width:0;table-layout:fixed}
:root[data-theme] #content[data-workspace] .asset-table :is(td,th){white-space:normal;overflow-wrap:anywhere;padding:10px 7px}
:root[data-theme] #content[data-workspace] .asset-table :is(.asset-actions,.asset-row-actions,.asset-table-actions){flex-wrap:wrap;gap:5px}
:root[data-theme] #content[data-workspace] .asset-table :is(button,.tag){max-width:100%;white-space:normal}
:root[data-theme] #content[data-workspace] .backup-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}
:root[data-theme] #content[data-workspace] .backup-summary-grid>*{min-width:0;max-width:none;width:auto;flex:auto}
:root[data-theme] #content[data-workspace] .backup-summary-grid :is(b,strong,span,small){white-space:normal;overflow-wrap:anywhere}
:root[data-theme] #content[data-workspace] .routine-card{min-width:0;max-width:100%}
:root[data-theme] #content[data-workspace] .routine-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
:root[data-theme] #content[data-workspace] .routine-card :is(b,span,i,small){min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
:root[data-theme] #content[data-workspace] .software-device-identity :is(b,span,small){white-space:normal;overflow-wrap:anywhere;max-width:100%}
:root[data-theme] #content[data-workspace] :is(.analyst-message,.analyst-list-item,.analyst-context,.analyst-composer){min-width:0;overflow-wrap:anywhere}
:root[data-theme] #content[data-workspace] .analyst-message pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
#analyst-floating-button{display:grid;place-items:center;position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));width:48px;height:48px;z-index:70;background:var(--raised);color:var(--link);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow-surface)}
body:has(#content[data-workspace="profile"]) #analyst-floating-button{display:grid}
body:has(#content[data-workspace="profile"]) #analyst-widget{display:flex!important}
body:has(#content[data-workspace="profile"]) #analyst-widget[hidden]{display:none!important}
.analyst-widget{bottom:calc(80px + env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right));max-height:calc(100dvh - 100px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
#modal{max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px)}
#modal-body{min-width:0;overflow-wrap:anywhere}
#modal :is(.routine-wizard,.grid-form,.campaign-wizard){min-width:0;max-width:100%}
#modal :is(.panel-head,.actions,.modal-head){flex-wrap:wrap}
@media(max-width:1200px){main>header{grid-template-columns:minmax(0,1fr) auto}.global-search{grid-column:1/-1!important;grid-row:2!important}:root[data-theme] #content[data-workspace] .backup-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){:root[data-theme] #content[data-workspace] .asset-filter-sidebar{display:grid;grid-template-columns:1fr;overflow:visible;max-height:none}:root[data-theme] #content[data-workspace] .asset-sidebar-group{min-width:0;max-width:100%;border-left:0;padding-left:0}:root[data-theme] #content[data-workspace] .asset-sidebar-body{max-width:100%}:root[data-theme] #content[data-workspace] :is(.grid-form,.whatsapp-grid,.audit-grid){grid-template-columns:1fr}}
@media(max-width:650px){main,body.sidebar-collapsed main{padding:0 76px 24px 12px!important}main>header{grid-template-columns:42px minmax(0,1fr);gap:10px;min-width:0}.page-heading{grid-column:1/-1;grid-row:2}.header-session{grid-column:2;grid-row:1}.global-search{grid-column:1/-1!important;grid-row:3!important}.mobile-brand{display:none}#account-chip span{display:none}:root[data-theme] #content[data-workspace] :is(.cards,.routine-card-grid,.dashboard-metrics,.dashboard-job-list,.backup-summary-grid){grid-template-columns:1fr!important}:root[data-theme] #content[data-workspace] :is(.dashboard-main-grid,.dashboard-bottom-grid,.workspace-focus-grid,.dashboard-priority-grid){grid-template-columns:minmax(0,1fr)!important}:root[data-theme] #content[data-workspace] .backup-summary-grid>*{flex:auto;width:auto;min-width:0}:root[data-theme] #content[data-workspace] .backup-summary-grid{display:grid;gap:8px}:root[data-theme] #content[data-workspace] .backup-summary-grid .backup-summary-change{min-height:90px}:root[data-theme] #content[data-workspace] .panel{padding:16px}:root[data-theme] #content[data-workspace] :is(.routine-card>header,.routine-card>footer,.backup-facets){flex-wrap:wrap}:root[data-theme] #content[data-workspace] .routine-card-grid>div{border-right:0}:root[data-theme] #content[data-workspace] .credential-choice{grid-template-columns:1fr}:root[data-theme] #content[data-workspace] .asset-filter-grid{grid-template-columns:1fr}:root[data-theme] #content[data-workspace] :is(.table-scroll,.backup-table-wrap){max-width:100%;min-width:0}:root[data-theme] #content[data-workspace] .table-scroll>table{min-width:0;table-layout:fixed}:root[data-theme] #content[data-workspace] .table-scroll :is(th,td){white-space:normal;overflow-wrap:anywhere;padding:9px 5px;font-size:12px}:root[data-theme] #content[data-workspace] .table-scroll button{max-width:100%;white-space:normal;font-size:12px}:root[data-theme] #content[data-workspace] .table-scroll td:last-child :is(div,span){flex-wrap:wrap}:root[data-theme] #content[data-workspace] .software-device-identity{min-width:0}#analyst-floating-button{right:max(12px,env(safe-area-inset-right));width:44px;height:44px}.analyst-widget{max-width:calc(100vw - 24px)}:root[data-theme] #content[data-workspace] .dashboard-priority{grid-template-columns:28px minmax(0,1fr) auto!important;padding:14px!important}.appearance-options{grid-template-columns:1fr}#modal :is(.grid-form,.routine-wizard-fields,.credential-choice){grid-template-columns:1fr}}
@media(prefers-reduced-transparency:reduce){#sidebar,main>header{background:var(--navy);backdrop-filter:none;-webkit-backdrop-filter:none}}

:root[data-theme] #content[data-workspace] .dashboard-release-alert{background:var(--surface);background-image:none;color:var(--text);border:1px solid var(--line);border-left:3px solid var(--line);box-shadow:none}
:root[data-theme] #content[data-workspace] .dashboard-release-alert :is(b,small,em){color:var(--text)}
:root[data-theme] #content[data-workspace] .dashboard-release-alert .dashboard-release-icon{background:var(--raised);color:var(--amber)}
.workspace-access-notice{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--muted);line-height:1.5}
.workspace-access-notice h3{margin:0 0 8px}.workspace-access-notice p{margin:0}
:root[data-theme] #content[data-workspace] .software-fleet-panel{overflow:visible}
@media(max-width:900px){:root[data-theme] #content[data-workspace] .backup-facets>div+div{display:flex;flex-wrap:wrap;overflow:visible;max-width:100%;gap:6px;min-width:0}:root[data-theme] #content[data-workspace] .backup-facet{max-width:100%;white-space:normal;flex:0 1 auto}:root[data-theme] #content[data-workspace] .backup-facet :is(span,em){white-space:normal;overflow-wrap:anywhere}}
@media(max-width:1200px){
 :root[data-theme] #content[data-workspace] .user-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 :root[data-theme] #content[data-workspace] .user-row-actions{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap}
 :root[data-theme] #content[data-workspace] .software-workspace-bar{flex-wrap:wrap;gap:12px}
 :root[data-theme] #content[data-workspace] .software-workspace-bar>*{min-width:0;max-width:100%}
 :root[data-theme] #content[data-workspace] #backups-pagination.backups-list-pager{grid-template-columns:minmax(0,1fr) auto auto auto;grid-template-areas:"search search search search" "status size prev next";gap:8px}
 #backups-pagination .list-pager-search{grid-area:search;min-width:0}
 #backups-pagination .list-pager-status{grid-area:status;min-width:0;white-space:normal}
 #backups-pagination .list-page-size{grid-area:size;min-width:0}
 #backups-pagination [data-page-action="previous"]{grid-area:prev}
 #backups-pagination [data-page-action="next"]{grid-area:next}
}
@media(max-width:650px){:root[data-theme] #content[data-workspace] .user-row{grid-template-columns:minmax(0,1fr)}}
/* Legacy component colors must resolve through the same theme, including mobile cards. */
:root[data-theme] #content[data-workspace] :is(.asset-mobile-card,.software-fleet-panel tbody tr,.software-version-path>div,.software-progress-card,.software-upgrade-history,.software-campaign-stage,.routine-card-grid>div){background:var(--surface);background-image:none;color:var(--text);border-color:var(--line)}
:root[data-theme] #content[data-workspace] :is(.asset-mobile-card,.routine-card,.dashboard-recurring-panel,.software-fleet-panel,.software-progress-card,.software-intelligence,.dashboard-progress) :is(dt,dd,p,small,span,i){color:var(--muted)}
:root[data-theme] #content[data-workspace] :is(.asset-mobile-card,.routine-card,.software-fleet-panel,.software-progress-card) :is(b,strong){color:var(--text)}
:root[data-theme] #content[data-workspace] .software-version-path>div.current-gold{background:var(--raised);background-image:none;box-shadow:none}
:root[data-theme] #content[data-workspace] :is(.asset-mobile-card,.routine-card) .status.success,:root[data-theme] #content[data-workspace] .routine-state.active{color:var(--link)}
:root[data-theme] #content[data-workspace] :is(.asset-mobile-card,.routine-card) .status.failed{color:var(--danger)}
:root[data-theme] #content[data-workspace] .software-fleet-panel td::before{color:var(--muted)}
:root[data-theme] #content[data-workspace] .backup-table tbody tr{background:var(--surface);background-image:none;border-color:var(--line)}
:root[data-theme] #content[data-workspace] .backup-table :is(td,small,span,em){color:var(--muted)}
:root[data-theme] #content[data-workspace] .backup-table :is(b,strong){color:var(--text)}
:root[data-theme] #content[data-workspace] :is(.tag,.pill,.routine-state,.asset-mobile-state){background:var(--raised);background-image:none;color:var(--muted);border-color:var(--line)}
body:has(#content[data-workspace]) #analyst-floating-button:not([hidden]){display:grid}
:root[data-theme] #content[data-workspace] :is(.asset-mobile-card dl,.asset-mobile-card dl>div,.dashboard-job,.dashboard-problem-asset,.dashboard-recurring-row,.backup-change-pill,.backup-state,.software-inventory-state,.software-service-result,.software-upgrade-history){background:var(--raised);background-image:none;border-color:var(--line)}
:root[data-theme] #content[data-workspace] :is(.routine-hero,.routine-card,.routine-metrics) :is(p,span,small,em){color:var(--muted)}
:root[data-theme] #content[data-workspace] .software-fleet-panel :is(time,em,.software-inventory-state){color:var(--muted)}
:root[data-theme] #content[data-workspace] :is(.backup-change.actionable,.software-channel-decision){background:var(--raised);background-image:none;color:var(--muted);border-color:var(--line)}
:root[data-theme] #content[data-workspace] :is(.dashboard-problem-assets button,.vendor-pill,.routine-card>footer i){background:var(--raised);background-image:none;color:var(--muted);border-color:var(--line)}
:root[data-theme] #content[data-workspace] .asset-observed-hostname{color:var(--link)}
:root[data-theme] #content[data-workspace] :is(.dashboard-problem-assets b,.dashboard-problem-assets strong){color:var(--text)}
:root[data-theme] #content[data-workspace] :is(.asset-source,.asset-tag-chip,.password-pending,.status.warning,.operational-fleet-totals>span){background:var(--raised);background-image:none;color:var(--muted);border-color:var(--line)}
:root[data-theme] #content[data-workspace] :is(.asset-tag-chip button,.vendor-stack small,.long-list-chevron,.user-access-hero p,.user-row small,.whatsapp-safety span,.operational-round-page-intro p,.operational-rounds .panel-head p){color:var(--muted)}
:root[data-theme] #content[data-workspace] .asset-table .asset-observed-hostname{color:var(--link)!important}
:root[data-theme] #content[data-workspace] .asset-observed-hostname{color:var(--link)!important}
:root[data-theme] #content[data-workspace] .asset-mobile-more span{color:var(--muted)}
:root[data-theme] #content[data-workspace] .client-card-stats>span{background:var(--raised);color:var(--muted)}
:root[data-theme] #content[data-workspace] .asset-table td.row-actions{display:table-cell;min-width:0;white-space:normal}
:root[data-theme] #content[data-workspace] .asset-table td.row-actions button{display:inline-block;margin:3px 2px;max-width:100%;white-space:normal}
:root[data-theme] #content[data-workspace] .asset-table th:last-child{width:28%}
:root[data-theme] #content[data-workspace] .backup-table{min-width:0;width:100%;table-layout:fixed}
:root[data-theme] #content[data-workspace] .backup-table :is(td,th){white-space:normal;overflow-wrap:anywhere}
:root[data-theme] #content[data-workspace] .backup-row-actions{min-width:0;flex-wrap:wrap;white-space:normal}
:root[data-theme] #content[data-workspace] .backup-table th:last-child{width:22%}
@media(max-width:1200px){:root[data-theme] #content[data-workspace].assets-page .asset-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}:root[data-theme] #content[data-workspace].assets-page .asset-health-grid>*{min-width:0;width:auto;max-width:100%}}
@media(max-width:650px){:root[data-theme] #content[data-workspace].assets-page .asset-health-grid{grid-template-columns:minmax(0,1fr)}}
.appearance-preview.dark{background:var(--raised)}.appearance-preview.dark i{background:var(--raised)}.appearance-preview.dark b{background:var(--raised)}.appearance-preview.system{background:var(--raised)}
:root[data-theme] #content[data-workspace] :is(.client-metrics article,.client-card){background:var(--surface);background-image:none;color:var(--text)}
:root[data-theme] #content[data-workspace] :is(.client-metrics,.client-card) :is(span,small,p,dt,dd){color:var(--muted)}
:root[data-theme] #content[data-workspace] :is(.client-metrics,.client-card) :is(b,strong,h3){color:var(--text)}
:root[data-theme] #content[data-workspace] .user-state.active{color:var(--link)}
:root[data-theme] #content[data-workspace] .operational-fleet-totals b{color:var(--text)}
@media(max-width:900px){:root[data-theme] #content[data-workspace] .backup-facets>div{display:flex;flex-wrap:wrap;overflow:visible;gap:6px;min-width:0;max-width:100%}}
@media(max-width:1200px){:root[data-theme] #content[data-workspace] .software-workspace-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){:root[data-theme] #content[data-workspace] .software-workspace-bar{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){
 :root[data-theme] #content[data-workspace] .software-version-path{grid-template-columns:minmax(0,1fr)}
 :root[data-theme] #content[data-workspace] .software-version-path>i{transform:rotate(90deg)}
 :root[data-theme] #content[data-workspace] .software-version-path>div.current-gold{background:var(--raised);background-image:none;box-shadow:none;border-color:var(--line)}
 :root[data-theme] #content[data-workspace].assets-page .asset-filter-sidebar{display:grid;grid-template-columns:minmax(0,1fr);overflow:visible;scroll-snap-type:none;max-height:none}
 :root[data-theme] #content[data-workspace] .asset-mobile-tags{flex-wrap:wrap;overflow:visible}
 :root[data-theme] #content[data-workspace] .asset-mobile-tags .tag{white-space:normal;overflow-wrap:anywhere}
 :root[data-theme] #content[data-workspace] .dashboard-recurring-panel{min-width:0}
 :root[data-theme] #content[data-workspace] .dashboard-recurring-panel :is(article,button,div,b,span){min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
 :root[data-theme] #content[data-workspace] .software-fleet-panel :is(td,td>*,.software-fleet-state,.software-version-path,.software-release-cell,.software-device-identity){min-width:0;max-width:100%;overflow-wrap:anywhere}
 :root[data-theme] #content[data-workspace] .software-fleet-panel tbody td{grid-template-columns:70px minmax(0,1fr)}
 :root[data-theme] #content[data-workspace] table[data-reflow="cards"],:root[data-theme] #content[data-workspace] table[data-reflow="cards"] tbody{display:block;width:100%;min-width:0}
 :root[data-theme] #content[data-workspace] table[data-reflow="cards"] thead{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
 :root[data-theme] #content[data-workspace] table[data-reflow="cards"] tbody tr{display:block;margin:0 0 14px;border:1px solid var(--line);border-radius:10px;padding:8px;min-width:0}
 :root[data-theme] #content[data-workspace] table[data-reflow="cards"] td{display:grid;grid-template-columns:minmax(70px,.8fr) minmax(0,1.2fr);gap:10px;align-items:start;width:100%;min-width:0;padding:8px 0;white-space:normal;font-size:13px}
 :root[data-theme] #content[data-workspace] table[data-reflow="cards"] td::before{content:attr(data-column);color:var(--muted);font-size:12px}
 :root[data-theme] #content[data-workspace] table[data-reflow="cards"] td>*{grid-column:2;min-width:0;max-width:100%}
 :root[data-theme] #content[data-workspace] table[data-reflow="cards"] td>br{display:none}
 :root[data-theme] #content[data-workspace] table[data-reflow="cards"] td:has(button){display:flex;flex-wrap:wrap;gap:6px}
 :root[data-theme] #content[data-workspace] table[data-reflow="cards"] td:has(button)::before{flex-basis:100%}
 :root[data-theme] #content[data-workspace] .dashboard-release-alert{grid-template-columns:28px minmax(0,1fr);gap:10px;padding:14px}
 :root[data-theme] #content[data-workspace] .dashboard-release-meta{grid-column:2;display:flex;flex-wrap:wrap;gap:7px}
}