/* Phase 17: scoped design-only page polish */
.da-layout .da-content :is(h1,h2,h3){text-wrap:balance}
.da-layout .da-content :is(.da-section-title,.da-page-header,.page-header){display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.da-layout .da-content :is(.da-filters,.filters,.filter-bar,.toolbar){display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:16px}
.da-layout .da-content :is(.da-filters,.filters,.filter-bar,.toolbar)>*{min-width:0}
.da-layout .da-content :is(.da-card,.panel,.formbox,.da-stat,.admin-card){transition:border-color .18s,box-shadow .18s}
.da-layout .da-content :is(.da-card,.panel,.formbox,.da-stat,.admin-card):hover{border-color:#825066!important}
.da-layout .da-content :is(.da-card,.panel,.formbox) :is(h2,h3){margin-block:0 12px}
.da-layout .da-content :is(.da-form-grid,.form-grid,.form-row){gap:12px}
.da-layout .da-content :is(.da-table-wrap,.table-responsive,.table-container){border-radius:14px;max-width:100%;overflow-x:auto}
.da-layout .da-content :is(.da-table-wrap,.table-responsive,.table-container) table{font-variant-numeric:tabular-nums}
.da-layout .da-content :is(.da-alert,.alert,.notice){border-radius:12px;padding:12px 15px}
.da-layout .da-content :is(.da-pill,.badge,.status-badge){display:inline-flex;align-items:center;gap:5px;max-width:100%;overflow-wrap:anywhere}
.da-layout .da-content :is(.da-modal,.modal-content,[role=dialog]){border-radius:18px;box-shadow:0 28px 90px #0009}
.da-layout .da-content :is(.da-pagination,.pagination){display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.af-shell :is(.af-card,.af-stat),.ap-shell :is(.ap-card,.ap-stat){transition:border-color .18s}
.af-shell :is(.af-card,.af-stat):hover,.ap-shell :is(.ap-card,.ap-stat):hover{border-color:#89506a!important}
@media(max-width:720px){
.da-layout .da-content :is(.da-filters,.filters,.filter-bar,.toolbar){align-items:stretch}
.da-layout .da-content :is(.da-filters,.filters,.filter-bar,.toolbar)>*{flex:1 1 145px}
.da-layout .da-content :is(.da-page-header,.page-header){align-items:flex-start}
.da-layout .da-content :is(.da-modal,.modal-content,[role=dialog]){max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);overflow-y:auto}
.af-shell :is(.af-head,.af-nav),.ap-shell :is(.ap-head,.ap-nav){max-width:100%}
}
@media(prefers-reduced-motion:reduce){.da-layout .da-content *, .af-shell *, .ap-shell *{transition:none!important}}