/* Shared records support optional icons, statuses, arrows, and action buttons. */
.content .record-row{display:flex;align-items:center;gap:14px;width:100%;box-sizing:border-box;text-align:left}
.content .record-row>div:not(.record-icon){flex:1 1 auto;min-width:0}
.content .record-row>.record-icon{flex:0 0 40px}
.content .record-row>svg{flex:0 0 18px}
.content .record-row>em{flex:0 0 auto;max-width:100%;width:auto;white-space:normal;overflow-wrap:anywhere}
.content .record-row strong{font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.content .record-row span{font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.content .record-row>button,.content .records-tools>button,.content .metrics article>button{flex:0 0 auto;width:auto;min-height:40px;border:1px solid #dbe5e0;border-radius:9px;background:#f5f8f6;color:#25483e;padding:9px 14px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:normal}
.content .record-row>button:hover,.content .records-tools>button:hover,.content .metrics article>button:hover{background:#e9f1ec}
.content .record-row>button:focus-visible,.content .records-tools>button:focus-visible,.content .metrics article>button:focus-visible{outline:2px solid var(--role);outline-offset:3px}
.content .records+.records{margin-top:20px}
.content .records>.panel-head{padding:20px;margin:0;border-bottom:1px solid #eef2f0;gap:16px}
.content .records>.panel-head h2{font-size:18px;line-height:1.35}
.content .records>.panel-head p{font-size:12px;line-height:1.5}
.content .records-tools{flex-wrap:wrap}
.content .records-search{min-width:0;flex:1 1 220px;max-width:none}
.content .records-tools>select{max-width:100%;min-width:0;min-height:40px;border:1px solid #dbe5e0;border-radius:9px;padding:8px 12px;font:inherit;font-size:13px;background:#fff}
.content .metrics article{flex-wrap:wrap;min-width:0}
.content .metrics article>div:not(.metric-icon){flex:1;min-width:0}
.content .summary-strip article{gap:12px;min-width:0;flex-wrap:wrap}
.content .summary-strip strong{overflow-wrap:anywhere}
.content .workspace-title{gap:16px}
.content .workspace-title>div{min-width:0}
.person-modal{box-sizing:border-box}
.person-modal .form-grid>label,.person-modal .form-grid input,.person-modal .form-grid select,.person-modal .form-grid textarea{min-width:0;box-sizing:border-box}
.person-modal .modal-actions{flex-wrap:wrap;gap:10px}
@media(max-width:600px){
 .content .record-row{gap:10px;padding:16px;flex-wrap:wrap}
 .content .record-row>div:not(.record-icon){flex:1 1 calc(100% - 70px)}
 .content .record-row>em,.content .record-row>button{margin-left:auto}
 .content .record-row>em{font-size:11px}
 .content .records>.panel-head{padding:16px}
 .content .records-tools{padding:14px;gap:10px}
 .content .records-search{flex-basis:100%;max-width:100%}
 .content .records-tools>select{flex:1 1 100%}
 .content .metrics article>button{flex-basis:100%}
 .content .workspace-title{align-items:flex-start;flex-wrap:wrap}
 .content .summary-strip article{align-items:flex-start}
}