/* PHASE_M2_R5F3_FRONTEND_DOMAIN_MODULES_R1: moved from /assets/css/modules/009-009-inline-style-009.css */
/* Extracted to named module by PHASE_M2_R5F2_FRONTEND_NAMED_MODULES_R2_FIXED from assets/css/blocks/009-inline-style-009.css */
/* Extracted from frontend/index.html by PHASE_M2_R5F1_FRONTEND_MODULAR_SPLIT_R1: inline-style-009 */
:root{
    --phase5zh-green:#008c7a;
    --phase5zh-blue:#0f6ded;
    --phase5zh-slate:#334155;
    --phase5zh-border:#dbe5ee;
    --phase5zh-bg:#f8fafc;
  }
  @media (max-width: 760px){
    html,body{max-width:100%;overflow-x:hidden!important}
    body.b2bcrm-salesperson-role input,
    body.b2bcrm-salesperson-role select,
    body.b2bcrm-salesperson-role textarea{font-size:16px!important}
    body.b2bcrm-salesperson-role .phase5zh-mobile-note{display:block;margin:10px 0 12px;padding:11px 12px;border-radius:16px;background:#f0fdfa;border:1px solid #5eead4;color:#115e59;font-size:13px;font-weight:800;line-height:1.35}

    /* Keep top app tabs usable on mobile instead of clipping the right-side tab. */
    body.b2bcrm-salesperson-role .tabs,
    body.b2bcrm-salesperson-role .tab-nav,
    body.b2bcrm-salesperson-role .nav-tabs,
    body.b2bcrm-salesperson-role [role="tablist"]{
      display:flex!important;
      flex-wrap:nowrap!important;
      overflow-x:auto!important;
      overflow-y:hidden!important;
      gap:10px!important;
      padding:10px 14px!important;
      scroll-snap-type:x proximity;
      -webkit-overflow-scrolling:touch;
      max-width:100vw!important;
    }
    body.b2bcrm-salesperson-role .tabs > *,
    body.b2bcrm-salesperson-role .tab-nav > *,
    body.b2bcrm-salesperson-role .nav-tabs > *,
    body.b2bcrm-salesperson-role [role="tablist"] > *{
      flex:0 0 auto!important;
      white-space:nowrap!important;
      scroll-snap-align:start;
      min-height:46px!important;
      border-radius:999px!important;
    }

    /* Agents list: convert cramped table rows into readable mobile cards. */
    body.b2bcrm-salesperson-role table.phase5zh-agent-mobile-table{
      display:block!important;
      width:100%!important;
      max-width:100%!important;
      border:0!important;
      background:transparent!important;
      overflow:visible!important;
    }
    body.b2bcrm-salesperson-role table.phase5zh-agent-mobile-table thead{display:none!important}
    body.b2bcrm-salesperson-role table.phase5zh-agent-mobile-table tbody{display:block!important;width:100%!important}
    body.b2bcrm-salesperson-role table.phase5zh-agent-mobile-table tr{
      display:block!important;
      width:100%!important;
      margin:12px 0!important;
      padding:14px!important;
      border:1px solid var(--phase5zh-border)!important;
      border-radius:20px!important;
      background:#fff!important;
      box-shadow:0 12px 32px rgba(15,23,42,.08)!important;
      min-height:0!important;
    }
    body.b2bcrm-salesperson-role table.phase5zh-agent-mobile-table td{
      display:block!important;
      width:100%!important;
      max-width:100%!important;
      border:0!important;
      padding:7px 0!important;
      text-align:left!important;
      white-space:normal!important;
      overflow-wrap:anywhere!important;
      word-break:break-word!important;
      font-size:15px!important;
      line-height:1.28!important;
      color:#0f172a!important;
      min-height:0!important;
    }
    body.b2bcrm-salesperson-role table.phase5zh-agent-mobile-table td::before{
      content:attr(data-phase5zh-label);
      display:block;
      margin-bottom:3px;
      font-size:11px;
      line-height:1.1;
      letter-spacing:.05em;
      text-transform:uppercase;
      font-weight:950;
      color:#64748b;
    }
    body.b2bcrm-salesperson-role table.phase5zh-agent-mobile-table td[data-phase5zh-label="ID"]{
      display:inline-flex!important;
      align-items:center;
      width:auto!important;
      min-width:58px!important;
      padding:5px 9px!important;
      border-radius:999px!important;
      background:#eef2ff!important;
      color:#3730a3!important;
      font-weight:950!important;
      margin-bottom:8px!important;
    }
    body.b2bcrm-salesperson-role table.phase5zh-agent-mobile-table td[data-phase5zh-label="ID"]::before{display:none!important}
    body.b2bcrm-salesperson-role table.phase5zh-agent-mobile-table td[data-phase5zh-label="Agent"]{
      font-size:18px!important;
      font-weight:950!important;
    }
    body.b2bcrm-salesperson-role table.phase5zh-agent-mobile-table td[data-phase5zh-label="Number"]{
      font-size:16px!important;
      letter-spacing:.02em;
      color:#334155!important;
    }
    body.b2bcrm-salesperson-role table.phase5zh-agent-mobile-table td[data-phase5zh-label="Actions"]{
      display:grid!important;
      grid-template-columns:1fr 1fr!important;
      gap:10px!important;
      margin-top:10px!important;
      padding-top:12px!important;
      border-top:1px dashed #cbd5e1!important;
    }
    body.b2bcrm-salesperson-role table.phase5zh-agent-mobile-table td[data-phase5zh-label="Actions"]::before{
      grid-column:1/-1;
      margin-bottom:0;
    }
    body.b2bcrm-salesperson-role table.phase5zh-agent-mobile-table td[data-phase5zh-label="Actions"] button,
    body.b2bcrm-salesperson-role table.phase5zh-agent-mobile-table td[data-phase5zh-label="Actions"] a,
    body.b2bcrm-salesperson-role table.phase5zh-agent-mobile-table td[data-phase5zh-label="Actions"] .btn{
      width:100%!important;
      min-height:44px!important;
      border-radius:14px!important;
      font-size:14px!important;
      font-weight:950!important;
      margin:0!important;
      display:inline-flex!important;
      align-items:center!important;
      justify-content:center!important;
      text-align:center!important;
      white-space:normal!important;
    }
    body.b2bcrm-salesperson-role table.phase5zh-agent-mobile-table td[data-phase5zh-label="Actions"] button:nth-child(3),
    body.b2bcrm-salesperson-role table.phase5zh-agent-mobile-table td[data-phase5zh-label="Actions"] a:nth-child(3){background:#07a34b!important;color:#fff!important}

    /* Production Entry mobile comfort. */
    body.b2bcrm-salesperson-role .phase5zh-production-mobile form,
    body.b2bcrm-salesperson-role .phase5zh-production-mobile .card,
    body.b2bcrm-salesperson-role .phase5zh-production-mobile .panel{
      max-width:100%!important;
      overflow:hidden!important;
    }
    body.b2bcrm-salesperson-role .phase5zh-production-mobile label{
      font-weight:900!important;
      color:#64748b!important;
      margin-top:10px!important;
    }
    body.b2bcrm-salesperson-role .phase5zh-production-mobile input,
    body.b2bcrm-salesperson-role .phase5zh-production-mobile select,
    body.b2bcrm-salesperson-role .phase5zh-production-mobile textarea{
      width:100%!important;
      min-height:50px!important;
      border-radius:16px!important;
    }
    body.b2bcrm-salesperson-role .phase5zh-production-mobile button,
    body.b2bcrm-salesperson-role .phase5zh-production-mobile .btn{
      min-height:46px!important;
      border-radius:16px!important;
      font-weight:950!important;
      margin-top:8px!important;
    }
    body.b2bcrm-salesperson-role .phase5zh-production-mobile .phase5zh-form-actions{
      display:grid!important;
      grid-template-columns:1fr 1fr!important;
      gap:10px!important;
    }
  }