.commerce{--co-bg:var(--surface,#fff);--co-border:var(--border,#d7dce6);--co-muted:var(--muted,#64748b);color:var(--foreground,#172033);max-width:1400px;margin:auto;font-size:14px;line-height:1.55}.commerce *{box-sizing:border-box}.commerce h1{font-size:clamp(30px,4vw,48px);line-height:1.15}.commerce h2{font-size:26px}.commerce h3{margin-top:24px;font-size:19px}.commerce button,.commerce input,.commerce select{font:inherit;color:inherit;border:1px solid var(--co-border);background:var(--co-bg);border-radius:8px;padding:9px 12px}.commerce button{cursor:pointer}.commerce button:disabled{opacity:.55;cursor:default}.commerce button[aria-pressed=true]{border-color:#7862d8;box-shadow:0 0 0 2px #7862d830}.commerce label{gap:6px;display:grid}.commerce input:not([type=checkbox]),.commerce select{width:100%;min-width:0}.commerce .commerce-check{align-items:center;gap:10px;margin:12px 0;display:flex}.commerce input[type=checkbox]{accent-color:#7862d8;flex-shrink:0;width:18px;height:18px}.commerce-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:14px;margin:16px 0;display:grid}.commerce-card,.commerce-panel,.commerce-summary{border:1px solid var(--co-border);background:var(--co-bg);border-radius:14px;padding:20px}.commerce-card{text-align:left;flex-direction:column;gap:10px;display:flex}.commerce-card p{color:var(--co-muted);margin:0}.commerce-card strong{font-size:16px}.commerce-card small,.commerce-muted{color:var(--co-muted)}.commerce-toolbar,.commerce-cycles{flex-wrap:wrap;align-items:end;gap:10px;margin:14px 0;display:flex}.commerce-cycles button{min-width:110px}.commerce-cycles small{display:block}.commerce .commerce-primary{color:#fff;background:#7059cc;border-color:#7059cc;margin:16px 0;padding:12px 20px}.commerce-notice,.commerce-error{background:#7862d815;border:1px solid #7862d850;border-radius:10px;padding:14px 18px}.commerce-error{background:#ce334415;border-color:#ce334460}.commerce-summary dl{grid-template-columns:1fr auto;gap:9px 25px;display:grid}.commerce-summary dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.commerce-scroll{overflow:auto}.commerce table{border-collapse:collapse;text-align:left;width:100%}.commerce th,.commerce td{border-bottom:1px solid var(--co-border);vertical-align:top;padding:12px}.commerce code{font-size:11px}.commerce-public{background:var(--background,#f6f7fb);min-height:100vh;padding:35px 24px 80px}.commerce-public header{justify-content:space-between;align-items:center;gap:15px;display:flex}.commerce-public a{color:inherit}.commerce-section-nav{flex-wrap:wrap;gap:8px;display:flex}.commerce-panel{margin:18px 0}.commerce details summary{cursor:pointer}.commerce pre{white-space:pre-wrap;max-height:300px;overflow:auto}.commerce .commerce-metrics{flex-wrap:wrap;gap:24px;display:flex}.commerce-metrics strong{font-size:24px;display:block}html:root[data-color-mode=dark] .commerce,html.dark .commerce{--co-bg:#1b2535;--co-border:#3b4b65;--co-muted:#aab5c8;color:#e7eaf4}html:root[data-color-mode=dark] .commerce-public,html.dark .commerce-public{background:#111825}@media (max-width:600px){.commerce-public{padding:20px 14px}.commerce-summary dl{gap:8px;font-size:13px}.commerce-grid{grid-template-columns:1fr}.commerce-cycles{width:100%}.commerce-cycles button{flex:1;min-width:40%}}.commerce .commerce-professionals{border:1px solid var(--co-border);background:var(--co-bg);border-radius:12px;margin:15px 0;padding:15px}.commerce-professionals-heading{justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.commerce .commerce-professionals-heading input{width:80px;min-height:36px;padding:7px 9px;font-size:13px}.commerce .commerce-professionals input[type=range]{accent-color:#7862d8;cursor:pointer;background:0 0;border:0;width:100%;height:24px;margin:12px 0 3px;padding:0}.commerce-professionals-bounds{color:var(--co-muted);justify-content:space-between;gap:10px;font-size:10px;display:flex}.commerce-professionals>p{color:var(--co-muted);margin:12px 0 0;font-size:10px;line-height:1.7}.commerce-professional-config{border:1px solid var(--co-border);border-radius:12px;margin:20px 0;padding:18px}.commerce-professional-config legend{padding:0 8px;font-weight:600}.commerce-professional-config p,.commerce-professional-config small{color:var(--co-muted);font-size:12px;line-height:1.7}
