.ord-page{background:var(--dv-page-bg,#fbfbf9);color:#17241c;min-height:100vh;padding-bottom:96px}.ord-band{background:0 0;gap:14px;padding:14px 16px 6px;display:grid}.ord-band--tall{padding-bottom:58px}.ord-band,.ord-list,.ord-signin,.ord-explore{box-sizing:border-box;width:100%;max-width:800px;margin-inline:auto}.ord-topbar{align-items:center;gap:12px;display:flex}.ord-topbar>a:first-child{color:#17241c;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.ord-page .ord-topbar h1{font-size:var(--dv-type-title,18px);flex:1;margin:0;font-weight:600}.ord-refresh{width:40px;height:40px;color:var(--brand-green-text);cursor:pointer;background:#fff;border:1px solid #e5e8e0;border-radius:999px;place-items:center;display:grid}.ord-refresh:disabled svg{animation:.9s linear infinite ord-spin}@keyframes ord-spin{to{transform:rotate(360deg)}}.ord-search{color:#5d6b61;background:#fff;border:1px solid #e5e8e0;border-radius:12px;align-items:center;gap:10px;height:44px;padding:0 14px;display:flex}.ord-search input{min-width:0;font:inherit;font-size:var(--dv-type-body,14px);color:#17241c;background:0 0;border:0;outline:none;flex:1}.ord-search:focus-within{box-shadow:0 0 0 2px var(--brand-green)}.ord-tabs{background:#ecefe8;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.ord-tabs button{height:36px;font:inherit;color:#3d4a40;cursor:pointer;background:0 0;border:0;border-radius:9px;font-size:13px;font-weight:500}.ord-tabs button[aria-selected=true]{color:var(--brand-green-text);background:#fff;font-weight:600;box-shadow:0 1px 3px #173c1926}.ord-list{gap:12px;padding:16px;display:grid}.ord-notice{color:#7a4f12;background:#fff4dc;border-radius:12px;margin:0;padding:10px 14px;font-size:13px}.ord-card{background:#fff;border:1px solid #e5e8e0;border-radius:18px;gap:14px;padding:14px;display:grid}.ord-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.ord-card-head>div,.ord-items>span{gap:2px;min-width:0;display:grid}.ord-card strong{font-size:var(--dv-type-body,14px);font-weight:600}.ord-card small{font-size:var(--dv-type-small,12px);color:#5d6b61}.ord-status{white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;height:26px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.ord-status>span{background:currentColor;border-radius:999px;width:6px;height:6px}.ord-status.is-preparing{color:#8a5a1c;background:#fff4dc}.ord-status.is-moving{color:#1e5a8a;background:#e3f0fb}.ord-status.is-done{color:var(--brand-green-text);background:#e7f1e3}.ord-status.is-closed{color:#5d5f5b;background:#f1f1ef}.ord-items{align-items:center;gap:10px;display:flex}.ord-items img{object-fit:cover;background:#e7f1e3;border-radius:12px;flex-shrink:0;width:52px;height:52px}.ord-items strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.ord-progress{gap:8px;display:grid}.ord-progress-bar,.ord-progress ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.ord-progress-bar span{background:#d7e3d1;border-radius:999px;height:5px}.ord-progress-bar span.is-complete{background:var(--brand-green)}.ord-progress ol{color:#5d6b61;margin:0;padding:0;font-size:11px;list-style:none}.ord-progress li.is-complete{color:var(--brand-green-text);font-weight:500}.ord-progress li[aria-current=step]{font-weight:600}.ord-cancelled{color:#8a3a2b;margin:0;font-size:13px}.ord-details{background:#f6f7f2;border-radius:12px;gap:8px;padding:12px;font-size:13px;display:grid}.ord-details p{color:#3d4a40;margin:4px 0 0;line-height:1.5}.ord-line{justify-content:space-between;gap:10px;display:flex}.ord-detail-links{flex-wrap:wrap;gap:16px;display:flex}.ord-detail-links a{color:var(--brand-green-text);align-items:center;gap:6px;font-weight:500;text-decoration:none;display:inline-flex}.ord-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}.ord-page .ord-btn{height:40px;color:var(--brand-green-text);font:inherit;font-size:var(--dv-type-body,14px);cursor:pointer;background:#f1f7ee;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;font-weight:500;text-decoration:none;display:flex}.ord-page .ord-btn--primary{background:var(--brand-green);color:#fff}.ord-btn svg.is-open{transform:rotate(180deg)}.ord-signin,.ord-empty{text-align:center;justify-items:center;gap:10px;display:grid}.ord-signin{background:#fff;border-radius:20px;width:calc(100% - 32px);margin:-44px auto 0;padding:24px 18px 18px;box-shadow:0 10px 28px #173c191f}.ord-empty{padding:40px 16px}.ord-empty .ord-btn{padding:0 20px}.ord-signin-icon{width:64px;height:64px;color:var(--brand-green-text);background:#f1f7ee;border:2px dashed #9fc794;border-radius:999px;place-items:center;display:grid}.ord-page .ord-signin h2,.ord-page .ord-empty h2{margin:4px 0 0;font-size:16px;font-weight:600}.ord-signin p,.ord-empty p{color:#5d6b61;margin:0 0 4px;font-size:13px;line-height:1.45}.ord-explore{gap:10px;padding:20px 16px 0;display:grid}.ord-explore>span{color:#5d6b61;font-size:13px;font-weight:600}.ord-explore a{color:#17241c;min-height:60px;font-size:var(--dv-type-body,14px);background:#fff;border:1px solid #e5e8e0;border-radius:16px;align-items:center;gap:12px;padding:0 16px;font-weight:500;text-decoration:none;display:flex}.ord-explore a>span:nth-child(2){flex:1}.ord-explore a>svg{color:#7b857d}.ord-explore-icon{width:36px;height:36px;color:var(--brand-green-text);background:#e7f1e3;border-radius:10px;place-items:center;display:grid}.ord-explore-icon--warm{color:#8a5a1c;background:#f6ecdc}@media (prefers-reduced-motion:reduce){.ord-refresh:disabled svg{animation:none}}