/* Meki · Lista de agendas mobile · Cards premium.
   Desktop preserva a tabela. Ações usam os mesmos handlers existentes. */
@media screen and (max-width:760px){
  #app #agenda .card:has(> #agendaTable){
    padding:0!important;
    margin-top:12px;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  #app #agenda #agendaTable{
    width:100%;max-width:100%;
    overflow:visible!important;
  }
  #app #agenda .agenda-m-list{
    display:flex;flex-direction:column;gap:11px;min-width:0;width:100%;
  }
  #app #agenda .agenda-m-card{
    min-width:0;
    padding:15px 13px 13px;
    border:1px solid #285e80;
    border-radius:17px;
    background:radial-gradient(circle at 0 0,rgba(35,153,206,.1),transparent 56%),
      linear-gradient(135deg,#112f4a,#0c243b);
    box-shadow:0 7px 17px #0004,inset 0 1px 0 #ffffff09;
    color:#eaf5ff;
  }
  #app #agenda .agenda-m-head{
    display:flex;justify-content:space-between;align-items:flex-start;
    gap:9px;min-width:0;
  }
  #app #agenda .agenda-m-person{flex:1;min-width:0}
  #app #agenda .agenda-m-person h3{
    font-size:clamp(16px,4.3vw,20px);
    line-height:1.2;font-weight:850;
    margin:0 0 5px;color:#f6fcff;
    overflow-wrap:anywhere;
  }
  #app #agenda .agenda-m-person p{
    font-size:12px;color:#b9d3e5;
    line-height:1.4;margin:0;
    overflow-wrap:anywhere;
  }
  #app #agenda .agenda-m-head .badge{
    flex:0 0 auto;max-width:44%;
    font-weight:810;font-size:10px;
    padding:5px 9px!important;
    border-radius:100px;
    text-align:center;
    white-space:normal;
  }
  #app #agenda .agenda-m-datetime{
    display:flex;align-items:center;flex-wrap:wrap;
    gap:10px 14px;
    padding:12px 0;
    border-bottom:1px solid #254967;
    color:#cbe5f4;
    font-size:12px;
    line-height:1.35;font-weight:690;
  }
  #app #agenda .agenda-m-datetime span{
    display:inline-flex;align-items:center;
    gap:6px;min-width:0;
  }
  #app #agenda .agenda-m-datetime svg{
    width:16px;height:16px;flex:0 0 16px;
    stroke:#2ce1d5;stroke-width:1.8;fill:none;
    stroke-linecap:round;stroke-linejoin:round;
  }
  #app #agenda .agenda-m-lunch{
    color:#f9d18b;font-size:11px;
    padding-top:8px;font-weight:720;line-height:1.4;
  }
  #app #agenda .agenda-m-quantities{
    display:grid;grid-template-columns:1fr 1fr;
    gap:10px;margin:11px 0 12px;align-items:start;
  }
  #app #agenda .agenda-m-quantities label{
    display:flex;flex-direction:column;gap:6px;
    color:#b6d0e3;font-size:11px;font-weight:750;
  }
  #app #agenda .agenda-m-quantities input{
    width:100%;height:42px;min-height:42px;
    padding:7px 11px;box-sizing:border-box;
    background:#081c30;color:#fff;
    border:1px solid #396783;border-radius:11px;
    font-size:17px;font-variant-numeric:tabular-nums;
    font-weight:770;text-align:left;
  }
  #app #agenda .agenda-m-quantities input:focus{
    outline:2px solid #26e7d7;outline-offset:1px;
  }
  #app #agenda .agenda-m-field-label{
    color:#b6d0e3;font-size:11px;font-weight:750;
    display:block;margin-bottom:9px;
  }
  #app #agenda .agenda-m-not-applicable{
    color:#9eafc2;font-size:18px;
  }
  #app #agenda .agenda-m-capacity{min-width:0}
  #app #agenda .agenda-m-capacity .occupancy{
    display:block;
    color:#97cfff;
    font-size:11px;line-height:1.35;
    margin-top:6px;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  #app #agenda .agenda-m-capacity .occupancy.occ-high,
  #app #agenda .agenda-m-capacity .occupancy.occ-overbooked{color:#55edd0}
  #app #agenda .agenda-m-capacity .occupancy.occ-mid{color:#ffd57c}
  #app #agenda .agenda-m-capacity .occupancy.occ-low{color:#ff9ea9}
  #app #agenda .agenda-m-capacity .occupancy-note{
    color:#71f1dc;white-space:normal;font-size:10px;line-height:1.4;
  }
  #app #agenda .agenda-m-actions{
    display:flex;flex-wrap:wrap;gap:8px;
    padding-top:10px;border-top:1px solid #244c66;
    align-items:center;
  }
  #app #agenda .agenda-m-actions .btn,
  #app #agenda .agenda-m-other-actions .btn{
    display:inline-flex;align-items:center;justify-content:center;
    min-height:42px!important;
    padding:10px 12px!important;
    border-radius:11px!important;
    font-size:11px!important;line-height:1.3!important;
    text-align:center;
    flex:1 1 auto;
    white-space:normal;
    overflow-wrap:anywhere;
    width:auto;
    max-width:100%;
  }
  #app #agenda .agenda-m-actions .agenda-m-main-action{
    flex:1 1 145px;
    background:linear-gradient(115deg,#35f0dc,#25cee0)!important;
    border-color:#53f3dd!important;
    color:#043240!important;
    font-weight:850;
  }
  #app #agenda .agenda-m-actions .btn.green{
    background:linear-gradient(110deg,#0f997c,#137f80)!important;
    color:#ecfffa!important;border:1px solid #28ccae!important;
  }
  #app #agenda .agenda-m-actions .btn.light,
  #app #agenda .agenda-m-other-actions .btn.light{
    color:#d0eaff!important;
    background:#163953!important;
    border:1px solid #396987!important;
  }
  #app #agenda .agenda-m-other-actions .btn.danger{
    color:#ffc3cd!important;background:#4a293c!important;
    border:1px solid #925267!important;
  }
  #app #agenda .agenda-m-grouped{
    font-size:10px;color:#9fbad0;
    flex:1;max-width:100%;line-height:1.4;
  }
  #app #agenda .agenda-m-other{
    margin-top:12px;padding-top:11px;
    border-top:1px solid #244c66;
  }
  #app #agenda .agenda-m-other summary{
    color:#a9d6f1;font-weight:740;font-size:11px;
    cursor:pointer;min-height:32px;display:flex;align-items:center;
  }
  #app #agenda .agenda-m-other-actions{
    display:flex;flex-wrap:wrap;gap:7px;
    margin-top:8px;
  }
  #app #agenda .agenda-m-procedure-group{
    margin-top:11px;
    border:1px solid #235a73;
    border-radius:12px;
    background:#0c293e;
    overflow:hidden;
  }
  #app #agenda .agenda-m-expand{
    display:flex;align-items:center;justify-content:space-between;
    gap:8px;
    border:0;background:transparent;
    color:#55eade;
    padding:11px 12px;
    min-height:43px;width:100%;
    font-size:11px;font-weight:820;text-align:left;
    cursor:pointer;
  }
  #app #agenda .agenda-m-expand span:last-child{
    font-size:20px;line-height:1;
  }
  #app #agenda .agenda-m-procedure-body{
    border-top:1px solid #28546b;
    padding:10px 12px;
  }
  #app #agenda .agenda-m-procedure-body[hidden]{display:none!important}
  #app #agenda .agenda-m-procedure-note{
    margin:0 0 8px;font-size:10px;
    color:#b2cce0;line-height:1.45;
  }
  #app #agenda .agenda-m-procedure-row{
    display:grid;grid-template-columns:minmax(0,1fr) 92px;
    align-items:center;gap:8px;padding:9px 0;
    border-bottom:1px solid #20445f;
  }
  #app #agenda .agenda-m-procedure-row:last-of-type{border-bottom:0}
  #app #agenda .agenda-m-procedure-row strong{
    display:block;line-height:1.35;font-size:11px;overflow-wrap:anywhere;
    color:#f0f9ff;
  }
  #app #agenda .agenda-m-procedure-row small{
    display:block;color:#a9c6d9;font-size:10px;margin-top:3px;
  }
  #app #agenda .agenda-m-procedure-row label{
    font-size:10px;font-weight:740;color:#b9d0e4;
  }
  #app #agenda .agenda-m-procedure-row input{
    width:100%;height:39px;min-height:39px;
    color:#effdff;background:#0a2235;border:1px solid #375e79;
    border-radius:9px;padding:6px 8px;font-size:14px;
  }
  #app #agenda .agenda-m-kind{
    display:inline-flex;padding:5px 9px;margin-top:9px;
    font-size:10px;border-radius:9px;
    background:#1d475a;color:#69ecdf;font-weight:790;
  }
  #app #agenda .agenda-m-procedure-only .agenda-m-datetime{margin-bottom:11px}
  #app #agenda .agenda-m-procedure-only .agenda-m-actions{border-top:0;padding-top:0}
  #app #agenda .agenda-m-card :is(button,input):focus-visible{
    outline:2px solid #5bf9e4;outline-offset:2px;
  }
}
@media screen and (max-width:350px){
  #app #agenda .agenda-m-card{padding:12px 10px}
  #app #agenda .agenda-m-head{flex-wrap:wrap}
  #app #agenda .agenda-m-head .badge{max-width:100%}
  #app #agenda .agenda-m-actions .btn{flex-basis:100%}
}