body { background: #f4f5ef; }
.step4-bulk { padding:18px; margin:18px 0; border:1px solid #c5d8a9; border-radius:18px; background:#f3f9e9; }
.step4-bulk h4 { margin:0 0 10px; }
.step4-select { display:flex; align-items:center; gap:8px; margin-bottom:12px; font-size:12px; }
.step4-select input { width:18px; height:18px; flex:0 0 18px; }
.step4-bulk-preview { max-height:65vh; overflow:auto; overscroll-behavior:contain; }
.step4-bulk-preview textarea { width:100%; box-sizing:border-box; resize:vertical; }
.operator-page .session-wallet { display: none; }
.operator-page .session-inner { justify-content: flex-end; }
.admin { max-width: 1240px; }
.operator-nav { display: flex; gap: 8px; overflow-x: auto; padding: 10px; border: 1px solid #dce1d5; border-radius: 18px; background: #fff; margin-bottom: 24px; scrollbar-width: thin; }
.operator-nav a { flex: 0 0 auto; padding: 10px 18px; border-radius: 12px; text-decoration: none; color: #293125; font-weight: 650; white-space: nowrap; }
.operator-nav a:hover, .operator-nav a:focus-visible { background: #eaf2dc; }
.operator-nav a[aria-selected="true"] { background: #d0f582; color: #1c241b; }
.operator-nav a:focus-visible { outline: 2px solid #315130; outline-offset: 2px; }
.operator-nav a[hidden], .operator-tab-panel[hidden] { display: none !important; }
.operator-overview { padding: clamp(24px,5vw,52px); border-radius: 28px; color: #f5f7ef; background: #1c241b; }
.operator-overview h1 { font-size: clamp(30px,5vw,56px); letter-spacing: -.045em; margin: 16px 0; max-width: 700px; }
.operator-overview > p { color: #c4ceb9; }
.operator-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 32px; }
.operator-metrics article { border-top: 1px solid #46503e; padding-top: 20px; }
.operator-metrics span { display: block; font-size: 13px; color: #c4ceb9; }
.operator-metrics strong { display: block; font-size: 42px; color: #d0f582; letter-spacing: -.04em; }
#workspace > section { scroll-margin-top: 130px; margin: 28px 0 48px; }
#operator-people > section { margin: 0 0 32px; }
.directory-search { display:grid; gap:16px; margin:18px 0 12px; padding:18px; border:1px solid #dce1d5; border-radius:20px; background:#fff; }
.directory-search-main { display:flex; align-items:end; flex-wrap:wrap; gap:10px; }
.directory-search-main label { width:100%; }
.directory-search-main input { flex:1 1 240px; min-width:0; }
.directory-filters { display:grid; grid-template-columns:repeat(auto-fit,minmax(185px,1fr)); gap:12px; }
.directory-filters label { display:grid; gap:6px; font-size:13px; font-weight:650; }
.directory-filters select { width:100%; min-width:0; }
.directory-filters select:disabled { opacity:.55; }
.directory-user { display: grid; grid-template-columns: minmax(180px,1fr) auto; gap: 18px; padding: 24px; border: 1px solid #dce1d5; border-radius: 20px; background: #fff; }
.directory-user h3 { overflow-wrap: anywhere; margin: 0 0 10px; }
.directory-user .payout-actions { align-items: center; }
.conversation-chooser { grid-column: 1/-1; display: flex; align-items: end; flex-wrap: wrap; gap: 12px; padding: 16px; border: 1px solid #dce1d5; border-radius: 16px; background: #f6f8f1; }
.conversation-chooser label { display: grid; gap: 6px; flex: 1 1 260px; min-width: 0; }
.conversation-chooser select { width: 100%; }
.directory-stats { display: flex; flex-wrap: wrap; gap: 16px; margin: 12px 0; }
.directory-stats span { font-size: 13px; }
.directory-stats strong { display: block; font-size: 22px; color: #2e4422; }
.directory-user.is-banned { border-left: 4px solid #a34138; }
#directory-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr)); gap:16px; align-items:start; }
#directory-list .directory-user { display:flex; flex-direction:column; gap:14px; padding:20px; min-width:0; }
#directory-list .directory-user h3 { font-size:20px; line-height:1.3; letter-spacing:-.4px; }
#directory-list .directory-user .payout-actions { flex-wrap:wrap; justify-content:flex-start; }
#directory-list .directory-stats { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:16px 0; }
.directory-meta { font-size:12px; color:#63705c; }
.directory-presence { font-size:12px; margin-left:10px; color:#687260; }
.directory-presence.is-online { color:#346c25; font-weight:700; }
.directory-presence-row { display:flex; flex-wrap:wrap; align-items:center; gap:5px; font-size:12px; color:#687260; }
.directory-presence-row .directory-presence { margin:0 5px 0 0; }
.directory-presence::before { content:""; display:inline-block; width:7px; height:7px; margin-right:5px; border-radius:50%; background:#a4ad9e; }
.directory-presence.is-online::before { background:#5c9b29; }
.directory-current-step { display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:13px; margin:12px 0 8px; }
.directory-step-rail { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:5px; }
.directory-step { text-align:center; padding:6px 0; border:1px solid transparent; border-radius:7px; background:#eef1e9; color:#687260; font-size:12px; }
.directory-step.is-approved { background:#d5f58b; color:#263d18; }
.directory-step.is-review { background:#e0edf9; color:#275274; }
.directory-step.is-changes { background:#fff0ce; color:#765118; }
.directory-step.is-declined { background:#f6e3df; color:#7d4437; }
.directory-step[aria-current] { border-color:#4f663b; font-weight:800; }
.directory-step { cursor:pointer; min-height:44px; font:inherit; }
.directory-step:hover { border-color:#4f663b; }
.directory-step:focus-visible,.operator-route-marker:focus-visible { outline:3px solid #648c28; outline-offset:2px; }
.operator-profile-dialog[data-view^="step:"] { width:min(1160px,calc(100vw - 24px)); }
.profile-step-navigation { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:6px; margin:16px 0; }
.profile-step-context { display:flex; flex-wrap:wrap; align-items:center; gap:6px 18px; padding:12px 14px; border:1px solid #dce1d5; border-radius:14px; background:#fff; font-size:13px; }
.profile-step-context strong { color:#355724; }
.profile-summary .operator-profile-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); }
.profile-summary > .button { margin-top:14px; }
.operator-step-conditions { margin:12px 0; padding:12px 14px; border:1px solid #dce1d5; border-radius:12px; background:#f8faf4; }
.operator-step-conditions summary { cursor:pointer; font-weight:700; }
.operator-step-conditions p { white-space:pre-wrap; overflow-wrap:anywhere; }
.profile-extra { margin-top:20px; }
.profile-extra > summary { cursor:pointer; padding:13px 16px; border:1px solid #dce1d5; border-radius:14px; background:#fff; font-weight:700; }
.profile-task-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; margin-top:16px; }
.profile-task-details,.profile-task-chat { min-width:0; }
.profile-task-chat { align-self:start; position:sticky; top:0; padding:16px; border:1px solid #dce1d5; border-radius:18px; background:#fff; }
.profile-task-thread { display:flex; flex-direction:column; gap:12px; height:clamp(220px,42vh,440px); overflow:auto; overscroll-behavior:contain; padding:12px; border-radius:12px; background:#f2f5ec; }
.profile-task-thread .message-bubble { flex-shrink:0; overflow-wrap:anywhere; white-space:pre-wrap; }
.profile-task-thread .message-bubble.mine { align-self:flex-end; }
.profile-task-thread .message-bubble.operator { align-self:flex-start; }
.profile-task-compose { display:grid; gap:10px; margin-top:14px; }
.profile-task-compose textarea,.operator-correction-panel select { width:100%; box-sizing:border-box; }
.operator-correction-panel { display:grid; width:100%; box-sizing:border-box; gap:12px; padding:16px; margin-top:16px; border:1px solid #e6cbbf; border-radius:14px; background:#fffaf6; min-width:0; }
.operator-route-marker.button { padding:0; min-width:0; }
.operator-correction-panel select { padding:10px; min-height:44px; }
.correction-preview,.profile-task-proof { white-space:pre-wrap; overflow-wrap:anywhere; }
.correction-preview { padding:12px; border-radius:10px; background:#f0f2e9; font-size:14px; }
@media(max-width:760px) {
  .profile-task-layout { grid-template-columns:minmax(0,1fr); }
  .profile-task-chat { position:static; order:-1; }
  .profile-step-navigation { gap:3px; }
  .profile-step-navigation .button { padding:8px 0; }
  .profile-summary .operator-profile-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .profile-task-thread { height:clamp(180px,32vh,300px); }
}
.directory-interests { margin-top:16px; padding-top:14px; border-top:1px solid #e3e8db; }
.directory-interest-heading { display:flex; justify-content:space-between; gap:8px; font-size:13px; }
.directory-interest-leader { margin:6px 0 10px; font-size:12px; color:#617154; }
.directory-interest-axis { display:grid; grid-template-columns:minmax(90px,1fr) minmax(55px,1fr) 26px; align-items:center; gap:7px; margin:7px 0; font-size:12px; color:#687260; }
.directory-interest-axis.is-leading { font-weight:700; color:#355724; }
.directory-interest-axis progress { width:100%; height:7px; accent-color:#7ba448; }
.directory-interest-axis.is-leading progress { accent-color:#8dcc38; }
.directory-management summary { cursor:pointer; font-weight:600; padding:8px 0; }
.operator-payment-metrics { margin-top:18px; }
.operator-payout-reject { margin-top:16px; }
.operator-payout-reject summary { cursor:pointer; padding:8px 0; }
.operator-payout-reject label { display:grid; gap:8px; margin:8px 0; }
.survey-radar { display:block; width:min(100%,330px); margin:0 auto; }
.survey-direction { display:grid; grid-template-columns:auto 1fr auto; gap:8px; margin:14px 0; }
.survey-direction progress { grid-column:2; width:100%; accent-color:#638f2b; }
.survey-direction small { color:#6c7465; }
.payout-dropzone { border:2px dashed #b3c49b; border-radius:16px; padding:16px; background:#f8faf3; }
.payout-dropzone:focus-visible,.payout-dropzone.is-dragging { outline:3px solid #91c943; outline-offset:3px; }
.payout-dropzone input { width:100%; min-width:0; }
.payout-proof-image { display:block; max-width:100%; max-height:420px; object-fit:contain; margin:12px auto; }
.payout-proof-image[hidden] { display:none; }
.operator-thread-head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.operator-thread-head h3 { margin:0; overflow-wrap:anywhere; }
.operator-profile-dialog { width:min(720px,calc(100vw - 24px)); max-height:min(88vh,920px); overflow:auto; border:1px solid #dce1d5; border-radius:26px; padding:clamp(18px,3vw,32px); background:#f7f8f3; color:#172019; box-shadow:0 28px 85px #10190e55; }
.operator-profile-dialog::backdrop { background:#10190eb8; }
.operator-profile-loading,.operator-profile-error { padding:20px; border:1px solid #dce1d5; border-radius:16px; background:#fff; line-height:1.5; }
.operator-profile-error { border-color:#e4b9a9; background:#fff3ed; }
.operator-confirm-dialog { width:min(440px,calc(100vw - 24px)); max-height:min(85dvh,720px); overflow:auto; box-sizing:border-box; border:1px solid #dce1d5; border-radius:22px; padding:clamp(20px,4vw,28px); background:#f7f8f3; color:#172019; box-shadow:0 28px 85px #10190e70; }
.operator-confirm-dialog::backdrop { background:#10190ea8; }
.operator-confirm-head { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.operator-confirm-head .button { min-width:44px; min-height:44px; padding:8px; }
.operator-confirm-dialog h2 { margin:16px 0 12px; font-size:clamp(22px,5vw,28px); }
.operator-confirm-dialog p { margin:0; line-height:1.5; overflow-wrap:anywhere; white-space:pre-wrap; }
.operator-confirm-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:10px; margin-top:24px; }
.operator-confirm-actions .button { min-height:44px; }
@media(max-width:480px) { .operator-confirm-actions .button { flex:1 1 120px; } }
.operator-profile-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:18px; }
.operator-profile-head h2 { margin:6px 0 0; font-size:clamp(20px,3vw,29px); overflow-wrap:anywhere; }
.operator-profile-head .button { flex:none; min-width:44px; padding:8px 12px; }
.operator-profile-section { margin-top:20px; padding:18px; border:1px solid #dce1d5; border-radius:18px; background:#fff; }
.operator-profile-section h3 { margin:0 0 14px; font-size:18px; }
.operator-profile-meta { display:flex; flex-wrap:wrap; gap:8px 16px; color:#475443; font-size:13px; }
.operator-profile-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.operator-profile-metric { padding:14px; border-radius:14px; background:#eaf2df; }
.operator-profile-metric span { display:block; font-size:12px; color:#344630; }
.operator-profile-metric strong { display:block; margin-top:4px; font-size:clamp(18px,3vw,24px); overflow-wrap:anywhere; }
.operator-profile-list { display:grid; gap:8px; }
.review-step-filters { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; }
.review-step-filters .button { min-height:42px; }
.review-step-filters [aria-pressed="true"] { background:#d1f77d; border-color:#a9d456; color:#172019; }
.review-step-filters [hidden], #reviews .admin-row[hidden], #reviews .empty[hidden] { display:none !important; }
.partner-review-panel { margin:16px 0; border-color:#a9d456; background:#f8fbea; }
.partner-review-panel[hidden], .partner-review-confirm[hidden], #partner-review-apply[hidden] { display:none !important; }
.partner-review-panel h3 { margin:0 0 8px; }
.partner-review-result { margin-top:12px; }
.partner-review-result ul { max-height:220px; overflow:auto; padding-left:22px; }
.partner-review-confirm { display:flex; align-items:flex-start; gap:10px; margin:16px 0; font-size:14px; }
.partner-review-confirm input { flex:none; margin-top:3px; }
.step4-candidate { border-bottom:1px solid #e6ebde; padding:14px 0; }
.step4-candidate:last-child { border-bottom:0; }
.step4-candidate h4 { margin:0 0 7px; overflow-wrap:anywhere; }
.step4-candidate .payout-actions { display:flex; flex-wrap:wrap; gap:8px; }
.step4-queue-note { margin:9px 0; padding:10px 12px; border-left:3px solid #b7d879; background:#f4f8ec; color:#394a35; white-space:pre-wrap; overflow-wrap:anywhere; }
.step4-queue-note-editor { max-width:560px; margin:10px 0; }
.step4-queue-note-editor summary { display:inline-block; cursor:pointer; padding:10px 16px; border:1px solid #dce1d5; border-radius:999px; background:#fff; font-weight:700; }
.step4-queue-note-editor[open] { flex-basis:100%; padding:12px; border:1px solid #dce1d5; border-radius:14px; background:#f8faf4; }
.step4-queue-note-editor[open] summary { margin-bottom:12px; }
.step4-queue-note-editor label { display:grid; gap:6px; font-size:13px; font-weight:700; }
.step4-queue-note-editor textarea { box-sizing:border-box; width:100%; min-height:82px; padding:10px; border:1px solid #aebba7; border-radius:10px; font:inherit; resize:vertical; }
.step4-queue-note-editor .button { margin-top:10px; }
#step4-hidden-section { margin-top:22px; padding-top:18px; border-top:1px solid #dce1d5; }
#step4-hidden-section[hidden] { display:none; }
#step4-hidden-section summary { cursor:pointer; font-weight:750; }
@media(max-width:560px) { .step4-candidate .button { flex:1 1 150px; } }
@media(max-width:560px) { .review-step-filters .button { flex:1 1 calc(50% - 8px); } }
.operator-profile-row { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; padding:11px 0; border-bottom:1px solid #e7ebdf; }
.operator-profile-row:last-child { border-bottom:0; }
.operator-profile-row strong { overflow-wrap:anywhere; }
.operator-profile-row small { display:block; margin-top:3px; color:#52614e; }
.operator-profile-section progress { width:100%; height:10px; accent-color:#79a935; margin:0 0 8px; }
.operator-profile-status { display:inline-block; padding:4px 9px; border-radius:99px; background:#eaf2df; color:#30482a; font-size:12px; font-weight:700; }
.operator-profile-status.is-locked { background:#eef0ea; color:#52614e; }
.operator-profile-status.is-review { background:#e9effc; color:#284a79; }
.operator-profile-status.is-changes { background:#fff0df; color:#75462d; }
.operator-profile-status.is-approved { background:#d0f582; color:#172019; }
.operator-profile-status.is-declined { background:#e8eae3; color:#344334; }
.operator-profile-entry { align-items:flex-start; }
.operator-profile-correction { flex-basis:100%; color:#79452c; overflow-wrap:anywhere; }
.operator-profile-controls { display:grid; gap:8px; flex-basis:100%; }
.operator-profile-controls textarea { min-height:68px; width:100%; padding:10px; border:1px solid #b5c0ae; border-radius:10px; font:inherit; resize:vertical; }
.operator-profile-controls label { display:flex; align-items:flex-start; gap:8px; font-size:13px; }
.operator-profile-controls .button { justify-self:start; }
.operator-profile-payment { display:grid; gap:10px; padding:14px; margin:10px 0; border:1px solid #dce1d5; border-radius:14px; background:#f8faf4; }
.operator-profile-payment label { display:grid; gap:5px; font-size:13px; font-weight:700; }
.operator-profile-payment label:has(input[type="checkbox"]) { display:flex; align-items:flex-start; }
.operator-profile-payment input:not([type="checkbox"]),.operator-profile-payment select { width:100%; min-width:0; padding:10px; border:1px solid #b5c0ae; border-radius:10px; background:white; font:inherit; }
.operator-profile-payment .button { justify-self:start; }
.operator-profile-payment { overflow-wrap:anywhere; }
.operator-payout-correction summary { cursor:pointer; font-weight:700; }
.operator-payout-correction[open] > :not(summary) { margin-top:12px; }
.operator-payout-correction textarea { width:100%; min-width:0; min-height:86px; resize:vertical; padding:10px; border:1px solid #b5c0ae; border-radius:10px; font:inherit; }
.operator-profile-payment :focus-visible,.operator-profile-controls :focus-visible { outline:3px solid #548d2c; outline-offset:2px; }
.operator-route-list { list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.operator-route-step { display:grid; grid-template-columns:38px minmax(0,1fr); gap:12px; padding:14px; border:1px solid #dce1d5; border-radius:17px; background:#f8faf4; }
.operator-route-step.is-approved { border-color:#b6dc72; background:#f1fadf; }
.operator-route-step.is-declined { border-color:#c9d0c3; background:#f3f4ef; }
.operator-route-step.is-review { border-color:#b9cbe8; }
.operator-route-step.is-locked { background:#f4f5f1; }
.operator-route-marker { display:grid; place-items:center; width:36px; height:36px; border-radius:12px; background:#1d281d; color:#d0f582; font-weight:800; }
.operator-route-step.is-approved .operator-route-marker { background:#d0f582; color:#172019; }
.operator-route-body { min-width:0; }
.operator-route-heading { display:flex; align-items:flex-start; flex-wrap:wrap; gap:5px 10px; }
.operator-route-heading strong { font-size:16px; }
.operator-route-heading small { flex-basis:100%; font-size:13px; color:#53624e; overflow-wrap:anywhere; }
.operator-route-heading .operator-profile-status { margin-left:auto; }
.operator-route-detail { margin:9px 0; color:#52614e; font-size:13px; }
.operator-route-actions { display:flex; flex-wrap:wrap; gap:7px; }
.operator-route-actions .button { min-height:38px; padding:7px 11px; font-size:12px; }
.operator-route-custom { display:block; margin-top:8px; color:#375a24; }
.operator-personal-editor { display:grid; gap:10px; margin-top:12px; padding:14px; border:1px solid #dce1d5; border-radius:13px; background:white; }
.operator-personal-editor[hidden] { display:none; }
.operator-personal-editor label { display:grid; gap:5px; font-size:12px; font-weight:700; }
.operator-personal-editor input,.operator-personal-editor textarea { width:100%; min-width:0; border:1px solid #b5c0ae; border-radius:9px; padding:9px; font:inherit; }
.operator-personal-editor textarea { min-height:78px; resize:vertical; }
.operator-manual-decision { display:grid; gap:8px; margin:10px 0; padding:12px; border:1px solid #dce1d5; border-radius:12px; background:#fff; }
.operator-manual-decision textarea { width:100%; min-height:76px; padding:10px; border:1px solid #b5c0ae; border-radius:9px; font:inherit; resize:vertical; }
.operator-manual-decision label { display:flex; align-items:flex-start; gap:8px; font-size:13px; }
.operator-manual-decision .operator-external-reason { display:grid; min-width:0; }
.operator-manual-decision small { overflow-wrap:anywhere; }
.operator-manual-decision :focus-visible { outline:3px solid #548d2c; outline-offset:2px; }
.operator-personal-editor :focus-visible,.operator-route-actions :focus-visible { outline:3px solid #548d2c; outline-offset:2px; }
@media(max-width:560px) { .operator-route-step { grid-template-columns:30px minmax(0,1fr); gap:9px; padding:11px; } .operator-route-marker { width:28px; height:28px; border-radius:9px; } .operator-route-heading .operator-profile-status { margin-left:0; } .operator-route-actions .button { width:100%; } }
@media(max-width:560px) { .operator-profile-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .operator-thread-head .button { width:100%; } }
@media(max-width:560px) { .operator-profile-controls .button,.operator-profile-payment .button { width:100%; } }
.delete-confirmation { grid-column:1/-1; display:grid; gap:12px; padding:18px; border:1px solid #daaa90; border-radius:16px; background:#fff8f4; }
.delete-confirmation[hidden] { display:none; }
.delete-confirmation p { margin:0; color:#5c3928; }
.delete-confirmation label { display:grid; gap:6px; max-width:440px; }
.delete-confirmation .payout-actions { margin:0; }
.operator-login-form { display: grid; gap: 12px; max-width: 440px; margin: 24px 0; }
#access { max-width: 620px; margin: 7vh auto; padding: clamp(24px,5vw,48px); }
#workspace > h1 { font-size: 22px; }
.operator-warning { padding: 18px; border-left: 3px solid #bcc6ac; font-size: 13px; }
.collection-editor-card { margin: 16px 0; }
.collection-editor-card ol { padding-left: 24px; }
.collection-editor-item { padding: 8px 0; overflow-wrap: anywhere; }
.collection-editor-item button { margin-left: 8px; min-width: 42px; }
#collection-workspace { margin: 20px 0; }
#collection-select { width: 100%; margin: 8px 0 20px; }
#collection-task-details { margin:12px 0; border:1px solid #dce1d5; border-radius:14px; padding:12px 16px; }
#collection-task-details summary { cursor:pointer; font-weight:700; }
#collection-task-details summary:focus-visible { outline:2px solid #315130; outline-offset:4px; }
#collection-task-details .admin-form { margin-top:18px; }
.task-map-panel[hidden] { display:none; }
.task-map-panel { margin: 20px 0; padding: clamp(18px,3vw,30px); border-radius: 24px; background:#eff2e9; }
.task-map-header { display:flex; align-items:start; justify-content:space-between; gap:20px; }
.task-map-header-actions { display:flex; flex-wrap:wrap; gap:8px; flex:0 0 auto; }
.task-map-header h3 { margin:0 0 8px; font-size:clamp(22px,3vw,30px); }
.task-map-header p { max-width:70ch; margin:0; color:#485545; }
#task-map-status { min-height:24px; font-weight:650; color:#2d5130; }
.task-map-layout { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:18px; align-items:start; }
.task-map-scroll { overflow:auto; max-height:660px; min-height:350px; border:1px solid #ccd7bd; border-radius:20px; background-color:#172019; background-image:radial-gradient(#8aab6d30 1px,transparent 1px); background-size:24px 24px; scrollbar-width:thin; }
.task-map-scroll:focus-visible { outline:3px solid #87bd59; outline-offset:3px; }
.task-map-stage { position:relative; min-width:650px; min-height:340px; }
.task-map-stage > svg,.task-map-stage > #task-map-nodes,.task-map-stage > #task-map-groups { position:absolute; inset:0; width:100%; height:100%; }
#task-map-groups { z-index:0; pointer-events:none; }
#task-map-lines { z-index:1; overflow:visible; pointer-events:none; }
#task-map-nodes { z-index:2; pointer-events:none; }
.task-map-edge { fill:none; stroke:#b7e984; stroke-width:3; opacity:.82; }
.task-map-group { position:absolute; border:1px dashed #93c267; border-radius:24px; background:#d0f5820b; padding:5px 16px; color:#d2f6a3; font-size:12px; font-weight:700; letter-spacing:.02em; }
.task-map-node { position:absolute; width:280px; height:190px; overflow:auto; padding:14px; border:1px solid #748f65; border-radius:16px; background:#263126; color:#f4f7ec; box-shadow:0 8px 25px #0004; pointer-events:auto; }
.task-map-node.is-source { border:2px solid #d0f582; box-shadow:0 0 0 4px #d0f58235; }
.task-map-node h4 { margin:5px 0; font-size:16px; line-height:1.25; overflow-wrap:anywhere; }
.task-map-node > strong { display:block; color:#d0f582; font-size:20px; }
.task-map-node .fine { color:#bdcdb4; }
.task-map-relations { min-height:28px; margin:8px 0; font-size:12px; }
.task-map-relation { display:flex; justify-content:space-between; align-items:center; gap:6px; }
.task-map-relation span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.task-map-relation button { min-width:28px; padding:0 5px; }
.task-map-actions { display:flex; flex-wrap:wrap; gap:5px; }
.task-map-actions .button { width:auto; min-height:30px; padding:4px 8px; font-size:12px; border-radius:9px; }
.task-map-pool { padding:16px; border:1px solid #dce1d5; border-radius:18px; background:#fff; }
.task-map-pool h4 { margin:0 0 8px; }
.task-map-pool input { width:100%; margin:6px 0 12px; }
.task-map-pool-list { max-height:490px; overflow:auto; }
.task-map-pool-item { display:grid; gap:5px; padding:12px 0; border-top:1px solid #e5e9de; }
.task-map-pool-item strong { font-size:13px; overflow-wrap:anywhere; }
.task-map-pool-item .button { width:100%; min-height:34px; padding:6px; font-size:12px; }
@media(max-width:850px) { .task-map-layout { grid-template-columns:1fr; } .task-map-pool-list { max-height:250px; } }
@media(max-width:700px) { .task-map-header { flex-direction:column; } .task-map-header-actions { width:100%; } .task-map-header-actions .button { flex:1; } }
@media(max-width:700px) { .admin { padding: 0 16px; } .directory-user { grid-template-columns: 1fr; } .operator-metrics { gap: 10px; } .operator-metrics strong { font-size: 32px; } .operator-nav a { padding: 10px; } }
.user-mock-head { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; }
.user-mock-head h2 { margin:4px 0 10px; }
.user-mock-head p:not(.eyebrow) { max-width:740px; }
.user-mock-badge { flex:none; padding:8px 12px; border-radius:999px; background:#20301d; color:#d0f582; font-size:12px; font-weight:800; letter-spacing:.08em; }
.user-mock-toolbar,.user-mock-speed,.user-mock-actions { display:flex; flex-wrap:wrap; align-items:end; gap:12px; }
.user-mock-toolbar { padding:18px; border:1px solid #dce1d5; border-radius:20px; background:#fff; }
.user-mock-toolbar label { display:grid; gap:6px; font-weight:650; font-size:13px; }
.user-mock-toolbar .user-mock-check { display:flex; align-items:center; gap:8px; padding:10px 0; }
.user-mock-check input { width:18px; height:18px; }
.user-mock-summary { display:grid; grid-template-columns:minmax(160px,1fr) minmax(0,3fr); gap:16px; margin:22px 0; }
.user-mock-balance,.user-mock-progress,.user-mock-speed,.user-mock-card { border:1px solid #dce1d5; border-radius:20px; background:#fff; padding:20px; }
.user-mock-balance span,.user-mock-progress>span { display:block; font-size:13px; color:#53614d; }
.user-mock-balance strong { display:block; margin-top:8px; font-size:30px; color:#2c4b22; }
.user-mock-rail { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:6px; margin-top:14px; }
.user-mock-rail button { min-width:0; padding:10px 4px; }
.user-mock-speed { margin-bottom:16px; background:#eff9dd; }
.user-mock-speed span { flex:1 1 250px; font-size:13px; }
.user-mock-card { max-width:800px; margin:auto; padding:clamp(20px,4vw,34px); }
.user-mock-card-top { display:flex; justify-content:space-between; gap:12px; font-size:12px; font-weight:750; text-transform:uppercase; letter-spacing:.08em; }
.user-mock-card h3 { font-size:clamp(24px,4vw,36px); letter-spacing:-.03em; margin:20px 0; }
.user-mock-draft { padding:12px; border:1px solid #e1d39c; border-radius:12px; background:#fff9e8; }
.user-mock-reward { color:#345626; font-size:22px; font-weight:750; }
.user-mock-form,.user-mock-chat { display:grid; gap:12px; border-top:1px solid #e0e6d9; padding-top:20px; margin-top:20px; }
.user-mock-form label { display:grid; gap:8px; }
.user-mock-form textarea { min-height:110px; width:100%; box-sizing:border-box; }
.user-mock-answers { display:grid; gap:8px; }
.user-mock-answers label { display:flex; align-items:flex-start; gap:10px; padding:12px; border:1px solid #dce1d5; border-radius:12px; }
.user-mock-answers input { flex:none; margin-top:3px; }
.user-mock-messages { display:grid; gap:8px; max-height:250px; overflow:auto; padding:12px; border-radius:14px; background:#f4f6ef; }
.user-mock-messages p { max-width:85%; width:fit-content; margin:0; padding:9px 12px; border-radius:12px; background:#fff; overflow-wrap:anywhere; }
.user-mock-messages .from-operator { justify-self:end; background:#dcf5ad; }
.user-mock-chat-form { display:flex; gap:8px; flex-wrap:wrap; }
.user-mock-chat-form input { min-width:150px; flex:1 1 220px; }
@media(max-width:700px) { .user-mock-head,.user-mock-summary { display:block; } .user-mock-badge { display:inline-block; margin-bottom:12px; } .user-mock-balance { margin-bottom:12px; } .user-mock-rail button { font-size:12px; } .user-mock-chat-form>* { flex:1 1 100%; } }
.traffic-controls { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.traffic-controls select { width:auto; min-width:110px; }
.traffic-metrics,.traffic-lists { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:20px 0; }
.traffic-metrics article { background:#172019; color:#f3f5ed; padding:22px; border-radius:20px; }
.traffic-metrics strong { display:block; font-size:2.3rem; color:#d1f77d; }
.traffic-lists .panel { min-width:0; padding:18px; }
.traffic-row { display:flex; align-items:center; gap:14px; padding:12px 0; border-bottom:1px solid #dce1d5; }
.traffic-row span { flex:1; overflow-wrap:anywhere; }
.traffic-row progress { width:25%; accent-color:#627d36; }
.traffic-geography { margin:24px 0; padding:24px; border:1px solid #dce1d5; border-radius:20px; background:#fff; }
.traffic-geography h3 { margin:0 0 8px; }
.traffic-table-scroll { overflow-x:auto; }
.traffic-table { width:100%; border-collapse:collapse; text-align:right; min-width:780px; }
.traffic-table th,.traffic-table td { padding:12px 14px; border-bottom:1px solid #dce1d5; }
.traffic-table th:first-child { text-align:left; }
.traffic-table thead { background:#eef3e4; color:#253421; }
.traffic-table tbody tr:hover { background:#f8faef; }
#traffic-results .fine { max-width:85ch; }
.traffic-visits { margin-top:28px; }
.visit-row { border:1px solid #dce1d5; border-radius:14px; background:#fff; margin:10px 0; overflow:hidden; }
.visit-row summary { display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding:14px 16px; cursor:pointer; list-style:none; }
.visit-row summary::-webkit-details-marker { display:none; }
.visit-when { min-width:150px; color:#253421; font-weight:600; }
.visit-meta { display:flex; gap:12px; flex:2; min-width:220px; flex-wrap:wrap; align-items:center; }
.visit-meta span { overflow-wrap:anywhere; }
.visit-ip { font-variant-numeric:tabular-nums; color:#253421; font-weight:600; }
.visit-device,.visit-ref { color:#5c6b52; }
.visit-tail { display:flex; gap:12px; margin-left:auto; align-items:center; }
.visit-clicks { color:#627d36; font-weight:600; }
.visit-clicks.none { color:#a2543a; }
.visit-duration { color:#5c6b52; font-variant-numeric:tabular-nums; }
.visit-timeline { margin:0; padding:12px 16px 14px 34px; border-top:1px solid #eef3e4; background:#f8faef; }
.visit-timeline li { display:flex; gap:12px; padding:4px 0; }
.visit-offset { min-width:64px; color:#5c6b52; font-variant-numeric:tabular-nums; }
@media(max-width:700px) {
  .traffic-metrics,.traffic-lists { grid-template-columns:1fr; }
  .traffic-controls .button { width:100%; }
  .visit-when { min-width:100%; }
  .visit-tail { margin-left:0; }
}
.operator-inbox-filters { display:flex; gap:8px; overflow-x:auto; max-width:100%; margin:18px 0 12px; padding:2px 2px 8px; scrollbar-width:thin; }
.operator-inbox-filters .button { flex:none; max-width:min(280px,70vw); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border:1px solid #dce1d5; border-radius:999px; background:#fff; }
.operator-inbox-filters .button[aria-pressed="true"] { background:#d1f77d; border-color:#a9d456; color:#172019; }
.operator-inbox-filters .button:focus-visible { outline:3px solid #578b2d; outline-offset:2px; }
.operator-message-layout { display:grid; grid-template-columns:minmax(260px,330px) minmax(0,1fr); min-height:610px; margin-top:0; overflow:hidden; border:1px solid #dce1d5; border-radius:24px; background:#fff; box-shadow:0 16px 38px #1a2b1410; }
.operator-message-layout [hidden] { display:none !important; }
.operator-inbox-rail { min-width:0; border-right:1px solid #e0e6d9; background:#f8faf5; }
.operator-inbox-rail-head { display:flex; align-items:baseline; justify-content:space-between; gap:10px; padding:18px 18px 6px; }
.operator-inbox-rail-head h3 { margin:0; font-size:19px; letter-spacing:-.03em; }
.operator-inbox-search { display:grid; gap:6px; padding:8px 14px 14px; font-size:12px; font-weight:700; color:#4b5b46; }
.operator-inbox-search input { width:100%; min-width:0; padding:10px 13px; border:1px solid #d2dbc9; border-radius:13px; background:#fff; font:inherit; font-size:14px; }
.operator-inbox-clients { max-height:630px; overflow-y:auto; padding:0 8px 12px; scrollbar-width:thin; }
.operator-inbox-client { display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:start; gap:10px; width:100%; min-height:92px; padding:13px 10px; border:0; border-bottom:1px solid #e8ede3; border-radius:12px; background:transparent; color:#1b2519; text-align:left; cursor:pointer; }
.operator-inbox-client:hover { background:#eff4e9; }
.operator-inbox-client.is-online { background:#f0f8e6; }
.operator-inbox-client.is-waiting { box-shadow:inset 4px 0 #8dc53d; }
.operator-inbox-client.is-selected { background:#e9f5d5; box-shadow:inset 3px 0 #9ccc5e; }
.operator-inbox-client.is-unread .operator-inbox-client-top strong { font-weight:800; }
.operator-inbox-avatar { display:grid; place-items:center; width:38px; height:38px; flex:none; border-radius:13px; background:#21301f; color:#d4fa8d; font-size:16px; font-weight:800; text-transform:uppercase; }
.operator-inbox-client-copy { display:grid; min-width:0; gap:3px; }
.operator-inbox-client-top { display:flex; align-items:baseline; justify-content:space-between; min-width:0; gap:7px; }
.operator-inbox-client-top strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
.operator-inbox-client-top time { flex:none; color:#657261; font-size:10px; font-weight:600; }
.operator-inbox-source { overflow:hidden; color:#45573e; font-size:11px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.operator-inbox-preview { overflow:hidden; color:#687665; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.operator-inbox-presence { color:#6e766b; font-size:10px; }
.operator-inbox-presence.is-online { color:#316d35; font-weight:700; }
.operator-online-summary { margin:5px 14px 8px; padding:10px 12px; border-radius:12px; background:#e7f7cf; color:#28532b; font-size:12px; font-weight:750; }
.operator-inbox-presence-filters { display:flex; gap:5px; overflow-x:auto; padding:0 10px 5px; }
.operator-inbox-presence-filters .button { flex:none; padding:6px 8px; border-radius:999px; font-size:11px; }
.operator-inbox-presence-filters .button[aria-pressed="true"] { background:#d1f77d; color:#172019; }
.operator-read-receipt { color:#58714a; font-size:10px; }
.operator-refusal-preview { display:grid; gap:10px; margin:12px 0; padding:14px; border:1px solid #d7c9bd; border-radius:14px; background:#fff9f4; }
.operator-refusal-preview[hidden] { display:none; }
.operator-refusal-preview textarea { width:100%; min-height:140px; resize:vertical; }
.operator-inbox-unread,.operator-inbox-channel-unread { display:grid; place-items:center; min-width:22px; height:22px; padding:0 5px; border-radius:999px; background:#c7f37d; color:#172019; font-size:11px; font-weight:800; font-variant-numeric:tabular-nums; }
.operator-inbox-list-empty { margin:14px; color:#62705c; font-size:13px; }
.operator-inbox-detail { display:grid; grid-template-rows:auto auto minmax(0,1fr); min-width:0; background:#fff; }
.operator-inbox-client-head { display:flex; align-items:center; gap:12px; min-width:0; padding:16px 20px; border-bottom:1px solid #e8ede3; }
.operator-inbox-client-head .operator-inbox-avatar { width:42px; height:42px; }
.operator-inbox-client-name { display:grid; gap:2px; min-width:0; margin-right:auto; }
.operator-inbox-client-name strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; }
.operator-inbox-client-name small { color:#657261; font-size:11px; }
.operator-inbox-client-name small { display:flex; flex-wrap:wrap; gap:2px 9px; }
#operator-inbox-back { display:none; }
.operator-inbox-channels { display:flex; gap:7px; min-width:0; overflow-x:auto; padding:10px 16px; border-bottom:1px solid #e8ede3; scrollbar-width:thin; }
.operator-inbox-channel { display:flex; align-items:center; gap:8px; flex:0 0 auto; max-width:230px; min-height:38px; padding:7px 12px; border:1px solid #dce5d2; border-radius:12px; background:#f7f9f3; color:#344330; font-size:12px; cursor:pointer; }
.operator-inbox-channel strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.operator-inbox-channel:hover { background:#eff5e7; }
.operator-inbox-channel.is-active { border-color:#a7d268; background:#dcf7ad; color:#182518; }
.operator-inbox-channel-unread { min-width:19px; height:19px; font-size:10px; }
.operator-inbox-empty { display:grid; place-items:center; min-height:340px; padding:24px; color:#657361; text-align:center; font-size:14px; }
.operator-inbox-thread { display:grid; grid-template-rows:auto minmax(170px,1fr) auto; min-width:0; min-height:460px; padding:16px 20px 20px; }
.operator-inbox-thread .message-thread { min-height:170px; max-height:390px; margin:12px 0; }
.operator-inbox-thread #operator-message-form { padding-top:12px; border-top:1px solid #e8ede3; }
.operator-inbox-thread #operator-message-form textarea { min-height:72px; }
.operator-message-layout :focus-visible { outline:3px solid #578b2d; outline-offset:2px; }
@media(max-width:760px) {
  .operator-message-layout { display:block; min-height:520px; }
  .operator-message-layout:not(.has-client) .operator-inbox-detail { display:none; }
  .operator-message-layout.has-client .operator-inbox-rail { display:none; }
  .operator-inbox-rail { border-right:0; }
  .operator-inbox-clients { max-height:none; }
  .operator-inbox-client-head { flex-wrap:wrap; padding:12px; }
  #operator-inbox-back { display:inline-flex; width:100%; justify-content:flex-start; padding:5px 0; }
  .operator-inbox-client-name strong { font-size:13px; }
  .operator-inbox-client-head > .button:last-child { padding:7px 9px; font-size:11px; }
  .operator-inbox-thread { padding:12px; min-height:440px; }
  .operator-inbox-thread .message-thread { max-height:42vh; }
}
.survey-editor { margin: 28px 0; }
.survey-editor-head { display:flex; justify-content:space-between; gap:24px; align-items:flex-start; }
.survey-editor-head h2 { margin:4px 0 8px; }
.survey-editor-head p { max-width:650px; }
.survey-editor-actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.survey-editor-layout { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr); gap:16px; align-items:start; }
.survey-editor-layers { display:grid; gap:10px; max-height:75vh; overflow:auto; padding:4px; }
.survey-lane { padding:12px; border:1px solid #d7dfc9; border-radius:16px; background:#f8faef; }
.survey-lane h3 { margin:0 0 8px; font-size:14px; }
.survey-lane-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:8px; }
.survey-node { display:grid; gap:5px; text-align:left; padding:12px; border:1px solid #cdd7bb; border-radius:12px; background:#fff; cursor:grab; min-width:0; }
.survey-node strong { font-size:13px; line-height:1.3; overflow-wrap:anywhere; }
.survey-node small { color:#52614d; }
.survey-node-code { color:#4b7024; font-size:11px; font-weight:800; }
.directory-payout-pending { display:grid; gap:4px; padding:12px; margin:10px 0; border:1px solid #ad6900; border-radius:12px; background:#fff3d6; color:#593700; }
.directory-payout-pending small { color:inherit; }
.survey-node.is-selected { border-color:#5b9223; box-shadow:0 0 0 2px #cafa84; }
.survey-node:focus-visible { outline:3px solid #5b9223; outline-offset:2px; }
.survey-editor-detail { position:sticky; top:12px; display:grid; gap:12px; max-height:75vh; overflow:auto; padding:18px; border:1px solid #d7dfc9; border-radius:16px; background:#fff; }
.survey-editor-detail h3,.survey-editor-detail h4 { margin:0; }
.survey-edit-field { display:grid; gap:5px; font-size:13px; font-weight:700; }
.survey-edit-field input,.survey-edit-field textarea,.survey-edit-field select { width:100%; min-width:0; padding:9px; border:1px solid #aebca4; border-radius:9px; background:#fff; font:inherit; }
.survey-edit-field textarea { min-height:75px; resize:vertical; }
@media(max-width:850px) { .survey-editor-head { display:block; } .survey-editor-actions { justify-content:flex-start; } .survey-editor-layout { grid-template-columns:1fr; } .survey-editor-layers { max-height:55vh; } .survey-editor-detail { position:static; max-height:none; } }
.operator-folder-create,.operator-folder-edit,.operator-folder-move{display:flex;flex-wrap:wrap;align-items:end;gap:.65rem}
.operator-folder-create label,.operator-folder-edit label,.operator-folder-move label{display:grid;gap:.25rem;min-width:12rem;flex:1}
.operator-folder-move select,.operator-folder-create select,.operator-folder-create input,.operator-folder-edit input{width:100%;max-width:24rem}
.operator-folder-person{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;padding:.8rem 0;border-top:1px solid #dce3d2}
.operator-folder-person>strong{min-width:13rem;overflow-wrap:anywhere}
.operator-folder-card summary{cursor:pointer;font-weight:700}