/* Asset context geometry; shared light/dark palette lives in design-tokens.css. */
:root[data-theme] #content[data-workspace="assets"] .asset-table td.backup-date{display:table-cell}
:root[data-theme] #content[data-workspace="assets"] .asset-table .backup-health{display:flex;align-items:flex-start;min-width:0;gap:5px}
:root[data-theme] #content[data-workspace="assets"] .asset-table .backup-health>span{min-width:0}
:root[data-theme] #content[data-workspace="assets"] .asset-table .backup-health :is(b,small){white-space:normal;overflow-wrap:normal}
:root[data-theme] #content[data-workspace="assets"] .asset-table .client-pill{display:inline-flex;align-items:flex-start;gap:5px;padding:7px 5px;overflow-wrap:normal;white-space:normal}
:root[data-theme] #content[data-workspace="assets"] .asset-table .client-pill i{flex-shrink:0;margin-top:4px}
:root[data-theme] #content[data-workspace="assets"] :is(.backup-button,.backup-run-status,.asset-tag-add){background:var(--raised)!important;color:var(--text)!important;border:1px solid var(--line)}
:root[data-theme] #content[data-workspace="assets"] .asset-table .backup-run-status{display:inline-flex;width:auto;min-width:60px;white-space:nowrap;flex-shrink:0;margin-top:6px}
:root[data-theme] #content[data-workspace="assets"] .asset-table .asset-source{font-size:var(--text-xs);letter-spacing:.02em;overflow-wrap:anywhere}
:root[data-theme] #content[data-workspace="assets"] .asset-name-status{align-items:flex-start}
:root[data-theme] #content[data-workspace="assets"] .asset-name-status>span{min-width:0}
:root[data-theme] #content[data-workspace="assets"] .row-actions>button{white-space:nowrap;min-height:36px;padding:7px 8px}
.asset-secondary-source[hidden]{display:none!important}
:root[data-theme] #content[data-workspace="assets"] .asset-context-trigger{min-width:36px;font-size:22px;line-height:1}
:root[data-theme] #content[data-workspace="assets"] .asset-mobile-card footer .asset-context-trigger{min-width:44px;min-height:44px;flex:0 0 44px}
.asset-context-menu{position:fixed;z-index:1100;min-width:200px;max-width:calc(100vw - 16px);padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:var(--shadow-menu);overflow:auto}
.asset-context-menu>button{display:block;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:6px;text-align:left;background:transparent;color:var(--text);font:inherit;white-space:normal}
.asset-context-menu>button:hover,.asset-context-menu>button:focus-visible{background:var(--raised);outline:2px solid var(--focus);outline-offset:-2px}
.asset-context-menu>button.asset-context-danger{color:var(--danger)}
.asset-context-menu>button:disabled{opacity:.65;cursor:default}
@media(prefers-reduced-motion:reduce){.asset-context-menu{animation:none;transition:none}}

/* Fixed columns must contain their content, including long imported tags. */
:root[data-theme] #content[data-workspace="assets"] .asset-table :is(td,th){min-width:0;height:auto;vertical-align:middle}
:root[data-theme] #content[data-workspace="assets"] .asset-table tbody tr{height:auto}
:root[data-theme] #content[data-workspace="assets"] .asset-tag-editor{min-width:0;max-width:100%;gap:6px}
:root[data-theme] #content[data-workspace="assets"] .asset-tag-chip{min-width:0;max-width:100%;align-items:center}
:root[data-theme] #content[data-workspace="assets"] .asset-tag-chip>span{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
:root[data-theme] #content[data-workspace="assets"] .asset-tag-chip>button{flex:0 0 24px;min-width:24px;padding:4px}
:root[data-theme] #content[data-workspace="assets"] .asset-tag-entry{flex-wrap:wrap;min-width:0;max-width:100%}
:root[data-theme] #content[data-workspace="assets"] .asset-table .backup-health{gap:8px;white-space:normal}
:root[data-theme] #content[data-workspace="assets"] .backup-health>i{flex:0 0 10px;width:10px;height:10px;margin-top:4px;background:currentColor;border-radius:50%}
:root[data-theme] #content[data-workspace="assets"] .asset-table .backup-health>span{display:grid;gap:4px}
:root[data-theme] #content[data-workspace="assets"] .asset-table .backup-health small{margin:0}
:root[data-theme] #content[data-workspace="assets"] .asset-table .backup-run-status{margin-top:8px;min-height:30px;padding:5px 9px;font-size:12px}
:root[data-theme] #content[data-workspace="assets"] .asset-source{display:block;width:fit-content;max-width:100%;margin:6px 0 0;line-height:1.4}
:root[data-theme] #content[data-workspace="assets"] .row-actions{min-width:0;flex-wrap:wrap;align-content:center;gap:6px}
/* Summary content may wrap without crossing a card boundary. */
:root[data-theme] #content[data-workspace="assets"] .asset-health-grid>.asset-health-card{height:auto;min-height:112px}
:root[data-theme] #content[data-workspace="assets"] .coverage-main{flex-wrap:wrap;gap:8px}
:root[data-theme] #content[data-workspace="assets"] .coverage-value{min-width:0;flex-wrap:wrap}
:root[data-theme] #content[data-workspace="assets"] .coverage-scope-actions{flex-wrap:wrap}
:root[data-theme] #content[data-workspace="assets"] .coverage-breakdown{float:none;flex-wrap:wrap}
:root[data-theme] #content[data-workspace="assets"] .asset-mobile-card :is(h3,.asset-detail-link,.asset-mobile-tags){min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
:root[data-theme] #content[data-workspace="assets"] .asset-mobile-card>header>div{min-width:0}
:root[data-theme] #content[data-workspace="assets"] .asset-mobile-tags{display:flex;flex-wrap:wrap;gap:6px;overflow:visible}
:root[data-theme] #content[data-workspace="assets"] .asset-mobile-tags .tag{max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
:root[data-theme] #content[data-workspace="assets"] .asset-mobile-card .backup-health{display:flex;align-items:flex-start;gap:8px;white-space:normal}
:root[data-theme] #content[data-workspace="assets"] .asset-mobile-card .backup-health>span{min-width:0;display:grid;gap:4px}

