/* V241 — Admin app-like UI polish. Visual-only; does not alter workflows or permissions. */
:root{--ds241-navy:#12243a;--ds241-gold:#e2b93e;--ds241-bg:#f3f6fb;--ds241-line:#e2e9f2;--ds241-muted:#718198}
body:has(.sidebar){background:var(--ds241-bg)!important}
.sidebar{width:246px!important;flex:0 0 246px!important}
.portal-main{min-width:0!important}
.content{width:100%;max-width:1600px;margin-inline:auto;padding:clamp(14px,2vw,28px)!important}
.page-head{gap:16px;align-items:center}
.page-head .eyebrow{font-size:10px;letter-spacing:.15em;font-weight:850;color:#67819e}
.panel,.person-card,.kpi,.feature,.modal{border:1px solid var(--ds241-line)!important;border-radius:16px!important;background:#fff}
.panel{overflow:hidden;margin-bottom:16px}
.panel-head{gap:14px;flex-wrap:wrap;padding:16px 18px!important;border-bottom:1px solid #edf1f6}
.panel-head h4{font-size:15px;font-weight:800;margin:0}
.panel-head small{font-size:12px;line-height:1.5}
.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.actions .btn{white-space:nowrap}
.person-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px!important;box-shadow:0 3px 12px rgba(22,43,69,.04)!important}
.person-card>div:nth-child(2){min-width:0}
.person-card b{display:block;font-size:13px;color:var(--ds241-navy);overflow-wrap:anywhere}
.person-card small{display:block;margin-top:3px;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.person-card .actions{justify-content:flex-end}
.table-wrap{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
.lead-table{min-width:760px}
.lead-table th{padding:13px 12px!important;white-space:nowrap}
.lead-table td{padding:13px 12px!important;vertical-align:middle}
.lead-table .actions{min-width:150px}
.btn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(53,104,212,.35)!important;outline-offset:2px}
/* dashboard and all admin modules share predictable spacing */
.kpi-grid,.simple-grid,.portal-tile-grid{gap:12px!important}
.kpi{box-shadow:0 4px 16px rgba(21,39,62,.045)!important}
input,select,textarea{max-width:100%;min-width:0}
@media(max-width:900px){
 .sidebar{width:230px!important;flex-basis:230px!important}
 .content{padding:15px!important}
 .page-head{align-items:flex-start}
 .page-head>.kpi-grid{width:100%;max-width:none!important}
 .person-card{grid-template-columns:38px minmax(0,1fr)}
 .person-card .actions{grid-column:2;justify-content:flex-start}
}
@media(max-width:640px){
 .content{padding:12px!important}
 .page-head{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-bottom:14px}
 .page-head h3{font-size:21px!important;line-height:1.25}
 .page-head p{font-size:12px}
 .panel{border-radius:14px!important;margin-bottom:12px}
 .panel-head{padding:13px!important;align-items:flex-start}
 .panel-head h4{font-size:14px}
 .panel-head>.actions{width:100%}
 .panel-head>.actions .btn{flex:1}
 .simple-grid{grid-template-columns:1fr!important;padding:10px!important}
 .person-card{padding:12px!important;gap:10px;border-radius:14px!important}
 .person-card .avatar{width:36px;height:36px;display:grid;place-items:center}
 .person-card .actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .person-card .actions .btn{width:100%;min-height:42px}
 .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 .kpi{padding:12px!important;min-width:0}
 .kpi strong{font-size:22px!important}
 .btn,button.btn{min-height:42px}
 .lead-table{min-width:760px}
 .modal-backdrop{padding:10px!important;align-items:flex-start!important}
 .modal{margin:8px auto!important;width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;border-radius:16px!important}
 .modal-body{padding:14px!important}
 .modal-foot{padding:12px!important;gap:8px;flex-wrap:wrap}
 .modal-foot .btn{flex:1}
}
@media(prefers-reduced-motion:reduce){.person-card,.panel,.btn{transition:none!important}}