.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.kpi{background:#fff;border:1px solid #e3e7eb;border-radius:16px;padding:16px;text-decoration:none;color:inherit;box-shadow:0 3px 12px rgba(0,0,0,.05)}.kpi span{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;color:#64748b}.kpi b{display:block;font-size:30px;margin-top:6px}.kpi.danger{border:2px solid #c62828}.kpi.danger b{color:#c62828}.alert-panel{background:#fff4f4;border:2px solid #c62828;border-radius:16px;padding:14px;margin:16px 0}.alert-panel h2{color:#a41414;margin-top:0}.alert-row{display:grid;grid-template-columns:1.2fr 1.2fr 1.2fr .8fr 1fr;gap:8px;padding:10px;border-top:1px solid #f0caca;text-decoration:none;color:#721c24}.process-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:8px;margin:14px 0 24px}.stage{background:#fff;border:1px solid #dce3e8;border-radius:18px;padding:18px 10px;text-align:center;text-decoration:none;color:inherit;box-shadow:0 4px 14px rgba(0,0,0,.06)}.stage-num{display:block;font-size:34px;font-weight:800}.stage b{display:block;margin:4px 0}.stage small{color:#64748b}.arrow{display:flex;align-items:center;font-size:26px;color:#94a3b8}.overdue-row{background:#fff0f0!important}.amber-row{background:#fff8e5!important}.card-head,.search-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.search-row input{flex:1}
@media(max-width:900px){.kpis{grid-template-columns:1fr 1fr}.process-flow{display:flex;overflow-x:auto;align-items:center}.stage{min-width:170px}.alert-row{grid-template-columns:1fr 1fr}.arrow{min-width:20px}}


/* ===== AeroFlow mobile-responsive branch ===== */

@media(max-width:760px){

  .kpis{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    margin:10px 0 !important;
  }

  .kpi{
    padding:11px !important;
    border-radius:13px !important;
  }

  .kpi span{
    font-size:9px !important;
  }

  .kpi b{
    font-size:24px !important;
  }

  .process-flow{
    display:flex !important;
    overflow-x:auto !important;
    scroll-snap-type:x mandatory;
    gap:8px !important;
    padding-bottom:8px;
    -webkit-overflow-scrolling:touch;
  }

  .stage{
    min-width:145px !important;
    padding:14px 8px !important;
    scroll-snap-align:start;
  }

  .stage-num{
    font-size:29px !important;
  }

  .arrow{
    min-width:18px !important;
    font-size:20px !important;
  }

  .alert-row{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:4px 8px !important;
  }

  .card-head{
    align-items:flex-start !important;
    flex-direction:column !important;
  }

  .search-row{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .search-row .btn{
    width:100%;
  }
}