.operations-page { --ops-line:#dededc; background:#f5f5f3; font-size:13px; }
.operations-page button,.operations-page input,.operations-page select { border:1px solid var(--ops-line); border-radius:5px; background:white; color:#222; padding:8px 11px; }
.operations-page button { cursor:pointer; }
.operations-page button:hover { background:#f4f4f2; }
.operations-page :focus-visible { outline:2px solid #df3e2d; outline-offset:3px; }
.operations-page h1 { margin:0; font-size:23px; font-weight:500; letter-spacing:0; }
.operations-page h2 { font-size:20px; font-weight:500; line-height:1.4; margin:7px 0 12px; }
.operations-page h3 { font-size:14px; font-weight:550; margin:0 0 12px; }
.operations-page p { color:#686866; }
.ops-header { min-height:72px; padding:16px 30px; display:flex; align-items:center; gap:28px; background:white; border-bottom:1px solid var(--ops-line); }
.ops-header img { width:135px; display:block; }
.ops-label { display:flex; align-items:center; gap:12px; }
.ops-badge { display:inline-block; padding:3px 8px; border:1px solid var(--ops-line); border-radius:4px; color:#666; font-size:11px; white-space:nowrap; }
.ops-badge.is-open,.ops-badge.is-hired { color:#28613e; background:#eff6f0; border-color:#dce7dc; }
.ops-account { margin-left:auto; display:flex; align-items:center; gap:16px; color:#686866; font-size:12px; }
.ops-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:28px 30px 22px; }
.ops-heading p { margin:5px 0 0; }
.ops-tabs { display:flex; gap:24px; padding:0 30px; border-bottom:1px solid var(--ops-line); }
.ops-tabs button { border:0; border-radius:0; padding:12px 0; background:transparent; color:#747471; border-bottom:2px solid transparent; }
.ops-tabs button[aria-current] { color:#171717; border-bottom-color:#ff3c28; }
.ops-tabs span { color:#777; margin-left:6px; font-size:11px; }
.ops-tools { display:flex; align-items:center; gap:18px; padding:17px 30px; }
.ops-search { flex:1; max-width:540px; }
.ops-search input { width:100%; }
.ops-tools label { display:flex; align-items:center; gap:8px; }
.ops-tools #results { margin-left:auto; color:#73736f; font-size:12px; }
.ops-layout { margin:0 30px 30px; display:grid; grid-template-columns: minmax(260px,31%) minmax(0,1fr); border:1px solid var(--ops-line); border-radius:6px; background:white; overflow:hidden; min-height:560px; }
#roleList { border-right:1px solid var(--ops-line); max-height:calc(100svh - 265px); overflow:auto; }
#roleList button { display:block; width:100%; text-align:left; border:0; border-radius:0; border-bottom:1px solid #ececea; padding:19px 20px; background:white; }
#roleList button[aria-pressed="true"] { background:#f4f4f1; box-shadow:inset 3px 0 #ff3c28; }
.ops-company { color:#747470; font-size:12px; }
.ops-role-title { display:block; font-weight:500; font-size:14px; margin:5px 0 10px; }
.ops-role-meta { display:flex; gap:12px; align-items:center; flex-wrap:wrap; color:#747470; font-size:11px; }
#detail { padding:26px; min-width:0; max-height:calc(100svh - 265px); overflow:auto; }
.ops-section { margin-top:26px; padding-top:22px; border-top:1px solid #e8e8e5; }
.ops-detail-meta { display:flex; flex-wrap:wrap; gap:10px 20px; color:#666; }
.ops-record { padding:17px 0; border-top:1px solid #ececea; }
.ops-record:first-of-type { border-top:0; }
.ops-record summary { cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.ops-person { min-width:0; }
.ops-person strong { font-weight:500; }
.ops-person small { display:block; color:#747470; margin-top:4px; }
.ops-record-body { padding-top:15px; }
.ops-contact { display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; margin:10px 0; overflow-wrap:anywhere; }
.ops-contact a { text-underline-offset:3px; }
.ops-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 20px; margin:16px 0; }
.ops-fields dt { color:#777; font-size:11px; }
.ops-fields dd { margin:3px 0 0; overflow-wrap:anywhere; }
.ops-notes,.ops-brief { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.75; }
.ops-brief { color:#575753; }
.ops-brief-section { margin:15px 0; }
.ops-brief-section h4 { margin:0; font-weight:500; }
.ops-empty { padding:30px 20px; color:#777; }
#ledger { margin:0 30px 30px; padding:8px 24px; background:white; border:1px solid var(--ops-line); border-radius:6px; }
.ops-gate { max-width:440px; margin:12vh auto; padding:28px; background:white; border:1px solid var(--ops-line); border-radius:6px; }
.ops-sign-in { display:grid; gap:9px; margin:22px 0 16px; }
.ops-sign-in[hidden] { display:none; }
.ops-sign-in input { min-width:0; width:100%; margin-bottom:7px; }
.ops-sign-in button { margin-top:3px; }
.ops-gate button { margin-top:12px; }
#notice { margin:0 30px 15px; color:#9f362a; }
@media(max-width:760px) {
 .ops-header { padding:15px 18px; gap:18px; flex-wrap:wrap; }
 .ops-header img { width:115px; }
 .ops-account { width:100%; margin:0; justify-content:space-between; }
 .ops-heading { margin:22px 18px 18px; }
 .operations-page h1 { font-size:20px; }
 .ops-tabs { padding:0 18px; }
 .ops-tools { padding:15px 18px; flex-wrap:wrap; gap:10px; }
 .ops-search { flex-basis:100%; max-width:none; }
 .ops-layout { margin:0 18px 20px; grid-template-columns:1fr; }
 #roleList { border-right:0; border-bottom:1px solid var(--ops-line); max-height:245px; }
 #detail { max-height:none; padding:21px 18px; }
 #ledger { margin:0 18px 20px; padding:4px 18px; }
 .ops-fields { grid-template-columns:1fr; }
 .ops-gate { margin:8vh 18px; }
}
.ops-tabs a { display:inline-block; text-decoration:none; border-bottom:2px solid transparent; padding:12px 0; color:#747471; }
.ops-tabs a[aria-current] { color:#171717; border-bottom-color:#ff3c28; }
#roleList > a { display:block; width:100%; text-decoration:none; border-bottom:1px solid #ececea; padding:19px 20px; background:white; }
#roleList > a:hover { background:#fafaf8; }
#roleList > a[aria-current] { background:#f4f4f1; box-shadow:inset 3px 0 #ff3c28; }
.ops-tools { flex-wrap:wrap; gap:12px; padding-bottom:10px; }
.ops-tools label { min-width:0; }
.ops-tools select { max-width:260px; min-width:100px; }
.ops-tools .ops-search { flex:1 1 100%; max-width:none; }
.ops-results { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 30px 16px; color:#686866; font-size:12px; }
#pagination,.ops-pagination { display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
#pagination a,.ops-pagination a { padding:6px 9px; border:1px solid var(--ops-line); border-radius:4px; background:white; text-decoration:none; }
[aria-disabled="true"] { color:#999; }
.ops-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px 18px; margin:8px 0 16px; }
.ops-actions a { text-underline-offset:3px; }
.ops-record summary::after { content:'+'; color:#777; flex-shrink:0; }
.ops-record[open] > summary::after { content:'−'; }
.ops-record summary .ops-person { flex:1; }
.ops-back { padding:16px 0; border-bottom:1px solid var(--ops-line); }
.ops-refresh { display:flex; align-items:center; gap:14px; }
#updatedAt { color:#777; font-size:11px; }
#notice { color:#28613e; }
#notice.is-error { color:#9f362a; }
.ops-skip { position:absolute; top:-100px; left:20px; padding:10px; background:white; z-index:10; }
.ops-skip:focus { top:8px; }
.ops-resume { width:min(880px,calc(100vw - 40px)); max-height:calc(100svh - 48px); padding:0; border:1px solid var(--ops-line); border-radius:7px; color:#222; }
.ops-resume::backdrop { background:rgb(0 0 0 / .3); }
.ops-resume > header { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; padding:22px 24px 16px; border-bottom:1px solid var(--ops-line); }
.ops-resume h2 { font-size:18px; margin:0 0 7px; }
.ops-resume p { margin:0; font-size:12px; overflow-wrap:anywhere; }
.ops-resume-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:14px 24px; border-bottom:1px solid var(--ops-line); }
#resumeStatus { flex-basis:100%; color:#686866; font-size:12px; }
#resumeText { max-height:55svh; overflow:auto; padding:0 24px; }
#resumeText section { padding:24px 0; border-bottom:1px solid var(--ops-line); }
#resumeText h3 { color:#747470; font-size:12px; font-weight:400; }
.ops-resume-text { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.8; user-select:text; }
.clipboard-buffer { position:fixed; left:-10000px; top:0; }
.operations-page button:disabled { opacity:.55; cursor:default; }
@media(max-width:760px) {
 .ops-results { padding:0 18px 16px; align-items:flex-start; flex-direction:column; gap:10px; }
 .ops-tools select { max-width:calc(100vw - 120px); }
 .ops-refresh { flex-direction:column-reverse; gap:5px; align-items:flex-end; flex-shrink:0; }
 .ops-resume { width:calc(100vw - 24px); max-height:calc(100svh - 24px); }
 .ops-resume > header,.ops-resume-actions { padding:16px; }
 #resumeText { padding:0 16px; }
}

#summaryText { display:block; resize:vertical; width:calc(100% - 48px); height:48svh; margin:20px 24px; padding:14px; line-height:1.7; font-size:13px; border:1px solid var(--ops-line); border-radius:4px; }
@media(max-width:760px) { #summaryText { width:calc(100% - 32px); margin:16px; } }