/* ── Waste Connections Corporate Theme ──────────────────────
   Light corporate utility style with green-based palette
   aligned to Waste Connections brand identity.
   Include AFTER base styles to override dark theme.
   ─────────────────────────────────────────────────────────── */

/* ── CSS Variables Override ── */
.wc-env{
  --wc-green:#006B3F;
  --wc-green-dark:#004d2d;
  --wc-green-light:#e8f5ee;
  --wc-green-medium:#2d8a4e;
  --wc-green-accent:#4ade80;
  --wc-bg:#f5f7f9;
  --wc-panel:#ffffff;
  --wc-text:#1a1a2e;
  --wc-muted:#6b7280;
  --wc-border:#e2e5ea;
  --wc-border-light:#f0f1f3;
  --wc-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);
  --wc-shadow-md:0 4px 12px rgba(0,0,0,.08);
  --r:12px;
  background:var(--wc-bg);
  color:var(--wc-text);
  min-height:100vh
}

/* ── Navigation ── */
.wc-env .nav{background:var(--wc-panel);border-bottom:1px solid var(--wc-border);box-shadow:0 1px 2px rgba(0,0,0,.04)}
.wc-env .nav-inner{max-width:1140px;margin:0 auto}
.wc-env .brand b{color:var(--wc-text)}
.wc-env .brand span{color:var(--wc-muted)}
.wc-env .menu a{color:var(--wc-muted);font-size:12px}
.wc-env .menu a:hover{color:var(--wc-green)}
.wc-env .btn.primary{background:var(--wc-green);border-color:var(--wc-green);color:#fff}
.wc-env .btn.primary:hover{background:var(--wc-green-dark);border-color:var(--wc-green-dark)}

/* ── WC Division Selector Bar ── */
.wc-env .wc-division-bar{background:var(--wc-panel);border-bottom:1px solid var(--wc-border)}
.wc-env .wc-division-selector{border-bottom:none;margin-bottom:0}
.wc-env .wc-division-label{color:var(--wc-muted)}
.wc-env .wc-division-btn{border:1px solid var(--wc-border);color:var(--wc-muted);background:transparent}
.wc-env .wc-division-btn:hover{border-color:var(--wc-green);color:var(--wc-green)}
.wc-env .wc-division-btn.active{background:var(--wc-green-light);border-color:var(--wc-green);color:var(--wc-green)}

/* ── Partner Header ── */
.wc-env .partner-header{padding:24px 0 18px;border-bottom:1px solid var(--wc-border);background:var(--wc-panel)}
.wc-env .partner-logo{background:linear-gradient(135deg,var(--wc-green-light),rgba(0,107,63,.08));border:2px solid var(--wc-green);color:var(--wc-green)}
.wc-env .partner-meta h1{color:var(--wc-text);font-size:26px}
.wc-env .partner-meta .tagline{color:var(--wc-muted)}
.wc-env .partner-badge{border:1px solid rgba(0,107,63,.25);color:var(--wc-green);background:var(--wc-green-light);font-size:11px}
.wc-env .partner-badge svg{color:var(--wc-green)}
.wc-env .sw-intro-meta span{border:1px solid var(--wc-border);background:var(--wc-bg);color:var(--wc-muted)}
.wc-env .sw-intro-meta strong{color:var(--wc-text)}
.wc-env .portal-breadcrumb{color:var(--wc-muted)}
.wc-env .portal-breadcrumb a{color:var(--wc-green)}
.wc-env .portal-breadcrumb a:hover{color:var(--wc-green-dark)}
.wc-env .portal-breadcrumb .sep{opacity:.4;color:var(--wc-muted)}

/* ── Section Helpers ── */
.wc-env .section{padding:24px 0}
.wc-env .kicker{color:var(--wc-green);font-weight:700}
.wc-env .section-header-row .section-stat{color:var(--wc-muted)}
.wc-env .section-header-row .section-stat strong{color:var(--wc-text)}
.wc-env .section-divider{border-top-color:var(--wc-border)}

/* ── HQ Stats Grid ── */
.wc-env .hq-stats{gap:14px}
.wc-env .hq-stat{background:var(--wc-panel);border:1px solid var(--wc-border);box-shadow:var(--wc-shadow);border-radius:var(--r)}
.wc-env .hq-stat::before{background:linear-gradient(90deg,rgba(0,107,63,.2),var(--wc-green),rgba(0,107,63,.2))}
.wc-env .hq-stat:hover{border-color:rgba(0,107,63,.35);transform:translateY(-1px);box-shadow:var(--wc-shadow-md)}
.wc-env .hq-stat-value{color:var(--wc-text)}
.wc-env .hq-stat-label{color:var(--wc-muted)}
.wc-env .hq-stat-trend{color:var(--wc-green)}

/* ── Status Pipeline ── */
.wc-env .hq-pipeline-stage{background:var(--wc-panel);border:1px solid var(--wc-border);box-shadow:var(--wc-shadow)}
.wc-env .hq-pipeline-stage.requested::before{background:var(--wc-green)}
.wc-env .hq-pipeline-stage.scheduled::before{background:#0ea5e9}
.wc-env .hq-pipeline-stage.dispatched::before{background:#f59e0b}
.wc-env .hq-pipeline-stage.completed::before{background:#22c55e}
.wc-env .hq-pipeline-num{color:var(--wc-text)}
.wc-env .hq-pipeline-label{color:var(--wc-muted)}
.wc-env .hq-pipeline-detail{color:var(--wc-green)}

/* ── Division Cards ── */
.wc-env .division-card{background:var(--wc-panel);border:1px solid var(--wc-border);box-shadow:var(--wc-shadow)}
.wc-env .division-card:hover{border-color:rgba(0,107,63,.35);box-shadow:var(--wc-shadow-md);transform:translateY(-1px)}
.wc-env .division-card h3{color:var(--wc-text)}
.wc-env .division-card p{color:var(--wc-muted)}
.wc-env .division-card-badge.active{background:var(--wc-green-light);color:var(--wc-green);border:1px solid rgba(0,107,63,.3)}
.wc-env .division-card-stat-val{color:var(--wc-text)}
.wc-env .division-card-stat-label{color:var(--wc-muted)}
.wc-env .division-card-link{color:var(--wc-green)}

/* ── Region Cards ── */
.wc-env .region-card{background:var(--wc-panel);border:1px solid var(--wc-border);box-shadow:var(--wc-shadow)}
.wc-env .region-card:hover{border-color:rgba(0,107,63,.3)}
.wc-env .region-card h4{color:var(--wc-text)}
.wc-env .region-card p{color:var(--wc-muted)}
.wc-env .region-card-stats{color:var(--wc-muted)}
.wc-env .region-card-stats strong{color:var(--wc-text)}

/* ── Performance Grid ── */
.wc-env .perf-card{background:var(--wc-panel);border:1px solid var(--wc-border);box-shadow:var(--wc-shadow)}
.wc-env .perf-card::before{background:linear-gradient(90deg,rgba(0,107,63,.2),var(--wc-green),rgba(0,107,63,.2))}
.wc-env .perf-value{color:var(--wc-text)}
.wc-env .perf-label{color:var(--wc-muted)}
.wc-env .perf-detail{color:var(--wc-green)}

/* ── Activity Feed ── */
.wc-env .hq-activity-item{background:var(--wc-panel);border:1px solid var(--wc-border)}
.wc-env .hq-activity-item:hover{border-color:rgba(0,107,63,.25)}
.wc-env .hq-activity-body p{color:var(--wc-text)}
.wc-env .hq-activity-body time{color:var(--wc-muted)}
.wc-env .hq-activity-body .hq-activity-division{color:var(--wc-green)}
.wc-env .hq-activity-label.dispatch{background:rgba(245,158,11,.08);color:#d97706;border-color:rgba(245,158,11,.25)}
.wc-env .hq-activity-label.request{background:var(--wc-green-light);color:var(--wc-green);border-color:rgba(0,107,63,.25)}
.wc-env .hq-activity-label.alert{background:rgba(239,68,68,.06);color:#dc2626;border-color:rgba(239,68,68,.2)}
.wc-env .hq-activity-label.update{background:rgba(14,165,233,.06);color:#0284c7;border-color:rgba(14,165,233,.2)}
.wc-env .hq-activity-label.complete{background:rgba(34,197,94,.06);color:#16a34a;border-color:rgba(34,197,94,.2)}

/* ── Division Activity (used on division page) ── */
.wc-env .div-activity-item{background:var(--wc-panel);border:1px solid var(--wc-border)}
.wc-env .div-activity-item:hover{border-color:rgba(0,107,63,.25)}
.wc-env .div-activity-body p{color:var(--wc-text)}
.wc-env .div-activity-body time{color:var(--wc-muted)}
.wc-env .div-activity-label.dispatch{background:rgba(245,158,11,.08);color:#d97706;border-color:rgba(245,158,11,.25)}
.wc-env .div-activity-label.request{background:var(--wc-green-light);color:var(--wc-green);border-color:rgba(0,107,63,.25)}
.wc-env .div-activity-label.alert{background:rgba(239,68,68,.06);color:#dc2626;border-color:rgba(239,68,68,.2)}
.wc-env .div-activity-label.update{background:rgba(14,165,233,.06);color:#0284c7;border-color:rgba(14,165,233,.2)}
.wc-env .div-activity-label.complete{background:rgba(34,197,94,.06);color:#16a34a;border-color:rgba(34,197,94,.2)}

/* ── Stat Cards (used on division + regional dispatch) ── */
.wc-env .stat-card{background:var(--wc-panel);border:1px solid var(--wc-border);box-shadow:var(--wc-shadow)}
.wc-env .stat-card::before{background:linear-gradient(90deg,rgba(0,107,63,.2),var(--wc-green),rgba(0,107,63,.2))}
.wc-env .stat-card:hover{border-color:rgba(0,107,63,.35);box-shadow:var(--wc-shadow-md)}
.wc-env .stat-value{color:var(--wc-text)}
.wc-env .stat-label{color:var(--wc-muted)}
.wc-env .stat-trend{color:var(--wc-green)}

/* ── Division Pipeline ── */
.wc-env .div-pipeline-stage{background:var(--wc-panel);border:1px solid var(--wc-border);box-shadow:var(--wc-shadow)}
.wc-env .div-pipeline-stage.requested::before{background:var(--wc-green)}
.wc-env .div-pipeline-stage.scheduled::before{background:#0ea5e9}
.wc-env .div-pipeline-stage.dispatched::before{background:#f59e0b}
.wc-env .div-pipeline-stage.completed::before{background:#22c55e}
.wc-env .div-pipeline-num{color:var(--wc-text)}
.wc-env .div-pipeline-label{color:var(--wc-muted)}

/* ── Request Cards (TF Incoming Requests) ── */
.wc-env .tf-request-card{background:var(--wc-panel);border:1px solid var(--wc-border);box-shadow:var(--wc-shadow)}
.wc-env .tf-request-card:hover{border-color:rgba(0,107,63,.3)}
.wc-env .tf-request-header h4{color:var(--wc-text)}
.wc-env .tf-request-badge.new{background:var(--wc-green-light);color:var(--wc-green);border-color:rgba(0,107,63,.3)}
.wc-env .tf-request-badge.confirmed{background:rgba(14,165,233,.06);color:#0284c7;border-color:rgba(14,165,233,.25)}
.wc-env .tf-request-badge.in-transit{background:rgba(245,158,11,.06);color:#d97706;border-color:rgba(245,158,11,.25)}
.wc-env .tf-request-fields{color:var(--wc-muted)}
.wc-env .tf-request-fields strong{color:var(--wc-text)}
.wc-env .tf-request-detail{color:var(--wc-muted)}
.wc-env .tf-request-status-label{color:var(--wc-muted)}
.wc-env .tf-request-step{color:var(--wc-muted)}
.wc-env .tf-request-step.completed .step-dot{background:var(--wc-green);border-color:var(--wc-green)}
.wc-env .tf-request-step.current .step-dot{background:var(--wc-green);border-color:var(--wc-green);box-shadow:0 0 0 3px var(--wc-green-light)}
.wc-env .tf-request-action{border-color:var(--wc-border);color:var(--wc-muted)}
.wc-env .tf-request-action:hover{border-color:var(--wc-green);color:var(--wc-green)}
.wc-env .tf-request-action.primary{background:var(--wc-green);border-color:var(--wc-green);color:#fff}
.wc-env .tf-request-category.waste{background:var(--wc-green-light);color:var(--wc-green);border-color:rgba(0,107,63,.25)}

/* ── Dispatch Queue & Next Actions ── */
.wc-env .next-actions{background:var(--wc-panel);border:1px solid var(--wc-border);box-shadow:var(--wc-shadow)}
.wc-env .next-actions::before{background:linear-gradient(90deg,rgba(0,107,63,.3),var(--wc-green),rgba(0,107,63,.3))}
.wc-env .next-actions-header{border-bottom-color:var(--wc-border)}
.wc-env .next-actions-header h2{color:var(--wc-text)}
.wc-env .next-actions-header h2 svg{color:var(--wc-green)}
.wc-env .next-actions-header .na-count{color:var(--wc-green)}
.wc-env .na-item{border-bottom-color:var(--wc-border-light)}
.wc-env .na-item:hover{background:var(--wc-green-light)}
.wc-env .na-body h4{color:var(--wc-text)}
.wc-env .na-body p{color:var(--wc-muted)}
.wc-env .na-time{color:var(--wc-muted)}
.wc-env .na-arrow{color:var(--wc-border)}
.wc-env .na-item:hover .na-arrow{color:var(--wc-green)}
.wc-env .na-icon.delivery{background:var(--wc-green-light);border-color:rgba(0,107,63,.2);color:var(--wc-green)}
.wc-env .na-icon.confirm{background:var(--wc-green-light);border-color:rgba(0,107,63,.2);color:var(--wc-green)}

/* ── Dispatch Cards (division page) ── */
.wc-env .dispatch-item{background:var(--wc-panel);border:1px solid var(--wc-border)}
.wc-env .dispatch-item:hover{border-color:rgba(0,107,63,.25)}
.wc-env .dispatch-body h4{color:var(--wc-text)}
.wc-env .dispatch-body p{color:var(--wc-muted)}
.wc-env .dispatch-time{color:var(--wc-muted)}
.wc-env .dispatch-badge.new-req{background:var(--wc-green-light);color:var(--wc-green);border-color:rgba(0,107,63,.25)}
.wc-env .dispatch-badge.scheduled{background:rgba(14,165,233,.06);color:#0284c7;border-color:rgba(14,165,233,.2)}
.wc-env .dispatch-badge.tomorrow{background:rgba(245,158,11,.06);color:#d97706;border-color:rgba(245,158,11,.2)}
.wc-env .dispatch-badge.urgent{background:rgba(239,68,68,.06);color:#dc2626;border-color:rgba(239,68,68,.2)}

/* ── Timeline Cards (division page) ── */
.wc-env .timeline-card{background:var(--wc-panel);border:1px solid var(--wc-border)}
.wc-env .timeline-body h4{color:var(--wc-text)}
.wc-env .timeline-body p{color:var(--wc-muted)}
.wc-env .timeline-project{color:var(--wc-green)}
.wc-env .timeline-dot.active{background:var(--wc-green);box-shadow:0 0 0 3px var(--wc-green-light)}
.wc-env .timeline-dot.scheduled{background:#0ea5e9}
.wc-env .timeline-dot.pending{background:#f59e0b}
.wc-env .timeline-dot.complete{background:#22c55e}

/* ── Operational Context Cards ── */
.wc-env .ops-context-card{background:var(--wc-panel);border:1px solid var(--wc-border);box-shadow:var(--wc-shadow)}
.wc-env .ops-context-label{color:var(--wc-muted)}
.wc-env .ops-context-value{color:var(--wc-text)}
.wc-env .ops-context-detail{color:var(--wc-green)}

/* ── Bin Rows ── */
.wc-env .bin-row{background:var(--wc-panel);border:1px solid var(--wc-border)}
.wc-env .bin-row:hover{border-color:rgba(0,107,63,.3)}
.wc-env .bin-info h3{color:var(--wc-text)}
.wc-env .bin-info p{color:var(--wc-muted)}
.wc-env .bin-stat-val{color:var(--wc-text)}
.wc-env .bin-stat-label{color:var(--wc-muted)}
.wc-env .bin-icon.active{background:var(--wc-green-light);border-color:rgba(0,107,63,.25);color:var(--wc-green)}

/* ── Request Cards (regional dispatch) ── */
.wc-env .request-card{background:var(--wc-panel);border:1px solid var(--wc-border);box-shadow:var(--wc-shadow)}
.wc-env .request-card:hover{border-color:rgba(0,107,63,.3)}
.wc-env .request-card h4{color:var(--wc-text)}
.wc-env .request-card p{color:var(--wc-muted)}
.wc-env .request-meta{color:var(--wc-muted)}
.wc-env .request-badge.new{background:var(--wc-green-light);color:var(--wc-green);border-color:rgba(0,107,63,.25)}
.wc-env .request-badge.confirmed{background:rgba(14,165,233,.06);color:#0284c7;border-color:rgba(14,165,233,.2)}

/* ── Swap Cards ── */
.wc-env .swap-card{background:var(--wc-panel);border:1px solid var(--wc-border)}
.wc-env .swap-card:hover{border-color:rgba(0,107,63,.3)}
.wc-env .swap-card h4{color:var(--wc-text)}
.wc-env .swap-card p{color:var(--wc-muted)}
.wc-env .swap-meta{color:var(--wc-muted)}
.wc-env .swap-meta span strong{color:var(--wc-text)}

/* ── Volume + Analytics Cards ── */
.wc-env .volume-card{background:var(--wc-panel);border:1px solid var(--wc-border)}
.wc-env .volume-card:hover{border-color:rgba(0,107,63,.3)}
.wc-env .volume-card h4{color:var(--wc-text)}
.wc-env .volume-card p{color:var(--wc-muted)}
.wc-env .volume-stat{color:var(--wc-muted)}
.wc-env .volume-stat strong{color:var(--wc-text)}
.wc-env .volume-bar-inner{background:linear-gradient(90deg,rgba(0,107,63,.5),var(--wc-green))}
.wc-env .analytics-card{background:var(--wc-panel);border:1px solid var(--wc-border);box-shadow:var(--wc-shadow)}
.wc-env .analytics-card::before{background:linear-gradient(90deg,rgba(0,107,63,.2),var(--wc-green),rgba(0,107,63,.2))}
.wc-env .analytics-value{color:var(--wc-text)}
.wc-env .analytics-label{color:var(--wc-muted)}
.wc-env .analytics-detail{color:var(--wc-green)}

/* ── Pipeline (regional dispatch) ── */
.wc-env .pipeline-step{background:var(--wc-panel);border:1px solid var(--wc-border)}
.wc-env .pipeline-step:not(:last-child)::after{border-left-color:rgba(0,107,63,.3)}
.wc-env .pipeline-num{background:var(--wc-green-light);border-color:rgba(0,107,63,.35);color:var(--wc-green)}
.wc-env .pipeline-label{color:var(--wc-text)}
.wc-env .pipeline-sub{color:var(--wc-muted)}

/* ── Bar Chart ── */
.wc-env .demo-bar-label{color:var(--wc-muted)}
.wc-env .demo-bar-track{background:var(--wc-border-light)}
.wc-env .demo-bar-fill{background:linear-gradient(90deg,rgba(0,107,63,.5),var(--wc-green))}
.wc-env .demo-bar-val{color:var(--wc-text)}

/* ── Demo Env Notice ── */
.wc-env .demo-env-notice{background:var(--wc-panel);border:1px solid var(--wc-border)}
.wc-env .demo-env-notice svg{color:var(--wc-green)}
.wc-env .demo-env-notice strong{color:var(--wc-text)}

/* ── Demo Mini Badges ── */
.wc-env .demo-mini-badge.active{background:var(--wc-green-light);color:var(--wc-green);border-color:rgba(0,107,63,.25)}
.wc-env .demo-mini-badge.scheduled{background:rgba(14,165,233,.06);color:#0284c7;border-color:rgba(14,165,233,.2)}

/* ── Recent Activity (regional dispatch) ── */
.wc-env .tf-recent-activity-item{background:var(--wc-panel);border:1px solid var(--wc-border)}
.wc-env .tf-recent-activity-item:hover{border-color:rgba(0,107,63,.25)}
.wc-env .tf-recent-activity-body p{color:var(--wc-text)}
.wc-env .tf-recent-activity-body time{color:var(--wc-muted)}
.wc-env .tf-recent-activity-label.dispatch{background:rgba(245,158,11,.08);color:#d97706}
.wc-env .tf-recent-activity-label.completed{background:rgba(34,197,94,.06);color:#16a34a}
.wc-env .tf-recent-activity-label.request{background:var(--wc-green-light);color:var(--wc-green)}
.wc-env .tf-recent-activity-label.coordination{background:rgba(14,165,233,.06);color:#0284c7}
.wc-env .tf-recent-activity-label.status{background:rgba(107,114,128,.08);color:#4b5563}

/* ── Footer ── */
.wc-env .demo-footer{border-top-color:var(--wc-border);color:var(--wc-muted)}
.wc-env .demo-footer a{color:var(--wc-green)}
.wc-env .demo-footer-prepared{border-color:rgba(0,107,63,.2);background:var(--wc-green-light);color:var(--wc-green)}

/* ── SAP (Service Action Panel) ── */
.wc-env .sap-panel{background:var(--wc-panel);border:1px solid var(--wc-border)}
.wc-env .sap-header{border-bottom-color:var(--wc-border)}
.wc-env .sap-header h2{color:var(--wc-text)}
.wc-env .sap-card{background:var(--wc-bg);border:1px solid var(--wc-border)}
.wc-env .sap-card:hover{border-color:rgba(0,107,63,.3)}

/* ── Partner Rep ── */
.wc-env .partner-rep{background:var(--wc-bg);border:1px solid var(--wc-border)}
.wc-env .partner-rep-avatar{background:var(--wc-green-light);border-color:rgba(0,107,63,.25);color:var(--wc-green)}
.wc-env .partner-rep-info{color:var(--wc-muted)}
.wc-env .partner-rep-info strong{color:var(--wc-text)}

/* ══════════════════════════════════════════════════════════════
   WC ACCESS GATE — Branded Entry Screen
   ══════════════════════════════════════════════════════════════ */
.wc-access-gate{position:fixed;inset:0;z-index:600;background:var(--wc-bg);display:flex;align-items:center;justify-content:center;padding:22px}
.wc-access-gate-box{width:100%;max-width:440px;text-align:center}
.wc-access-gate-logo{margin-bottom:12px}
.wc-access-gate-logo .wc-logo-icon{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#006B3F,#004d2d);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:24px;font-weight:800;color:#fff;letter-spacing:-.02em;box-shadow:0 4px 16px rgba(0,107,63,.2)}
.wc-access-gate-logo h2{font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#006B3F;margin:0 0 4px}
.wc-access-gate-logo p{font-size:12px;color:#6b7280;margin:0}
.wc-access-gate-box h1{font-size:22px;margin:24px 0 8px;color:#1a1a2e;font-weight:700}
.wc-access-gate-box .wc-gate-desc{font-size:14px;color:#6b7280;margin:0 0 28px;line-height:1.6}
.wc-access-gate-form{display:flex;flex-direction:column;gap:12px}
.wc-access-gate-input{width:100%;border-radius:12px;padding:14px 16px;background:#fff;border:1px solid #e2e5ea;color:#1a1a2e;outline:none;font-size:15px;text-align:center;letter-spacing:.08em;transition:border-color .2s;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.wc-access-gate-input:focus{border-color:#006B3F;box-shadow:0 0 0 3px rgba(0,107,63,.1)}
.wc-access-gate-input::placeholder{letter-spacing:.02em;color:#9ca3af}
.wc-access-gate-submit{display:inline-flex;align-items:center;justify-content:center;width:100%;border-radius:999px;padding:14px 16px;font-weight:650;font-size:14px;border:none;background:#006B3F;color:#fff;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}
.wc-access-gate-submit:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,107,63,.25);background:#004d2d}
.wc-access-gate-error{color:#dc2626;font-size:13px;min-height:20px;margin-top:4px}
.wc-access-gate-note{font-size:11px;color:#9ca3af;margin-top:22px;line-height:1.5}
.wc-access-gate-note a{color:#006B3F}
.wc-access-gate-divider{display:flex;align-items:center;gap:12px;margin:24px 0 0;font-size:11px;color:#9ca3af}
.wc-access-gate-divider::before,.wc-access-gate-divider::after{content:'';flex:1;height:1px;background:#e2e5ea}
.wc-access-gate-tf{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;font-size:11px;color:#9ca3af}
.wc-access-gate-tf b{color:#6b7280}

/* ══════════════════════════════════════════════════════════════
   WC ACCOUNT PAGE STYLES
   ══════════════════════════════════════════════════════════════ */
.wc-account-header{background:var(--wc-panel);border-bottom:1px solid var(--wc-border);padding:32px 0 24px}
.wc-account-profile{display:flex;align-items:center;gap:20px}
.wc-account-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#006B3F,#004d2d);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 4px 16px rgba(0,107,63,.2)}
.wc-account-info h1{margin:0 0 4px;font-size:24px;color:var(--wc-text)}
.wc-account-info .wc-account-role{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:4px 12px;border-radius:999px;background:var(--wc-green-light);color:var(--wc-green);border:1px solid rgba(0,107,63,.2)}
.wc-account-info .wc-account-email{font-size:13px;color:var(--wc-muted);margin-top:4px}
.wc-account-tabs{display:flex;gap:2px;margin-top:20px;border-bottom:2px solid var(--wc-border);padding-bottom:0}
.wc-account-tab{padding:10px 18px;font-size:13px;font-weight:600;color:var(--wc-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s;background:none;border-top:0;border-left:0;border-right:0}
.wc-account-tab:hover{color:var(--wc-text)}
.wc-account-tab.active{color:var(--wc-green);border-bottom-color:var(--wc-green)}
.wc-account-section{background:var(--wc-panel);border:1px solid var(--wc-border);border-radius:var(--r);padding:24px;box-shadow:var(--wc-shadow);margin-bottom:16px}
.wc-account-section h2{margin:0 0 16px;font-size:16px;font-weight:700;color:var(--wc-text)}
.wc-account-field{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--wc-border-light)}
.wc-account-field:last-child{border-bottom:0}
.wc-account-field-label{font-size:13px;color:var(--wc-muted);min-width:140px}
.wc-account-field-value{font-size:13px;color:var(--wc-text);font-weight:500;text-align:right}
.wc-account-badge-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.wc-account-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid var(--wc-border);color:var(--wc-muted);background:var(--wc-bg)}
.wc-account-badge.green{background:var(--wc-green-light);color:var(--wc-green);border-color:rgba(0,107,63,.2)}
.wc-settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(max-width:700px){.wc-settings-grid{grid-template-columns:1fr}.wc-account-profile{flex-direction:column;text-align:center}.wc-account-tabs{overflow-x:auto}}

/* ══════════════════════════════════════════════════════════════
   WC TEAM MANAGEMENT STYLES
   ══════════════════════════════════════════════════════════════ */
.wc-team-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.wc-team-header h2{margin:0;font-size:18px;font-weight:700;color:var(--wc-text)}
.wc-team-count{font-size:12px;color:var(--wc-muted);font-weight:500}
.wc-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;border:none}
.wc-btn-primary{background:var(--wc-green);color:#fff}
.wc-btn-primary:hover{background:var(--wc-green-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,107,63,.2)}
.wc-btn-primary svg{width:14px;height:14px}
.wc-btn-secondary{background:var(--wc-panel);color:var(--wc-text);border:1px solid var(--wc-border)}
.wc-btn-secondary:hover{border-color:var(--wc-green);color:var(--wc-green)}
.wc-team-table{width:100%;border-collapse:collapse;background:var(--wc-panel);border:1px solid var(--wc-border);border-radius:var(--r);overflow:hidden;box-shadow:var(--wc-shadow)}
.wc-team-table thead{background:var(--wc-bg)}
.wc-team-table th{padding:12px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--wc-muted);text-align:left;border-bottom:1px solid var(--wc-border)}
.wc-team-table td{padding:14px 16px;font-size:13px;color:var(--wc-text);border-bottom:1px solid var(--wc-border-light)}
.wc-team-table tr:last-child td{border-bottom:0}
.wc-team-table tr:hover td{background:rgba(0,107,63,.02)}
.wc-team-member{display:flex;align-items:center;gap:10px}
.wc-team-member-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}
.wc-team-member-avatar.admin{background:linear-gradient(135deg,#006B3F,#004d2d);color:#fff}
.wc-team-member-avatar.dispatch{background:rgba(14,165,233,.1);color:#0284c7;border:1px solid rgba(14,165,233,.2)}
.wc-team-member-avatar.operations{background:rgba(245,158,11,.08);color:#d97706;border:1px solid rgba(245,158,11,.2)}
.wc-team-member-avatar.viewer{background:var(--wc-bg);color:var(--wc-muted);border:1px solid var(--wc-border)}
.wc-team-member-info{min-width:0}
.wc-team-member-name{font-weight:600;color:var(--wc-text)}
.wc-team-member-email{font-size:12px;color:var(--wc-muted)}
.wc-role-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em}
.wc-role-badge.admin{background:var(--wc-green-light);color:var(--wc-green);border:1px solid rgba(0,107,63,.2)}
.wc-role-badge.dispatch{background:rgba(14,165,233,.06);color:#0284c7;border:1px solid rgba(14,165,233,.2)}
.wc-role-badge.operations{background:rgba(245,158,11,.06);color:#d97706;border:1px solid rgba(245,158,11,.2)}
.wc-role-badge.viewer{background:var(--wc-bg);color:var(--wc-muted);border:1px solid var(--wc-border)}
.wc-status-indicator{display:flex;align-items:center;gap:6px;font-size:12px}
.wc-status-dot{width:7px;height:7px;border-radius:50%}
.wc-status-dot.active{background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,.3)}
.wc-status-dot.away{background:#f59e0b}
.wc-status-dot.offline{background:var(--wc-border)}

/* ── Create Employee Modal ── */
.wc-modal-overlay{position:fixed;inset:0;z-index:700;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;padding:22px;opacity:0;pointer-events:none;transition:opacity .2s}
.wc-modal-overlay.active{opacity:1;pointer-events:all}
.wc-modal{width:100%;max-width:480px;background:var(--wc-panel);border-radius:16px;box-shadow:0 16px 48px rgba(0,0,0,.15);overflow:hidden}
.wc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--wc-border)}
.wc-modal-header h2{margin:0;font-size:17px;font-weight:700;color:var(--wc-text)}
.wc-modal-close{width:32px;height:32px;border-radius:8px;border:none;background:var(--wc-bg);color:var(--wc-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}
.wc-modal-close:hover{background:rgba(239,68,68,.06);color:#dc2626}
.wc-modal-body{padding:24px}
.wc-form-group{margin-bottom:16px}
.wc-form-group:last-child{margin-bottom:0}
.wc-form-label{display:block;font-size:12px;font-weight:600;color:var(--wc-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}
.wc-form-input{width:100%;padding:11px 14px;border-radius:10px;border:1px solid var(--wc-border);background:#fff;color:var(--wc-text);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}
.wc-form-input:focus{border-color:var(--wc-green);box-shadow:0 0 0 3px rgba(0,107,63,.08)}
.wc-form-input::placeholder{color:#9ca3af}
.wc-form-select{width:100%;padding:11px 14px;border-radius:10px;border:1px solid var(--wc-border);background:#fff;color:var(--wc-text);font-size:14px;outline:none;cursor:pointer;transition:border-color .15s}
.wc-form-select:focus{border-color:var(--wc-green)}
.wc-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wc-modal-footer{padding:16px 24px;border-top:1px solid var(--wc-border);display:flex;justify-content:flex-end;gap:10px}

/* ── Team Stats Bar ── */
.wc-team-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}
.wc-team-stat{background:var(--wc-panel);border:1px solid var(--wc-border);border-radius:var(--r);padding:16px;text-align:center;box-shadow:var(--wc-shadow)}
.wc-team-stat-value{font-size:24px;font-weight:800;color:var(--wc-text)}
.wc-team-stat-label{font-size:11px;color:var(--wc-muted);margin-top:2px;text-transform:uppercase;letter-spacing:.04em}
@media(max-width:700px){.wc-team-stats{grid-template-columns:repeat(2,1fr)}.wc-team-table{font-size:12px}.wc-team-table th,.wc-team-table td{padding:10px 12px}.wc-team-header{flex-direction:column;align-items:flex-start}}

/* ── Mobile Table (cards fallback) ── */
@media(max-width:600px){
  .wc-team-table thead{display:none}
  .wc-team-table,.wc-team-table tbody,.wc-team-table tr,.wc-team-table td{display:block;width:100%}
  .wc-team-table tr{background:var(--wc-panel);border:1px solid var(--wc-border);border-radius:var(--r);margin-bottom:10px;padding:14px;box-shadow:var(--wc-shadow)}
  .wc-team-table td{padding:6px 0;border-bottom:0}
  .wc-team-table td::before{content:attr(data-label);display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--wc-muted);margin-bottom:2px}
}

/* ══════════════════════════════════════════════════════════════
   WC NAV EXTENSIONS
   ══════════════════════════════════════════════════════════════ */
.wc-env .wc-nav-right{display:flex;align-items:center;gap:8px}
.wc-env .wc-nav-account{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid var(--wc-border);background:var(--wc-bg);font-size:12px;color:var(--wc-text);text-decoration:none;transition:all .15s;font-weight:500}
.wc-env .wc-nav-account:hover{border-color:var(--wc-green);color:var(--wc-green)}
.wc-env .wc-nav-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#006B3F,#004d2d);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff}

/* ── TF Requests Source ── */
.wc-env .tf-requests-source{color:var(--wc-muted)}
.wc-env .tf-requests-source strong{color:var(--wc-text)}

/* ── Request Card Left Borders ── */
.wc-env .tf-request-card.new{border-left-color:var(--wc-green)}
.wc-env .tf-request-card.confirmed{border-left-color:#0ea5e9}

/* ── Dispatch Panel Override ── */
.wc-env .dispatch-panel{background:var(--wc-panel);border-color:var(--wc-border);box-shadow:var(--wc-shadow)}
.wc-env .dispatch-panel::before{background:linear-gradient(90deg,rgba(0,107,63,.3),var(--wc-green),rgba(0,107,63,.3))}
.wc-env .dispatch-header{border-bottom-color:var(--wc-border)}
.wc-env .dispatch-header h2{color:var(--wc-text)}
.wc-env .dispatch-header h2 svg{color:var(--wc-green)}
.wc-env .dispatch-header .dispatch-count{color:var(--wc-green)}
.wc-env .dispatch-item{border-bottom-color:var(--wc-border-light)}
.wc-env .dispatch-item:hover{background:var(--wc-green-light)}
.wc-env .dispatch-icon.delivery{background:var(--wc-green-light);border-color:rgba(0,107,63,.2);color:var(--wc-green)}

/* ── Pickup Cards ── */
.wc-env .pickup-card{background:var(--wc-panel);border:1px solid var(--wc-border)}
.wc-env .pickup-card:hover{border-color:rgba(0,107,63,.3)}
.wc-env .pickup-card.today{border-left-color:var(--wc-green)}
.wc-env .pickup-card.tomorrow{border-left-color:#0ea5e9}
.wc-env .pickup-header h4{color:var(--wc-text)}
.wc-env .pickup-details{color:var(--wc-muted)}
.wc-env .pickup-details span strong{color:var(--wc-text)}

/* ── Fill Bar ── */
.wc-env .bin-fill-bar{background:var(--wc-border-light)}

/* ── TF Demo Context ── */
.wc-env .tf-demo-context-role{background:var(--wc-green-light);border-color:rgba(0,107,63,.2);color:var(--wc-text)}
.wc-env .tf-demo-context-summary{color:var(--wc-muted)}
.wc-env .tf-demo-context-lookfor{background:var(--wc-panel);border-color:var(--wc-border)}
.wc-env .tf-demo-context-lookfor h2{color:var(--wc-green)}
.wc-env .tf-demo-context-lookfor li{color:var(--wc-text)}