/* mobile planner */
.bottombar{display:none}
.sheet{display:none}
@media (max-width:920px){
  .summary{display:none}
  .planner{padding-bottom:110px}
  .bottombar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -10px 30px rgba(31,26,20,.08)}
  .bottombar b{font-family:var(--serif);font-size:1.5rem;font-weight:400;display:block;line-height:1}
  .bottombar small{display:block;font-size:12.5px;color:var(--ink-3)}
  .bottombar .bb-fine{color:var(--ink);font-weight:500}
  .bottombar .btn{padding:14px 26px;font-size:16px}
  .addrow select{display:none}
  .addrow button{width:100%;padding:12px;border-radius:8px;font-size:15px}
  .sheet{position:fixed;left:0;right:0;bottom:0;z-index:45;background:#fff;border-radius:16px 16px 0 0;max-height:80vh;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .25s;box-shadow:0 -20px 60px rgba(0,0,0,.25)}
  .sheet.open{transform:none}
  .sheet-h{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line);font-size:16px}
  .sheet-list{overflow:auto;padding:6px 0 calc(12px + env(safe-area-inset-bottom))}
  .sheet-item{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;width:100%;text-align:left;padding:12px 18px;border-bottom:1px solid var(--line)}
  .sheet-item .media{aspect-ratio:1;border-radius:6px}
  .sheet-item b{display:block;font-weight:500;font-size:15px}
  .sheet-item small{color:var(--ink-3);font-size:13px}
  .sheet-item[disabled]{opacity:.45}
  .panel{width:100%;inset:auto 0 0 0;height:92vh;border-radius:16px 16px 0 0;transform:translateY(100%)}
  .panel.open{transform:none}
  .day{padding:18px 0}
  .slot{grid-template-columns:64px 1fr}
  .slot .acts{grid-column:span 2;flex-direction:row;justify-content:flex-start}
  .slot .acts button{padding:8px 12px;border:1px solid var(--line);border-radius:999px}
  .mgrid{grid-template-columns:1fr 1fr}
  .mcard .row{flex-direction:column;align-items:stretch}
}
@media (max-width:520px){.mgrid{grid-template-columns:1fr}}