/* PHASE_M2_R5F3_FRONTEND_DOMAIN_MODULES_R1: moved from /assets/css/modules/008-phase5zg-salesperson-mobile-polish-style.css */
/* Extracted to named module by PHASE_M2_R5F2_FRONTEND_NAMED_MODULES_R2_FIXED from assets/css/blocks/008-phase5zg-salesperson-mobile-polish-style.css */
/* Extracted from frontend/index.html by PHASE_M2_R5F1_FRONTEND_MODULAR_SPLIT_R1: phase5zg-salesperson-mobile-polish-style */
:root{
    --phase5zg-wa:#16a34a;
    --phase5zg-call:#2563eb;
    --phase5zg-done:#0f766e;
    --phase5zg-missed:#b45309;
    --phase5zg-shadow:0 14px 30px rgba(15,23,42,.10);
  }
  .phase5zg-mobile-guide{display:none}
  .phase5zg-fu-card{position:relative;overflow:hidden;border-color:#cbd5e1;box-shadow:var(--phase5zg-shadow)}
  .phase5zg-fu-card.phase5zg-overdue{border-left:6px solid #b91c1c}
  .phase5zg-fu-card.phase5zg-today{border-left:6px solid #0f766e}
  .phase5zg-fu-title{font-size:16px;font-weight:950;line-height:1.25;color:#0f172a}
  .phase5zg-fu-meta{font-size:12px;color:#64748b;margin-top:5px;line-height:1.35}
  .phase5zg-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
  .phase5zg-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;background:#f1f5f9;color:#334155;border:1px solid #e2e8f0}
  .phase5zg-badge-danger{background:#fee2e2;color:#991b1b;border-color:#fecaca}
  .phase5zg-badge-ok{background:#dcfce7;color:#166534;border-color:#bbf7d0}
  .phase5zg-badge-info{background:#dbeafe;color:#1d4ed8;border-color:#bfdbfe}
  .phase5zg-note-preview{margin-top:10px;padding:9px 10px;border-radius:12px;background:#f8fafc;border:1px dashed #cbd5e1;color:#475569;font-size:12px;line-height:1.35}
  .phase5zg-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
  .phase5zg-actions .btn,.phase5zg-actions button{min-height:44px;font-size:14px;border-radius:14px;font-weight:950;width:100%}
  .phase5zg-actions .phase5zg-wa{background:var(--phase5zg-wa)!important;color:#fff!important}
  .phase5zg-actions .phase5zg-call{background:var(--phase5zg-call)!important;color:#fff!important}
  .phase5zg-actions .phase5zg-done{background:var(--phase5zg-done)!important;color:#fff!important}
  .phase5zg-actions .phase5zg-missed{background:var(--phase5zg-missed)!important;color:#fff!important}
  .phase5zg-actions .phase5zg-view{background:#f8fafc!important;color:#0f172a!important;border:1px solid #cbd5e1!important}
  .phase5zg-outcome-help{margin-top:8px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;padding:9px 10px;color:#475569;font-size:12px;line-height:1.4}
  .phase5zg-required-hint{color:#b45309;font-weight:900}
@media(max-width:760px){
    body.b2bcrm-salesperson-role{background:#eef6f5}
    body.b2bcrm-salesperson-role .wrap{padding:8px 8px 88px;max-width:760px}
    body.b2bcrm-salesperson-role .top{gap:8px;margin-bottom:8px;background:#fff;border:1px solid #dbeafe;border-radius:18px;padding:10px;box-shadow:0 8px 18px rgba(15,23,42,.06)}
    body.b2bcrm-salesperson-role .brand .logo{width:38px;height:38px;border-radius:14px}
    body.b2bcrm-salesperson-role h1{font-size:17px;line-height:1.15}
    body.b2bcrm-salesperson-role .top .row button{min-height:38px;padding:9px 10px;font-size:12px}
    body.b2bcrm-salesperson-role .tabs{position:sticky;top:0;z-index:40;margin:8px -8px 10px;padding:8px;background:rgba(238,246,245,.94);backdrop-filter:blur(8px);overflow-x:auto;flex-wrap:nowrap;border-bottom:1px solid #d1e7e5}
    body.b2bcrm-salesperson-role .tab{min-height:38px;padding:9px 12px;border-radius:999px;white-space:nowrap;box-shadow:0 2px 8px rgba(15,23,42,.06)}
    body.b2bcrm-salesperson-role .tab:not([data-tab="followups"]):not([data-tab="agents"]):not([data-tab="production"]){display:none!important}
    body.b2bcrm-salesperson-role .grid-6,body.b2bcrm-salesperson-role .grid-5,body.b2bcrm-salesperson-role .grid-4,body.b2bcrm-salesperson-role .grid-3,body.b2bcrm-salesperson-role .grid-2{grid-template-columns:1fr!important}
    body.b2bcrm-salesperson-role #tab-followups > .between{display:block;background:#fff;border:1px solid #cbd5e1;border-radius:18px;padding:12px;box-shadow:var(--phase5zg-shadow)}
    body.b2bcrm-salesperson-role #tab-followups h2{font-size:18px;margin-bottom:4px}
    body.b2bcrm-salesperson-role #tab-followups .sub{font-size:12px;line-height:1.35}
    body.b2bcrm-salesperson-role #tab-followups .between > .row{margin-top:10px;display:grid;grid-template-columns:1fr;gap:8px}
    body.b2bcrm-salesperson-role #followupSalespersonFilter{display:none!important}
    body.b2bcrm-salesperson-role #followupStatusFilter,body.b2bcrm-salesperson-role #followupSearch{min-width:0!important;width:100%!important;min-height:44px;font-size:15px}
    body.b2bcrm-salesperson-role .phase5zg-mobile-guide{display:block;margin:10px 0;padding:11px 12px;border-radius:16px;background:#ecfeff;border:1px solid #67e8f9;color:#155e75;font-size:13px;line-height:1.45}
    body.b2bcrm-salesperson-role #followupChips{margin-top:10px!important;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
    body.b2bcrm-salesperson-role #followupChips .chip{white-space:nowrap;min-height:34px}
    body.b2bcrm-salesperson-role #followupsList{gap:12px!important;margin-top:12px!important}
    body.b2bcrm-salesperson-role .phase5zg-fu-card{border-radius:20px;padding:13px;background:#fff}
    body.b2bcrm-salesperson-role .phase5zg-fu-title{font-size:17px}
    body.b2bcrm-salesperson-role .phase5zg-fu-meta{font-size:13px}
    body.b2bcrm-salesperson-role .phase5zg-actions{grid-template-columns:1fr 1fr;gap:10px}
    body.b2bcrm-salesperson-role .phase5zg-actions .phase5zg-done,body.b2bcrm-salesperson-role .phase5zg-actions .phase5zg-missed{grid-column:auto}
    body.b2bcrm-salesperson-role .phase5zg-actions .btn,body.b2bcrm-salesperson-role .phase5zg-actions button{min-height:48px;font-size:15px}
    body.b2bcrm-salesperson-role .modal{align-items:flex-end;padding:0;background:rgba(15,23,42,.55)}
    body.b2bcrm-salesperson-role .modalbox,body.b2bcrm-salesperson-role .phase5i-modal{border-radius:22px 22px 0 0!important;max-height:90vh;width:100%!important;padding:16px!important}
    body.b2bcrm-salesperson-role .phase5i-modal .phase5i-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
    body.b2bcrm-salesperson-role .phase5i-modal .phase5i-actions button{width:100%;min-height:48px;font-size:15px}
    body.b2bcrm-salesperson-role textarea#phase5iOutcomeNotes{min-height:96px;font-size:15px}
    body.b2bcrm-salesperson-role input,body.b2bcrm-salesperson-role select,body.b2bcrm-salesperson-role textarea{font-size:16px}
  }