.suite-notice{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;margin:0 0 20px;border:1px solid #cde7f7;border-radius:16px;background:#f2faff;color:#38576c;line-height:1.55}.suite-notice svg{flex:0 0 auto;color:#087aba}.suite-feature-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:24px}.suite-feature-strip span{min-height:58px;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #dce5e9;border-radius:14px;background:#fff;color:#435365;font-size:12px;line-height:1.3}.suite-feature-strip b{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:50%;background:#e6f5fd;color:#087aba;font-size:11px}.suite-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px}.suite-grid>.account-card{margin:0}.suite-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.suite-form label,.field-label{display:grid;gap:7px;color:#354759;font-size:12px;font-weight:700}.suite-form .full{grid-column:1/-1}.suite-form input,.suite-form textarea,.suite-form select,.suite-inline-form input,.suite-inline-form select{width:100%;box-sizing:border-box;border:1px solid #cbdbe5;border-radius:13px;background:#fff;color:#253848;font:inherit;padding:12px 13px;outline:0}.suite-form textarea{resize:vertical}.suite-form input:focus,.suite-form textarea:focus,.suite-form select:focus,.suite-inline-form input:focus,.suite-inline-form select:focus{border-color:#087aba;box-shadow:0 0 0 3px #118fd319}.suite-days{display:flex;flex-wrap:wrap;gap:7px}.suite-days label{display:block}.suite-days input{position:absolute;opacity:0;pointer-events:none}.suite-days span{display:grid;place-items:center;min-width:38px;padding:9px;border:1px solid #cbdbe5;border-radius:12px;background:#fff;font-size:11px}.suite-days input:checked+span{border-color:#087aba;background:#eaf7fe;color:#0879b9}.suite-meter{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;margin-bottom:23px}.suite-meter div{display:grid}.suite-meter strong{font-size:31px;color:#087aba}.suite-meter span{font-size:11px;color:#698093}.suite-meter progress,.suite-progress progress{width:100%;height:10px;accent-color:#087aba}.suite-profile-preview{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#f3fbff,#fff)}.suite-preview-label{font-size:10px;letter-spacing:1.4px;color:#7891a3}.suite-avatar{display:grid;place-items:center;width:96px;height:96px;border:7px solid #fff;border-radius:50%;margin:20px 0 11px;color:#fff;font-size:28px;font-weight:800;box-shadow:0 8px 30px #183d5c1a}.suite-profile-preview h2{margin:0 0 6px;font-size:24px}.suite-profile-preview>strong{color:#087aba}.suite-profile-preview>p{max-width:480px;line-height:1.7;color:#5c7181}.suite-profile-preview>small{color:#7c909e}.suite-profile-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:7px 0 18px}.suite-profile-badges span{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:20px;background:#edf6fb;font-size:11px}.suite-profile-badges svg{width:14px}.suite-readiness>div{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #dce5e9}.suite-readiness>div:last-child{border-bottom:0}.suite-readiness>div>svg{color:#087aba}.suite-readiness>div>span{display:grid;gap:4px;flex:1}.suite-readiness small,.suite-list small{color:#758a99}.suite-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.suite-metrics>div{padding:17px 10px;border-radius:14px;background:#f3f8fb;text-align:center}.suite-metrics strong{display:block;font-size:27px;color:#193b52}.suite-metrics span{font-size:10px;color:#6c8190}.suite-inline-form{display:flex;align-items:center;gap:9px}.suite-inline-form input{flex:1}.suite-list{display:grid;margin-top:13px}.suite-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #dce5e9}.suite-list>div.selected{background:#eff9ff;border-radius:12px;padding-inline:10px}.suite-list>div>span:first-child{display:flex;align-items:center;gap:10px;min-width:0}.suite-list>div>span span{display:grid;min-width:0}.suite-list>div svg{color:#087aba;flex-shrink:0}.suite-list p{color:#778b99}.suite-row-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.text-button.danger{color:#ad4a4a}.suite-checklist{display:grid;gap:8px}.suite-checklist label{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #dce5e9;border-radius:13px}.suite-checklist label:has(input:checked){border-color:#9dd8f6;background:#eff9ff}.suite-checklist input{accent-color:#087aba}.suite-checklist svg{width:17px;color:#087aba}.suite-progress{display:flex;align-items:center;gap:12px;margin-top:17px}.suite-progress span{font-weight:800;color:#087aba}.suite-compare>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.suite-compare article{padding:18px;border:1px solid #dce5e9;border-radius:16px}.suite-compare article.selected{border:2px solid #087aba;background:#f1faff}.suite-compare article svg{color:#087aba}.suite-compare h3{margin:10px 0 5px}.suite-compare p{font-size:11px;color:#687e8e;line-height:1.55}.suite-receipt{background:linear-gradient(145deg,#142f43,#1f506e);color:#fff}.suite-receipt>span{font-size:10px;letter-spacing:1.2px;color:#8fd4f6}.suite-receipt>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #ffffff22}.suite-receipt .suite-total{margin-top:8px;padding:18px 0;border-block:2px solid #ffffff55;font-size:18px}.suite-receipt blockquote{margin:18px 0;padding:13px;border-radius:12px;background:#ffffff12;color:#e5f4fb}.suite-receipt .button{margin-top:16px}.suite-receipt>small{display:block;margin-top:12px;color:#c5deea;line-height:1.55}.suite-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.suite-section-head h2,.suite-section-head p{margin:0}.suite-section-head p{color:#668092}.suite-catalog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.suite-catalog-list>label{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #dce5e9;border-radius:14px;cursor:pointer}.suite-catalog-list>label:has(input:checked){border-color:#087aba;background:#eff9ff}.suite-catalog-list input{accent-color:#087aba}.suite-catalog-list span{display:grid}.suite-catalog-list small{color:#738897}.suite-catalog-list .account-empty{grid-column:1/-1}.suite-templates{grid-column:1/-1}
@media(max-width:900px){.suite-feature-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.suite-feature-strip span:last-child{grid-column:1/-1}.suite-grid{grid-template-columns:1fr}.suite-compare>div{grid-template-columns:repeat(2,1fr)}.suite-templates{grid-column:auto}}
@media(max-width:600px){.suite-feature-strip{display:flex;overflow-x:auto;padding-bottom:5px;scroll-snap-type:x mandatory}.suite-feature-strip span{min-width:180px;scroll-snap-align:start}.suite-form{grid-template-columns:1fr}.suite-form .full{grid-column:auto}.suite-metrics{grid-template-columns:1fr}.suite-inline-form,.suite-section-head{align-items:stretch;flex-direction:column}.suite-compare>div,.suite-catalog-list{grid-template-columns:1fr}.suite-list>div{align-items:flex-start;flex-direction:column}.suite-row-actions{align-self:flex-end}.suite-meter{grid-template-columns:1fr}.suite-title .badge{align-self:flex-start}}
