/* Attio workspace setup structure, adapted to Atelier's identity and piece workflow. */
.setup-page.management{max-width:1240px;padding:48px 36px 70px}.setup-page>.management-heading{display:none}.jeweler-setup{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid #dedfd8;border-radius:18px;background:#fff;overflow:hidden;min-height:610px}.setup-form-side{padding:44px 52px 48px}.setup-form-side h1{font:500 38px/1.12 var(--serif);margin:32px 0 12px}.setup-form-side .setup-intro{font-size:15px;line-height:1.55;color:#5d665f;margin-bottom:30px}.setup-progress{display:flex;gap:20px;font:12px/1.3 var(--sans);color:#717870}.setup-progress span{padding-bottom:9px;border-bottom:2px solid transparent}.setup-progress [aria-current=step]{border-color:#253e30;color:#253e30;font-weight:600}.setup-progress .completed{color:#526c58}.setup-fields{max-width:420px}.setup-fields .content-field{padding:0;margin:0 0 22px;border:0}.setup-fields .content-field label{display:block;font:500 14px/1.4 var(--sans);margin:0 0 8px}.setup-fields input:not([type=file]),.setup-fields select{width:100%;min-width:0;max-width:100%;box-sizing:border-box;min-height:46px;border:1px solid #c7cec5;border-radius:8px;background:white;padding:10px 12px;color:#25352b;font:16px/1.4 var(--sans)}.setup-logo-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;font:14px/1.4 var(--sans)}.setup-logo-row>span{flex-basis:100%;font-weight:500}.setup-logo-row .op-button{min-height:40px;padding:8px 14px}.setup-logo-message{font-size:13px!important;color:#8d2e26;min-height:0;margin:0 0 14px}.setup-logo-message:empty{display:none}.setup-fields .setup-hint{font-size:13px;line-height:1.6;color:#647066;margin:10px 0 24px}.setup-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.setup-actions .primary{flex:1}.setup-actions .op-button{border-radius:8px;min-height:46px}.setup-preview{background:#f3f5f0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px 30px;min-width:0}.setup-brand-paper{width:min(100%,340px);min-height:375px;padding:36px 28px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 18px 45px #25352b14;border:1px solid #d5d9cf}.setup-brand-mark{width:76px;height:76px;display:grid;place-items:center;margin-bottom:18px;font:38px/1 var(--serif)}.setup-brand-mark img{max-width:100%;max-height:100%;object-fit:contain}.setup-preview h2{font:500 32px/1.14 var(--serif);margin:0 0 14px;overflow-wrap:anywhere}.setup-preview .setup-brand-paper p{font:13px/1.6 var(--sans);margin:0;overflow-wrap:anywhere}.setup-piece-outline{position:relative;width:116px;height:110px;margin:30px auto 0;opacity:.6}.setup-piece-outline i{position:absolute;width:74px;height:74px;border:2px solid currentColor;border-radius:50%;left:8px;top:12px;transform:rotate(-26deg)}.setup-piece-outline i+i{left:34px;top:27px;border-width:1px}.setup-preview .setup-preview-caption{font:13px/1.4 var(--sans);color:#607063;text-align:center;margin-top:24px}.setup-confirmation{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px 14px;margin:0;padding:4px 0 20px;font:14px/1.5 var(--sans)}.setup-confirmation dt{color:#657066}.setup-confirmation dd{margin:0;overflow-wrap:anywhere;font-weight:500}.setup-fields :focus-visible{outline:3px solid #6e8c76;outline-offset:3px}
.plan-offer{padding:32px!important;background:#fff;border:1px solid #d5dcd2!important;border-radius:14px}.plan-offer h2{margin-top:0}.plan-price{font:500 46px/1.1 var(--serif)!important;margin:16px 0!important;color:#253e30}.plan-price small{font:14px var(--sans)}.plan-offer .plan-intro-price{font-size:16px;margin:12px 0}.plan-offer .plan-honest{font-size:13px;color:#657066;line-height:1.6}.plan-benefits{padding-left:20px;display:grid;gap:12px;font:15px/1.5 var(--sans)}.plan-benefits li::marker{color:#526c58}.plan-offer .op-button{margin:20px 0 8px}.plan-page .plan-rights h2{font-size:27px}.plan-usage{display:flex;gap:30px;flex-wrap:wrap}.plan-usage p{margin:8px 0}.signup-offer-price{font-size:13px!important;line-height:1.6!important;color:#536055}
@media(max-width:760px){.setup-page.management{padding:20px 16px 48px}.jeweler-setup{display:flex;flex-direction:column;min-height:0;border-radius:12px}.setup-form-side{padding:26px 22px 30px}.setup-form-side h1{font-size:32px;margin-top:26px}.setup-progress{gap:16px;font-size:11px}.setup-preview{order:-1;padding:18px 22px;align-items:stretch}.setup-brand-paper{width:100%;min-height:0;box-shadow:none;border:0;display:grid;grid-template-columns:50px minmax(0,1fr);gap:2px 14px;text-align:left;padding:12px 16px;align-items:center}.setup-brand-mark{grid-row:1/3;width:44px;height:44px;margin:0;font-size:30px}.setup-preview h2{font-size:24px;margin:0}.setup-preview .setup-brand-paper p{font-size:12px}.setup-piece-outline,.setup-preview .setup-preview-caption{display:none}.setup-fields{max-width:none}.setup-actions{margin-top:26px}.setup-actions .primary{flex-basis:60%}.plan-offer{padding:24px!important}.plan-price{font-size:40px!important}}
.setup-preview .setup-design-result{width:100%;max-width:340px;height:420px;border:1px solid #d5d9cf;box-shadow:0 18px 45px #25352b14}.setup-preview .setup-design-result+.setup-preview-caption{max-width:32ch}.setup-brand-paper[data-type=modern] h2{font-family:var(--sans)}.setup-brand-paper[data-type=monogram] h2{letter-spacing:.08em;font-size:26px}
@media(max-width:760px){.setup-preview .setup-design-result{height:280px;max-width:280px;margin:auto}.setup-page[data-setup-step="1"] .setup-preview-caption{display:block;margin:0 0 14px}.setup-page[data-setup-step="1"] .setup-design-result+.setup-preview-caption{margin:12px auto 0}}
@media(max-width:350px){.setup-form-side{padding:24px 16px}.setup-preview{padding:14px 16px}.setup-progress{gap:10px}.setup-actions .primary{flex-basis:100%}.setup-confirmation{grid-template-columns:80px minmax(0,1fr);gap:16px 10px}.setup-preview .setup-design-result{height:170px;max-width:240px}.setup-page[data-setup-step="1"] .setup-preview{padding:12px 16px}.setup-page[data-setup-step="1"] .setup-preview-caption{font-size:12px;margin-bottom:8px}.setup-page[data-setup-step="1"] .setup-design-result+.setup-preview-caption{margin-top:8px}.setup-page[data-setup-step="1"] .setup-form-side{padding-top:18px}.setup-page[data-setup-step="1"] .setup-form-side h1{font-size:28px;margin-top:18px}.setup-page[data-setup-step="1"] .setup-intro{font-size:14px;margin-bottom:20px}}
