/* ===================== TREINADOR — MOBILE-ONLY =====================
   Raul runs his business from his phone, so the Painel do Treinador is a
   single-column mobile screen living inside the same .phone frame as the
   Aluno screen. No sidebar, no 2-column grid; a shared .tabbar bottom nav
   (see screens.css) and >=44px touch targets throughout. */

.adm{padding:8px 18px 0;display:flex;flex-direction:column;gap:18px;min-height:100%}

/* header */
.adm-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px}
.adm-head-l{display:flex;align-items:center;gap:12px;min-width:0}
.adm-shield{width:44px;height:52px;object-fit:contain;flex-shrink:0}
.adm-head-tx{min-width:0}
.adm-eyebrow{font-size:9.5px;letter-spacing:.16em;display:block}
.adm-greet{font-size:23px;line-height:1.05;margin-top:2px}
.adm-sub{font-size:13px;line-height:1.4;margin-top:-8px}

/* search */
.adm-search{display:flex;align-items:center;gap:10px;min-height:48px;
  background:rgba(0,0,0,.3);border:1px solid var(--hair);border-radius:14px;
  padding:0 14px;color:var(--muted-2)}
.adm-search:focus-within{border-color:var(--hair-gold)}
.adm-search input{flex:1;min-width:0;background:none;border:none;outline:none;
  color:var(--text);font-size:15px;padding:14px 0}
.adm-search input::placeholder{color:var(--muted-2)}

/* stats — 2×2 */
.adm-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.stat{padding:16px;position:relative;overflow:hidden}
.stat-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;margin-bottom:12px}
.stat-gold{background:rgba(232,184,75,.14);color:var(--gold)}
.stat-warn{background:rgba(224,166,72,.14);color:var(--warn)}
.stat-info{background:rgba(134,169,203,.14);color:var(--info)}
.stat-ok{background:rgba(121,194,154,.14);color:var(--ok)}
.stat-val{font-size:28px;line-height:1}
.stat-label{font-size:12px;margin-top:4px}
.stat-sub{font-size:11px;margin-top:8px;color:var(--muted-2);font-weight:600}
.stat-sub.up{color:var(--ok)}

/* section wrapper (spacing comes from .adm gap) */
.adm-sec{display:flex;flex-direction:column}

/* attention — tappable rows, >=44px touch */
.adm-list{display:flex;flex-direction:column;gap:10px}
.att-row{display:flex;align-items:center;gap:12px;padding:13px 14px;
  width:100%;text-align:left;min-height:64px;transition:.15s}
.att-row:active{transform:scale(.99)}
.att-row:hover{border-color:var(--hair-gold)}
.att-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.att-body strong{font-size:14.5px}
.att-body .pill{align-self:flex-start;max-width:100%}
.att-meta{font-size:11.5px}
.att-go{width:44px;height:44px;border-radius:12px;flex-shrink:0;display:grid;place-items:center;
  color:var(--muted);background:rgba(255,255,255,.03);border:1px solid var(--hair)}

/* recent check-ins */
.adm-checkins{padding:4px 16px}
.ci-line{display:flex;align-items:center;gap:12px;padding:13px 0;min-height:56px;
  border-bottom:1px solid var(--hair)}
.ci-line:last-child{border-bottom:none}
.ci-line-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ci-line-body strong{font-size:14px}
.ci-line-body .muted{font-size:11.5px}
.ci-line-body em{color:var(--muted);font-style:normal;font-weight:600}
.ci-line .pill{flex-shrink:0}

/* quick actions — 2 col */
.adm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.act{display:flex;flex-direction:column;gap:12px;padding:16px;position:relative;
  align-items:flex-start;text-align:left;min-height:104px;transition:.15s}
.act:active{transform:scale(.99)}
.act:hover{border-color:var(--hair-gold)}
.act-ic{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;
  background:rgba(255,255,255,.04);color:var(--gold)}
.act-gold{background:linear-gradient(135deg,rgba(232,184,75,.18),var(--surface));border-color:var(--hair-gold)}
.act-gold .act-ic{background:var(--gold-grad);color:#1a1305}
.act-label{font-family:var(--ff-display);font-weight:700;font-size:14px;line-height:1.2}
.act-arrow{position:absolute;top:14px;right:14px;color:var(--muted-2)}

/* weekly adherence */
.adm-engage{padding:18px}
.engage-bars{display:flex;align-items:flex-end;gap:8px;height:92px;margin:4px 0 12px}
.ebar{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%}
.ebar-track{flex:1;width:100%;background:rgba(255,255,255,.04);border-radius:7px;
  display:flex;align-items:flex-end;overflow:hidden}
.ebar-fill{width:100%;background:var(--gold-grad);border-radius:7px;transition:height .5s ease}
.ebar span{font-size:11px;color:var(--muted-2);font-weight:600}
.engage-note{font-size:12.5px;line-height:1.45}

/* view-as-student */
.adm-view-student{padding:18px;display:flex;flex-direction:column;gap:13px;
  background:linear-gradient(135deg,rgba(232,184,75,.08),var(--surface))}
.adm-view-student .eyebrow{font-size:10px}
.adm-view-student p{font-size:14px;font-weight:600;margin-top:5px;font-family:var(--ff-display)}
.adm-view-student .btn-ghost{width:100%;min-height:48px}

/* logout */
.adm-logout{display:flex;align-items:center;justify-content:center;gap:9px;
  width:100%;min-height:48px;border:1px solid var(--hair);border-radius:16px;
  color:var(--muted);font-weight:600;font-size:14px;background:rgba(255,255,255,.02);transition:.15s}
.adm-logout:hover{color:var(--danger);border-color:rgba(220,124,104,.3)}

/* roomy phones: a touch more breathing room */
@media(min-width:430px){
  .adm{padding-left:20px;padding-right:20px}
  .adm-stats{gap:12px}
}