/* NU:MO working density: keep the existing David type and palette; spend space on records, not chrome. */
@media(min-width:761px) and (pointer:fine),(min-width:761px) and (pointer:none){
 .page{padding:22px 28px 40px;max-width:1540px}
 .page-heading{margin-bottom:18px;gap:14px}.page-heading h1{font-size:32px;margin-bottom:8px}
 .page-heading .intro{font-size:15px}.project-name{margin-bottom:6px}.back-link{margin-bottom:12px}
 .page button,.page .button{font-size:14px;min-height:34px;padding:7px 13px;border-radius:17px}
 .page input:not([type=checkbox]):not([type=radio]):not([type=file]),.page select{font-size:14px;min-height:36px;padding:6px 11px;border-radius:16px}
 .page textarea{font-size:14px;min-height:76px;padding:8px 11px}.page label{font-size:13px;margin-bottom:4px}
 .page .field{margin-bottom:12px}.page .filters .field{margin-bottom:0}.page .filters{gap:10px;margin-bottom:14px}
 .page .panel,.page .action-panel{padding:18px;margin-bottom:14px}.page h2{font-size:21px;margin-bottom:12px}
 .page .facts{gap:12px 18px}.page .facts dt{margin-bottom:2px}.page .facts dd{font-size:17px}
 .page details{margin-top:12px;padding-top:9px}.page details form{padding-top:12px}
 .page .notice{padding:12px 15px;margin-bottom:16px}.page .stage.large{font-size:13px;padding:6px 12px}
 .page .inventory-projects nav a{min-height:34px;padding:7px 10px}
 .page .inventory-project-archive{margin-top:14px}
 .inventory-search,#client-catalog-filters{position:sticky;top:0;z-index:4;background:var(--ground);padding:8px 0!important;border-bottom:1px solid var(--line)}
 .inventory-search:has(.inventory-filters-more[open]),#client-catalog-filters:has(.inventory-filters-more[open]){position:static}
}
.unit-detail-content{min-width:0}
.unit-workspace .page-heading{margin-bottom:14px}
.unit-sections{position:sticky;top:0;z-index:5;display:flex;gap:4px;background:var(--ground);padding:8px 0;margin:0 0 14px;border-bottom:1px solid var(--line);overflow-x:auto}
.unit-sections a{display:flex;align-items:center;flex:none;min-height:36px;padding:7px 12px;text-decoration:none;font-size:14px;border-radius:6px;white-space:nowrap}
.unit-sections a[aria-selected=true]{background:var(--ink);color:var(--paper)}
.unit-section-content{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;align-items:start}
.unit-section-content>:only-child,.unit-section-content>[data-unit-section=history]{grid-column:1/-1}
.unit-workspace .unit-layout{grid-template-columns:minmax(0,1fr) minmax(285px,.9fr);gap:16px}
.unit-workspace .unit-key-facts{display:none}
.unit-workspace .facts{font-variant-numeric:tabular-nums}
@media(min-width:1200px){.unit-workspace .unit-main>.panel>.facts{grid-template-columns:repeat(3,minmax(0,1fr))}}
.unit-workspace .unit-main>p:has(.button){margin:0 0 12px}
.unit-workspace .panel p:last-child,.unit-workspace .action-panel p:last-child{margin-bottom:0}
.unit-workspace :is(#documents,#materials,#unit-history,#avansas,#unit-origin){scroll-margin-top:64px}
@media(max-width:1100px){.unit-section-content{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px),(pointer:coarse) and (max-width:1100px){
 .unit-workspace .unit-layout{display:flex;flex-direction:column;gap:0}
 .unit-workspace .unit-main,.unit-workspace .unit-side{display:contents}
 .unit-workspace .action-panel{order:-1}
 .unit-workspace .unit-key-facts{display:grid;order:-2;width:100%}
 .unit-sections{margin-bottom:10px;padding:4px 0}.unit-sections a{min-height:44px;padding:8px 10px;font-size:13px}
 .unit-workspace .panel,.unit-workspace .action-panel{padding:14px 12px;margin-bottom:12px}
 .unit-workspace .page-heading h1{font-size:27px}.unit-workspace .project-name{margin-bottom:4px}
 .unit-workspace .back-link{margin-bottom:10px}.unit-workspace .facts{gap:10px 14px}
 .unit-workspace .facts dd{font-size:16px}.unit-workspace .panel h2,.unit-workspace .action-panel h2{font-size:19px;margin-bottom:12px}
}

@media(min-width:761px) and (pointer:fine),(min-width:761px) and (pointer:none){
 .unit-workspace .back-link{margin-bottom:6px}.unit-workspace .page-heading{margin-bottom:8px}
 .unit-workspace .page-heading h1{font-size:28px;margin-bottom:5px}.unit-workspace .project-name{font-size:13px;margin-bottom:3px}
 .unit-workspace .unit-sections{padding:4px 0;margin-bottom:12px}.unit-workspace .facts{gap:8px 14px}
 .unit-workspace .facts dd{font-size:16px}
}

/* Share the inventory project rail without widening the client list on small screens. */
.clients-workspace .customer-catalog{min-width:0}
.clients-workspace .catalog-filter-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}

@media(min-width:761px) and (pointer:fine),(min-width:761px) and (pointer:none){
 .header{padding:12px 24px;gap:20px;align-items:center}.header .brand img{width:120px;height:28px}
 .header nav{gap:3px 14px}.header nav a{font-size:14px;padding:6px 0}
 .app-menu-content{gap:6px 16px}.header .account{font-size:12px;gap:10px}
 .page .view-switch{gap:6px;margin-bottom:12px}.page .view-switch a{font-size:13px;min-height:32px;padding:6px 10px}
 .clients-workspace .page-heading{margin-bottom:10px}.clients-workspace .page-heading h1{font-size:28px}
 .clients-workspace .catalog-create{margin:0;padding:0}
}

/* Keep the buyer and the sale together; leave the right column for actions. */
.unit-transaction-overview{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--paper);margin-bottom:14px}
.unit-workspace .unit-transaction-overview>.panel{border:0;margin:0;background:transparent}
.unit-workspace .unit-transaction-overview>.panel+.panel{border-top:1px solid var(--line)}
.unit-transaction-overview:empty{display:none}
@media(min-width:761px) and (pointer:fine),(min-width:761px) and (pointer:none){
 .unit-workspace .unit-layout{grid-template-columns:minmax(0,1fr) minmax(250px,300px);gap:14px}
 .unit-workspace .unit-main>.panel:first-child>.facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px}
 .unit-workspace .unit-transaction-overview .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .unit-workspace .unit-transaction-overview h2{font-size:17px;margin-bottom:8px}
 .unit-workspace .unit-transaction-overview .buyer-summary{margin:0;padding:0;list-style:none}
 .unit-workspace .unit-transaction-overview .buyer-summary li{padding:5px 0}
 .unit-workspace .unit-transaction-overview .section-heading{gap:8px;margin-bottom:6px;flex-wrap:wrap}
 .unit-workspace .unit-transaction-overview .section-heading a{font-size:12px}
 .unit-workspace .unit-transaction-overview .panel{padding:12px 14px}
 .unit-workspace .unit-side .action-panel{padding:14px;background:var(--sand)}
}
@media(max-width:760px),(pointer:coarse) and (max-width:1100px){
 .unit-workspace .unit-transaction-overview{width:100%}
}

