
/* ClaraWide v0.10.0 — Shop Studio & Clara Build Services */
.studio-service-cta-v0100{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px}
.studio-service-cta-v0100 small{color:var(--muted)}
.shop-services-page-v0100{display:grid;gap:18px}
.shop-service-hero-v0100{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:28px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow-soft)}
.shop-service-hero-v0100>div:first-child{max-width:850px}.shop-service-hero-v0100 h1{font-family:var(--serif);font-size:clamp(32px,4vw,50px);line-height:1.02;margin:7px 0 11px;letter-spacing:-.03em}.shop-service-hero-v0100 p{margin:0;color:var(--muted);line-height:1.7}
.shop-service-hero-actions-v0100{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.shop-service-fairness-v0100,.shop-service-foundation-note-v0100{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.shop-service-fairness-v0100>span{font-size:26px}.shop-service-fairness-v0100 p,.shop-service-foundation-note-v0100 span{display:block;color:var(--muted);margin:4px 0 0;line-height:1.55}
.shop-service-package-grid-v0100{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.shop-service-package-v0100{position:relative;padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;align-items:flex-start}
.shop-service-package-v0100.featured{border-width:2px}.shop-service-featured-label-v0100{position:absolute;right:14px;top:14px;font-size:9px;font-weight:900;letter-spacing:.08em;border:1px solid var(--line);border-radius:999px;padding:5px 8px;background:var(--paper)}
.shop-service-package-v0100 h2{font-family:var(--serif);font-size:28px;margin:5px 0 8px}.shop-service-package-v0100 p{color:var(--muted);line-height:1.5}
.shop-service-package-v0100 ul{padding-left:18px;line-height:1.65;color:var(--muted);flex:1}.shop-service-package-v0100 li::marker{color:var(--text)}
.shop-service-price-v0100{display:block;margin:8px 0 13px;font-size:15px}
.shop-service-rules-v0100{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.shop-service-rules-v0100 article{padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.shop-service-rules-v0100 strong,.shop-service-rules-v0100 span{display:block}.shop-service-rules-v0100 span{font-size:11px;color:var(--muted);line-height:1.5;margin-top:5px}
.shop-service-requests-v0100,.shop-service-editor-v0100{padding:22px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow-soft)}
.shop-service-section-head-v0100{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.shop-service-section-head-v0100 h2{font-family:var(--serif);font-size:30px;margin:4px 0 6px}.shop-service-section-head-v0100 p{margin:0;color:var(--muted)}
.shop-service-request-list-v0100{display:grid;gap:10px;margin-top:18px}.shop-service-request-card-v0100{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(120px,.7fr) minmax(110px,.6fr) auto;gap:13px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.shop-service-request-card-v0100 h3{margin:3px 0 4px;font-size:16px}.shop-service-request-card-v0100 p,.shop-service-request-card-v0100 small{margin:0;color:var(--muted);font-size:10px}.shop-service-request-card-v0100 strong{font-size:12px}
.shop-service-status-v0100{display:inline-flex;width:max-content;padding:5px 8px;border:1px solid var(--line);border-radius:999px;font-size:9px;font-weight:900}.shop-service-status-v0100.draft{background:rgba(255,170,36,.12)}.shop-service-status-v0100.submitted{background:rgba(39,100,255,.10)}.shop-service-status-v0100.quoted{background:rgba(45,160,100,.10)}
.shop-service-card-actions-v0100{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.shop-service-form-grid-v0100{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:18px}.shop-service-form-grid-v0100 .span-2{grid-column:1/-1}
.shop-service-form-grid-v0100 label>span:first-child{display:block;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.shop-service-form-grid-v0100 input,.shop-service-form-grid-v0100 select,.shop-service-form-grid-v0100 textarea{width:100%;border:1px solid var(--line);background:var(--paper);color:var(--text);border-radius:11px;padding:10px 11px;font:inherit}
.shop-service-form-grid-v0100 textarea{resize:vertical}.shop-service-form-grid-v0100 small{display:block;color:var(--muted);font-size:10px;margin-top:5px}
.shop-service-scope-v0100,.shop-service-assets-v0100{padding:15px;border:1px solid var(--line);border-radius:14px}.shop-service-scope-v0100 legend,.shop-service-assets-v0100 legend{padding:0 6px;font-weight:850}.shop-service-assets-v0100>p{margin:0 0 10px;color:var(--muted);font-size:11px}
.shop-service-check-grid-v0100{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.shop-service-check-grid-v0100 label{display:flex;gap:7px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--paper);font-size:11px}.shop-service-check-grid-v0100 input{width:auto}
.shop-service-upload-v0100{display:flex;gap:11px;align-items:flex-start;padding:13px;border:1px dashed var(--line);border-radius:12px;background:var(--paper);cursor:pointer}.shop-service-upload-v0100 input{max-width:230px}.shop-service-upload-v0100 span{display:grid;gap:3px}.shop-service-upload-v0100 small{color:var(--muted);margin:0}
.shop-service-asset-status-v0100{margin-top:9px;color:var(--muted);font-size:11px}.shop-service-asset-status-v0100.blocked{font-weight:850}
.shop-service-asset-previews-v0100{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}.shop-service-asset-previews-v0100 figure{margin:0;width:120px}.shop-service-asset-previews-v0100 img{display:block;width:120px;height:90px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.shop-service-asset-previews-v0100 figcaption{font-size:9px;color:var(--muted);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shop-service-ack-v0100{display:flex!important;gap:9px;align-items:flex-start;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.shop-service-ack-v0100 input{width:auto;margin-top:2px}.shop-service-ack-v0100 span{font-size:11px!important;text-transform:none!important;letter-spacing:0!important;color:var(--text)!important;margin:0!important;line-height:1.5}
.shop-service-moderation-v0100{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--paper)}
.shop-service-form-actions-v0100{display:flex;gap:9px;justify-content:flex-end;margin-top:16px}
.shop-service-empty-v0100{padding:28px;text-align:center;border:1px dashed var(--line);border-radius:14px;color:var(--muted)}
@media(max-width:1000px){.shop-service-package-grid-v0100{grid-template-columns:1fr}.shop-service-rules-v0100{grid-template-columns:repeat(2,1fr)}.shop-service-check-grid-v0100{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.shop-service-hero-v0100,.shop-service-section-head-v0100{flex-direction:column;align-items:flex-start}.shop-service-form-grid-v0100{grid-template-columns:1fr}.shop-service-form-grid-v0100 .span-2{grid-column:auto}.shop-service-request-card-v0100{grid-template-columns:1fr 1fr}.shop-service-request-card-v0100>div:first-child{grid-column:1/-1}.shop-service-card-actions-v0100{justify-content:flex-start}}
@media(max-width:520px){.shop-service-rules-v0100,.shop-service-check-grid-v0100,.shop-service-request-card-v0100{grid-template-columns:1fr}}
