/* Per-screen alignment with mock v25, group h. */

/* ---- Staff directory / profile ---- */
.staff-workspace .staff-h4{margin:18px 0 8px;font-size:13.5px}
.staff-workspace .staff-document-heading .staff-h4{margin:0}
.staff-workspace .staff-chips{display:flex;gap:8px;margin-top:9px;flex-wrap:wrap}
.staff-workspace .docchip.chip-red{border-color:#E4A0A0;background:#FBE7E7;color:#8E1E1E}
.staff-workspace .docchip.chip-amber{border-color:#E8CB8A;background:#FFF6E3;color:#7A5200}
.staff-workspace .staff-profile .profpic{background:var(--brand)}
.staff-workspace .staff-links{margin:10px 0 0}
.staff-workspace .staff-profile-summary{margin-top:18px}
.staff-workspace a.docchip.verified{cursor:pointer}
.staff-workspace .docchip{text-decoration:none;color:inherit}
.staff-workspace .staff-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.staff-workspace .staff-categories a:not([aria-current]){background:#fff}
.staff-workspace .staff-categories{max-width:100%}
.staff-workspace .staff-unanswered{margin-top:10px}
.staff-workspace .staff-unanswered summary{font-size:12px;font-weight:400;color:var(--ink-3)}
@media(max-width:700px){
  .staff-workspace .staff-pagehead{flex-direction:column;align-items:stretch;gap:10px}
  .staff-workspace .staff-pagehead .actions{justify-content:flex-start}
  .staff-workspace .staff-pagehead .btn{max-width:none}
  .staff-workspace .staff-profile .profcard{flex-wrap:wrap;gap:12px}
  .staff-workspace .staff-profile .profpic{width:56px;height:56px;font-size:19px}
  .staff-workspace .staff-categories{display:flex;flex-wrap:wrap;width:100%}
  .staff-workspace .staff-categories a{flex:1 1 auto;text-align:center}
  .staff-workspace .staff-edit{margin-left:0}
}
.staff-workspace .wrights{border:1px solid #D2DED7;border-left:3px solid #2E6FD8;background:#F6F9FE;border-radius:8px;padding:12px 14px}
.staff-workspace .wrights.cap-near{border-left-color:#E08A00;background:#FFFBF2}
.staff-workspace .wrights.cap-over{border-left-color:#C42B2B;background:#FEF6F6}
.staff-workspace .wrights .cap{font-size:12.6px;font-weight:600}

/* ---- Staff compliance ---- */
.staff-documentation-matrix td.nm a{font-weight:600;color:var(--ink);text-decoration:none}
.staff-documentation-matrix td.nm a:hover{color:var(--brand)}
.staff-documentation-matrix th.r,.staff-documentation-matrix td.r{text-align:right}
.staff-documentation-matrix .staff-applicability{margin:6px 0 0}
.staff-documentation-matrix a.docchip,.staff-matrix-card a.docchip{text-decoration:none;color:inherit}
.staff-matrix-card a.docchip.verified{cursor:pointer}
.staff-documentation-matrix td:nth-child(4){min-width:0}
@media(max-width:700px){
  .staff-documentation-matrix{min-width:0}
  .staff-documentation-matrix thead{display:none}
  .staff-documentation-matrix,.staff-documentation-matrix tbody,.staff-documentation-matrix tr,.staff-documentation-matrix td{display:block;width:100%}
  .staff-documentation-matrix tr{border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:10px 0;background:#fff}
  .staff-documentation-matrix td{border:0;padding:3px 0;min-width:0 !important;text-align:left !important}
  .staff-documentation-matrix td[data-label="Name"]{font-size:14px}
  .staff-documentation-matrix td[data-label="Role"],.staff-documentation-matrix td[data-label="Type"]{display:inline-block;width:auto;font-size:12px;color:var(--ink-3)}
  .staff-documentation-matrix td[data-label="Type"]:before{content:" · "}
  .staff-documentation-matrix td[data-label="Complete"]{display:block;margin-top:6px}
  .staff-documentation-matrix td[data-label="Complete"]:before{content:"Complete ";color:var(--ink-3);font-weight:400}
  .staff-documentation-matrix .docchip{white-space:normal}
  .staff-matrix-card .table-wrap{overflow:visible}
  .staff-requirement-context{min-height:0}
}

/* ---- Document dialog ---- */
.docdetail .docpreview{margin-top:14px;border:1px solid var(--line);border-radius:8px;background:var(--paper-2);padding:10px}
.docdetail .docpreview iframe{width:100%;height:300px;border:0;background:#fff;border-radius:6px}
.docdetail .docdetail-history{margin-top:12px}
.docdetail .doc-footer{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}
.workspace-dialog .docdetail .doc-footer{position:sticky;bottom:-18px;background:#fff;margin-bottom:-18px;padding-bottom:14px}
.docdetail .doc-footer input{flex:1 1 220px;min-width:0}
.docdetail .doc-footer-actions{display:flex;gap:8px;margin-left:auto}
.docdetail .docplaceholder{padding:22px;text-align:center;font-size:13px}
.docdetail .docplaceholder .btn{margin-top:10px}

/* ---- Settings ---- */
.settings-workspace .brand-options{gap:10px;margin-top:14px}
.settings-workspace .brand-swatch{width:26px;height:26px;border-radius:6px;border:2px solid transparent;box-shadow:none}
.settings-workspace .brand-option input:checked + .brand-swatch{border-color:var(--ink);box-shadow:none}
.settings-workspace .settings-appearance .settings-detail{margin-top:14px}
.settings-workspace .settings-appearance>.btn{margin-top:12px}
.settings-workspace .logo-picker{padding:0;margin:0}
.settings-workspace .logo-row{display:flex;gap:14px;align-items:flex-start;margin-top:12px}
.settings-workspace .logo-controls{min-width:0;flex:1}
.settings-workspace .logo-controls form{margin:0 0 6px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.settings-workspace .logo-controls input[type=file]{max-width:100%;min-width:0}
.settings-workspace .logo-controls p{margin:4px 0}
.settings-workspace .settings-linkrow .t a{color:var(--ink);text-decoration:none}
.settings-workspace .settings-linkrow .t a:after{content:" \203A";color:var(--ink-3)}
.settings-workspace .settings-linkrow .m a{margin-left:6px}
.settings-subpage .setrow a{font-weight:600}
@media(max-width:700px){.settings-workspace .logo-row{flex-direction:column}}
.settings-workspace .logo-preview{margin:0;flex:0 0 auto;width:96px;height:72px;font-size:20px}
.settings-workspace .logo-preview img{max-width:84px;max-height:60px}
.settings-workspace .logo-picker .logo-controls input{margin:0;width:auto}
.settings-workspace .setrow:has(.lamp){flex-wrap:nowrap}
.settings-workspace .setrow .lamp{flex:0 0 auto;margin-right:0}

/* ---- Help ---- */
.help-workspace .help-safety{border-left:0;margin-bottom:0}
.help-workspace .help-more-guides{margin-top:12px}
.help-workspace .help-more-guides .role-guide{margin-top:8px}

/* ---- Audit workspace ---- */
main:has(.audit-workspace)>.notice:first-child{display:none}
.audit-workspace .audit-amber{background:#FFF6E3;border:1px solid #E8CB8A;border-left:3px solid #E08A00}
.audit-workspace .audit-amber .t{color:#5C3F00}
.audit-workspace .audit-amber .t b{color:#4A3200}
.audit-workspace .audit-two-up{margin-bottom:18px}
.audit-workspace .audit-key{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:7px}
.audit-workspace .audit-module-coverage:first-child{margin-top:0}
.audit-workspace .audit-two-up .stack{margin-top:14px;height:26px;margin-bottom:6px}
.audit-workspace .audit-evidence-bands .band .foot{margin-top:10px}
.audit-workspace .audit-module-table th.r,.audit-workspace td.r{text-align:right}
.audit-workspace .audit-module-table{min-width:0}
.audit-workspace .audit-module-table td:not(:first-child){white-space:normal}
.audit-workspace .audit-sampling-table td{vertical-align:middle}
.audit-workspace .audit-further{margin-top:18px}
.audit-workspace .audit-further>summary{cursor:pointer;font-weight:600}
.audit-workspace .audit-further-body{display:grid;gap:16px;margin-top:14px}
.audit-workspace .audit-further-body h4{margin:0 0 6px;font-size:13.5px}
.audit-workspace .audit-link-list{display:flex;flex-wrap:wrap;gap:6px 16px;margin:6px 0}
.audit-workspace .audit-request-list .req{margin-bottom:9px}
@media(max-width:760px){
  .audit-workspace .aud-scope{grid-template-columns:1fr 1fr}
  .audit-workspace .aud-scope>div{border-bottom:1px solid var(--line-2)}
  .audit-workspace .audit-module-table,.audit-workspace .audit-sampling-table{min-width:0 !important}
  .audit-workspace .audit-module-table thead,.audit-workspace .audit-sampling-table thead{display:none}
  .audit-workspace .audit-module-table,.audit-workspace .audit-module-table tbody,.audit-workspace .audit-module-table tr,.audit-workspace .audit-module-table td,
  .audit-workspace .audit-sampling-table,.audit-workspace .audit-sampling-table tbody,.audit-workspace .audit-sampling-table tr,.audit-workspace .audit-sampling-table td{display:block;width:100%}
  .audit-workspace .audit-module-table tr,.audit-workspace .audit-sampling-table tr{border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:10px 0;background:#fff}
  .audit-workspace .audit-module-table td,.audit-workspace .audit-sampling-table td{border:0;padding:3px 0;text-align:left !important}
  .audit-workspace td[data-label]:not([data-label="Module"]):not([data-label="Participant"]):before{content:attr(data-label) ": ";color:var(--ink-3);font-size:11.5px}
  .audit-workspace .audit-module-table td.r,.audit-workspace .audit-sampling-table td.r{margin-top:6px}
  .audit-workspace .audit-module-band-summary{grid-template-columns:1fr}
  .audit-workspace .audit-module-table .audit-module-stack{display:inline-block;vertical-align:middle;margin-right:8px}
}
.audit-workspace .audit-participant-files .table-wrap{margin-top:12px}
