#mealsec-app{--green:#146b49;--ink:#183b2e;--muted:#65776e;--line:#dce5df;--bg:#f4f7f5;color:var(--ink);font:15px/1.5 system-ui,sans-serif;min-height:72vh}#mealsec-app *{box-sizing:border-box}.ms-layout{max-width:1500px;margin:auto;display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;padding:28px 4%}.ms-side{align-self:start;position:sticky;top:20px}.ms-side h2{font-size:12px;letter-spacing:.8px;color:var(--muted);margin:24px 12px 8px;text-transform:uppercase}.ms-side a{display:flex;padding:10px 14px;border-radius:8px;color:#52675b;text-decoration:none;gap:10px;margin:3px 0}.ms-side a.active{background:#dfede4;color:#125d3d;font-weight:650}.ms-side a:hover{background:#e9efeb}.ms-context{background:white;border:1px solid var(--line);padding:14px;border-radius:10px;margin-bottom:18px}.ms-context label{font-size:12px;color:var(--muted)}.ms-context select{margin-top:6px;width:100%}.ms-main{min-width:0}.ms-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:24px}.ms-heading h1{font-size:28px;line-height:1.25;margin:0 0 7px;letter-spacing:-.6px}.ms-heading p{margin:0;color:var(--muted);max-width:720px}.ms-card{background:white;border:1px solid var(--line);border-radius:13px;padding:23px;margin:0 0 20px}.ms-card h2{font-size:18px;margin:0 0 14px}.ms-card p{color:var(--muted)}.ms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.ms-stat{font-size:32px;font-weight:700;margin:10px 0}.ms-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ms-btn,#mealsec-app button{background:var(--green);color:white;border:1px solid var(--green);border-radius:8px;padding:10px 16px;cursor:pointer;font:inherit;font-weight:600;text-decoration:none;display:inline-block}.ms-btn.secondary,#mealsec-app button.secondary{background:white;color:var(--green);border-color:var(--line)}#mealsec-app button.danger{background:white;color:#a9392a;border-color:#eac4bd}#mealsec-app button:disabled{opacity:.5;cursor:wait}.ms-small{font-size:12px!important;padding:6px 10px!important}.ms-toolbar{display:flex;gap:14px;margin-bottom:18px;align-items:center;flex-wrap:wrap}.ms-toolbar input{max-width:360px}.ms-table-scroll{overflow-x:auto}.ms-table{width:100%;border-collapse:collapse;font-size:14px}.ms-table th{text-align:left;font-size:12px;font-weight:600;color:var(--muted);padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}.ms-table td{padding:14px 12px;border-bottom:1px solid #edf1ee;vertical-align:middle}.ms-table tr:last-child td{border-bottom:0}.ms-table td small{display:block;color:var(--muted)}.ms-badge{display:inline-block;border-radius:6px;font-size:11px;padding:4px 8px;background:#e9f3ec;color:#27623d;white-space:nowrap}.ms-badge.warning{background:#fff3d7;color:#775717}.ms-form{display:grid;gap:18px}.ms-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ms-field{display:flex;flex-direction:column;gap:6px}.ms-field.full{grid-column:1/-1}.ms-field label{font-size:14px;font-weight:600}#mealsec-app input,#mealsec-app select,#mealsec-app textarea{border:1px solid #ccd9cf;border-radius:8px;background:white;padding:11px 12px;min-height:43px;font:inherit;color:var(--ink);max-width:100%;width:100%}#mealsec-app textarea{min-height:100px;resize:vertical}#mealsec-app input[type=checkbox]{width:18px;min-height:18px}.ms-checks{display:flex;gap:12px;flex-wrap:wrap}.ms-checks label{display:flex;gap:6px;align-items:center;font-weight:400}.ms-field small{color:var(--muted);font-size:12px}.ms-empty{text-align:center;padding:48px 20px;color:var(--muted)}.ms-empty h2{color:var(--ink)}.ms-pagination{display:flex;justify-content:space-between;align-items:center;padding-top:20px}.ms-note{padding:12px 16px;background:#edf5ee;border-radius:8px;color:#345d40;margin:14px 0}.ms-error{color:#91352b;background:#fff1ef;padding:12px 16px;border-radius:8px;margin:12px 0}.ms-toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:13px 22px;border-radius:10px;background:#183b2e;color:white;z-index:10000;max-width:90vw;box-shadow:0 4px 24px #0002}.ms-auth{max-width:470px;margin:48px auto;padding:0 18px}.ms-auth h1{font-size:28px}.ms-auth .ms-card{padding:28px}.ms-auth-links{display:flex;justify-content:space-between;margin-top:20px;font-size:13px}.ms-loading{padding:70px;text-align:center;color:var(--muted)}.ms-dialog{border:0;padding:0;border-radius:14px;max-width:660px;width:calc(100% - 32px);max-height:90vh;box-shadow:0 20px 80px #0003}.ms-dialog::backdrop{background:#102b2055}.ms-dialog .ms-card{margin:0;border:0}.ms-dialog-top{display:flex;justify-content:space-between;gap:20px}.ms-dialog-top button{background:transparent!important;border:0!important;color:#536b5d!important;padding:0 5px!important;font-size:23px!important}.ms-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.ms-detail-grid{display:grid;grid-template-columns:150px 1fr;gap:8px 16px}.ms-detail-grid dt{color:var(--muted)}.ms-detail-grid dd{margin:0;overflow-wrap:anywhere}.ms-mobile-menu{display:none!important}.ms-link{color:var(--green);cursor:pointer}#mealsec-app :focus-visible{outline:3px solid #d0a75e;outline-offset:3px}.ms-menu-overlay{display:none}@media(max-width:850px){.ms-layout{grid-template-columns:1fr;padding:22px 18px}.ms-side{display:none;position:static}.ms-side.open{display:block}.ms-mobile-menu{display:inline-block!important}.ms-heading h1{font-size:24px}.ms-fields{grid-template-columns:1fr}.ms-card{padding:18px}.ms-heading{flex-wrap:wrap}.ms-auth{margin:24px auto}.ms-table{font-size:13px}.ms-table td,.ms-table th{padding:10px 8px}.ms-detail-grid{grid-template-columns:1fr;gap:4px}.ms-detail-grid dd{margin-bottom:12px}}
@media(max-width:600px){.ms-table-scroll{overflow:visible}.ms-table,.ms-table tbody,.ms-table tr,.ms-table td{display:block;width:100%}.ms-table thead{display:none}.ms-table tr{padding:10px 0;border-bottom:1px solid var(--line)}.ms-table tr:last-child{border-bottom:0}.ms-table td{border:0;display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px;padding:7px 0;overflow-wrap:anywhere}.ms-table td::before{content:attr(data-label);font-size:12px;color:var(--muted);font-weight:600}.ms-table td[colspan]{display:block}.ms-table td[colspan]::before{display:none}.ms-table td button{margin:3px 2px;white-space:normal}.ms-card .ms-table .ms-empty{padding:18px}.ms-fields{gap:14px}}

.ms-options{max-height:200px;overflow:auto;display:grid;gap:.4rem}.ms-options label{display:flex;gap:.5rem;align-items:center}.ms-options input{width:auto}.ms-selected{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0}.ms-options [hidden]{display:none}

/* Keep the shared navigation within the viewport, even when many modules are enabled. */
@media(min-width:851px){.ms-side{max-height:calc(100vh - 100px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}}
@media(max-width:850px){.ms-side.open{max-height:65vh;overflow-y:auto;overscroll-behavior:contain}}