/* The inventory is a compact comparison list; secondary metadata lives in details. */
@media(min-width:601px){
 :root[data-theme] #content[data-workspace="assets"] .asset-mobile-list{display:none}
 :root[data-theme] #content[data-workspace="assets"] .asset-table{min-width:760px}
 :root[data-theme] #content[data-workspace="assets"] .asset-table :is(th,td):is(:nth-child(5),:nth-child(6),:nth-child(8)){display:none}
 :root[data-theme] #content[data-workspace="assets"] .asset-table th:nth-child(1){width:4%}
 :root[data-theme] #content[data-workspace="assets"] .asset-table th:nth-child(2){width:26%}
 :root[data-theme] #content[data-workspace="assets"] .asset-table th:nth-child(3){width:13%}
 :root[data-theme] #content[data-workspace="assets"] .asset-table th:nth-child(4){width:18%}
 :root[data-theme] #content[data-workspace="assets"] .asset-table th:nth-child(7){width:14%}
 :root[data-theme] #content[data-workspace="assets"] .asset-table th:nth-child(9){width:25%}
 :root[data-theme] #content[data-workspace="assets"] .asset-table :is(.asset-source,.asset-observed-hostname){display:none}
 :root[data-theme] #content[data-workspace="assets"] .asset-table .asset-detail-link{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.4;max-width:100%;overflow-wrap:anywhere}
 :root[data-theme] #content[data-workspace="assets"] .asset-table td{padding-top:10px;padding-bottom:10px}
 :root[data-theme] #content[data-workspace="assets"] .asset-name-status{align-items:center}
 :root[data-theme] #content[data-workspace="assets"] .backup-run-status{min-height:26px;padding:3px 8px;margin-top:5px}
}
:root[data-theme] #content[data-workspace="assets"] .asset-health-grid>.asset-health-card{min-height:82px;padding:10px 12px}
:root[data-theme] #content[data-workspace="assets"] .asset-health-grid>.coverage-card{min-height:96px}
:root[data-theme] #content[data-workspace="assets"] .coverage-scope-actions button{min-height:32px}
:root[data-theme] #content[data-workspace="assets"] .status-card strong{font-size:22px}
@media(max-width:600px){
 :root[data-theme] #content[data-workspace="assets"] .asset-mobile-card{padding:10px;gap:8px}
 :root[data-theme] #content[data-workspace="assets"] .asset-mobile-card dl>div:nth-child(even),
 :root[data-theme] #content[data-workspace="assets"] .asset-mobile-tags,
 :root[data-theme] #content[data-workspace="assets"] .asset-mobile-card .asset-source,
 :root[data-theme] #content[data-workspace="assets"] .asset-mobile-card .asset-observed-hostname{display:none}
 :root[data-theme] #content[data-workspace="assets"] .asset-mobile-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 :root[data-theme] #content[data-workspace="assets"] .asset-mobile-card dl>div{padding:8px}
}
@media(min-width:601px){
 :root[data-theme] #content[data-workspace="assets"] .row-actions{flex-wrap:nowrap;gap:4px}
 :root[data-theme] #content[data-workspace="assets"] .row-actions>button{font-size:var(--text-xs);padding:6px;min-height:32px}
 :root[data-theme] #content[data-workspace="assets"] .row-actions .asset-context-trigger{min-width:32px;font-size:20px}
 :root[data-theme] #content[data-workspace="assets"] .coverage-value>span{display:none}
 :root[data-theme] #content[data-workspace="assets"] .coverage-main{flex-wrap:nowrap;align-items:center;justify-content:space-between}
 :root[data-theme] #content[data-workspace="assets"] .coverage-value strong{font-size:22px}
}
@media(min-width:601px){
 :root[data-theme] #content[data-workspace="assets"] .asset-table .backup-run-status{display:none}
}