/* Compact, theme-aware ADMIN materials workspace. Status catalog colors are not overridden. */
html.os-studio[data-os-portal=admin]{--os-header:56px}
html.os-studio.os-enhanced #admin-r22-header{gap:12px!important;padding:7px 16px!important}
html.os-studio #mh-page-title{font-size:18px;line-height:1.2;margin:0;white-space:nowrap;flex:0 0 auto;color:var(--os-ink)}
html.os-studio #admin-r22-header .search-control{flex:0 1 310px;width:clamp(160px,24vw,310px);min-width:140px}
html.os-studio #admin-r22-header .top-actions{margin-inline-start:auto;flex:0 0 auto}
html.os-studio #admin-r22-header #nav-new-quote{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:11px;padding:7px 10px!important;border-radius:7px;background:var(--os-action)!important;color:var(--os-action-text)!important}
html.os-studio #admin-r22-header [hidden]{display:none!important}
html.os-studio #work-toolbar{display:contents}
html.os-studio #bulk-action-bar{position:relative;gap:6px!important;padding:5px 12px!important;min-height:43px;flex-wrap:wrap}
html.os-studio #bulk-action-bar #view-switcher{margin-inline-end:auto;min-width:0;flex:0 1 auto}
html.os-studio #bulk-action-bar #view-switcher button{border:0;border-radius:0;height:32px;min-height:32px;padding:5px 8px;font-size:11px}
html.os-studio #bulk-action-bar .toolbar-spacer{display:none}
html.os-studio #bulk-action-bar .mh-sort{display:flex;gap:4px;align-items:center;font-size:10px}
html.os-studio #bulk-action-bar .mh-sort select{max-width:134px}
#view-materials:not(.active){display:none!important}
#view-materials.active{display:block!important;height:100%;min-height:0;overflow:hidden}
.mh-workspace{height:100%;display:flex;flex-direction:column;color:var(--os-ink);font:12px/1.5 var(--os-font);background:var(--os-canvas)}
.mh-workspace *{box-sizing:border-box}
.mh-workspace :is(button,input,select),#mh-photo-dialog button{font:inherit;border:1px solid var(--os-line);background:var(--os-paper);color:var(--os-ink);border-radius:7px;min-height:32px;padding:5px 9px}
.mh-workspace button,#mh-photo-dialog button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px}
.mh-workspace button:disabled{opacity:.45;cursor:default}
.mh-workspace input[type=checkbox]{width:16px;height:16px;min-height:16px;accent-color:var(--os-purple)}
.mh-workspace :focus-visible{outline:2px solid var(--os-turquoise);outline-offset:2px}
.mh-workspace a{color:var(--os-purple)}
.mh-workspace svg,#mh-photo-dialog button svg{width:16px;height:16px;flex:none}
.mh-toolbar{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--os-line);background:var(--os-paper);flex:none;flex-wrap:wrap}
.mh-toolbar input{width:220px;max-width:100%}
.mh-counts{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-inline-start:auto;color:var(--os-muted);font-size:11px}
.mh-counts b{font-size:15px;font-weight:600;color:var(--os-purple);margin-inline-start:4px}
.mh-layout{display:grid;grid-template-columns:278px minmax(0,1fr);min-height:0;flex:1}
.mh-sidebar{border-inline-end:1px solid var(--os-line);background:var(--os-paper);display:flex;flex-direction:column;min-height:0}
#mh-list{overflow:auto;min-height:0;flex:1;padding:8px}
.mh-workspace button.mh-batch{display:flex;flex-direction:column;align-items:stretch;text-align:start;width:100%;padding:10px;margin:0 0 7px;gap:3px;background:var(--os-paper);border:1px solid var(--os-line)}
.mh-workspace .mh-batch.active{border-color:var(--os-purple);background:var(--os-purple-soft)}
.mh-batch small{color:var(--os-muted);font-size:10px}
.mh-batch-line{display:flex;gap:6px;align-items:center;justify-content:space-between}
.mh-state{display:inline-flex;padding:2px 7px;border-radius:5px;background:var(--os-soft);color:var(--os-muted);font-size:10px;white-space:nowrap}
.mh-state[data-status=review]{background:var(--os-purple-soft);color:var(--os-purple)}
.mh-state[data-status=approved]{background:var(--os-turquoise-soft);color:var(--os-turquoise)}
.mh-sidebar footer{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:8px;border-top:1px solid var(--os-line);font-size:10px}
#mh-detail{min-width:0;min-height:0;overflow:auto;background:var(--os-paper)}
.mh-detail-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px 10px}
.mh-detail-head h2{font-size:19px;color:var(--os-ink);line-height:1.3;margin:4px 0}
.mh-detail-head p{margin:0;font-size:11px;color:var(--os-muted)}
.mh-eyebrow{font-size:10px;color:var(--os-purple)}
.mh-assign{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:7px 18px 12px}
.mh-assign label{display:flex;gap:5px;align-items:center}
.mh-assign input{width:145px;direction:ltr}
#mh-approve,#mh-publish{background:var(--os-action);border-color:var(--os-action);color:var(--os-action-text)}
.mh-tabs{display:flex;gap:5px;padding:0 18px;border-bottom:1px solid var(--os-line);overflow-x:auto}
.mh-tabs button{white-space:nowrap;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:9px 8px;color:var(--os-muted)}
.mh-tabs button.active{color:var(--os-purple);border-bottom-color:var(--os-purple)}
.mh-body{padding:16px 18px;min-width:0}
.mh-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:14px}
.mh-metrics article{display:flex;flex-direction:column;gap:3px;border:1px solid var(--os-line);border-radius:8px;padding:10px}
.mh-metrics small{color:var(--os-muted);font-size:10px}
.mh-metrics b{font-size:21px;font-weight:600;color:var(--os-purple);line-height:1.4}
.mh-metrics span{font-size:10px;color:var(--os-muted)}
.mh-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:12px}
.mh-info-grid section{border:1px solid var(--os-line);border-radius:8px;padding:12px}
.mh-body h3{font-size:13px;color:var(--os-ink);margin:0 0 10px;font-weight:600}
.mh-body dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 12px;margin:0}
.mh-body dt{color:var(--os-muted);font-size:11px}
.mh-body dd{margin:0;text-align:end;overflow-wrap:anywhere;font-size:11px}
.mh-help{font-size:10px!important;color:var(--os-muted);line-height:1.65}
.mh-body details{border-top:1px solid var(--os-line);padding:10px 0}
.mh-body summary{cursor:pointer;color:var(--os-purple);font-size:12px}
.mh-inline-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:8px 0}
.mh-inline-actions a{display:inline-flex;align-items:center;gap:5px;padding:5px 8px}
.mh-inline-actions label{display:flex;align-items:center;gap:5px}
.mh-notice{padding:6px 14px;border-top:1px solid var(--os-line);color:var(--os-muted);background:var(--os-paper);font-size:10px;min-height:28px}
.mh-notice.is-error,.mh-warning{color:#e86767}
.mh-empty{padding:32px 16px;text-align:center;color:var(--os-muted)}
.mh-empty h2{font-size:20px;color:var(--os-ink)}
.mh-files-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:12px}
.mh-table-wrap{overflow:auto}
.mh-table-wrap table{width:100%;border-collapse:collapse;text-align:start;font-size:11px}
.mh-table-wrap th{position:sticky;top:0;background:var(--os-soft);color:var(--os-muted);font-weight:500;padding:9px 7px;text-align:start;white-space:nowrap}
.mh-table-wrap td{padding:8px 7px;border-bottom:1px solid var(--os-line);vertical-align:middle}
.mh-table-wrap td b{font-size:11px;font-weight:500}
.mh-path{display:block;color:var(--os-muted);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}
.mh-mono{font-variant-numeric:tabular-nums;direction:ltr}
.mh-table-wrap .mh-inline-actions{margin:0;flex-wrap:nowrap}
#mh-map{height:440px;min-height:260px;max-height:60dvh;border-radius:8px;overflow:hidden;border:1px solid var(--os-line);z-index:1}
.mh-map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--os-muted);font-size:10px;margin-bottom:8px}
.mh-publication{padding:12px;border:1px solid var(--os-line);border-radius:8px;margin-bottom:9px}
.mh-publication p{margin:3px 0;font-size:10px;color:var(--os-muted)}
.mh-publication output{color:var(--os-turquoise);font-size:11px}
.mh-release{margin-bottom:20px}
.mh-release p{font-size:11px;color:var(--os-muted)}
.mh-history article{display:grid;grid-template-columns:140px minmax(0,1fr) minmax(100px,1fr);gap:10px;padding:10px 0;border-bottom:1px solid var(--os-line);font-size:11px}
.mh-history small,.mh-history time{color:var(--os-muted)}
#mh-photo-dialog{width:min(1000px,95vw);max-height:92dvh;overflow:auto;background:var(--os-paper);color:var(--os-ink);border:1px solid var(--os-line);border-radius:12px;padding:16px}
#mh-photo-dialog::backdrop{background:#000a}
#mh-photo-dialog header{display:flex;justify-content:space-between;align-items:center;gap:12px}
#mh-photo-title{font-size:15px;overflow-wrap:anywhere}
#mh-photo{display:block;max-width:100%;max-height:65dvh;object-fit:contain;margin:12px auto}
#mh-photo-meta{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}
.mh-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1150px){.mh-layout{grid-template-columns:225px minmax(0,1fr)}.mh-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.mh-counts{gap:9px}.mh-info-grid{grid-template-columns:1fr}}
@media(max-width:860px){html.os-studio.os-enhanced #admin-r22-header{flex-wrap:wrap;height:auto!important;min-height:56px}html.os-studio.os-enhanced #admin-r22-app{grid-template-rows:auto minmax(0,1fr)}html.os-studio #mh-page-title{display:none}html.os-studio #admin-r22-header .search-control{order:10;flex:1 1 150px;min-width:120px;width:auto}html.os-studio #admin-r22-header #nav-new-quote{order:11;font-size:10px}html.os-studio #bulk-action-bar #view-switcher{flex-basis:100%;overflow-x:auto}.mh-layout{grid-template-columns:1fr;grid-template-rows:170px minmax(0,1fr)}.mh-sidebar{border:0;border-bottom:1px solid var(--os-line)}#mh-list{display:flex;gap:7px;overflow:auto}.mh-workspace button.mh-batch{min-width:220px;margin:0}.mh-sidebar footer{padding:4px 8px}.mh-toolbar{gap:5px;padding:7px}.mh-toolbar input{width:170px}.mh-counts{width:100%;justify-content:space-between;font-size:9px}.mh-counts b{font-size:13px}.mh-detail-head,.mh-assign{padding:10px}.mh-tabs{padding:0 7px;gap:0}.mh-tabs button{font-size:10px;padding:7px}.mh-body{padding:10px}.mh-metrics{gap:6px}.mh-metrics b{font-size:18px}.mh-history article{grid-template-columns:1fr}.mh-inline-actions label{width:100%}.mh-inline-actions input{width:100%}}