/* ALPHA+FIELD-CSS-PART 2 of 6 — Main tab screens: Today/Schedule, dispatch board, Pipeline, Alpha+ agent, Inbox, Money. Split from index.html; load order is the cascade. */
/* ---------- Today / Schedule ---------- */
.crew-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 4px;margin-bottom:8px}
.crew-chips::-webkit-scrollbar{display:none}
.crew-chip{flex:0 0 auto;display:flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 7px;border-radius:999px;
  background:var(--glass2);border:1px solid var(--hair);color:var(--ink2);font-size:13.5px;font-weight:700;cursor:pointer;
  transition:transform .12s ease,background .2s ease,border-color .2s ease}
.crew-chip.solo{padding:0 16px}
.crew-chip:active{transform:scale(.95)}
.crew-chip.on{background:rgba(23,106,244,.18);border-color:rgba(23,106,244,.46);color:var(--ink)}
.crew-chip .av{width:28px;height:28px;font-size:11px}
.crew-chip .cc-cnt{font-size:11px;font-weight:800;opacity:.66}

/* ---------- Daily dispatch board (LCC-style crew columns) ---------- */
.board{margin-bottom:6px;margin-top:14px}
#fieldTimeclockWidget{margin-top:10px}
.bdate{text-align:center;font-size:13px;font-weight:700;color:var(--ink2);letter-spacing:.2px;margin-bottom:9px}
.bnav{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.bnav-ic{width:44px;height:44px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:13px;
  background:var(--glass2);border:1px solid var(--hair);color:var(--ink);cursor:pointer;transition:transform .12s ease}
.bnav-ic:active{transform:scale(.93)}
.bnav-ic svg{width:18px;height:18px}
.bnav-today{flex:1;height:44px;border-radius:13px;background:var(--glass2);border:1px solid var(--hair);
  color:var(--ink);font-family:var(--font);font-size:15px;font-weight:800;cursor:pointer;transition:transform .12s ease}
.bnav-today:active{transform:scale(.97)}
.bnav-today.on{background:#176AF4;border-color:rgba(22,80,184,.5);color:#fff;
  box-shadow:0 6px 16px -8px rgba(22,80,184,.6),inset 0 1px 0 rgba(255,255,255,.35)}
.bnav-cnt{flex:0 0 auto;min-width:52px;height:44px;padding:0 13px;display:flex;align-items:center;justify-content:center;
  border-radius:13px;background:var(--glass2);border:1px solid var(--hair);font-size:15px;font-weight:800;color:var(--green)}
.blane{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px 0 6px;margin:0 -2px}
.blane::-webkit-scrollbar{display:none}
.bcol{flex:0 0 82%;max-width:302px;scroll-snap-align:start;display:flex;flex-direction:column;
  background:var(--glass);backdrop-filter:var(--sheet-blur);-webkit-backdrop-filter:var(--sheet-blur);
  border:1px solid var(--hair);border-radius:18px;overflow:hidden;min-height:128px}
.bcol.me{border-color:var(--hair2);box-shadow:0 16px 32px -24px rgba(14,35,54,.6)}
.bcol-head{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid var(--hair);background:var(--glass2)}
.bcol.me .bcol-head{border-bottom:2px solid var(--blue)}
.bcol-head .av{width:34px;height:34px;font-size:13px;flex:0 0 auto}
.bcol-head .av.bc-un{background:var(--glass3);color:var(--ink3);border:1px solid var(--hair);font-weight:800}
.bcol-meta{flex:1;min-width:0}
.bcol-name{font-size:15px;font-weight:800;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bcol-you{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:rgba(23,106,244,.16);
  color:#1650B8;font-size:10px;font-weight:800;letter-spacing:.04em;vertical-align:middle;text-transform:uppercase}
.bcol-cnt{font-size:12px;font-weight:700;color:var(--ink3);margin-top:1px}
.bcol-add{width:30px;height:30px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:999px;
  background:var(--glass3);border:1px solid var(--hair);color:var(--ink2);cursor:pointer;transition:transform .12s ease}
.bcol-add:active{transform:scale(.9)}
.bcol-add svg{width:16px;height:16px}
.bcol-body{flex:1;padding:12px;display:flex;flex-direction:column;gap:10px}
.bcol-empty{padding:26px 12px;text-align:center;color:var(--ink3);font-size:13px;font-weight:600}
.bcard{background:var(--glass2);border:1px solid var(--hair);border-left:3px solid var(--blue);border-radius:13px;
  padding:11px 13px;cursor:pointer;transition:transform .12s ease}
.bcard:active{transform:scale(.97)}
.bcard.field-dragging{opacity:.25;transform:none !important}
.bcard.field-drag-clone{border-left:3px solid var(--blue)}
.bcard.done{opacity:.6}
.bc-top{display:flex;align-items:center;gap:8px;margin-bottom:5px}
.bc-time{font-size:12px;font-weight:800;color:var(--ink2);letter-spacing:-.2px}
.bc-check{width:24px;height:24px;margin-left:auto;flex:0 0 auto;display:flex;align-items:center;justify-content:center;
  border-radius:999px;border:2px solid var(--hair2);color:transparent;background:transparent}
.bcard.done .bc-check{background:var(--green);border-color:var(--green);color:#fff}
.bc-check svg{width:14px;height:14px}
.fwq-notice-head{font-size:13.5px;font-weight:800;color:var(--ink);margin-bottom:8px}
.fwq-held{padding:8px 0;border-top:1px solid var(--line)}
.fwq-held:first-of-type{border-top:0;padding-top:0}
.fwq-held-top{display:flex;align-items:center;gap:8px}
.fwq-held-name{font-size:14px;font-weight:700;color:var(--ink);flex:1 1 auto}
.fwq-held-x{background:none;border:0;font-size:20px;line-height:1;color:var(--ink2);padding:0 4px;min-width:32px;min-height:32px}
.fwq-held-why{font-size:13px;color:var(--ink2);margin-top:2px}
.bc-pending{font-size:10px;font-weight:700;letter-spacing:.02em;padding:2px 6px;border-radius:999px;background:rgba(23,106,244,.12);color:var(--cy,#176AF4);white-space:nowrap}
.bc-name{font-size:15px;font-weight:700;letter-spacing:-.2px;line-height:1.2}
.bcard.done .bc-name{text-decoration:line-through;color:var(--ink3)}
.bc-svc{font-size:12.5px;color:var(--ink2);font-weight:500;margin-top:2px}
.bc-addr{display:flex;align-items:flex-start;gap:5px;font-size:12px;color:var(--ink3);font-weight:500;margin-top:7px;line-height:1.3}
.bc-addr svg{width:13px;height:13px;flex:0 0 auto;margin-top:1px}
.bc-foot{font-size:14px;font-weight:800;color:var(--blue);margin-top:9px}
.bc-mustdo{display:inline-flex;align-items:center;padding:1px 7px;border-radius:999px;background:#EF4444;color:#fff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;flex:0 0 auto}
.bc-specialinstr{display:inline-flex;align-items:center;padding:1px 7px;border-radius:999px;background:#8B5CF6;color:#fff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;flex:0 0 auto}

.stop{display:flex;gap:13px;align-items:stretch;padding:14px;margin-bottom:11px}
.stop .time{display:flex;flex-direction:column;align-items:center;width:58px;flex-shrink:0}
.stop .time .t{font-size:16px;font-weight:800;letter-spacing:-.3px}
.stop .time .ap{font-size:11px;font-weight:700;color:var(--ink3)}
.stop .time .rail{flex:1;width:2px;background:var(--hair);margin-top:8px;border-radius:2px;min-height:14px}
.stop .body{flex:1;min-width:0}
.stop .who{display:flex;align-items:center;gap:8px;margin-bottom:3px}
.stop .name{font-size:16.5px;font-weight:700;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stop .svc{font-size:13.5px;color:var(--ink2);font-weight:500;margin-bottom:9px}
.stop .addr{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink3);font-weight:500;margin-bottom:11px}
.stop .qa{display:flex;gap:8px}
.qbtn{flex:1;height:38px;border-radius:12px;background:var(--glass2);border:1px solid var(--hair);
  display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:700;color:var(--ink);
  cursor:pointer;transition:transform .12s ease}
.qbtn:active{transform:scale(.95)}
.qbtn svg{width:16px;height:16px}
.qbtn.g svg{color:var(--green)} .qbtn.b svg{color:#5AB0FF}

/* ---------- Pipeline ---------- */
.seg{display:flex;gap:4px;padding:4px;background:rgba(0,0,0,.28);border:1px solid var(--hair);
  border-radius:14px;margin-bottom:6px;overflow-x:auto;scrollbar-width:none}
.seg::-webkit-scrollbar{display:none}
.seg button{flex:0 0 auto;height:34px;padding:0 14px;border:none;border-radius:11px;background:transparent;
  color:var(--ink2);font-family:var(--font);font-size:13.5px;font-weight:700;cursor:pointer;white-space:nowrap;
  transition:all .2s ease}
.seg button.on{background:var(--glass3);color:var(--ink);box-shadow:0 2px 8px -3px rgba(0,0,0,.6)}
.seg button .cnt{opacity:.6;margin-left:5px;font-weight:700}
.stagebar{display:flex;align-items:center;justify-content:space-between;margin:14px 4px 12px}
.stagebar .stage-h{font-size:20px;font-weight:800;letter-spacing:-.4px;display:flex;align-items:center;gap:9px}
.stage-dot{width:11px;height:11px;border-radius:50%}
.stagebar .stage-v{font-size:14px;font-weight:700;color:var(--ink2)}

.deal{padding:15px;margin-bottom:11px;display:flex;gap:13px;align-items:center}
.deal .body{flex:1;min-width:0}
.deal .dl-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}
.deal .dname{font-size:16px;font-weight:700;letter-spacing:-.2px}
.deal .dval{font-size:16px;font-weight:800;letter-spacing:-.3px}
.deal .dsvc{font-size:13px;color:var(--ink2);font-weight:500}
.deal .dmeta{display:flex;align-items:center;gap:9px;margin-top:9px;font-size:12px;color:var(--ink3);font-weight:600}
.advance{margin-top:12px;width:100%;height:40px;border-radius:12px;border:1px solid rgba(48,209,88,.3);
  background:rgba(48,209,88,.14);color:#86F0AE;font-family:var(--font);font-weight:700;font-size:13.5px;
  display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:transform .12s ease}
.advance:active{transform:scale(.97)}

/* ---------- Alpha+ agent ---------- */
.alpha-wrap{flex:1;display:flex;flex-direction:column;min-height:0;padding-bottom:var(--safe-b)}
.alpha-head{padding:calc(7px + env(safe-area-inset-top,0px)) 16px 9px;display:flex;flex-direction:row;align-items:center;gap:11px;text-align:left;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.06)}
.alpha-head .ah-logo{width:34px;height:34px;border-radius:8px;object-fit:cover;background:#fff;flex-shrink:0;filter:drop-shadow(0 1px 4px rgba(0,0,0,.45))}
.alpha-head .ah-title{font-size:17px;font-weight:800;letter-spacing:-.3px;line-height:1.1}
.alpha-head .ah-sub{font-size:12.5px;color:var(--ink2);font-weight:600;display:flex;align-items:center;gap:6px;margin-top:2px}
.orb{width:78px;height:78px;border-radius:50%;position:relative;margin:6px 0 12px}
.orb .core{position:absolute;inset:0;border-radius:50%;
  background:conic-gradient(from 210deg,#FDBA74,#3B82F6,#176AF4,#1650B8,#3B82F6,#FDBA74);
  filter:saturate(150%);animation:spin 8s linear infinite}
.orb .glow{position:absolute;inset:-14px;border-radius:50%;background:radial-gradient(closest-side,rgba(23,106,244,.55),transparent 72%);
  filter:blur(8px);animation:pulse 3.2s ease-in-out infinite}
.orb .gloss{position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(60% 50% at 35% 28%,rgba(255,255,255,.85),transparent 60%);mix-blend-mode:screen}
.orb .ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(255,255,255,.25)}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}
.alpha-head h2{font-size:21px;font-weight:800;letter-spacing:-.4px}
.alpha-head .stat{font-size:13.5px;color:var(--ink2);font-weight:600;margin-top:3px;display:flex;align-items:center;gap:6px;justify-content:center}
.alpha-head .live{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(48,209,88,.5);animation:beat 2s ease-in-out infinite}
@keyframes beat{0%,100%{box-shadow:0 0 0 0 rgba(48,209,88,.5)}50%{box-shadow:0 0 0 6px rgba(48,209,88,0)}}

.thread{flex:1;min-height:0;overflow-y:auto;padding:6px 18px 8px;scrollbar-width:none}
.thread::-webkit-scrollbar{display:none}
.msg{max-width:84%;padding:11px 14px;border-radius:20px;font-size:15px;line-height:1.4;margin-bottom:9px;
  font-weight:500;animation:rise .35s cubic-bezier(.32,.72,0,1)}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.msg.me{margin-left:auto;background:linear-gradient(180deg,#3B82F6,#176AF4);color:#fff;border-bottom-right-radius:6px}
.msg.ai{margin-right:auto;background:var(--glass2);backdrop-filter:var(--sheet-blur);-webkit-backdrop-filter:var(--sheet-blur);
  border:1px solid var(--hair);border-bottom-left-radius:6px;color:var(--ink)}
.actioncard{margin:2px 0 11px;padding:13px;border-radius:16px;max-width:84%;margin-right:auto;
  background:rgba(48,209,88,.10);border:1px solid rgba(48,209,88,.28);animation:rise .35s cubic-bezier(.32,.72,0,1)}
.actioncard .ac-h{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#86F0AE;
  text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px}
.actioncard .ac-b{font-size:14.5px;font-weight:600;color:var(--ink)}
.actioncard .ac-s{font-size:12.5px;color:var(--ink2);margin-top:3px;font-weight:500}
.typing{display:inline-flex;gap:4px;padding:13px 16px}
.typing i{width:8px;height:8px;border-radius:50%;background:var(--ink3);animation:td 1.3s infinite ease-in-out}
.typing i:nth-child(2){animation-delay:.18s}.typing i:nth-child(3){animation-delay:.36s}
@keyframes td{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}

.chips{display:flex;gap:8px;padding:4px 18px 10px;overflow-x:auto;scrollbar-width:none;flex-shrink:0}
.chips::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;height:34px;padding:0 14px;border-radius:999px;background:var(--glass2);
  border:1px solid var(--hair);color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;
  transition:transform .12s ease}
.chip:active{transform:scale(.95)}

.composer{flex-shrink:0;padding:8px 14px 12px;display:flex;align-items:center;gap:9px}
.composer .cbtn{width:40px;height:40px;border-radius:50%;flex-shrink:0;background:var(--glass2);border:1px solid var(--hair);
  display:flex;align-items:center;justify-content:center;cursor:pointer}
.composer .cinput{flex:1;height:42px;border-radius:21px;background:var(--glass);border:1px solid var(--hair);
  display:flex;align-items:center;padding:0 8px 0 16px}
.composer input{flex:1;background:transparent;border:none;outline:none;color:var(--ink);font-family:var(--font);
  font-size:15px;font-weight:500}
.composer input::placeholder{color:var(--ink3)}
.composer .send{width:32px;height:32px;border-radius:50%;background:var(--blue);display:flex;align-items:center;
  justify-content:center;cursor:pointer;flex-shrink:0}

/* ---------- Inbox / Messages ---------- */
.convo{display:flex;gap:13px;align-items:center;padding:13px 14px;margin-bottom:9px}
.convo .body{flex:1;min-width:0}
.convo .c-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.convo .c-name{font-size:16px;font-weight:700;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.convo .c-time{font-size:12.5px;color:var(--ink3);font-weight:600;flex-shrink:0}
.convo .c-prev{font-size:14px;color:var(--ink2);font-weight:500;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}
.convo .unread{width:9px;height:9px;border-radius:50%;background:var(--blue);flex-shrink:0;box-shadow:0 0 8px rgba(23,106,244,.6)}
.seg-inbox{display:flex;gap:4px;padding:4px;background:rgba(0,0,0,.28);border:1px solid var(--hair);border-radius:14px;margin:2px 0 14px}
.seg-inbox button{flex:1}

/* call recents */
.crec{display:flex;align-items:center;gap:13px;padding:12px 14px;margin-bottom:8px}
.crec .ci{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--glass2);border:1px solid var(--hair)}
.crec .body{flex:1;min-width:0}
.crec .cn{font-size:15.5px;font-weight:700}
.crec .cm{font-size:12.5px;color:var(--ink3);font-weight:600;display:flex;align-items:center;gap:5px;margin-top:1px}
.crec .miss{color:#FF9A91}

/* ---------- Money ---------- */
.moneyhero{padding:18px;margin-bottom:14px;position:relative;overflow:hidden}
.moneyhero .mh-bg{position:absolute;inset:0;background:
  linear-gradient(135deg,rgba(48,209,88,.26),transparent 60%),
  radial-gradient(70% 120% at 88% 10%,rgba(64,203,224,.20),transparent 60%)}
.moneyhero>*{position:relative}
.mh-label{font-size:13px;font-weight:700;color:var(--ink2);margin-bottom:5px}
.mh-big{font-size:34px;font-weight:800;letter-spacing:-1px}
.mh-grid{display:flex;gap:10px;margin-top:16px}
.mh-cell{flex:1;background:rgba(0,0,0,.22);border:1px solid var(--hair);border-radius:14px;padding:11px 12px}
.mh-cell .v{font-size:18px;font-weight:800;letter-spacing:-.3px}
.mh-cell .l{font-size:11.5px;color:var(--ink2);font-weight:600;margin-top:2px}

.docrow{padding:15px;margin-bottom:11px}
.docrow .d-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}
.docrow .d-name{font-size:16px;font-weight:700;letter-spacing:-.2px}
.docrow .d-val{font-size:17px;font-weight:800;letter-spacing:-.4px}
.docrow .d-svc{font-size:13.5px;color:var(--ink2);font-weight:500}
.docrow .d-act{display:flex;gap:8px;margin-top:13px}
.docrow .d-act .qbtn.primary{background:var(--blue);border-color:transparent;color:#fff}
.docrow .d-act .qbtn.primary svg{color:#fff}
.payroll-card{padding:15px;margin-bottom:11px}
.payroll-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.payroll-title{font-size:17px;font-weight:850;letter-spacing:-.25px}
.payroll-sub{font-size:12.5px;color:var(--ink2);font-weight:650;margin-top:2px;line-height:1.35}
.payroll-pill{height:26px;padding:0 10px;border-radius:999px;background:rgba(48,209,88,.14);border:1px solid rgba(48,209,88,.28);color:#86F0AE;font-size:12px;font-weight:850;display:inline-flex;align-items:center;white-space:nowrap}
.payroll-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.payroll-metric{background:rgba(0,0,0,.22);border:1px solid var(--hair);border-radius:13px;padding:10px}
.payroll-metric .v{font-size:16px;font-weight:900;font-variant-numeric:tabular-nums}
.payroll-metric .l{font-size:10.5px;color:var(--ink2);font-weight:750;margin-top:2px;text-transform:uppercase;letter-spacing:.04em}
.payroll-log{margin-top:12px;border-top:1px solid var(--hair);padding-top:10px}
.payroll-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:12.5px;font-weight:750;color:var(--ink2)}
.payroll-row:last-child{border-bottom:none}
.payroll-row strong{font-size:13px;color:var(--ink);font-weight:850;text-transform:capitalize}
.payroll-empty{font-size:13px;color:var(--ink3);font-weight:650;line-height:1.45;padding:10px 0 2px}
.payroll-refresh{height:34px;border-radius:11px;border:1px solid var(--hair);background:var(--glass2);color:var(--ink);font-family:var(--font);font-size:12.5px;font-weight:850;padding:0 12px;cursor:pointer}