/* Premium commerce completion layer: keeps existing design, adds checkout/account details. */
#customerChatModal .commerce-order-checkout{display:none;margin-top:12px;padding:16px;border:1px solid #e4e4e0;border-radius:18px;background:#fafaf8;box-shadow:0 12px 32px rgba(17,17,17,.04)}
#customerChatModal.order-only-mode .commerce-order-checkout{display:block}
.commerce-order-checkout .commerce-kicker{font-size:9px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:#7c7c76}
.commerce-order-checkout h4{margin:5px 0 12px;font-size:14px;letter-spacing:-.02em;color:#171717}
.commerce-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.commerce-grid .full{grid-column:1/-1}
.commerce-order-checkout label{display:block;font-size:10px;font-weight:800;color:#65655f;letter-spacing:.03em}
.commerce-order-checkout input,.commerce-order-checkout select{width:100%;box-sizing:border-box;height:42px;margin-top:6px;border:1px solid #dcdcd6;border-radius:11px;background:#fff;color:#181818;padding:0 11px;outline:0;font:inherit;font-size:12px}
.commerce-order-checkout input:focus,.commerce-order-checkout select:focus{border-color:#898983;box-shadow:0 0 0 3px rgba(17,17,17,.07)}
.commerce-account-note{display:flex;align-items:center;gap:8px;margin:9px 0 12px;padding:9px 10px;border-radius:11px;background:#f1f1ee;color:#5e5e59;font-size:10px;line-height:1.45}
.commerce-inline-status{min-height:16px;margin-top:8px;font-size:10px;color:#696962}
.commerce-inline-status.error{color:#8b4444}.commerce-inline-status.ok{color:#45694c}
.commerce-pay-box{margin-top:12px;padding:13px;border:1px solid #e2e2dd;border-radius:14px;background:#fff}
.commerce-pay-box strong{font-size:12px}.commerce-pay-box p{margin:4px 0 10px;color:#707069;font-size:10px;line-height:1.5}
.commerce-pay-box a,.commerce-pay-box button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:11px;border:1px solid #111;background:#111;color:#fff;text-decoration:none;font:inherit;font-size:11px;font-weight:900;cursor:pointer}
#accountCommercePanel{margin-top:14px}.commerce-section{border-top:1px solid #e7e7e3;padding-top:16px;margin-top:16px}.commerce-section h4{margin:0 0 9px;font-size:12px;letter-spacing:-.01em}.commerce-empty{padding:14px;border:1px dashed #dddcd6;border-radius:14px;color:#777770;font-size:11px}
.commerce-order-card{padding:13px;border:1px solid #e5e5e1;border-radius:16px;background:#fff;margin-top:9px}.commerce-order-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.commerce-order-top strong{font-size:12px;line-height:1.35}.commerce-order-top small{display:block;color:#7d7d77;font-size:9px;margin-top:4px}.commerce-status-pill{display:inline-flex;padding:6px 8px;border-radius:999px;background:#f2f2f0;color:#444;font-size:9px;font-weight:900;white-space:nowrap}.commerce-order-item{display:flex;gap:9px;margin-top:10px}.commerce-order-item img{width:54px;height:54px;border-radius:12px;object-fit:cover;background:#f1f1ed}.commerce-order-item b{display:block;font-size:11px}.commerce-order-item span{display:block;margin-top:3px;color:#777770;font-size:9px;line-height:1.4}.commerce-order-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.commerce-order-actions button,.commerce-order-actions a{min-height:34px;padding:0 11px;border:1px solid #d9d9d4;border-radius:10px;background:#fff;color:#252525;text-decoration:none;font:inherit;font-size:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.commerce-order-actions .dark{background:#111;color:#fff;border-color:#111}.commerce-timeline{margin-top:11px;padding-left:10px;border-left:1px solid #e6e6e1}.commerce-timeline-row{padding:0 0 9px 8px;font-size:9px;color:#73736d}.commerce-timeline-row strong{color:#444}.commerce-timeline-row:last-child{padding-bottom:0}
#commerceNotificationTray{position:fixed;right:18px;bottom:18px;z-index:100000;display:grid;gap:8px;width:min(360px,calc(100vw - 36px));pointer-events:none}.commerce-toast{pointer-events:auto;background:#111;color:#fff;border-radius:16px;padding:13px 14px;box-shadow:0 18px 50px rgba(0,0,0,.22);display:grid;gap:4px}.commerce-toast strong{font-size:12px}.commerce-toast span{font-size:10px;line-height:1.45;color:#d2d2cf}.commerce-toast button{justify-self:end;background:transparent;border:0;color:#fff;font:inherit;font-size:10px;cursor:pointer}
#adminCommerceDrawer{display:none}.admin-commerce-box{margin-top:10px;padding:12px;border:1px solid #e5e6e8;border-radius:14px;background:#fff}.admin-commerce-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.admin-commerce-grid input,.admin-commerce-grid select{height:38px;border:1px solid #dfe1e4;border-radius:10px;padding:0 10px;width:100%;box-sizing:border-box;background:#fff;font:inherit;font-size:11px}.admin-commerce-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.admin-commerce-actions button{min-height:34px;border:1px solid #dfe1e4;border-radius:10px;background:#fff;padding:0 10px;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.admin-commerce-actions .primary{background:#111;color:#fff;border-color:#111}
@media(max-width:620px){.commerce-grid{grid-template-columns:1fr}.commerce-grid .full{grid-column:auto}.commerce-order-top{display:block}.commerce-status-pill{margin-top:7px}.admin-commerce-grid{grid-template-columns:1fr}}