.eop{--eop-ink:#18151f;--eop-muted:#625c6c;--eop-line:#ded9e2;--eop-track:#f0edf5;--eop-accent:#8650f5;--eop-accent-deep:#6534c9;--eop-tint:#f7f3ff;--eop-wall-idle:#d9d3e3;--eop-paper:#fff;color:var(--eop-ink)}.eop-section{border-top:1px solid var(--eop-line);padding:18px 0 6px}.eop-title{letter-spacing:.1em;text-transform:uppercase;align-items:baseline;gap:10px;margin:0 0 4px;font-size:13px;font-weight:700;display:flex}.eop-count{letter-spacing:0;text-transform:none;color:var(--eop-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px;font-weight:500}.eop-row{border-bottom:1px dashed var(--eop-line);align-items:center;gap:12px;min-height:64px;padding:8px 0;display:flex}.eop-row:last-child{border-bottom:0}.eop-icon{fill:none;--icon-paper:var(--eop-paper);--icon-wall:var(--eop-wall-idle);flex:none;width:1em;height:1em;font-size:28px;display:block}.eop-icon.is-flipped{transform:scaleX(-1)}.eop-lead{color:var(--eop-ink);font-size:46px;transition:color .15s}.eop-row.is-set .eop-lead{color:var(--eop-accent-deep);--icon-wall:var(--eop-accent)}.eop-name{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.eop-name strong{font-size:14px;font-weight:600;line-height:1.25}.eop-name span{color:var(--eop-muted);font-variant-numeric:tabular-nums;font-size:12px}.eop-row.is-set .eop-name span{color:var(--eop-accent-deep);font-weight:600}.eop-seg{background:var(--eop-track);border-radius:999px;flex:none;gap:2px;padding:3px;display:inline-flex}.eop-seg button{appearance:none;min-width:46px;height:42px;color:var(--eop-muted);font:inherit;cursor:pointer;--icon-wall:#c9c2d6;--icon-paper:var(--eop-paper);background:0 0;border:0;border-radius:999px;place-items:center;margin:0;padding:0 6px;transition:background .15s,color .15s;display:grid}.eop-seg button:hover{color:var(--eop-ink);background:#e6e1ee}.eop-seg button[aria-pressed=true]{color:#fff;background:var(--eop-accent);--icon-paper:var(--eop-accent);--icon-wall:#fff;box-shadow:0 4px 12px #8650f559}.eop-seg button[aria-pressed=true]:hover{background:var(--eop-accent)}.eop-seg button:focus-visible{outline-offset:0;outline:3px solid #d9c8ff}.eop-seg button:disabled{cursor:wait;opacity:.6}.eop-chip{letter-spacing:.02em;font-size:12px;font-weight:700}.eop-switch{appearance:none;cursor:pointer;background:#d9d3e3;border:0;border-radius:999px;flex:none;width:50px;height:30px;margin:0;padding:0;transition:background .15s;position:relative}.eop-switch:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.eop-switch[aria-checked=true]{background:var(--eop-accent)}.eop-switch[aria-checked=true]:after{transform:translate(20px)}.eop-switch:focus-visible{outline-offset:2px;outline:3px solid #d9c8ff}.eop-switch:disabled{cursor:wait;opacity:.6}.eop-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0 12px;display:grid}.eop-tile{appearance:none;border:1.5px solid var(--eop-line);min-height:108px;color:var(--eop-ink);font:inherit;cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:4px;margin:0;padding:12px 4px 10px;transition:border-color .15s,background .15s;display:flex}.eop-tile .eop-icon{font-size:52px}.eop-tile strong{font-size:12px;font-weight:600}.eop-tile span{color:var(--eop-muted);font-variant-numeric:tabular-nums;font-size:11.5px}.eop-tile:hover{border-color:#c7c0d3}.eop-tile.is-on{border-color:var(--eop-accent);background:var(--eop-tint);box-shadow:inset 0 0 0 1px var(--eop-accent);color:var(--eop-accent-deep);--icon-paper:var(--eop-tint);--icon-wall:var(--eop-accent)}.eop-tile.is-on span{color:var(--eop-accent-deep)}.eop-tile:focus-visible{outline-offset:1px;outline:3px solid #d9c8ff}.eop-tile:disabled{cursor:wait;opacity:.6}.eop-delivery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:8px 0 10px;display:grid}.eop-delivery-tile{appearance:none;border:1.5px solid var(--eop-line);color:var(--eop-ink);font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:12px;margin:0;padding:12px;transition:border-color .15s,background .15s;display:flex}.eop-delivery-tile img{object-fit:contain;background:#fff;border-radius:10px;flex:none;width:64px;height:64px}.eop-delivery-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.eop-delivery-text strong{font-size:14px;font-weight:700;line-height:1.2}.eop-delivery-text span{color:var(--eop-muted);font-variant-numeric:tabular-nums;font-size:12px}.eop-radio{border:2px solid #c7c0d3;border-radius:50%;flex:none;width:22px;height:22px;position:relative}.eop-delivery-tile:hover{border-color:#c7c0d3}.eop-delivery-tile.is-on{border-color:var(--eop-accent);background:var(--eop-tint);box-shadow:inset 0 0 0 1px var(--eop-accent)}.eop-delivery-tile.is-on .eop-delivery-text span{color:var(--eop-accent-deep);font-weight:600}.eop-delivery-tile.is-on .eop-radio{border-color:var(--eop-accent);background:var(--eop-accent)}.eop-delivery-tile.is-on .eop-radio:after{content:"";border-bottom:2.5px solid #fff;border-left:2.5px solid #fff;width:10px;height:6px;margin:auto;position:absolute;inset:0;transform:translateY(-1px)rotate(-45deg)}.eop-delivery-tile:focus-visible{outline-offset:1px;outline:3px solid #d9c8ff}.eop-delivery-tile:disabled{cursor:wait;opacity:.6}.eop-planned{background:var(--eop-tint);color:var(--eop-ink);border-radius:12px;align-items:flex-start;gap:10px;margin:0 0 8px;padding:12px 14px;font-size:13px;line-height:1.4;display:flex}.eop-planned svg{color:var(--eop-accent-deep);flex:none;margin-top:1px}.eop-planned strong{color:var(--eop-accent-deep);font-weight:700}.eop-planned small{color:var(--eop-muted);margin-top:2px;font-size:11.5px;display:block}@media (max-width:520px){.eop-delivery{grid-template-columns:1fr}}@media (max-width:420px){.eop-lead{font-size:40px}.eop-seg button{min-width:42px;height:40px}.eop-tile .eop-icon{font-size:44px}}@media (prefers-reduced-motion:reduce){.eop-lead,.eop-seg button,.eop-switch,.eop-switch:after,.eop-tile{transition:none}}.eop-lead-svg{width:44px;height:44px;color:var(--eop-accent-deep);flex:none;padding:9px}.eop-row-design.is-set .eop-lead-svg{color:var(--eop-accent)}.eop-row-design{border-bottom:0}
