/* Admin JB 3-menu + Worker compact lifecycle — 2026-06-25 */
.jbo-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:760px}

/* Worker Center */
.worker-center .container{max-width:1180px}.worker-center .worker-hero-card{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:20px!important;border-radius:22px!important;background:var(--card,#0f1a2b)!important;border:1px solid var(--line,rgba(148,163,184,.15))!important;box-shadow:0 14px 34px rgba(2,6,23,.16)!important}.worker-center .worker-hero-card h1{font-size:clamp(25px,4vw,38px)!important;line-height:1.08!important;margin:5px 0 8px!important}.worker-center .worker-hero-card p{max-width:720px!important;margin:0!important;color:var(--muted,#9fb0c7)!important}.worker-center .worker-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:14px 0!important}.worker-center .worker-stats>div{min-height:92px!important;padding:14px!important;border-radius:17px!important;background:var(--card,#0f1a2b)!important;border:1px solid var(--line,rgba(148,163,184,.15))!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.worker-center .worker-stats>div>a{display:flex!important;flex-direction:column!important;justify-content:center!important;height:100%!important;text-decoration:none!important;color:inherit!important}.worker-center .worker-stats b{font-size:20px!important;line-height:1.15!important;margin:0 0 6px!important}.worker-center .worker-stats span{font-size:12px!important;color:var(--muted,#9fb0c7)!important}.worker-center .worker-grid{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr)!important;gap:14px!important}.worker-center .worker-card{padding:16px!important;border-radius:19px!important;background:var(--card,#0f1a2b)!important;border:1px solid var(--line,rgba(148,163,184,.15))!important;box-shadow:none!important}.worker-center .worker-card h2{font-size:18px!important;margin:0 0 10px!important}.worker-center .worker-job-card{display:grid!important;grid-template-columns:auto 1fr!important;column-gap:10px!important;row-gap:4px!important;padding:12px!important;margin:0 0 8px!important;border-radius:15px!important;background:var(--soft,#132238)!important;border:1px solid var(--line,rgba(148,163,184,.13))!important}.worker-center .worker-job-card .badge{grid-row:1/4;align-self:start!important;padding:5px 8px!important;font-size:11px!important}.worker-center .worker-job-card b{font-size:14px!important;margin:0!important}.worker-center .worker-job-card small{font-size:11px!important;line-height:1.45!important}.worker-job-date{color:var(--muted,#9fb0c7)!important;font-size:10px!important}.worker-see-all{margin-top:10px!important;width:100%!important}.worker-center .worker-checks{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.worker-center .worker-checks label{min-height:42px!important;padding:8px 10px!important;border-radius:12px!important;font-size:12px!important;background:var(--soft,#132238)!important;border:1px solid var(--line,rgba(148,163,184,.13))!important}

/* Worker order lists */
.worker-order-tabs{display:flex;gap:8px;margin:12px 0 18px}.worker-order-tabs a{padding:10px 14px;border:1px solid var(--line);border-radius:12px}.worker-order-tabs a.active{background:rgba(37,99,235,.16);border-color:#2563eb}.worker-order-list{display:grid;gap:10px}.worker-order-row{display:flex;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.worker-order-row>div{display:grid;gap:5px}.worker-order-meta{text-align:right;justify-items:end}.worker-order-row small{color:var(--muted)}

/* Compact completion marks — fixes oversized green check */
.worker-job-page .done-card{padding:18px!important;border-radius:18px!important;text-align:center!important}.worker-job-page .done-check,.worker-job-page .worker-done-check{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;font-size:21px!important;line-height:1!important;margin:0 auto 10px!important;border-radius:50%!important;box-shadow:0 8px 18px rgba(34,197,94,.18)!important;animation:none!important}.worker-job-page .done-card h2{font-size:20px!important;margin:4px 0!important}.worker-job-page .done-card p{font-size:12px!important;margin:4px 0 12px!important}.worker-job-page .step-check,.worker-job-page .jb-step.done i,.worker-job-page .workflow-step.done i{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;font-size:10px!important}.worker-job-page .worker-flow-strip{gap:6px!important}.worker-job-page .worker-flow-step{padding:7px 9px!important;border-radius:11px!important;font-size:11px!important}.worker-job-page .worker-flow-step.done::before{width:16px!important;height:16px!important;font-size:9px!important}.worker-job-page .worker-stepper.slim span b{width:19px!important;height:19px!important;min-width:19px!important;font-size:10px!important;border-radius:7px!important}

/* Worker wallet */
.worker-wallet-page{max-width:1160px}.worker-wallet-head{margin-bottom:14px!important}.worker-wallet-head h1{margin:5px 0!important}.worker-wallet-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:12px;margin-bottom:12px}.worker-wallet-balance,.worker-wallet-current{display:grid;gap:6px;padding:20px;border-radius:20px;background:var(--card,#0f1a2b);border:1px solid var(--line,rgba(148,163,184,.15))}.worker-wallet-balance{border-color:rgba(37,99,235,.38);background:#10254a}.worker-wallet-balance span,.worker-wallet-current span{font-size:12px;font-weight:800;color:#a9bde0}.worker-wallet-balance strong{font-size:clamp(27px,5vw,42px);line-height:1.05;color:#fff}.worker-wallet-balance small,.worker-wallet-current small{color:var(--muted,#9fb0c7);line-height:1.45}.worker-wallet-current b{font-size:18px}.worker-wallet-current.pending{border-color:rgba(245,158,11,.3);background:rgba(120,71,8,.16)}.worker-wallet-current.clear{border-color:rgba(34,197,94,.22)}
.worker-wallet-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.worker-wallet-stats article{display:grid;gap:5px;padding:14px;border-radius:16px;background:var(--card,#0f1a2b);border:1px solid var(--line,rgba(148,163,184,.15))}.worker-wallet-stats span{font-size:11px;font-weight:800;color:var(--muted,#9fb0c7)}.worker-wallet-stats b{font-size:16px;line-height:1.25}.worker-wallet-stats small{font-size:10px;color:var(--muted,#9fb0c7)}
.worker-wallet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.worker-wallet-card{padding:17px;border-radius:19px;background:var(--card,#0f1a2b);border:1px solid var(--line,rgba(148,163,184,.15));box-shadow:none}.worker-wallet-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.worker-wallet-card-head>div{display:flex;align-items:center;gap:9px}.worker-wallet-card-head h2{font-size:18px;margin:0}.wallet-step{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#2563eb;color:#fff;font-size:12px;font-weight:900}.wallet-chip{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:rgba(148,163,184,.1);border:1px solid var(--line,rgba(148,163,184,.15));font-size:10px;font-weight:900;white-space:nowrap}.wallet-chip.ready{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.24);color:#86efac}.wallet-chip.locked{background:rgba(245,158,11,.11);border-color:rgba(245,158,11,.23);color:#fbbf24}.wallet-notice{display:grid;gap:3px;padding:11px 12px;margin-bottom:12px;border-radius:13px;border:1px solid var(--line,rgba(148,163,184,.15));font-size:11px}.wallet-notice span{color:var(--muted,#9fb0c7);line-height:1.45}.wallet-notice.ok{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.2)}.wallet-notice.warn{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.2)}.wallet-notice.info{background:rgba(37,99,235,.09);border-color:rgba(37,99,235,.22)}.wallet-form{display:grid;gap:8px}.wallet-form label{font-size:11px;font-weight:850;color:var(--muted,#9fb0c7)}.wallet-form .input,.wallet-form textarea{min-height:42px!important;padding:10px 11px!important;border-radius:12px!important;font-size:13px!important}.wallet-form textarea{min-height:76px!important}.wallet-amount-field{display:grid;grid-template-columns:auto 1fr;align-items:center;overflow:hidden;border:1px solid var(--line,rgba(148,163,184,.18));border-radius:14px;background:var(--soft,#132238)}.wallet-amount-field span{padding:0 12px;font-weight:900;color:#93c5fd}.wallet-amount-field input{width:100%;min-height:48px;border:0;background:transparent;color:var(--text,#fff);font-size:20px;font-weight:900;outline:0}.wallet-quick-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.wallet-quick-row button{min-height:34px;padding:6px;border-radius:10px;border:1px solid var(--line,rgba(148,163,184,.15));background:var(--soft,#132238);color:var(--text,#fff);font-size:10px;font-weight:850;cursor:pointer}.wallet-submit{width:100%;margin-top:3px}.wallet-help{font-size:12px;color:var(--muted,#9fb0c7);line-height:1.5;margin:-2px 0 12px}
.worker-wallet-history{margin-bottom:12px}.wallet-history-list{display:grid;gap:8px}.wallet-history-item{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,.55fr) minmax(150px,.55fr);align-items:center;gap:12px;padding:12px;border-radius:14px;background:var(--soft,#132238);border:1px solid var(--line,rgba(148,163,184,.13))}.wallet-history-main{display:flex;align-items:center;gap:10px}.wallet-history-id{display:grid;place-items:center;min-width:43px;height:34px;padding:0 7px;border-radius:10px;background:rgba(37,99,235,.15);color:#93c5fd;font-size:11px;font-weight:900}.wallet-history-main div,.wallet-history-status,.wallet-history-proof{display:grid;gap:3px}.wallet-history-main b{font-size:15px}.wallet-history-item small,.wallet-history-proof span{font-size:10px;color:var(--muted,#9fb0c7)}.wallet-history-status{justify-items:start}.wallet-history-proof{justify-items:end;text-align:right}.worker-wallet-page .jb-tag{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(148,163,184,.12);font-size:10px;font-weight:900}.worker-wallet-page .jb-tag.paid{background:rgba(34,197,94,.12);color:#86efac}.worker-wallet-page .jb-tag.requested,.worker-wallet-page .jb-tag.processing{background:rgba(245,158,11,.12);color:#fbbf24}.worker-wallet-page .jb-tag.rejected{background:rgba(239,68,68,.12);color:#fca5a5}.worker-wallet-ledger summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}.worker-wallet-ledger summary span{font-size:11px;color:var(--muted,#9fb0c7)}

@media(max-width:900px){.worker-center .worker-grid,.worker-wallet-grid,.worker-wallet-hero{grid-template-columns:1fr!important}.worker-wallet-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-history-item{grid-template-columns:1fr 1fr}.wallet-history-proof{grid-column:1/-1;justify-items:start;text-align:left}}
@media(max-width:720px){.jbo-tabs{grid-template-columns:repeat(3,minmax(92px,1fr))!important;overflow:auto}.worker-order-row{display:grid}.worker-order-meta{text-align:left;justify-items:start}.worker-center .worker-hero-card{display:grid!important;padding:15px!important}.worker-center .worker-hero-card .btn{width:100%!important}.worker-center .worker-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.worker-center .worker-stats>div{min-height:78px!important;padding:11px!important}.worker-center .worker-stats b{font-size:16px!important}.worker-center .worker-card{padding:13px!important}.worker-center .worker-checks{grid-template-columns:1fr!important}.worker-job-page .done-check,.worker-job-page .worker-done-check{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;font-size:19px!important}.worker-wallet-page{padding-bottom:8px}.worker-wallet-head{display:grid!important;gap:10px!important}.worker-wallet-head .btn{width:100%!important}.worker-wallet-balance,.worker-wallet-current{padding:15px;border-radius:17px}.worker-wallet-balance strong{font-size:29px}.worker-wallet-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.worker-wallet-stats article{padding:11px}.worker-wallet-card{padding:13px;border-radius:17px}.worker-wallet-card-head{align-items:flex-start}.worker-wallet-card-head h2{font-size:16px}.wallet-quick-row{grid-template-columns:1fr}.wallet-quick-row button{min-height:36px}.wallet-history-item{grid-template-columns:1fr;gap:8px}.wallet-history-status,.wallet-history-proof{justify-items:start;text-align:left}.wallet-history-proof{grid-column:auto}.worker-wallet-page .btn.tiny{width:auto!important}.worker-wallet-ledger{overflow:hidden}}


/* Worker compact controls v3 — small ON/OFF chips, no oversized checks */
.jb-app .worker-checks.worker-skill-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:8px 0 12px!important}
.jb-app .worker-checks.worker-skill-grid .worker-skill-option{position:relative!important;display:block!important;min-height:0!important;padding:0!important;border:0!important;border-radius:12px!important;background:transparent!important;cursor:pointer!important;overflow:visible!important}
.jb-app .worker-checks.worker-skill-grid .worker-skill-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;margin:0!important}
.jb-app .worker-checks.worker-skill-grid .worker-skill-ui{display:grid!important;grid-template-columns:8px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;min-height:38px!important;padding:7px 9px!important;border:1px solid var(--line,rgba(148,163,184,.16))!important;border-radius:11px!important;background:var(--soft,#132238)!important;color:var(--text,#f8fafc)!important;transition:border-color .16s ease,background .16s ease,transform .16s ease!important}
.jb-app .worker-checks.worker-skill-grid .worker-skill-dot{display:block!important;width:8px!important;height:8px!important;border-radius:999px!important;background:#64748b!important;box-shadow:0 0 0 3px rgba(100,116,139,.13)!important}
.jb-app .worker-checks.worker-skill-grid .worker-skill-name{min-width:0!important;font-size:11px!important;line-height:1.25!important;font-weight:800!important;white-space:normal!important;overflow-wrap:anywhere!important}
.jb-app .worker-checks.worker-skill-grid .worker-skill-state{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:30px!important;height:20px!important;padding:0 6px!important;border-radius:999px!important;background:rgba(148,163,184,.11)!important;color:var(--muted,#9fb0c7)!important;font-size:0!important;font-weight:900!important;letter-spacing:.02em!important}
.jb-app .worker-checks.worker-skill-grid .worker-skill-state::after{content:'OFF';font-size:8px!important}
.jb-app .worker-checks.worker-skill-grid .worker-skill-input:checked + .worker-skill-ui{border-color:rgba(37,99,235,.55)!important;background:rgba(37,99,235,.12)!important;color:#dbeafe!important}
.jb-app .worker-checks.worker-skill-grid .worker-skill-input:checked + .worker-skill-ui .worker-skill-dot{background:#3b82f6!important;box-shadow:0 0 0 3px rgba(59,130,246,.17)!important}
.jb-app .worker-checks.worker-skill-grid .worker-skill-input:checked + .worker-skill-ui .worker-skill-state{background:#2563eb!important;color:#fff!important}
.jb-app .worker-checks.worker-skill-grid .worker-skill-input:checked + .worker-skill-ui .worker-skill-state::after{content:'ON'}
.jb-app .worker-checks.worker-skill-grid .worker-skill-input:focus-visible + .worker-skill-ui{outline:2px solid #60a5fa!important;outline-offset:2px!important}
.jb-app .worker-checks.worker-skill-grid .worker-skill-option:active .worker-skill-ui{transform:scale(.985)!important}
.worker-center .worker-card h3,.jb-shell .jb-card .worker-skill-grid~h3{font-size:13px!important;line-height:1.3!important;margin:12px 0 5px!important}

/* Completed job is a compact status row instead of a giant celebration card */
.worker-job-page .done-card.worker-done-compact{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:12px!important;border-radius:14px!important;text-align:left!important;background:rgba(34,197,94,.08)!important;border:1px solid rgba(34,197,94,.24)!important}
.worker-job-page .worker-done-compact .done-check{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;margin:0!important;border-radius:9px!important;background:#16a34a!important;color:#fff!important;font-size:14px!important;font-weight:950!important;line-height:1!important;box-shadow:none!important;animation:none!important}
.worker-job-page .worker-done-compact .done-copy{min-width:0!important}
.worker-job-page .worker-done-compact h2{font-size:14px!important;line-height:1.2!important;margin:0 0 2px!important;letter-spacing:0!important}
.worker-job-page .worker-done-compact p{font-size:10px!important;line-height:1.35!important;margin:0!important;color:var(--muted,#9fb0c7)!important}
.worker-job-page .worker-done-compact .btn{width:auto!important;min-height:32px!important;padding:6px 9px!important;border-radius:9px!important;font-size:10px!important;white-space:nowrap!important}
.worker-job-page .worker-action-card>h2{font-size:clamp(17px,3.5vw,21px)!important;line-height:1.2!important}
.worker-job-page .worker-action-card>p{font-size:12px!important;line-height:1.5!important}
.worker-job-page .worker-flow-step{font-size:9px!important;padding:6px 8px!important;border-radius:9px!important}

@media(max-width:720px){
  .jb-app .worker-checks.worker-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .jb-app .worker-checks.worker-skill-grid .worker-skill-ui{min-height:36px!important;padding:6px 8px!important;gap:7px!important}
  .jb-app .worker-checks.worker-skill-grid .worker-skill-name{font-size:10px!important}
  .jb-app .worker-checks.worker-skill-grid .worker-skill-state{min-width:28px!important;height:18px!important;padding:0 5px!important}
  .jb-app .worker-checks.worker-skill-grid .worker-skill-state::after{font-size:7px!important}
  .worker-job-page .done-card.worker-done-compact{grid-template-columns:auto minmax(0,1fr)!important;padding:10px!important;gap:8px!important}
  .worker-job-page .worker-done-compact .btn{grid-column:1/-1!important;width:100%!important;margin-top:2px!important}
  .worker-job-page .worker-done-compact .done-check{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;font-size:13px!important}
}
@media(max-width:390px){
  .jb-app .worker-checks.worker-skill-grid{grid-template-columns:1fr!important}
}

/* 2026-06-25: automatic seller payout 60/40 */
.seller-payout-auto{display:grid;gap:9px;padding:15px;margin:12px 0;border:1px solid rgba(37,99,235,.26);border-radius:17px;background:rgba(37,99,235,.07)}
.seller-payout-auto.hold{border-color:rgba(245,158,11,.25);background:rgba(245,158,11,.065)}
.seller-payout-auto h3{margin:0!important;font-size:17px!important;line-height:1.3!important}
.seller-payout-auto p{margin:0!important;color:var(--muted,#9fb0c7)!important;font-size:12px!important;line-height:1.55!important}
.seller-payout-badge{display:inline-flex;width:max-content;align-items:center;min-height:25px;padding:5px 9px;border-radius:999px;background:rgba(34,197,94,.13);border:1px solid rgba(34,197,94,.23);color:#86efac;font-size:10px;font-weight:900;letter-spacing:.02em;text-transform:uppercase}
.seller-payout-auto.hold .seller-payout-badge{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.22);color:#fbbf24}
.seller-payout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:3px}
.seller-payout-grid>div{display:grid;gap:4px;min-width:0;padding:10px;border:1px solid var(--line,rgba(148,163,184,.14));border-radius:13px;background:rgba(148,163,184,.045)}
.seller-payout-grid span{color:var(--muted,#9fb0c7);font-size:10px;font-weight:800;line-height:1.35}
.seller-payout-grid b{font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.seller-transfer-destination{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border-radius:13px;background:rgba(2,6,23,.18);border:1px solid var(--line,rgba(148,163,184,.14))}
.seller-transfer-destination>div{display:grid;gap:3px;min-width:0}.seller-transfer-destination span,.seller-transfer-destination small{font-size:10px;color:var(--muted,#9fb0c7)}.seller-transfer-destination b,.seller-transfer-destination code{overflow-wrap:anywhere}
@media(max-width:520px){.seller-payout-auto{padding:13px;border-radius:15px}.seller-payout-grid{grid-template-columns:1fr 1fr}.seller-payout-grid>div{padding:9px}.seller-payout-grid b{font-size:13px}.seller-transfer-destination{grid-template-columns:1fr}}
@media(max-width:360px){.seller-payout-grid{grid-template-columns:1fr}}

/* Worker bind verification & clarification flow — 2026-06-25 */
.worker-bind-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.worker-bind-result{display:flex;flex-direction:column;gap:9px;min-width:0;padding:15px;border:1px solid var(--line,rgba(148,163,184,.18));border-radius:16px;background:rgba(15,23,42,.38)}
.worker-bind-result.ok{border-color:rgba(34,197,94,.32);background:rgba(34,197,94,.06)}
.worker-bind-result.warn{border-color:rgba(245,158,11,.34);background:rgba(245,158,11,.07)}
.worker-bind-result h3{font-size:17px!important;line-height:1.2!important;margin:0!important}
.worker-bind-result p{font-size:13px!important;line-height:1.45!important;margin:0!important;color:var(--muted,#9fb0c7)!important}
.worker-bind-result textarea,.worker-bind-response-form textarea{width:100%;min-height:90px;resize:vertical;border:1px solid var(--line,rgba(148,163,184,.2));border-radius:12px;background:var(--input,#091322);color:inherit;padding:11px 12px;font:inherit}
.worker-bind-response-form{display:grid;gap:10px;margin-top:12px}
.worker-note-box{padding:12px 13px;border:1px solid var(--line,rgba(148,163,184,.18));border-radius:13px;background:rgba(148,163,184,.07);font-size:13px;line-height:1.55}
@media(max-width:640px){.worker-bind-result-grid{grid-template-columns:1fr}.worker-bind-result{padding:13px}.worker-bind-result .btn{width:100%;min-height:42px;font-size:13px!important}}