.cartboard{--c-green:#2f9e44;--c-green-soft:#e2f4e5;--c-teal:#087e6d;--c-red:#c8432f;--c-red-soft:#fbe6e1;--c-orange:#e8820c;--c-orange-soft:#fdeed9;--c-blue:#2463d6;--c-blue-soft:#e3ecfc;padding-bottom:84px}.cart-body{flex-direction:column;gap:14px;display:flex;container-type:inline-size}.cart-cell{aspect-ratio:1;color:#203332;background:#fff linear-gradient(to top right,#0000 calc(50% - 1px),#dde6e4 calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px));border:2px solid #8fa29e;border-radius:12px;width:100%;max-width:84px;padding:0;position:relative}.cart-cell:disabled{cursor:default;opacity:1}.cart-cell:focus-visible{outline-offset:3px;outline:3px solid #22a991}.cart-no{font-variant-numeric:tabular-nums;z-index:1;font-size:13px;font-weight:700;line-height:1.1;position:absolute;top:3px;left:6px}.cart-icon{width:46%;height:46%;margin:auto;position:absolute;inset:0}.cart-cell.is-ready{border-color:var(--c-green);background:var(--c-green-soft)}.cart-cell.is-ready .cart-no{color:var(--c-green)}.cart-cell.is-ready .cart-icon{fill:var(--c-green);stroke:var(--c-green)}.cart-cell.is-half{border-color:var(--c-teal);background:linear-gradient(to top right,var(--c-teal) 50%,#fff 50%)}.cart-cell.is-empty{border-color:var(--c-red);background:var(--c-red);color:#fff}.cart-cell.is-empty .cart-icon{stroke:#fff}.cart-cell.is-charging{border-color:var(--c-orange);background:var(--c-orange);color:#fff}.cart-cell.is-charging .cart-icon{fill:#fff;stroke:#fff}.cart-cell.partial{background:#fff}.cart-cell.partial .cart-icon{width:38%;height:38%;top:-14%}.cart-gauge{gap:6%;height:13%;display:flex;position:absolute;bottom:10%;left:12%;right:12%}.cart-gauge i{border:1px solid var(--c-green);background:#fff;border-radius:2px;flex:1}.cart-gauge i.on{background:var(--c-green)}.cart-cell.has-memo:after{content:"";background:linear-gradient(225deg,#203332 50%,#0000 50%);border-top-right-radius:10px;width:16px;height:16px;position:absolute;top:-2px;right:-2px}.cart-cell.in-line{outline:3px solid var(--c-blue);outline-offset:2px}.cart-order{background:var(--c-blue);color:#fff;z-index:2;border-radius:99px;place-items:center;min-width:22px;height:22px;padding:0 5px;font-size:12px;font-weight:700;display:grid;position:absolute;bottom:-8px;right:-8px;box-shadow:0 0 0 2px #fff}.cart-cell.small{border-radius:8px;flex:none;width:40px;max-width:40px}.cart-cell.small .cart-no{font-size:10px;top:1px;left:3px}.cart-cell.small.has-memo:after{border-top-right-radius:7px;width:10px;height:10px}.cart-cell.small .cart-order{min-width:17px;height:17px;font-size:10px;bottom:-6px;right:-6px}.cart-cell.small.in-line{outline-width:2px}.cart-line{background:var(--c-blue-soft);border:1px solid #c9d8f5;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.cart-line-title{color:var(--c-blue);white-space:nowrap;align-items:center;gap:6px;font-size:14px;display:flex}.cart-line-title small{font-variant-numeric:tabular-nums;color:#4b6aa6;font-size:12px;font-weight:600}.cart-line-cells{flex:1;gap:14px;min-width:0;padding:6px 10px 10px 2px;display:flex;overflow-x:auto}.cart-line-empty{color:#4b6aa6;flex:1;min-width:180px;font-size:13px}.cart-linemode{color:var(--c-blue);border-color:#b8cbf0;margin-left:auto}.cart-linemode.on{background:var(--c-blue);border-color:var(--c-blue);color:#fff}.cart-hint{color:#4b6aa6;margin:-4px 0 0;font-size:13px}.cart-chips{flex-wrap:wrap;gap:8px;display:flex}.cart-chip{border:1px solid var(--border);color:#3d5a4e;background:#fff;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.cart-chip b{font-variant-numeric:tabular-nums}.cart-chip i{border:1.5px solid #8fa29e;border-radius:3px;width:12px;height:12px}.cart-chip.c-ready i{border-color:var(--c-green);background:var(--c-green-soft)}.cart-chip.c-half i{border-color:var(--c-teal);background:linear-gradient(to top right,var(--c-teal) 50%,#fff 50%)}.cart-chip.c-empty i{border-color:var(--c-red);background:var(--c-red)}.cart-chip.c-charging i{border-color:var(--c-orange);background:var(--c-orange)}.cart-chip.c-partial i{border-color:var(--c-green);background:linear-gradient(to top,var(--c-green) 35%,#fff 35%)}.cart-chip.on{color:#fff;background:#203332;border-color:#203332}.cart-main{flex-direction:column;gap:20px;display:flex}.cart-grid{grid-template-columns:repeat(5,minmax(0,1fr));justify-items:center;gap:10px;display:grid}.cart-none{color:#74857d;grid-column:1/-1;padding:30px 0;font-size:14px}.cart-side{border:1px solid var(--border);background:#fff;border-radius:10px;flex-direction:column;gap:6px;min-width:0;padding:14px;display:flex}.cart-side h3{color:#3d5a4e;justify-content:space-between;margin:10px 0 2px;font-size:13px;font-weight:700;display:flex}.cart-side h3:first-child{margin-top:0}.cart-side h3.t-empty{color:var(--c-red)}.cart-side h3.t-charging{color:var(--c-orange)}.cart-side h3.t-partial{color:var(--c-green)}.cart-row{border-bottom:1px solid #edf2f0;align-items:center;gap:10px;padding:6px 0;font-size:13px;display:flex}.cart-row>span{flex-direction:column;min-width:0;display:flex}.cart-row small{color:#74857d;overflow-wrap:anywhere;font-size:12px}.cart-row .tabular{font-variant-numeric:tabular-nums}.cart-act{color:#fff;white-space:nowrap;border:0;border-radius:6px;margin-left:auto;padding:6px 10px;font-size:12px;font-weight:700}.a-charge{background:var(--c-orange)!important;border-color:var(--c-orange)!important;color:#fff!important}.a-done{background:var(--c-green)!important;border-color:var(--c-green)!important;color:#fff!important}.cart-log{color:#5d716c;flex-direction:column;gap:4px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.cart-log time{font-variant-numeric:tabular-nums;color:#203332}.cart-toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:40;color:#fff;background:#203332;border-radius:10px;align-items:center;gap:14px;max-width:min(520px,100% - 24px);padding:11px 14px;font-size:14px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}.cart-toast span{flex-direction:column;gap:2px;min-width:0;display:flex}.cart-toast small{color:#c6d6d2;overflow-wrap:anywhere;font-size:12px}.cart-toast button{color:#7fe0c6;white-space:nowrap;background:0 0;border:0;font-weight:700}@media (max-width:900px){.cart-toast{bottom:calc(80px + env(safe-area-inset-bottom,0px))}}.cart-dialog{flex-direction:column;gap:14px;display:flex!important}.cart-pick{gap:8px;display:flex}.cart-pick button{border:1.5px solid var(--c-green);color:#203332;background:#fff;border-radius:8px;flex:1;height:44px;font-weight:700}.cart-pick button.on{background:var(--c-green);color:#fff}.cart-picked{color:var(--c-green);margin:0;font-size:14px;font-weight:600}.cart-picked.partial{color:var(--c-orange)}.cart-dialog .field{margin:0}.cart-dialog textarea{min-height:72px}.cart-go{width:100%;min-height:46px;font-weight:700}@container (min-width:560px){.cart-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.cart-side{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;display:grid}.cart-side h3{grid-column:1/-1}}@container (min-width:1000px){.cart-main{grid-template-columns:minmax(0,1fr) 300px;align-items:start;display:grid}.cart-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.cart-side{display:flex;position:sticky;top:16px}}@media (prefers-reduced-motion:no-preference){.cart-cell{transition:background-color .2s,border-color .2s}}