/* Shared record detail and editing layouts. Scoped away from lists and dashboards. */
body.record-page .sk-main{min-width:0}
body.record-page .page-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;flex-wrap:wrap}
body.record-page .page-header h1{font-size:26px;line-height:1.35;margin:0}
body.record-page .page-intro{font-size:13px;line-height:1.7;color:var(--sk-muted);margin:0 0 18px}
body.record-page .form-card,body.record-page .detail-card{width:100%;max-width:1280px;box-sizing:border-box;padding:22px 24px;border:1px solid var(--sk-line,#29425c);border-radius:12px;background:#101f32;margin:0 0 18px}
body.record-page .detail-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;margin:0}
body.record-page .detail-list .record-field{min-width:0;padding:13px 0;border-bottom:1px solid rgba(102,143,179,.16)}
body.record-page .detail-list .record-field dt{padding:0;margin:0 0 6px;border:0;color:var(--sk-muted,#92aac1);font-size:12px;font-weight:400;background:none}
body.record-page .detail-list .record-field dd{padding:0;margin:0;border:0;font-size:14px;line-height:1.6;color:var(--sk-txt,#e2edf7);overflow-wrap:anywhere;min-width:0;background:none}
body.record-page .detail-list img{max-width:100%;max-height:160px;object-fit:contain}
body.record-page .form-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 24px;align-items:start}
body.record-page .form-card>*,body.record-page .form-card>.form-row{grid-column:1/-1;min-width:0}
body.record-page .form-card>.form-group{grid-column:auto;margin:0;min-width:0}
body.record-page .form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 24px}
body.record-page .form-group label{display:block;margin-bottom:7px;font-size:13px;color:#bdcfe0}
body.record-page .form-group input:not([type=checkbox]):not([type=radio]),body.record-page .form-group select,body.record-page .form-group textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #38526c;border-radius:7px;background:#0c1c2e;color:#e3edf7;padding:9px 11px;font:inherit;font-size:14px}
body.record-page .form-group input:not([type=checkbox]):not([type=radio]),body.record-page .form-group select{height:40px}
body.record-page .form-group textarea{min-height:90px;resize:vertical}
body.record-page .form-group :is(input,select,textarea):focus-visible{outline:2px solid #41b8de;outline-offset:1px}
body.record-page .form-group small,body.record-page .form-help{display:block;margin-top:6px;font-size:12px;line-height:1.6;color:var(--sk-muted,#92aac1)}
body.record-page .form-group:has(textarea),body.record-page .form-group:has(.checkbox-group){grid-column:1/-1}
body.record-page .checkbox-group{display:flex;flex-wrap:wrap;gap:10px 20px;padding:12px;background:#0c1c2e;border-radius:7px}
body.record-page .checkbox-group .checkbox-item{display:flex;align-items:center;gap:7px;margin:0}
body.record-page .form-section h2{font-size:16px;margin:0 0 16px}
body.record-page .form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:8px 0 0;padding-top:16px;border-top:1px solid var(--sk-line,#29425c)}
body.record-page .errorlist{font-size:12px;color:#ffabab;padding-left:18px}
body.record-page .permission-grid{min-width:0}
@media(min-width:1500px){body.record-page .detail-list,body.record-page .form-card,body.record-page .form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){body.record-page .detail-list,body.record-page .form-card,body.record-page .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){body.record-page .detail-list,body.record-page .form-card,body.record-page .form-grid{grid-template-columns:1fr}body.record-page .form-card,body.record-page .detail-card{padding:16px}body.record-page .page-header h1{font-size:22px}}
body.record-page .sk-main>h1{font-size:26px;line-height:1.35;margin:0 0 20px}
body.record-page .sk-main>h2{font-size:18px;margin:22px 0 14px}
body.record-page .sk-main>p{font-size:13px;line-height:1.7;color:var(--sk-muted)}
body.record-page .detail-card h2,body.record-page .form-card>h2{font-size:16px;margin:0 0 12px}
body.record-page .form-group label:has(input,select){line-height:1.8}
body.record-page .form-group label>input,body.record-page .form-group label>select{display:block;margin-top:7px}