/* Right to work: the page (grouped red, orange, green, each person opening into Mike's sheet) and the card on a candidate's file */
.rtwp-warn{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;font-size:13.5px;color:var(--muted);margin:0}
.rtwp-warn label{font-weight:600;color:var(--ink)}
.rtwp-warn input{width:74px;min-height:32px;padding-top:4px;padding-bottom:4px}

.rtw-board{overflow:hidden}
.rtw-grp-h{display:flex;align-items:center;gap:10px;margin:0;padding:10px 16px;background:var(--surface-2);border-bottom:1px solid var(--line);font-family:var(--f-body);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.rtw-grp-h .n{font-family:var(--f-mono);font-weight:500;color:var(--ink)}
.rtw-p{border-bottom:1px solid var(--line)}
.rtw-board > .rtw-p:last-child{border-bottom:0}
.rtw-p > summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto minmax(150px,1fr) minmax(0,1.6fr) auto;gap:4px 14px;align-items:center;padding:12px 16px}
.rtw-p > summary::-webkit-details-marker{display:none}
.rtw-p > summary:hover{background:var(--surface-2)}
.rtw-p > summary:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
.dot.big{width:12px;height:12px}
.rtw-p .who{display:grid;min-width:0}
.rtw-p .who b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rtw-p .who span{font-size:12.5px;color:var(--muted)}
.rtw-p .why{font-size:13.5px;min-width:0}
.why.bad{color:var(--danger);font-weight:600} .why.warn{color:var(--warn);font-weight:600} .why.ok{color:var(--muted)}
.rtw-p .chev{color:var(--muted);font-size:13px;transition:transform .15s}
.rtw-p[open] .chev{transform:rotate(90deg)}
@media (prefers-reduced-motion:reduce){.rtw-p .chev{transition:none}}
.rtw-sheet{display:grid;gap:12px;padding:2px 16px 16px 42px}
@media (max-width:640px){
  .rtw-p > summary{grid-template-columns:auto minmax(0,1fr) auto}
  .rtw-p .why{grid-column:2 / 4;grid-row:2}
  .rtw-sheet{padding-left:16px}
}

/* Mike's sheet: one row per check. Scrolls inside its own box on a phone */
.rtw-sheet-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.rtw-sheet-tbl{width:100%;min-width:480px;border-collapse:collapse;font-size:13.5px}
.rtw-sheet-tbl th,.rtw-sheet-tbl td{padding:8px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.rtw-sheet-tbl thead th{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--surface-2);white-space:nowrap}
.rtw-sheet-tbl tbody th{font-weight:600}
.rtw-sheet-tbl tbody tr:last-child > *{border-bottom:0}
.rtw-sheet-tbl tr.na > *{color:var(--muted)}
.rtw-sheet-tbl tr.na th{font-weight:500}
.rtw-sheet-tbl .num{font-size:13px;white-space:nowrap}
.rtw-sheet-tbl .cell-sub{font-family:var(--f-body);font-size:12px}
.rtw-sheet-tbl th .cell-sub{font-weight:400}
/* On a phone each check is one line: its name and dates on the left, the status on the right */
@media (max-width:560px){
  .rtw-sheet-tbl{min-width:0}
  .rtw-sheet-tbl thead{display:none}
  .rtw-sheet-tbl,.rtw-sheet-tbl tbody{display:block}
  .rtw-sheet-tbl tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:8px 12px;border-bottom:1px solid var(--line)}
  .rtw-sheet-tbl tbody tr:last-child{border-bottom:0}
  .rtw-sheet-tbl tbody tr > *{padding:0;border:0}
  .rtw-sheet-tbl tbody th{grid-column:1}
  .rtw-sheet-tbl td.st{grid-column:2;grid-row:1 / span 3;align-self:center;text-align:right}
  .rtw-sheet-tbl td.num{grid-column:1;font-size:12.5px}
  .rtw-sheet-tbl td.num:empty{display:none}
  .rtw-sheet-tbl td.num::before{content:attr(data-label) " ";font-family:var(--f-body);color:var(--muted)}
  .rtw-sheet-tbl td.num .cell-sub{display:inline;margin-left:6px}
}

/* The card on a candidate's file */
.rtw-card{display:grid;gap:12px}
.rtw-form{display:grid;gap:12px}
.rtw-rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.rtw-row{margin:0;min-width:0;padding:8px 12px 12px;border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px 10px}
.rtw-row legend{padding:0 4px;margin-left:-4px;font-weight:600;font-size:13.5px}
.rtw-row.na{background:var(--surface-2)}
.rtw-row .field > label{font-size:12px;color:var(--muted)}