:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#17231f;background:#f4f7f5;--brand:#194b3b;--accent:#d89b2b}*{box-sizing:border-box}body{margin:0}.container{max-width:1400px;margin:auto;padding:1rem}.topbar{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;background:var(--brand);color:white}.topbar span{margin-left:auto}.topbar form{margin:0}h1{color:var(--brand)}input,select,button{font:inherit;min-height:44px;border:1px solid #a8b6b0;border-radius:8px;padding:.55rem .7rem;background:white;color:#17231f}input:focus,select:focus{outline:3px solid #f0c66f;border-color:var(--accent)}button{background:var(--brand);color:white;border:0;cursor:pointer;font-weight:650}button:disabled{opacity:.65;cursor:wait}.link-button{background:transparent;text-decoration:underline}.card{max-width:650px;margin:4rem auto;background:white;padding:2rem;border-radius:14px;box-shadow:0 8px 30px #163d3020}.login-page{padding:1rem}.login-card{max-width:420px}.logo{display:block;max-width:220px;max-height:100px;object-fit:contain;margin:auto}.login-card form,.login-card label{display:grid;gap:.45rem}.login-card form{gap:1rem}.search{margin-bottom:1rem}.search div{display:flex;gap:.5rem}.search input{width:min(100%,550px)}.responsive-table{overflow-x:auto;background:white;border-radius:12px;box-shadow:0 4px 18px #163d3012}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.75rem;border-bottom:1px solid #dfe7e3;vertical-align:top}th{background:#e8f0ec}.movement-form{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:.4rem}.alert{padding:.8rem 1rem;border-radius:8px}.alert.error{background:#fee8e7;color:#7b1713}.alert.success{background:#def4e9;color:#165c3d}@media(max-width:760px){.topbar{flex-wrap:wrap}.topbar span{margin-left:0}.responsive-table{background:transparent;box-shadow:none}thead{display:none}table,tr,td{display:block}tr{background:white;margin-bottom:1rem;border-radius:12px;padding:.4rem;box-shadow:0 3px 14px #163d3012}td{display:grid;grid-template-columns:35% 65%;border:0;padding:.45rem}td:before{content:attr(data-label);font-weight:700}.movement-form{grid-column:1/-1;grid-template-columns:1fr 1fr}.movement-form input[name=note],.movement-form button{grid-column:1/-1}}
.inline-card{max-width:none;margin:0 0 1rem;padding:1rem}.inline-card summary{cursor:pointer;font-weight:700;color:var(--brand)}.create-form{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1rem}.create-form label{display:grid;gap:.3rem}@media(max-width:760px){.create-form{grid-template-columns:1fr}}
.filters{display:flex;align-items:end;gap:.65rem;flex-wrap:wrap;background:#fff;padding:1rem;margin-bottom:1rem;border-radius:12px}.filters label{display:grid;gap:.3rem;min-width:150px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:8px;padding:.55rem .8rem;text-decoration:none}.secondary{background:#e3ebe7;color:#173f32}.danger{background:#9b2722}.badge{display:inline-block;margin-left:.4rem;padding:.15rem .45rem;border-radius:999px;background:#e7ece9;color:#3e514a;font-size:.78rem}.archived{opacity:.72}.actions-cell>details{margin-bottom:.6rem}.actions-cell summary{cursor:pointer;color:var(--brand);font-weight:650}.edit-form{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:.45rem;margin:.5rem 0}.edit-form label{display:grid;gap:.2rem}.edit-form button{grid-column:1/-1}.movement-filters{margin-top:.5rem}@media(max-width:760px){.filters{display:grid;grid-template-columns:1fr}.filters label{min-width:0}.edit-form{grid-template-columns:1fr}.actions-cell>form{grid-column:1/-1}}
.narrow{max-width:760px}.account-form{display:grid;gap:.8rem}.account-form label{display:grid;gap:.3rem}.account-form input{width:100%}
.check-label{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:.5rem}.check-label input{width:auto!important}
.topbar nav{display:flex;gap:.3rem;flex-wrap:wrap}.topbar nav a{color:white;text-decoration:none;padding:.45rem .6rem;border-radius:7px}.topbar nav a:hover,.topbar nav a.active{background:#ffffff24}.split-layout{display:grid;grid-template-columns:minmax(230px,30%) 1fr;gap:1rem}.recipe-list,.recipe-editor,.verification{background:white;border-radius:12px;padding:1rem;box-shadow:0 4px 18px #163d3012}.recipe-list a{display:block;color:#173f32;text-decoration:none;padding:.65rem;border-bottom:1px solid #e2e9e5}.recipe-list a.selected{background:#e5f0ea}.recipe-items-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.recipe-item-row{display:grid;grid-template-columns:auto minmax(180px,2fr) minmax(90px,1fr) 90px minmax(160px,1fr) auto;gap:.45rem;align-items:end;padding:.65rem 0;border-bottom:1px solid #e2e9e5}.recipe-item-row label,.production-form label{display:grid;gap:.25rem}.order-buttons{display:flex;gap:.2rem}.order-buttons button{min-height:36px;padding:.3rem .55rem}.production-form{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:.7rem;background:#fff;padding:1rem;border-radius:12px;margin-bottom:1rem}.production-form button{align-self:end}.verification{margin-bottom:1rem}.verification.ok{border-left:5px solid #27865d}.verification.missing{border-left:5px solid #b53932}@media(max-width:900px){.split-layout{grid-template-columns:1fr}.recipe-item-row{grid-template-columns:1fr 1fr}.production-form{grid-template-columns:1fr 1fr}}@media(max-width:600px){.recipe-item-row,.production-form{grid-template-columns:1fr}.topbar nav{order:3;width:100%}}
.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:8px;padding:.55rem .8rem;text-decoration:none;background:var(--brand);color:white;font-weight:650}.button-link.secondary{background:#e3ebe7;color:#173f32}.button-row{display:flex;gap:.6rem;flex-wrap:wrap;margin:.8rem 0}
.topbar nav a{display:inline-flex;align-items:center;min-height:44px}.order-buttons button{min-width:44px;min-height:44px}
@media(max-width:600px){.container{padding:.75rem}h1{font-size:1.55rem}.topbar{gap:.55rem}.topbar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.topbar nav a{justify-content:center;text-align:center}.topbar span{order:2}.topbar form{margin-left:auto}.order-buttons{display:grid;grid-template-columns:1fr 1fr}.order-buttons button{width:100%}td{grid-template-columns:minmax(105px,35%) minmax(0,1fr);overflow-wrap:anywhere}}
.loading-overlay{position:fixed;inset:0;z-index:9999;display:none;place-items:center;background:#f4f7f5dc;backdrop-filter:blur(2px)}.loading-overlay.visible{display:grid}.loading-box{display:grid;justify-items:center;gap:.65rem;min-width:240px;padding:1.5rem 2rem;border-radius:14px;background:white;box-shadow:0 10px 35px #163d3040;color:var(--brand)}.loading-box small{color:#52635c}.loading-spinner{width:42px;height:42px;border:5px solid #dfe9e4;border-top-color:var(--brand);border-radius:50%;animation:jiga-spin .8s linear infinite}@keyframes jiga-spin{to{transform:rotate(360deg)}}
.category-assistant{grid-column:1/-1;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.7rem;border-radius:9px;background:#eef5f1;color:#294d40}.category-assistant button{min-height:36px;padding:.35rem .65rem}.field-help{display:block;color:#53645d;font-size:.85rem;margin-top:.2rem}
.backup-card{max-width:900px;margin:1rem auto}.backup-card label{display:grid;gap:.35rem;margin:.8rem 0}.danger-zone{border-left:6px solid #9b2722;background:#fffafa}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.summary-grid .card{margin:0;max-width:none}@media(max-width:760px){.summary-grid{grid-template-columns:1fr}}
.recipes-page .split-layout{grid-template-columns:minmax(230px,30%) minmax(0,1fr)}
.recipes-page .recipe-editor,.recipes-page .recipe-list,.recipes-page label{min-width:0}
.recipes-page input,.recipes-page select{width:100%;min-width:0}
.recipes-page .recipe-list a{overflow-wrap:anywhere;min-height:44px}
.recipes-page .recipe-item-row{grid-template-columns:auto minmax(0,2fr) minmax(0,1fr) minmax(65px,.7fr) minmax(0,1.3fr) auto}
#recipe-editor{scroll-margin-top:12px}
.loading-box .loading-recovery{max-width:300px;text-align:center}
@media(max-width:900px){.recipes-page .split-layout{grid-template-columns:minmax(0,1fr)}.recipes-page .recipe-list-links{max-height:260px;overflow-y:auto;overscroll-behavior:contain}.recipes-page .recipe-item-row{grid-template-columns:repeat(2,minmax(0,1fr))}.recipes-page .create-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.recipes-page .recipe-item-row,.recipes-page .create-form{grid-template-columns:minmax(0,1fr)}.recipes-page .recipe-item-row{padding:1rem 0}.recipes-page .recipe-items-heading{flex-wrap:wrap}.recipes-page .recipe-items-heading button{width:100%}.recipes-page input,.recipes-page select{font-size:16px}.recipes-page .recipe-editor form>button{width:100%;margin-top:.5rem}.recipes-page .topbar span{overflow-wrap:anywhere;max-width:100%}.recipes-page .responsive-table td{grid-template-columns:minmax(85px,35%) minmax(0,1fr)}}
