:root{--bg: #e8e2d2;--bg-alt: #d8d0bc;--card: #f6f2e7;--card-border: #c4baa2;--text: #2c2a24;--text-soft: #5a5549;--accent: #7e6f4b;--accent-soft: #b7aa8a;--ready: #4f6d4a;--error: #8b4d4d}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow-x:hidden}body{margin:0;color:var(--text);font-family:Trebuchet MS,Verdana,sans-serif;background:linear-gradient(180deg,var(--bg) 0%,var(--bg-alt) 100%)}.status-view{min-height:100%;padding:0 14px;display:grid;align-content:center;justify-items:center;gap:14px;overflow-x:clip}.status-card{width:min(560px,100%);background:var(--card);border:1px solid var(--card-border);border-radius:10px;padding:18px 16px;display:grid;gap:16px}.logo{width:min(170px,45%);height:auto;justify-self:center}.header-block{display:grid;gap:6px}.order-id{margin:0;color:var(--text-soft);font-size:.9rem}.status-headline{margin:0;font-size:clamp(1.6rem,7vw,2.2rem);line-height:1.1}.tone-preparing{color:var(--accent)}.tone-ready{color:var(--ready)}.tone-unknown{color:var(--text)}.status-description{margin:0;color:var(--text-soft);font-size:1rem;line-height:1.4}.meta-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.pill{min-height:36px;display:inline-flex;align-items:center;border:1px solid var(--card-border);border-radius:7px;background:#efe9da;color:var(--text-soft);padding:0 10px;font-size:.88rem}.items-wrap{background:#f0ebde;border:1px solid var(--card-border);border-radius:8px;padding:12px}.items-wrap h2{margin:0 0 8px;font-size:1rem}.item-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.item-row{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:8px;border-radius:6px;background:#f8f4ea}.item-amount{min-width:34px;min-height:24px;display:inline-grid;place-items:center;border-radius:6px;background:#d8cfb8;color:#2f2b20;font-weight:700;font-size:.9rem}.item-name{line-height:1.4;word-break:break-word}.notification-wrap{display:grid;gap:8px}.notification-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hint{margin:0;color:var(--text-soft);font-size:.88rem;line-height:1.35}.debug-info{font-family:Consolas,Courier New,monospace;font-size:.72rem;color:#4f4a3d;background:#ece4d1;border:1px solid #cdbf9d;border-radius:6px;padding:6px 8px;word-break:break-word}.debug-details{border:1px solid #cdbf9d;border-radius:6px;background:#ece4d1;padding:4px 8px}.debug-details summary{cursor:pointer;color:#4f4a3d;font-size:.82rem;-webkit-user-select:none;user-select:none}.debug-details[open] summary{margin-bottom:6px}.error-text{color:var(--error)}.footnote{margin:0;color:var(--text-soft);font-size:.86rem}.backup-note{width:min(560px,100%);text-align:center;color:#5b5649;font-size:.82rem}.backup-note p{margin:0}.action-button{min-height:40px;border:1px solid #8a7f66;border-radius:7px;padding:0 12px;cursor:pointer;font-family:inherit;font-size:.9rem;background:#d8cfb7;color:#2f2b20}.action-button:hover:not(:disabled){background:#cdc2a7}.action-button:disabled{cursor:not-allowed;opacity:.7}.action-button.ghost{background:#f0ebde}.action-button.secondary{width:fit-content}.toast{position:fixed;left:50%;bottom:16px;transform:translate(-50%);width:min(520px,calc(100% - 20px));border:1px solid #b8a882;border-radius:8px;background:#f9f4e8;color:#3b3221;padding:10px 12px;z-index:5}.base-message-wrap{min-height:100%;display:grid;place-content:center;justify-items:center;gap:10px;padding:20px;text-align:center}.base-message{margin:0;font-size:clamp(1.3rem,5vw,1.8rem);line-height:1.2;color:#2f2c24}.loading{color:#2f2c24}.error{color:#6f3535}.ready .status-card{border-color:#a8b996;background:#f3f1e8}@media (max-width: 540px){.status-view{align-content:start;padding:calc(env(safe-area-inset-top) + 10px) 10px 18px;gap:10px;width:100%}.status-card{width:100%;border-radius:10px}.meta-row{grid-template-columns:1fr}.action-button.ghost{width:100%}.notification-actions{grid-template-columns:1fr}}