/* v7.54 — mobile-first agent workspace: hero lead card, mobile bottom tab
   bar, quick outcome presets (pre-select the result, never auto-submit),
   live attendance timer. Uses the site's existing navy/gold brand tokens
   (see brand-theme.css) rather than new colors. */

.agent-current-lead{background:linear-gradient(135deg,var(--brand-navy,#071d49),var(--brand-navy-2,#0b2d62))!important;color:#fff!important;border-radius:16px!important;padding:18px!important;box-shadow:0 14px 30px -14px rgba(7,29,73,.5)}
.agent-current-lead h3{color:#fff!important;font-size:1.2rem!important}
.agent-current-lead a{color:#fff!important}
.agent-current-lead dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 0}
.agent-current-lead dl div{background:rgba(255,255,255,.1);border-radius:9px;padding:8px}
.agent-current-lead dt{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#d9e3f2}
.agent-current-lead dd{margin:2px 0 0;font-weight:700}
.agent-current-lead .status{background:rgba(255,255,255,.18)!important;color:#fff!important}
.agent-current-lead .lead-serial{color:rgba(255,255,255,.8)!important}

.lead-serial{display:block;font-size:.68rem;font-weight:700;color:var(--brand-navy,#071d49);letter-spacing:.02em;margin-top:2px}
.own-entry-note{display:inline-block;font-size:.72rem;font-weight:700;color:#b8862e;background:#f7ecd3;border-radius:6px;padding:5px 9px}

.charge-recoverable-choice{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.charge-recoverable-choice label{display:flex;align-items:flex-start;gap:8px;font-weight:400;font-size:.85rem;border:1px solid #dce4ec;border-radius:9px;padding:9px 11px;cursor:pointer}
.charge-recoverable-choice input{margin-top:3px}

.deal-supplier-block{border:1px solid #dce4ec;border-radius:12px;padding:14px 16px;margin:12px 0 16px;background:#f8fafc}
.deal-supplier-block .eyebrow{margin:0 0 10px}
.deal-supplier-block dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}
.deal-supplier-block dl>div{background:#fff;border:1px solid #e3e8ee;border-radius:9px;padding:9px 11px;min-width:0}
.deal-supplier-block dl>div.wide{grid-column:1/-1}
.deal-supplier-block dt{font-size:10px;text-transform:uppercase;color:#7a8792;letter-spacing:.04em;margin:0}
.deal-supplier-block dd{margin:3px 0 0;font-weight:700;color:#172033;overflow-wrap:anywhere}
@media(max-width:760px){.deal-supplier-block dl{grid-template-columns:repeat(2,minmax(0,1fr))}}

.cash-book-category-filter{background:#f4f7fb;border:1px dashed #cfd9e6;border-radius:10px;padding:12px 14px;margin:12px 0}
.cash-book-category-list{display:flex;flex-wrap:wrap;gap:8px 16px;margin:8px 0 10px}
.cash-book-category-list label{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:#3a4658}
.cash-book-filter-note{margin:10px 0 0;font-size:.78rem;font-weight:700;color:#b8862e;background:#f7ecd3;border-radius:8px;padding:8px 12px}

.today-follow-card{position:relative}
.today-follow-card .lead-actions{align-items:center}

/* quick-pick outcome presets inside the full follow-up form — pre-select the
   result dropdown only; every required field (attempt number, notes, callback
   reason, etc.) must still be filled in and saved by the agent. */
.followup-quick-presets{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:2px 0 14px;padding:10px;background:#f4f7fb;border:1px dashed #cfd9e6;border-radius:10px}
.followup-quick-presets>span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#667283}
.followup-quick-presets button{border:1px solid var(--brand-navy,#071d49);background:#fff;color:var(--brand-navy,#071d49);border-radius:99px;padding:6px 13px;font-size:11px;font-weight:800;cursor:pointer;font-family:inherit}
.followup-quick-presets button:hover{background:var(--brand-navy,#071d49);color:#fff}
.followup-quick-presets button[data-preset^="Not"]{border-color:#b8483a;color:#b8483a}
.followup-quick-presets button[data-preset^="Not"]:hover{background:#b8483a;color:#fff}
.followup-quick-presets button[data-preset^="Interested"]{border-color:var(--brand-gold,#d8ad43);color:#8a6a1f}
.followup-quick-presets button[data-preset^="Interested"]:hover{background:var(--brand-gold,#d8ad43);color:#3a2c0b}

/* attendance: live worked-time counter + tidier capture card */
.live-duration{display:inline-block;margin-top:4px;font-variant-numeric:tabular-nums;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.3rem;font-weight:700;color:var(--brand-gold,#d8ad43)}
.attendance-capture{display:flex;flex-direction:column;gap:10px}
.attendance-capture .photo-capture{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;min-height:96px;border:1.5px dashed #cfd9e6;border-radius:12px;padding:14px;background:#f8fafc;cursor:pointer}
.attendance-capture .photo-capture:has(input[data-attendance-photo]:focus){border-color:var(--brand-gold,#d8ad43)}
.attendance-capture .photo-capture>span:first-child{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#667283}
.attendance-capture .capture-preview{font-size:12px;color:#8a95a3}
.attendance-capture .photo-capture:has(img){background:#0f6b54 10%;border-style:solid}

/* one consistent brand hero instead of a green banner stacked on a navy card */
body.role-agent .revenue-hero{background:linear-gradient(135deg,var(--brand-navy,#071d49),var(--brand-navy-2,#0b2d62))!important}

/* bottom tab bar — agent role only, mobile widths only */
.mobile-tabbar{display:none}
@media (max-width:640px){
  .agent-home-summary{grid-template-columns:repeat(2,1fr)!important}
  .today-follow-grid{grid-template-columns:1fr!important}
  .followup-quick-presets button{min-height:36px;padding:8px 12px}
  .today-follow-card .lead-actions .button{flex:1 1 auto}

  body.role-agent{padding-bottom:64px}
  body.role-agent .mobile-menu{background:var(--brand-navy,#071d49)!important}
  .mobile-tabbar{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;
    background:var(--brand-navy,#071d49);border-top:1px solid rgba(255,255,255,.08);
    padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));
  }
  .mobile-tabbar a{
    flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;
    padding:6px 2px;color:#9fb0cf;text-decoration:none;font-size:10px;font-weight:700;
  }
  .mobile-tabbar a svg{width:21px;height:21px}
  .mobile-tabbar a.active{color:var(--brand-gold,#d8ad43)}
}