/* Reuses Quima tokens, form controls, buttons and panels. */
.commerce{padding-bottom:2rem}.commerce-toolbar{margin-bottom:1rem}.commerce-toolbar [data-actions],.commerce-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.commerce-toolbar [data-status]{margin:.75rem 0 0;min-height:1.6em}.commerce-error{color:var(--err);font-weight:600}.commerce-layout{display:grid;gap:1.25rem;align-items:start}.commerce-editor,.commerce-preview{min-width:0;padding:1.25rem}.commerce-editor details{border-bottom:1px solid var(--line);padding:.7rem 0}.commerce-editor summary{cursor:pointer;font-weight:650;padding:.25rem 0}.commerce-fields{padding:.75rem 0;display:grid;gap:.7rem}.commerce label{display:block;min-width:0;margin:.6rem 0}.commerce-label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.commerce input:not([type=checkbox]),.commerce select,.commerce textarea{width:100%;max-width:100%;min-height:44px;font:inherit;padding:.55rem .7rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink)}.commerce textarea{min-height:85px;resize:vertical}.commerce input[type=color]{padding:.2rem;height:44px}.commerce .commerce-check{display:flex;align-items:center;gap:.6rem}.commerce-check input{width:22px;height:22px}.commerce .commerce-buttons{margin:1rem 0}.commerce fieldset{min-width:0;border:1px solid var(--line);padding:1rem;border-radius:var(--radius)}.commerce fieldset legend{font-weight:600}.commerce p{font-size:.92rem}.commerce input:focus-visible,.commerce select:focus-visible,.commerce textarea:focus-visible,.commerce button:focus-visible,.commerce summary:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.commerce [data-preview]{background:#e8edf3;border-radius:var(--radius-sm);padding:.6rem;min-height:200px;max-width:100%;overflow-wrap:anywhere}.commerce [data-preview] canvas{display:block;width:100%;height:auto;box-shadow:var(--shadow);background:white}.commerce [data-preview] details{background:white;padding:.75rem;margin-top:1rem}.commerce-import{width:min(650px,92vw);max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem}.commerce-import::backdrop{background:rgb(15 23 42 / .5)}.commerce-import .btn{margin:.6rem .6rem 0 0}.commerce-guide{margin:2rem auto}.commerce-guide h2{margin-top:1.75rem}.commerce-guide details{padding:1rem 0;border-bottom:1px solid var(--line)}.commerce-guide summary{cursor:pointer;font-weight:600}
@media(min-width:1000px){.commerce-layout{grid-template-columns:minmax(320px,390px) minmax(0,1fr)}.commerce-preview{position:sticky;top:1rem}.commerce-editor{max-height:1150px;overflow:auto;scrollbar-gutter:stable}}
@media print{.commerce-toolbar,.commerce-editor,.commerce-sample-note,.commerce-privacy,.commerce-section-head,.commerce-hint,[data-preview-controls],.commerce [data-preview] details,.commerce [data-totals]{display:none!important}.commerce-layout{display:block}.commerce-preview{padding:0}.commerce [data-preview]{padding:0;background:white}.commerce [data-preview] canvas{max-height:none;width:100%;box-shadow:none}}
@media(prefers-reduced-motion:reduce){.commerce *{scroll-behavior:auto;transition:none;animation:none}}
.commerce-device{overflow-x:auto;max-width:100%}.commerce-device iframe{height:800px;border:0;display:block;background:white;max-width:none}
/* Toolbar hierarchy: one primary action, quiet document actions, the rest under "More options". */
.commerce-toolbar .commerce-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.commerce-actions-group{display:flex;flex-wrap:wrap;gap:.5rem}.commerce-actions-document{padding-left:.75rem;border-left:1px solid var(--line)}.commerce-actions-document .btn{border-color:transparent;background:transparent;color:var(--ink-2);padding-inline:.7rem}.commerce-actions-document .btn:hover{background:var(--brand-soft);color:var(--brand-strong)}
.commerce-more{position:relative;margin-left:auto}.commerce-more>summary{list-style:none;display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:10px 14px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);font-weight:600;font-size:.95rem;cursor:pointer;user-select:none}.commerce-more>summary::-webkit-details-marker{display:none}.commerce-more>summary::after{content:"";width:.45rem;height:.45rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s}.commerce-more[open]>summary::after{transform:translateY(1px) rotate(-135deg)}.commerce-more>summary:hover{border-color:var(--brand);color:var(--brand-strong)}
.commerce-more-panel{position:absolute;right:0;top:calc(100% + .4rem);z-index:20;min-width:16rem;display:grid;gap:.1rem;padding:.4rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 32px rgb(15 23 42 / .14)}.commerce-more-panel .btn{justify-content:flex-start;border-color:transparent;background:transparent;font-weight:500;min-height:42px;text-align:left}.commerce-more-panel .btn:hover{background:var(--brand-soft)}.commerce-more-panel .btn-danger-ghost{margin-top:.25rem;border-top:1px solid var(--line);border-radius:0 0 var(--radius-sm) var(--radius-sm)}.commerce-more-panel .btn-danger-ghost:hover{background:var(--err-soft);color:var(--err)}
.commerce-sample-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin:0 0 1rem;padding:.7rem .9rem .7rem 1rem;border:1px solid var(--brand-line);border-radius:var(--radius);background:var(--brand-soft);color:var(--brand-strong);font-size:.95rem;font-weight:500}.commerce-sample-note[hidden]{display:none}.commerce-sample-note .btn{background:var(--surface)}
.commerce-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.commerce-section-head h2{margin:0 0 .75rem}.commerce-jump{font-size:.9rem;font-weight:600;white-space:nowrap}.commerce-hint,.commerce-privacy{color:var(--muted);font-size:.85rem!important;margin:.75rem 0 0}.commerce-privacy{margin-top:1rem}
.commerce-items-title{margin:1.5rem 0 .25rem;font-size:1.05rem}.commerce-advanced{margin-top:1.25rem;border-top:1px solid var(--line)}.commerce [data-item-editor]{background:#fafbfd}
.commerce [data-preview]{display:flex;flex-direction:column;align-items:center}.commerce [data-preview] canvas{width:auto;max-width:100%;max-height:calc(100vh - 9rem);border-radius:2px}.commerce [data-preview]>p,.commerce [data-preview] details,.commerce [data-preview] [data-totals],.commerce-device{align-self:stretch}
@media(min-width:1000px){.commerce-jump{display:none}}
@media(max-width:999px){.commerce-preview{order:-1}.commerce [data-preview] canvas{max-height:none;width:100%}}
@media(max-width:640px){.commerce-actions-main{width:100%}.commerce-actions-main .btn{flex:1 1 auto}.commerce-actions-document{padding-left:0;border-left:0}.commerce-more{margin-left:0;width:100%}.commerce-more>summary{width:100%;justify-content:center}.commerce-more-panel{position:static;margin-top:.4rem;box-shadow:none}.commerce-editor,.commerce-preview{padding:1rem}}
.commerce-toolbar [data-status]:empty{display:none}