:root{--bg:#f4f2ef;--surface:#ffffff;--text:#1a1a1a;--muted:#5c5c5c;--border:#d9d4cd;--accent:#0d5c3d;--accent-hover:#094a31;--danger:#a32020;--focus:#1e6b8a;--shadow:0 2px 8px rgba(0,0,0,0.08);--radius:10px;font-synthesis:weight}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.45;color:var(--text);background:var(--bg)}a{color:var(--focus)}a:hover{text-decoration:none}button{cursor:pointer}button,input,select,textarea{font:inherit}.page{max-width:44rem;margin:0 auto;padding:1rem 1.25rem 2.5rem}h1{font-size:1.5rem;font-weight:700;margin:0 0 .25rem;letter-spacing:-.02em}.sub{margin:0 0 1.25rem;font-size:.95rem}.meta-row,.sub{color:var(--muted)}.meta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin-bottom:1rem;font-size:.875rem}.btn-link{background:none;border:none;padding:0;text-decoration:underline;color:var(--focus)}.field-grid{display:grid;grid-gap:.75rem;gap:.75rem}@media (min-width:40rem){.field-grid{grid-template-columns:1fr 1fr 1fr}}label span{display:block;font-size:.8rem;font-weight:600;color:var(--muted);margin-bottom:.25rem}input[type=search],select{width:100%;padding:.5rem .6rem;border:1px solid var(--border);border-radius:6px;background:var(--surface)}input[type=search]:focus,select:focus{outline:2px solid var(--focus);outline-offset:1px}.results{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.result{text-align:left;width:100%;border:1px solid var(--border);border-radius:var(--radius);padding:.75rem .9rem;background:var(--surface);box-shadow:var(--shadow);transition:border-color .15s,box-shadow .15s}.result:hover{border-color:#c0b8ab;box-shadow:0 3px 12px rgba(0,0,0,.1)}.result[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.result h2{font-size:1.05rem;font-weight:600;margin:0 0 .25rem}.result-dl{display:grid;grid-template-columns:auto 1fr;grid-gap:.2rem .6rem;gap:.2rem .6rem;font-size:.86rem;color:var(--muted);margin:0}.result-dl dt{font-weight:600;color:#3b3b3b}.result-dl dd{margin:0}.empty{margin:1rem 0;color:var(--muted);font-size:.95rem}.stretch{margin-top:1.25rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:1rem 1.1rem}.stretch h3{margin:0 0 .75rem;font-size:1.1rem;font-weight:700}.detail-dl{display:grid;grid-template-columns:auto 1fr;grid-gap:.25rem .75rem;gap:.25rem .75rem;font-size:.9rem;margin:0 0 1rem}.detail-dl dt{font-weight:600;color:var(--muted)}.detail-dl dd{margin:0;word-break:break-word}.btn-row{display:flex;flex-direction:column;gap:.6rem}@media (min-width:32rem){.btn-row{flex-direction:row;align-items:stretch}}.btn-print{flex:1 1;min-height:3rem;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;background:var(--accent);color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.12)}.btn-print:hover{background:var(--accent-hover)}.btn-print:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{min-height:3rem;padding:0 1.25rem;border:1px solid var(--border);border-radius:8px;background:#faf8f5;color:var(--text)}.btn-secondary:disabled{opacity:.55;cursor:not-allowed}.preview-wrap{margin-top:1rem;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:#e8e6e1;min-height:12rem}.preview-wrap iframe{display:block;width:100%;min-height:50vh;border:0;background:#fff}.banner{padding:.75rem .9rem;border-radius:6px;font-size:.9rem;margin-bottom:.75rem}.banner.error{background:#fdeaea;color:#6b1414;border:1px solid #f0b4b4}.banner.info{background:#e8f2f8;color:#134060;border:1px solid #b8d2e3}.loading{color:var(--muted);font-size:.95rem}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.app-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin:0 0 .5rem}.app-header h1{margin:0}.print-hub-nav{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.75rem 1rem;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.print-hub-nav-title{font-size:1.35rem;font-weight:700;margin:0;letter-spacing:-.02em}.print-hub-nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}.print-hub-nav-link{font-size:.95rem;font-weight:600;color:var(--focus);text-decoration:none}.print-hub-nav-link:hover{text-decoration:underline}.print-hub-nav-link--active{color:var(--text);text-decoration:underline;text-underline-offset:2px}.history-page{margin-top:.5rem}.history-page-title{font-size:1.1rem;font-weight:700;margin:0 0 .35rem}.history-page-hint{margin:0 0 1rem;font-size:.88rem;color:var(--muted)}.btn-logout{min-height:2.25rem;padding:0 .9rem;font-size:.9rem;font-weight:600;border:1px solid var(--border);border-radius:8px;background:#faf8f5;color:var(--text)}.btn-logout:hover{background:#f0ede8}.login-page .login-card{margin-top:1rem;max-width:22rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:1.25rem 1.1rem 1.35rem}.login-form{display:flex;flex-direction:column;gap:.75rem}.login-label span{display:block;font-size:.8rem;font-weight:600;color:var(--muted);margin-bottom:.25rem}.login-label input{width:100%;padding:.5rem .6rem;border:1px solid var(--border);border-radius:6px;background:var(--surface)}.login-label input:focus{outline:2px solid var(--focus);outline-offset:1px}.login-submit{min-height:2.75rem;font-size:1rem}.meal-search-label{display:block;margin:0 0 .5rem}.meal-search-label span{display:block;font-size:.8rem;font-weight:600;color:var(--muted);margin-bottom:.25rem}.meal-search-input{width:100%;max-width:28rem;padding:.5rem .6rem;border:1px solid var(--border);border-radius:6px;background:var(--surface)}.meal-hint{margin-top:.5rem}.meal-list{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem;max-width:28rem}.meal-name-heading{font-size:1.05rem;font-weight:600;margin:0}.variant-section{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border)}.section-title{font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.variant-grid{display:grid;grid-gap:.75rem 1rem;gap:.75rem 1rem;margin:.75rem 0 0}@media (min-width:32rem){.variant-grid{grid-template-columns:1fr 1fr}}.variant-cell{display:flex;flex-direction:column;gap:.3rem}.variant-label-text{font-size:.8rem;font-weight:600;color:var(--muted)}.variant-readonly{font-size:.95rem}.variant-cell select{width:100%;padding:.5rem .6rem;background:var(--surface)}.qty-input,.variant-cell select{border:1px solid var(--border);border-radius:6px}.qty-input{width:5.5rem;padding:.4rem .5rem}.debug-sku{margin:.4rem 0 0;font-size:.86rem;word-break:break-word}.page.home-simple{max-width:32rem;padding-bottom:0}.page-footer{width:100%;box-sizing:border-box;margin-top:2.25rem;padding:1.25rem 0 1.5rem;border-top:1px solid var(--border)}.page-footer-inner{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem 1.25rem;width:100%;max-width:100%}@media (min-width:32rem){.page-footer-inner{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between}}.page-footer-meta{margin:0;font-size:.82rem;color:var(--muted);line-height:1.4}.page-footer-time{color:var(--muted);font-weight:500}.page-footer-refresh{flex-shrink:0}.hero-search{margin:1.75rem 0 1.25rem}.hero-search-field{position:relative}.hero-search-label{display:block}.hero-search-input{width:100%;font-size:1.2rem;padding:.9rem 1rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.hero-search-input:focus{outline:2px solid var(--focus);outline-offset:2px;border-color:#a8b8c0}.helper-text{margin:.65rem 0 0;font-size:.9rem;color:var(--muted)}.loading--inline{margin:0 0 .5rem;font-size:.9rem}.meal-list--compact{max-width:none;margin:.5rem 0 0;gap:.4rem}.meal-list--popover{position:absolute;z-index:30;left:0;right:0;top:100%;margin:.35rem 0 0;padding:.35rem 0;max-height:min(50vh,18rem);overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.empty-meals{list-style:none;padding:.5rem 0;color:var(--muted);font-size:.95rem}.meal-pick{display:block;width:100%;text-align:left;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);font-size:1rem;font-weight:500;box-shadow:var(--shadow);transition:border-color .15s,background .15s}.meal-pick:hover{border-color:#b8a99a;background:#faf8f5}.meal-pick--current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:#f4faf6;font-weight:600}.meal-pick--highlight{outline:2px solid var(--focus);outline-offset:1px}.btn-link--subtle{font-size:.85rem;color:var(--muted)}.btn-link--subtle:hover{color:var(--focus)}.flow-panel{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.selected-meal-bar{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:1.25rem}.selected-meal-name{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.02em;flex:1 1;min-width:0}.btn-text{background:none;border:none;padding:.25rem 0;color:var(--focus);font-size:.9rem;text-decoration:underline;cursor:pointer;flex-shrink:0}.btn-text:hover{color:#174a5e}.selected-meal-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}.variant-stack{display:flex;flex-direction:column;gap:1.25rem}.variant-block{margin:0}.variant-block-title{margin:0 0 .5rem;font-size:.8rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.variant-auto{margin:0;font-size:.95rem;color:#3a3a3a}.variant-pill-row{display:flex;flex-wrap:wrap;gap:.5rem}.variant-pill{min-height:2.5rem;padding:0 .9rem;border:1px solid var(--border);border-radius:999px;background:#faf8f5;font-size:.95rem;transition:background .12s,border-color .12s,box-shadow .12s}.variant-pill:hover{background:#f0ede8}.variant-pill--on{border-color:var(--accent);background:#e8f2ec;box-shadow:0 0 0 1px var(--accent);font-weight:600}.variant-select{width:100%;max-width:20rem;min-height:2.75rem;padding:.5rem .75rem;font-size:1rem;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.flow-msg{margin-top:1rem}.confirm-card{margin-top:1.5rem;padding:1.35rem 1.2rem 1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.confirm-title{margin:0 0 1rem;font-size:1.15rem;font-weight:700}.detail-dl--spaced{gap:.4rem .85rem;margin-bottom:1.25rem}.btn-secondary--sm{min-height:2.25rem;padding:0 .75rem;font-size:.88rem}.recent-section{margin-top:1.75rem;padding-top:1.15rem;border-top:1px solid var(--border)}.recent-section--standalone{margin-top:2rem}.recent-title{margin:0 0 .65rem;font-size:.9rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.recent-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.recent-item{font-size:.86rem;color:#4a4a4a;line-height:1.4}.recent-time{font-size:.8rem;color:var(--muted)}.recent-line{margin:.2rem 0 .15rem}.recent-variants{margin:.15rem 0;display:flex;flex-wrap:wrap;gap:.25rem .6rem}.recent-variant-pair{white-space:nowrap}.recent-pdf{margin:.15rem 0 0;font-size:.82rem;color:var(--muted);word-break:break-word}.recent-actions{display:flex;flex-wrap:wrap;gap:.4rem .5rem;margin-top:.4rem}.preview-wrap--recent{margin-top:.5rem;min-height:8rem}.preview-wrap--recent iframe{min-height:40vh}