/* /assets/css/chronomoon_multi_compact.css
   Chronomoon Multi mobile-first compact operating layout.
   Final mobile order: laps table, timer grid, main controls, save/history controls. */

@media (max-width: 560px){
  body.chrono-multi-page{background:#000;overflow-x:hidden}
  body.chrono-multi-page .cm-shell{width:100%;max-width:100%;padding:0;margin:0}
  body.chrono-multi-page .cm-top{display:none!important}
  body.chrono-multi-page .cm-sync-bar{display:none!important}

  body.chrono-multi-page .cm-board{display:flex!important;flex-direction:column!important;min-height:100dvh;border-radius:0;padding:3px;background:#000}

  body.chrono-multi-page .cm-board-head{order:3!important;display:block!important;margin:4px 0 0!important;padding:0!important;background:#000}
  body.chrono-multi-page .cm-board-head>div:first-child{display:none!important}
  body.chrono-multi-page .cm-board-actions{
    order:3!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:4px;
    width:100%
  }
  body.chrono-multi-page .cm-board-actions .cm-btn.big{min-width:0;min-height:48px;border-radius:3px;border-width:4px;font-size:.94rem;line-height:1.05;padding:6px 4px;box-shadow:none}
  body.chrono-multi-page #cmFocusMode,
  body.chrono-multi-page #cmFullscreen,
  body.chrono-multi-page #cmOrderMode,
  body.chrono-multi-page #cmTimeMode{min-height:36px;border-width:2px;background:#111827;color:#fff;font-size:.82rem}
  body.chrono-multi-page #cmAllStop.cm-reset-context{border-color:#334155;background:#111827!important;color:#fff!important;box-shadow:none!important}
  body.chrono-multi-page #cmAllReset,
  body.chrono-multi-page .cm-hard-reset{display:none!important;visibility:hidden!important;width:0!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important}

  body.chrono-multi-page #cmLapList{order:1!important;margin:0 0 4px;border-radius:0;border-color:transparent;background:#000;max-height:39dvh;min-height:210px;overflow:auto;cursor:pointer}
  body.chrono-multi-page .cm-lap-row{grid-template-columns:28px 42px minmax(82px,1fr) minmax(76px,1fr) 48px;gap:4px;padding:2px 4px;font-size:clamp(.82rem,3.7vw,1.2rem);line-height:1.08;color:#fff;border-bottom:0;align-items:center}
  body.chrono-multi-page .cm-lap-row.head{background:#000;color:#fff;font-size:clamp(.78rem,3.6vw,1.1rem);padding-top:0;padding-bottom:4px;font-weight:900;position:sticky;top:0;z-index:4}
  body.chrono-multi-page .cm-lap-row span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.chrono-multi-page .cm-lap-row .cm-zone-code{justify-self:end;min-width:38px;max-width:48px;overflow:hidden;text-overflow:clip}
  body.chrono-multi-page .cm-lap-row.best-split{color:#22ff55;text-shadow:0 0 7px rgba(34,255,85,.35)}
  body.chrono-multi-page .cm-lap-row.worst-split{color:#ff4242;text-shadow:0 0 7px rgba(255,66,66,.35)}
  body.chrono-multi-page .cm-lap-row.best-split .cm-zone-code,
  body.chrono-multi-page .cm-lap-row.worst-split .cm-zone-code{color:var(--zone-text,#fff);text-shadow:none}

  body.chrono-multi-page .cm-grid{order:2!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px;width:100%}
  body.chrono-multi-page .cm-timer-card{min-width:0;width:100%;min-height:126px;border-width:6px;border-radius:2px;padding:2px;overflow:hidden;justify-content:center;background:#d9d9d9}
  body.chrono-multi-page .cm-timer-number{font-size:clamp(3.1rem,14vw,5rem);line-height:.86;font-weight:500}
  body.chrono-multi-page .cm-timer-name{display:block!important;font-size:.54rem;font-weight:950;line-height:1.02;max-width:100%;padding:0 2px;margin:3px 0 0;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
  body.chrono-multi-page .cm-timer-time{font-size:clamp(.82rem,3.45vw,1.08rem);margin-top:4px;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}
  body.chrono-multi-page .cm-timer-mode{display:block;font-size:.48rem;font-weight:950;text-transform:uppercase;line-height:1;color:#111;opacity:.72;margin-top:1px}
  body.chrono-multi-page .cm-timer-stats,body.chrono-multi-page .cm-timer-laps,body.chrono-multi-page .cm-timer-actions{display:none!important}
  body.chrono-multi-page .cm-timer-card.dnf .cm-timer-time,body.chrono-multi-page .cm-timer-card.dnf .cm-timer-name,body.chrono-multi-page .cm-timer-card.dnf .cm-timer-mode{font-size:.75rem;color:#fff}

  body.chrono-multi-page .cm-bottom-actions{order:4!important;display:grid;grid-template-columns:1.2fr 1.4fr 1.2fr;gap:4px;margin:4px 0 0;width:100%}
  body.chrono-multi-page .cm-bottom-actions .cm-btn{min-height:42px;border-radius:3px;padding:6px 4px;font-size:.78rem;line-height:1.05}
  body.chrono-multi-page .cm-bottom-actions .cm-btn.primary{font-size:.8rem;background:#facc15}
  body.chrono-multi-page .cm-config{min-height:100dvh;border-radius:0;padding:10px}

  body.chrono-multi-page.cm-laps-expanded{overflow:hidden!important}
  body.chrono-multi-page.cm-laps-expanded .cm-board{padding:0!important;min-height:100dvh!important}
  body.chrono-multi-page.cm-laps-expanded .cm-grid,
  body.chrono-multi-page.cm-laps-expanded .cm-board-head,
  body.chrono-multi-page.cm-laps-expanded .cm-bottom-actions{display:none!important}
  body.chrono-multi-page.cm-laps-expanded #cmLapList{position:fixed!important;inset:0!important;z-index:9999!important;order:0!important;margin:0!important;max-height:none!important;min-height:100dvh!important;height:100dvh!important;width:100vw!important;padding:8px 6px 14px!important;background:#000!important;overflow:auto!important;border:0!important;border-radius:0!important}
  body.chrono-multi-page.cm-laps-expanded #cmLapList:before{content:'Tocar para volver';display:block;position:sticky;top:0;z-index:5;margin:0 0 6px;padding:8px 10px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#111827;color:#facc15;text-align:center;font-weight:950;font-size:.85rem}
  body.chrono-multi-page.cm-laps-expanded .cm-lap-row{grid-template-columns:32px 46px minmax(95px,1fr) minmax(90px,1fr) 56px;font-size:clamp(1rem,4.3vw,1.35rem);padding:4px 6px;line-height:1.16;border-bottom:1px solid rgba(255,255,255,.08)}
  body.chrono-multi-page.cm-laps-expanded .cm-lap-row.head{font-size:clamp(.95rem,4vw,1.25rem);padding-top:4px;padding-bottom:6px}
}

@media (max-width: 560px) and (max-height: 740px){
  body.chrono-multi-page #cmLapList{min-height:160px;max-height:32dvh}
  body.chrono-multi-page .cm-timer-card{min-height:100px;border-width:5px}
  body.chrono-multi-page .cm-timer-number{font-size:clamp(2.7rem,13vw,4.4rem)}
  body.chrono-multi-page .cm-timer-name{font-size:.48rem;margin-top:1px}
  body.chrono-multi-page .cm-timer-time{font-size:.82rem;margin-top:2px}
  body.chrono-multi-page .cm-timer-mode{font-size:.44rem}
  body.chrono-multi-page .cm-board-actions .cm-btn.big{min-height:40px}
  body.chrono-multi-page #cmFocusMode,body.chrono-multi-page #cmFullscreen,body.chrono-multi-page #cmOrderMode,body.chrono-multi-page #cmTimeMode,body.chrono-multi-page .cm-bottom-actions .cm-btn{min-height:34px}
}

@media (min-width: 561px) and (max-width: 820px){
  body.chrono-multi-page .cm-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body.chrono-multi-page .cm-timer-card{min-width:0;min-height:170px}
}