.workflow-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.workflow-heading h1,.workflow-heading p{margin-top:0}.workflow-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:24px}.workflow-summary.three{grid-template-columns:repeat(3,1fr)}.workflow-summary article{padding:15px;border:1px solid rgba(49,92,60,.16);border-radius:14px;background:rgba(255,255,255,.78)}.workflow-summary strong,.workflow-summary span{display:block}.workflow-summary strong{font:700 1.65rem Georgia;color:var(--leaf-dark)}.workflow-summary span{color:var(--muted);font-size:.8rem}.workflow-summary .attention{background:#ffe2dc}.workflow-top-links{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-bottom:18px}.workflow-top-links a{padding:8px 12px;border-radius:99px;background:#edf3df}.workflow-stack{display:grid;gap:13px}.workflow-card{display:grid;grid-template-columns:170px minmax(220px,1fr) minmax(260px,auto);align-items:center;gap:18px;padding:20px;border:1px solid var(--line);border-left:6px solid #c6aa74;border-radius:17px;background:#fff}.workflow-card.status-cooking{border-left-color:#d9503e}.workflow-card.status-completed{border-left-color:var(--leaf)}.workflow-card h2{margin:0;font:700 1.4rem Georgia}.workflow-card p{margin:.35rem 0;color:var(--muted)}.workflow-status span,.workflow-status time{display:block}.workflow-status span{font-weight:800}.workflow-status time{color:var(--muted);font-size:.82rem}.workflow-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.workflow-actions form{display:inline}.workflow-progress{height:10px;overflow:hidden;border-radius:99px;background:#e5e8de}.workflow-progress span{display:block;width:var(--progress);height:100%;background:linear-gradient(90deg,#dc9c42,#60913a)}.shopping-overview-grid,.batch-overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.shopping-overview-grid>article,.batch-overview-grid>article{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(41,58,35,.06)}.shopping-list-icon{font-size:2rem}.shopping-overview-grid h2,.batch-overview-grid h2{margin:.5rem 0;font:700 1.4rem Georgia}.shopping-overview-grid footer,.batch-overview-grid footer{display:flex;justify-content:space-between;gap:12px;margin-top:14px}.shopping-checklist article{grid-template-columns:auto 1fr auto}.shopping-check{display:grid;place-items:center;width:46px;height:46px;border:2px solid var(--leaf);border-radius:50%;background:#fff;color:var(--leaf-dark);font-size:1.5rem}.shopping-aisle{color:var(--muted);font-size:.78rem}.batch-overview-grid>article{border-top:5px solid #c6aa74}.batch-overview-grid>article.status-completed{border-top-color:var(--leaf)}.batch-overview-grid>article.flagged{border-color:#c95b4c}.batch-overview-grid header{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.78rem}.batch-overview-grid dl{display:grid;gap:6px}.batch-overview-grid dl div{display:flex;justify-content:space-between;gap:12px}.batch-overview-grid dd{margin:0;font-weight:700}.batch-overview-grid aside{margin-top:12px;padding:10px;border-radius:9px;background:#ffe2dc}.workflow-empty{grid-column:1/-1;padding:55px;border:1px dashed #9daf8c;border-radius:20px;background:#f7faef;text-align:center}.workflow-empty>span{font-size:3rem}@media(max-width:1000px){.workflow-card{grid-template-columns:130px 1fr}.workflow-actions{grid-column:1/-1;justify-content:flex-start}.shopping-overview-grid,.batch-overview-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.workflow-heading{align-items:stretch;flex-direction:column}.workflow-summary,.workflow-summary.three{grid-template-columns:1fr 1fr}.workflow-card{grid-template-columns:1fr}.workflow-actions{grid-column:auto;flex-direction:column;align-items:stretch}.workflow-actions .button{width:100%}.shopping-overview-grid,.batch-overview-grid{grid-template-columns:1fr}.shopping-checklist article{grid-template-columns:auto 1fr}.shopping-checklist article>form:last-child{grid-column:2}}
