/* Owner order board (orders-desk.js) and the order pieces of the checkout and account. */
.orders-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;inset:0;border-radius:0;background:var(--canvas);overflow-y:auto;overscroll-behavior:contain;padding:0 0 3rem}
.orders-dialog[open]{animation:none}
.od-loading,.od-empty{padding:3rem 1.5rem;text-align:center;color:var(--muted)}
.od-gate{max-width:520px;margin:auto;padding:0 1rem}.od-gate p{margin:1rem 0}
.od-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:1rem;padding:.9rem max(1rem,calc((100% - 1240px)/2));background:color-mix(in srgb,var(--canvas) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid #e6e7ea}
.od-title{margin-right:auto;min-width:0}.od-title h2{font-size:1.6rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.od-top-actions{display:flex;gap:.5rem;align-items:center}.od-top-actions .button{white-space:nowrap}
.od-toolbar,.od-hint,.od-list,.od-steps,.od-grid{width:min(1240px,calc(100% - 2rem));margin-inline:auto}
.od-toolbar{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-top:1.25rem}
.od-tabs{display:flex;gap:.25rem;border:1px solid #dce2ea;border-radius:30px;padding:.3rem;background:#fff;overflow-x:auto;scrollbar-width:none;max-width:100%}
.od-tabs button{border-radius:24px;padding:.55rem 1rem;font-size:.85rem;white-space:nowrap;display:flex;gap:.45rem;align-items:center}
.od-tabs button span{min-width:1.4rem;padding:.05rem .4rem;border-radius:999px;background:#eef0f4;font-size:.75rem;font-weight:600}
.od-tabs button[aria-pressed=true]{background:var(--ink);color:#fff}.od-tabs button[aria-pressed=true] span{background:#ffffff2e}
.od-search{flex:1;min-width:200px}.od-search input{width:100%;border:1px solid #dce2ea;border-radius:999px;padding:.75rem 1.1rem;background:#fff;font-size:.9rem}
.od-hint{color:var(--muted);margin-top:.8rem;font-size:.9rem}
.od-list{display:grid;gap:.75rem;margin-top:1rem}
.od-card{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:1rem;align-items:center;text-align:left;background:#fff;border:1px solid #e8e9ec;border-radius:1rem;padding:.75rem 1rem .75rem .75rem;transition:border-color .2s,box-shadow .2s}
.od-card:hover,.od-card:focus-visible{border-color:var(--accent);box-shadow:0 6px 18px #2b62ed14}
.od-thumb{position:relative;width:96px;height:96px;border-radius:.75rem;background:#f1f1ef;overflow:hidden;display:block}.od-thumb>.mg{position:absolute;inset:0;height:100%;transform:scale(1.25);transform-origin:50% 42%}
.od-thumb i{position:absolute;right:.35rem;bottom:.35rem;background:var(--ink);color:#fff;font-style:normal;font-size:.72rem;font-weight:600;border-radius:999px;padding:.1rem .45rem;z-index:3}
.od-card-main{display:flex;flex-direction:column;gap:.2rem;min-width:0}.od-card-main small{color:var(--muted);font-size:.8rem;line-height:1.35}
.od-card-line{display:flex;align-items:center;gap:.5rem}.od-card-line strong{font-size:1.05rem}
.od-card-side{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;text-align:right}.od-card-side strong{font-size:1.05rem}.od-card-side small{color:var(--muted);font-size:.78rem}
.order-stage{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.02em;border-radius:999px;padding:.2rem .6rem;background:#eef0f4;color:#3b4252;vertical-align:middle}
.order-stage[data-stage=review]{background:#fff1d6;color:#8a5300}.order-stage[data-stage=paid]{background:#e3ecff;color:#1248d4}.order-stage[data-stage=making]{background:#efe5ff;color:#5b2bb5}.order-stage[data-stage=fulfilled]{background:#dff5e7;color:#13723c}.order-stage[data-stage=cancelled],.order-stage[data-stage=refunded]{background:#f1f1f1;color:#777}
.od-steps{list-style:none;display:flex;gap:.5rem;padding:0;margin-top:1.25rem;counter-reset:step}
.od-steps li{flex:1;position:relative;padding:.6rem .75rem .6rem 2.4rem;border-radius:.75rem;background:#fff;border:1px solid #e8e9ec;color:var(--muted);font-size:.85rem;font-weight:600;counter-increment:step}
.od-steps li::before{content:counter(step);position:absolute;left:.7rem;top:50%;transform:translateY(-50%);width:1.3rem;height:1.3rem;border-radius:50%;display:grid;place-items:center;background:#eef0f4;font-size:.72rem}
.od-steps li.done{color:var(--ink)}.od-steps li.done::before{content:'✓';background:#13723c;color:#fff}
.od-steps li.now{color:var(--ink);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.od-steps li.now::before{background:var(--accent);color:#fff}
.od-steps.is-closed li{opacity:.55}.od-steps.is-closed li.now{opacity:1;border-color:#999;box-shadow:none}.od-steps.is-closed li.now::before{content:'×';background:#999}
.od-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1.25rem;margin-top:1.25rem;align-items:start}
.od-main{display:grid;gap:1.25rem;min-width:0}
.od-side{display:grid;gap:1rem;position:sticky;top:5.5rem}
.od-box{background:#fff;border:1px solid #e8e9ec;border-radius:1rem;padding:1.1rem 1.2rem}.od-box h3{font-size:1.05rem;margin-bottom:.6rem}.od-box p{margin:.4rem 0}
.od-box form{display:grid;gap:.65rem;margin-top:.75rem}.od-box label{display:grid;gap:.3rem;font-size:.82rem;font-weight:600}.od-box label small{font-weight:400;color:var(--muted)}
.od-box input,.od-box select,.od-box textarea{width:100%;border:1px solid #d7dbe2;border-radius:.6rem;padding:.65rem .75rem;font:inherit;font-weight:400;font-size:.9rem;background:#fff}.od-box textarea{resize:vertical}
.od-box .button{justify-self:start}.od-next{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.od-next h3{margin-top:.25rem}
.od-danger{color:#b42318;font-size:.85rem;margin-top:.5rem}
.od-status{font-size:.85rem;color:var(--accent-dark);min-height:1em}
.od-box address{font-style:normal;line-height:1.55;font-size:.95rem}.od-contact{font-size:.9rem}.od-contact a{color:var(--accent-dark)}
.od-money{display:grid;gap:.35rem;font-size:.9rem}.od-money div{display:flex;justify-content:space-between;gap:1rem}.od-money span{color:var(--secondary)}
.od-money .od-total{border-top:1px solid #eceef1;padding-top:.45rem;margin-top:.2rem}.od-money .od-total span{color:var(--ink);font-weight:600}.od-money .od-keep strong{color:#13723c}
.od-history{list-style:none;padding:0;margin:0;display:grid;gap:.55rem;font-size:.85rem}.od-history li{display:grid;padding-left:.9rem;border-left:2px solid #e3e6eb}.od-history small{color:var(--muted)}
.od-piece{background:#fff;border:1px solid #e8e9ec;border-radius:1.25rem;padding:1.25rem}
.od-piece-no{font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--accent);text-transform:uppercase}.od-piece-head h3{font-size:1.5rem;margin:.2rem 0 .3rem}
.od-variant{font-size:1rem}.od-variant strong{font-weight:700}
.od-swatch{display:inline-block;width:.95rem;height:.95rem;border-radius:50%;background:var(--swatch);border:1px solid #0002;vertical-align:-2px;margin-right:.3rem;flex:none}
.od-mockups{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;margin-top:1rem}
.od-mockups figure{margin:0}.od-mock{position:relative;background:#f1f1ef;border-radius:1rem;overflow:hidden;aspect-ratio:1}.od-mock>.mg{position:absolute;inset:0;height:100%;transition:none}
.od-mockups figcaption{text-align:center;font-size:.82rem;font-weight:600;color:var(--secondary);margin-top:.4rem}
.od-specs{display:grid;gap:.75rem;margin-top:1.1rem}
.od-spec{display:grid;grid-template-columns:132px minmax(0,1fr);gap:1rem;padding:1rem;border-radius:1rem;background:#f8f8f7;border:1px solid #eeeeec}
.od-art{width:132px;height:132px;border-radius:.75rem;display:grid;place-items:center;padding:.6rem;overflow:hidden;background:#fff conic-gradient(#eee 25%,#fff 0 50%,#eee 0 75%,#fff 0) 0 0/16px 16px;border:1px solid #e5e5e2}
.od-art img,.od-art .sticker-sprite{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;display:block}.od-art .sticker-art{width:100%;height:100%}.od-art span{font-size:.8rem;color:var(--muted)}
.od-kind{font-size:.72rem;font-weight:700;letter-spacing:.08em;color:var(--muted)}.od-spec h4{font-size:1.15rem;margin:.15rem 0 .5rem;word-break:break-word}
.od-spec dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.3rem 1rem;margin:0;font-size:.88rem}.od-spec dt{color:var(--muted)}.od-spec dd{margin:0}.od-spec dd small{color:var(--muted)}
.od-spec .od-warn{color:#b42318;font-weight:600}.od-spec .od-ok{color:#8a5300}
.od-spec .text-button{margin-top:.6rem;color:var(--accent-dark);font-weight:600;font-size:.85rem}.od-file-links{display:flex;gap:1rem;flex-wrap:wrap}
.owner-orders-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem;border-radius:1rem;background:#f4f6fb;margin:.5rem 0 1rem}.owner-orders-summary p{display:flex;gap:1.25rem;margin:0}.owner-orders-summary strong{font-size:1.2rem;margin-right:.2rem}
.ship-fields{border:0;padding:0;margin:0 0 1rem;display:grid;grid-template-columns:1fr 1fr;gap:.6rem .75rem}.ship-fields legend{font-weight:600;font-size:1rem;margin-bottom:.25rem;padding:0}.ship-fields>p{grid-column:1/-1;margin:0 0 .25rem}.ship-fields .wide{grid-column:1/-1}.ship-fields label small{font-weight:400;color:var(--muted)}
.order-placed{padding:1.25rem;border-radius:1rem;background:#eef3ff;display:grid;gap:.5rem;justify-items:start}.order-placed h3{font-size:1.8rem}
.creator-order .order-stage{margin-right:.2rem}.creator-order .text-button{display:inline-block;margin-top:.25rem;color:var(--accent-dark);font-weight:600}
@media(max-width:900px){.od-grid{grid-template-columns:1fr}.od-side{position:static;order:-1}}
@media(max-width:639px){.od-top{flex-wrap:wrap;gap:.5rem}.od-top-order .od-title{order:2;flex-basis:100%}.od-top-order .od-top-actions{margin-left:auto}.od-top-actions .button{padding:.55rem .8rem;font-size:.8rem}
 .od-title h2{font-size:1.3rem}.od-card{grid-template-columns:72px minmax(0,1fr);padding:.6rem}.od-thumb{width:72px;height:72px}.od-card-side{grid-column:2;flex-direction:row;align-items:baseline;gap:.6rem;flex-wrap:wrap}
 .od-steps{gap:.3rem}.od-steps li{padding:.5rem .4rem .5rem 1.9rem;font-size:.75rem}.od-steps li::before{left:.45rem;width:1.1rem;height:1.1rem}
 .od-spec{grid-template-columns:84px minmax(0,1fr);padding:.75rem;gap:.75rem}.od-art{width:84px;height:84px}.od-spec dl{grid-template-columns:1fr}.od-spec dt{margin-top:.25rem}
 .od-mockups{grid-template-columns:1fr 1fr}.ship-fields{grid-template-columns:1fr}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.od-email-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.od-email-row .text-button{color:var(--accent-dark);font-weight:600;font-size:.85rem}
.od-box label.od-check{display:flex;align-items:center;gap:.45rem;font-weight:500}.od-box label.od-check input{width:auto;margin:0}
.od-more{margin-top:.75rem;font-size:.85rem}.od-more summary{cursor:pointer;color:#b42318;font-weight:600;width:max-content}.od-danger-button{border-color:#b42318;color:#b42318}
.od-mail-note{width:min(1240px,calc(100% - 2rem));margin:1rem auto 0;padding:.7rem 1rem;border-radius:.75rem;background:#fff6e0;color:#7a4b00;font-size:.88rem}