:root{color-scheme:light;--ink:#142237;--muted:#58687d;--surface:#fff;--soft:#eef4f7;--brand:#176b73;--focus:#9b4dca;font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--soft);color:var(--ink)}a{color:var(--brand)}
.customer-nav{display:flex;gap:1.5rem;align-items:center;padding:1rem max(1rem,calc((100vw - 72rem)/2));background:var(--surface);border-bottom:1px solid #d8e1e8}.customer-nav a:first-child{margin-right:auto;font-weight:800;text-decoration:none}
main{width:min(72rem,calc(100% - 2rem));margin:0 auto;padding:clamp(2rem,5vw,4rem) 0}.marketplace-hero,.customer-panel{max-width:48rem}.marketplace-hero h1{font-size:clamp(2rem,6vw,4rem);line-height:1.05;margin:.35rem 0 1rem}.eyebrow{color:var(--brand);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.marketplace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1rem 0 3rem}.marketplace-card,.customer-panel{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;border:1px solid #d8e1e8;border-radius:1rem;background:var(--surface);box-shadow:0 .3rem 1.3rem rgba(20,34,55,.06)}.customer-panel-wide{max-width:72rem}.customer-subsection{padding-top:.5rem;border-top:1px solid #d8e1e8}.marketplace-card h3{margin:.2rem 0;font-size:1.35rem}.marketplace-card p{margin:.25rem 0}.marketplace-price{font-size:1.1rem;font-weight:800}
.customer-actions{display:flex;flex-wrap:wrap;gap:.75rem}.customer-button{display:inline-flex;justify-content:center;margin-top:auto;padding:.7rem 1rem;border:0;border-radius:.6rem;background:var(--brand);color:#fff;font:inherit;font-weight:750;text-decoration:none}.customer-button-secondary{background:#334155}.customer-button:disabled{background:#73808f}.customer-button:focus-visible,a:focus-visible,.table-scroll:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.catalog-receipt{color:var(--muted);font-size:.85rem}
form{display:grid;gap:1rem;max-width:34rem}label{display:grid;gap:.35rem;min-width:0;font-weight:700}input,select,textarea{min-width:0;max-width:100%;border:1px solid #94a3b8;border-radius:.5rem;font:inherit;padding:.7rem;background:#fff;color:#0f172a}.secret-value{overflow-wrap:anywhere;border:1px dashed #64748b;border-radius:.5rem;padding:.8rem;font-family:ui-monospace,monospace;background:#f8fafc}fieldset{display:grid;gap:.65rem;min-width:0;border:1px solid #cbd5e1;border-radius:.7rem}.selection-option{grid-template-columns:auto 1fr;align-items:start}.selection-option input{margin-top:.3rem}.selection-option small{display:block;color:var(--muted);font-weight:400}
.summary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0}.summary-list div{padding:.75rem;border-radius:.6rem;background:var(--soft)}.summary-list dt{color:var(--muted);font-size:.85rem;font-weight:700}.summary-list dd{margin:.15rem 0 0}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:.65rem;text-align:left;vertical-align:top;border-bottom:1px solid #d8e1e8}td small,.amount-detail{display:block}.amount-detail{font-weight:800}tfoot{font-weight:800}.customer-status{padding:.8rem;border-left:.3rem solid var(--brand);background:var(--soft)}
.site-editor{display:grid;gap:1rem}.site-editor form{display:grid;gap:1rem}.site-preview{padding:clamp(1rem,3vw,2.5rem);border-radius:1rem;border:.18rem solid var(--preview-accent,#2a7f9e);background:linear-gradient(145deg,var(--preview-primary,#153a5b),#0d2235);color:#fff}.site-preview h2{color:var(--preview-secondary,#e9b949)}textarea{min-height:7rem;resize:vertical}
@media(max-width:56rem){.marketplace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:36rem){.marketplace-grid{grid-template-columns:1fr}.customer-nav{gap:1rem}.summary-list{grid-template-columns:1fr}.customer-actions{align-items:stretch;flex-direction:column}.customer-actions .customer-button{width:100%}main{width:min(100% - 1.25rem,72rem)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}