/* Shared control surfaces. Layout, interview timing and visibility remain owned by each page. */
:root{--ui-accent:#3d56cb;--ui-accent-hover:#3047b4;--ui-ink:#33425e;--ui-line:#dce3ef;--ui-soft:#f4f6fc;--ui-focus:#8da2ef;--ui-radius:11px}
.admin-ui .btn,.interview-ui button,.oauth-screen .btn{box-sizing:border-box;font-family:inherit;font-weight:600;letter-spacing:.005em;line-height:1.45;border-radius:var(--ui-radius);transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;cursor:pointer;text-decoration:none;touch-action:manipulation}
.admin-ui .btn{border:1px solid transparent}
.admin-ui .btn-primary,.admin-ui .btn-success,.interview-ui button:not(.secondary-btn){background:var(--ui-accent);color:#fff;box-shadow:0 2px 4px #2a408a12,inset 0 1px 0 #ffffff1c}
.admin-ui .btn-secondary,.oauth-screen .btn-secondary{background:#fff;border:1px solid var(--ui-line);color:#465779;box-shadow:0 1px 2px #24324b05}
.admin-ui .btn-danger{background:#fff5f5;border-color:#efdadc;color:#b44250;box-shadow:none}
.admin-ui .btn:disabled,.interview-ui button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}
.admin-ui .btn:focus-visible,.admin-ui .tab-btn:focus-visible,.interview-ui button:focus-visible,.oauth-screen .btn:focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}
.admin-ui .btn:not(:disabled):active,.interview-ui button:not(:disabled):active{box-shadow:inset 0 2px 4px #16234419}
@media(hover:hover){
 .admin-ui .btn-primary:not(:disabled):hover,.admin-ui .btn-success:not(:disabled):hover,.interview-ui button:not(.secondary-btn):not(:disabled):hover{background:var(--ui-accent-hover);box-shadow:0 3px 8px #3047b41c}
 .admin-ui .btn-secondary:not(:disabled):hover,.oauth-screen .btn-secondary:hover{background:#f2f5ff;border-color:#becbef;color:#304bad}
 .admin-ui .btn-danger:not(:disabled):hover{background:#ffecec;border-color:#e7bcc2;color:#a33140}
}
.admin-ui .tabs-header{gap:8px;padding-block:10px;background:#fff;scroll-padding-inline:20px;scrollbar-width:thin}
.admin-ui .tab-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 15px;border:1px solid transparent;border-radius:11px;font-family:inherit;font-size:14px;line-height:1.45;color:#64718a;transition:background-color .18s ease,border-color .18s ease,color .18s ease;touch-action:manipulation}
.admin-ui .tab-btn svg{width:18px;height:18px;flex:none;stroke-width:1.7}
.admin-ui .tab-btn.active{background:#edf1ff;color:#334ec3;border-color:#dfe6ff;box-shadow:inset 0 1px 0 #ffffffa8}
.admin-ui .tab-btn:hover:not(.active){color:#3d527b;background:#f5f7fc;border-color:#edf0f7}
.admin-ui .navbar{gap:16px;padding-block:20px}
.admin-ui .navbar .btn{min-height:40px}
.admin-ui .navbar .service-settings-btn,.admin-ui .navbar .comms-icon{background:#f7f9fe;border-color:#e9edf7;color:#6075b4;border-radius:12px}
.admin-ui .navbar [data-tab].active{background:var(--ui-accent);border-color:var(--ui-accent);color:#fff}
.admin-ui .navbar #staff-identity{background:#f6f8fd;border-color:#e8edf6;color:#50617e}
.admin-ui .hh-views{display:inline-flex;padding:4px;gap:4px;background:#f2f5fa;border:1px solid #e7ebf3;border-radius:12px}
.admin-ui .hh-views .btn{background:transparent;border-color:transparent;box-shadow:none;color:#6b7890;padding:9px 13px}
.admin-ui .hh-views .btn[aria-pressed=true]{background:white;border-color:#e2e8f4;color:#334fc0;box-shadow:0 1px 4px #24324b0b}
.admin-ui .sourcing-source{padding:16px 18px;background:white;border:1px solid #e5e9f1;border-radius:14px;box-sizing:border-box}
.admin-ui .sourcing-source label{font-weight:600;color:#53627f}
.admin-ui .tpl-stage-tabs{gap:6px;padding:5px;background:#f4f6fb;border:1px solid #e6ebf3;border-radius:11px}
.admin-ui .tpl-stage-tabs button{padding:9px 13px;border:1px solid transparent;border-radius:8px;color:#687994}
.admin-ui .tpl-stage-tabs button[aria-selected=true]{background:white;border-color:#dfe5f2;color:#334fc0;box-shadow:0 1px 3px #24324b08}
.admin-ui .chat-tool{border-radius:7px;transition:background-color .15s ease,color .15s ease}
.admin-ui .chat-thread{transition:background-color .15s ease}
.interview-ui button{border:1px solid transparent;min-height:44px}
.interview-ui .secondary-btn{background:#fff;color:#435dac;border-color:#d8e1f4;box-shadow:none}
.interview-ui .secondary-btn:not(:disabled):hover{background:#f1f5ff;border-color:#c0cdef}
.interview-ui button:not(:disabled):hover{transform:none}
.interview-ui button:disabled{background:#e8ecf4;color:#7b879c;opacity:1}
.oauth-screen{margin:0;padding:24px;min-height:100dvh;box-sizing:border-box;display:grid;place-items:center;background:#f5f7fb;color:#24324b;font:16px/1.6 'Segoe UI',-apple-system,sans-serif}
.oauth-screen main{box-sizing:border-box;width:min(100%,480px);padding:36px;background:white;border:1px solid #e1e7f2;border-radius:22px;box-shadow:0 12px 50px #24324b08}.oauth-brand{font-size:13px;color:#65779c;font-weight:600}.oauth-screen h1{font-size:26px;line-height:1.3;letter-spacing:-.5px;margin:16px 0}.oauth-screen p{color:#6a7790}.oauth-screen .btn{display:inline-block;padding:11px 16px;margin-top:10px}
@media(max-width:650px){.admin-ui .tabs-header{gap:6px;padding:8px 12px}.admin-ui .tab-btn{font-size:13px;padding:11px 12px}.admin-ui .tab-btn svg{width:17px;height:17px}.admin-ui .hh-views{box-sizing:border-box;width:100%}.admin-ui .hh-views .btn{flex:1;min-width:0;white-space:normal;font-size:13px}.admin-ui .sourcing-source{padding:14px}.admin-ui .sourcing-source select{max-width:none}.oauth-screen main{padding:26px}}
@media(prefers-reduced-motion:reduce){.admin-ui .btn,.admin-ui .tab-btn,.admin-ui .chat-tool,.admin-ui .chat-thread,.interview-ui button,.oauth-screen .btn{transition:none}}
