/* Flex Log — tablet-specific styles (layers on top of style.css) */
.metarow{display:flex;gap:12px}
.fld.half{flex:1}

/* table of contents */
.toc-btn{display:flex;align-items:center;justify-content:space-between;width:100%;
  background:#fff;border:2px solid var(--line);border-radius:14px;padding:16px 18px;margin:9px 0;
  min-height:66px;text-align:left}
.toc-btn:active{border-color:var(--green)}
.toc-label{font-size:18px;font-weight:700;color:var(--ink)}
.toc-prog{font-size:14px;font-weight:700;color:var(--muted)}
.toc-btn.done .toc-prog{color:var(--green)}
.toc-btn .chev{color:var(--green);font-size:22px;margin-left:8px}

/* section body */
.secbody{flex:1;padding:6px 10px 110px}
.block{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;margin:10px 0}
.block h3{margin:0 0 8px;font-size:16px;color:var(--green-d)}
.block h4{margin:12px 0 6px;font-size:14px;color:var(--ink)}
.hint{color:var(--muted);font-size:13px;margin:2px 0 8px}

/* a labelled field row */
.frow{display:flex;align-items:center;gap:10px;margin:8px 0}
.frow .lbl{flex:1;min-width:0;font-weight:600;font-size:15px}
.frow .lbl small{display:block;color:var(--muted);font-weight:600;font-size:12px}
.frow input,.frow select{width:130px;text-align:center;font-size:18px;font-weight:700;padding:10px;
  border:2px solid var(--line);border-radius:10px;min-height:54px;background:#fff;color:var(--ink)}
.frow input.text{width:100%;text-align:left;font-weight:500;font-size:15px}
.frow input:focus,.frow select:focus{outline:none;border-color:var(--green)}

/* per-slot temp / time grid rows */
.grow{display:flex;align-items:center;gap:8px;margin:7px 0;flex-wrap:wrap}
.grow .glbl{flex:1 1 100%;font-weight:600;font-size:15px}
.grow .glbl small{color:var(--muted);font-weight:600;font-size:12px;margin-left:6px}
.slot{display:flex;flex-direction:column;align-items:center;gap:2px}
.slot span{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase}
.slot input{width:84px;text-align:center;font-size:18px;font-weight:700;padding:8px;
  border:2px solid var(--line);border-radius:10px;min-height:50px;background:#fff}
.slot input.ok{border-color:var(--green);background:#f0f8f2}
.slot input.bad{border-color:var(--red);background:var(--red-bg);color:var(--red)}

/* toggle check */
.chk{min-width:64px;min-height:54px;border-radius:12px;border:2px solid var(--line);
  background:#fff;font-size:22px;font-weight:800;color:var(--muted)}
.chk.on{background:var(--green);border-color:var(--green);color:#fff}

/* checklist items */
.ck-item{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);
  border-left:6px solid var(--line);border-radius:12px;padding:12px;margin:8px 0}
.ck-item.on{border-left-color:var(--green);background:#f0f8f2}
.ck-item .ck-info{flex:1;min-width:0}
.ck-item .ck-name{font-weight:700;font-size:16px}
.ck-item .ck-exp{color:var(--muted);font-size:13px;margin-top:2px}
.grp-h{font-weight:800;color:var(--green-d);margin:16px 4px 4px;font-size:15px;text-transform:uppercase;letter-spacing:.3px}

/* row tables (team / punch / voids / transfers / waste) */
.rowcard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;margin:9px 0}
.rowcard .rc-h{font-weight:700;font-size:13px;color:var(--muted);margin-bottom:4px}
.rowcard .rc-field{display:flex;align-items:center;gap:8px;margin:5px 0}
.rowcard .rc-field label{flex:0 0 120px;font-size:13px;color:var(--muted);font-weight:600}
.rowcard .rc-field input,.rowcard .rc-field select{flex:1;padding:9px;border:2px solid var(--line);
  border-radius:9px;min-height:48px;font-size:15px}
.addrow{background:#e7efe8;color:var(--green-d);font-weight:700;padding:12px;border-radius:10px;width:100%;
  min-height:52px;margin-top:6px}

/* day-results & osat compact grids */
.minigrid{width:100%;border-collapse:collapse;margin:6px 0}
.minigrid th,.minigrid td{border:1px solid var(--line);padding:4px}
.minigrid th{background:#eaf2eb;font-size:12px}
.minigrid input{width:100%;border:none;padding:8px;font-size:15px;text-align:center;min-height:44px}
.minigrid input:focus{outline:2px solid var(--green)}
.minigrid .rl{font-size:13px;font-weight:600;background:#f7faf7}

/* funds count selector (Open / Shift Change 1 / 2 / Close) */
.subtabs{display:flex;gap:6px;padding:8px 10px;overflow-x:auto;flex-wrap:nowrap}
.subtab{white-space:nowrap;background:#e7efe8;color:var(--ink);border-radius:999px;padding:9px 14px;
  font-weight:700;min-height:48px;border:2px solid transparent}
.subtab.active{background:var(--green);color:#fff;border-color:var(--green)}
.unit-total{font-variant-numeric:tabular-nums}

.savestate{color:#fff}

/* negative-temp sign toggle — lets freezer / dipbox / truck readings go below zero */
.tempfield{display:flex;flex-direction:column;align-items:center;gap:3px}
.negtoggle{width:84px;min-height:26px;border:2px solid var(--line);border-radius:8px;
  background:#eef3ef;font-weight:800;font-size:15px;color:var(--muted);line-height:1}
.negtoggle:active{background:var(--green);color:#fff;border-color:var(--green)}