/* Supper Plan meal planner maker. (c) 2026 CyberMax. All rights reserved. */
:root{--acc:#5F7F3A;--acc-dark:#3d5424;--soft:#EEF3E3}
.plan-in{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.plan-in .day{border:1px solid var(--line);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:6px;background:var(--bg)}
.plan-in .day b{font-size:14px}.plan-in .day small{color:var(--muted);font-weight:400}
.plan-in label{flex-direction:row;align-items:center;gap:8px;font-weight:500}
.plan-in label span{width:70px;flex:none;font-size:12px;color:var(--muted)}
.plan-in input{padding:6px 8px}
.sheet.meal{font-family:Georgia,"Times New Roman",serif}
.meal .hd{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2.5pt solid var(--t);padding-bottom:4pt;margin-bottom:8pt}
.meal h2{margin:0;font-size:calc(28pt*var(--k));color:var(--t);font-weight:600}
.meal .hd span{font:calc(10pt*var(--k)) system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--t)}
.meal .cols{display:flex;gap:12pt;flex:1;min-height:0}
.meal.portrait .cols{flex-direction:column}
.meal .plan{flex:1.75;display:flex;min-height:0}
.meal.portrait .plan{flex:none}
.meal table{width:100%;border-collapse:collapse;table-layout:fixed;font-family:system-ui,sans-serif}
.meal.landscape table{height:100%}
.meal thead th{background:var(--t);color:#fff;font-size:calc(9.5pt*var(--k));letter-spacing:.08em;text-transform:uppercase;padding:4pt;font-weight:600}
.meal thead th:first-child{background:transparent;width:13%}
.meal th.dy{text-align:left;font-size:calc(11pt*var(--k));color:var(--t);padding:4pt 6pt;background:var(--s);border:1pt solid #ddd8cf}
.meal th.dy small{display:block;font-weight:400;color:#6b6660;font-size:calc(8pt*var(--k))}
.meal td{border:1pt solid #ddd8cf;padding:4pt 6pt;font-size:calc(10.5pt*var(--k));vertical-align:middle;height:calc(30pt*var(--k))}
.meal .list{flex:1;border:1.5pt solid var(--t);border-radius:8pt;padding:6pt 10pt;font-family:system-ui,sans-serif;min-height:0;overflow:hidden}
.meal .list h3{margin:0 0 4pt;font:600 calc(14pt*var(--k)) Georgia,serif;color:var(--t)}
.meal .list h3 small{font:calc(8.5pt*var(--k)) system-ui,sans-serif;color:#8a857e;margin-left:4pt}
.meal .aisles{columns:2;column-gap:12pt}
.meal.portrait .aisles{columns:3}
.meal .aisle{break-inside:avoid;margin-bottom:5pt}
.meal h4{margin:0 0 2pt;font-size:calc(8.5pt*var(--k));letter-spacing:.12em;text-transform:uppercase;color:var(--t);border-bottom:.8pt solid var(--s)}
.meal ul{list-style:none;margin:0;padding:0}
.meal li{font-size:calc(9.5pt*var(--k));display:flex;align-items:center;gap:4pt;line-height:1.35}
.meal li i{width:calc(7pt*var(--k));height:calc(7pt*var(--k));border:1pt solid #8a857e;border-radius:1.5pt;flex:none}
.meal li em{font-style:normal;color:var(--t);font-weight:700;font-size:.9em}
.meal .none{color:#8a857e;font-size:10pt}