/* A desktop card is a working summary, with the transaction in the first screen. */
@media(min-width:1200px) and (pointer:fine),(min-width:1200px) and (pointer:none){
 .unit-workspace .unit-main>.panel:first-child{padding:12px 14px;margin-bottom:12px}
 .unit-workspace .unit-main>.panel:first-child h2{font-size:16px;margin:0 0 10px}
 .unit-workspace .unit-main>.panel:first-child>.facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 12px}
 .unit-workspace .unit-main>.panel:first-child .facts dt{font-size:11px;line-height:1.35}
 .unit-workspace .unit-main>.panel:first-child .facts dd{font-size:14px;line-height:1.35;margin-top:3px}
 .unit-workspace .unit-main>.panel:first-child .avatar{width:24px;height:24px;font-size:10px}
 .unit-workspace .unit-transaction-overview{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
 .unit-workspace .unit-transaction-overview>.panel:only-child{grid-column:1/-1}
 .unit-workspace .unit-transaction-overview>.panel+.panel{border-top:0;border-left:1px solid var(--line)}
 .unit-workspace .unit-transaction-overview .facts dt{font-size:11px}
 .unit-workspace .unit-transaction-overview .facts dd{font-size:14px}
 .unit-workspace .unit-transaction-overview ul{padding-left:0;list-style:none}
 .unit-workspace .unit-transaction-overview li{margin:0;font-size:13px;overflow-wrap:anywhere}
 .unit-workspace .notice.success{padding:8px 12px;font-size:12px}
 .unit-workspace .notice.success p{margin:3px 0}
}