.ec-opener{min-height:44px;white-space:nowrap}.stock-position:has(.ec-row-menu){position:relative;padding-right:48px}.ec-row-menu{position:absolute;right:0;top:14px}.ec-row-menu summary{list-style:none;display:grid;place-items:center;width:40px;min-height:44px;border:1px solid var(--line);border-radius:9px;cursor:pointer;background:var(--panel);color:var(--muted)}.ec-row-menu summary::-webkit-details-marker{display:none}.ec-row-menu[open]{z-index:5}.ec-row-menu>div{position:absolute;right:0;top:48px;width:210px;padding:6px;background:var(--panel);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow)}.ec-row-menu button{min-height:44px;width:100%;border:0;background:transparent;color:var(--ink);text-align:left;border-radius:7px;padding:10px 12px;cursor:pointer}.ec-row-menu button:hover{background:var(--card)}
.ec-dialog{scroll-padding-block:116px 100px;padding:0;width:min(580px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;overscroll-behavior:contain}.ec-dialog .ec-head{display:flex;align-items:center;justify-content:space-between;gap:18px;position:sticky;top:0;background:var(--panel);padding:24px 28px;border-bottom:1px solid var(--line);z-index:2}.ec-head h2{font-size:24px;margin:4px 0 0;letter-spacing:-.5px}.ec-head .eyebrow{font-size:10px;margin:0}.ec-close{font-size:24px;min-width:44px;min-height:44px;padding:4px!important}.ec-body{padding:24px 28px;min-width:0}.ec-footer{position:sticky;bottom:0;background:var(--panel);border-top:1px solid var(--line);padding:16px 28px;display:flex;justify-content:flex-end;gap:10px;z-index:2}.ec-footer button{min-height:44px;min-width:110px}.ec-dialog h3{font-size:20px;margin:10px 0 8px;line-height:1.4;letter-spacing:-.3px}.ec-identity p{margin:0 0 6px;font-size:14px}.ec-identity small,.ec-muted,.ec-history small,.ec-success small{color:var(--muted);line-height:1.6;font-size:12px}.ec-identity small{display:block}.ec-state{display:inline-block;background:var(--card2);color:var(--muted);border-radius:6px;padding:4px 8px;font-size:11px;margin-top:12px}.ec-back{border:0;background:none;color:var(--muted);padding:0;min-height:36px;cursor:pointer;font-size:12px}.ec-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:22px 0}.ec-stats>div{padding:14px 12px;background:var(--card);border:1px solid var(--line);border-radius:10px;min-width:0}.ec-stats span{display:block;color:var(--muted);font-size:10px;margin-bottom:7px}.ec-stats strong{font-size:17px;font-weight:600;overflow-wrap:anywhere}.ec-dialog fieldset{border:0;margin:0;padding:0;display:grid;gap:18px;min-width:0}.ec-dialog label{display:block;position:relative}.ec-dialog input,.ec-dialog textarea{box-sizing:border-box;display:block;margin-top:7px;width:100%;min-width:0}.ec-dialog #ecQuantity{font-size:28px;font-weight:600;letter-spacing:-.5px;padding:13px 44px 13px 14px}.ec-unit{position:absolute;right:16px;top:44px;color:var(--muted)}.ec-optional{float:right;color:var(--muted);font-size:11px;font-weight:400}.ec-delta{font-size:13px;margin-top:-7px;color:var(--muted)}.ec-delta[data-direction=minus]{color:var(--tomato)}.ec-dialog #ecMessage:not(:empty){border:1px solid var(--line);background:var(--accent-soft);padding:12px 14px;border-radius:9px;color:var(--ink);font-size:13px;line-height:1.6;margin-top:18px;overflow-wrap:anywhere}.ec-dialog #ecMessage:empty{display:none}.ec-dialog #ecReview{margin-top:22px;border:1px solid var(--line2);background:var(--card);padding:18px;border-radius:11px}.ec-dialog #ecReview strong,.ec-dialog #ecReview span{display:block}.ec-dialog #ecReview strong{font-size:23px;letter-spacing:-.5px}.ec-dialog #ecReview span{color:var(--tomato);font-size:13px;margin-top:5px}.ec-dialog #ecReview p{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:0}.ec-history{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}.ec-history summary{cursor:pointer;min-height:36px;font-size:12px;color:var(--muted);font-weight:600}.ec-history article{border-top:1px solid var(--line);padding:14px 0}.ec-history strong{display:block;font-size:13px}.ec-history strong span{float:right;color:var(--muted);font-weight:400}.ec-history small{display:block}.ec-history p{font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.ec-choice{width:100%;display:grid;gap:5px;padding:16px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:10px;margin:10px 0;color:var(--ink);cursor:pointer;min-height:72px}.ec-choice:hover{background:var(--card)}.ec-choice strong{font-size:14px}.ec-choice span{font-size:12px}.ec-choice small{font-size:11px;color:var(--muted)}.ec-success{text-align:center;padding:20px 0}.ec-success>span{display:grid;place-items:center;border-radius:50%;width:52px;height:52px;background:color-mix(in srgb,var(--basil) 12%,var(--panel));color:var(--basil);font-size:25px;margin:0 auto 20px}.ec-success>strong{display:block;font-size:28px;letter-spacing:-.7px;margin:24px 0}.ec-success p{font-size:13px;color:var(--muted);overflow-wrap:anywhere;line-height:1.7}.ec-pending{padding:20px;background:var(--card);border:1px solid var(--line);border-radius:12px;margin-top:20px}.ec-pending p{font-size:14px;overflow-wrap:anywhere;white-space:pre-wrap}.ec-pending small{color:var(--muted);font-size:12px;line-height:1.7}.ec-discard{width:min(420px,calc(100vw - 32px));box-sizing:border-box;padding:26px}.ec-discard h2{font-size:20px}.ec-discard p{font-size:14px;line-height:1.7;color:var(--muted)}.ec-discard>div{display:flex;gap:10px;margin-top:24px}.ec-discard button{min-height:44px}.ec-loading{font-size:14px;color:var(--muted)}
@media(max-width:600px){.ec-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:16px}.ec-dialog .ec-head{padding:20px}.ec-head h2{font-size:21px}.ec-body{padding:20px}.ec-footer{padding:14px 20px;flex-wrap:wrap}.ec-footer button{flex:1;min-width:0;font-size:12px}.ec-stats{gap:6px}.ec-stats>div{padding:12px 8px}.ec-stats strong{font-size:15px}.ec-dialog input,.ec-dialog textarea{font-size:16px}.ec-identity h3{font-size:19px}.stock-position:has(.ec-row-menu){padding-right:0}.stock-position:has(.ec-row-menu) .stock-identity{padding-right:48px}.ec-row-menu{top:16px}.ec-discard>div{flex-direction:column}.ec-opener{width:100%}}
