/* SAMIA V14.17 — polished collection-first UX */
.flow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:18px 0 4px;margin-top:2px}
.flow-steps a{display:flex;align-items:center;gap:10px;background:linear-gradient(140deg,#f4faff,#fff);border:1px solid #d5e5f1;border-radius:9px;padding:11px 13px;min-width:0;color:#285779;font-size:12px;font-weight:750}
.flow-steps a:hover{background:#eaf5ff;border-color:#8dc5ea}
.flow-steps b{display:grid;place-items:center;border-radius:7px;background:#dcefff;color:#0864a7;font-size:11px;min-width:27px;height:27px}
.brand-scope{border:0;padding:0;margin:18px 0 0}.brand-scope legend{font-size:13px;color:#103858;font-weight:800;padding:0 0 12px}
.brand-scope-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.scope-card{position:relative;min-height:110px;display:flex;flex-direction:column;gap:7px;align-items:flex-start;border:1px solid #cbdeeb;border-radius:11px;padding:12px 11px 10px;background:linear-gradient(145deg,#fff,#f6faff);cursor:pointer;overflow:hidden}
.scope-card:has(input:checked){border-color:#0977c5;background:#eaf5ff;box-shadow:0 0 0 1px #0977c5}.scope-card input{position:absolute;right:11px;top:11px;accent-color:#0877c1;width:16px;height:16px}.scope-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#e0f0fe;color:#086fb3;font-size:21px}.scope-card strong{font-size:12px;line-height:1.3;color:#0a3458}.scope-card small{font-size:10px;color:#5a7590;line-height:1.45}
.scope-explain{min-height:22px;margin:9px 0 0;color:#527994;line-height:1.5;font-size:11px}
.brand-goal{display:flex;flex-direction:column;gap:6px;margin-top:13px;color:#214c70;font-size:12px;font-weight:750}.brand-goal textarea{resize:vertical;min-height:63px;width:100%;border:1px solid #c5d9ea;background:#fff;color:#082f55;border-radius:8px;padding:11px;font:400 12px/1.4 'Segoe UI',Arial,sans-serif}.brand-goal small{font-size:10px;color:#788fa5;line-height:1.4;font-weight:400}
.collection-insight{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.collection-insight>div{display:flex;flex-direction:column;border:1px solid #dce9f3;background:#fff;border-radius:10px;gap:4px;padding:11px 14px;min-width:0}.collection-insight small{font-size:9px;color:#7990a4;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.collection-insight strong{font-size:12px;color:#0b375d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.collection-ctas button:nth-child(4){background:#063b69;color:white;border-color:#063b69}
@media(max-width:1100px){.brand-scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-steps a{font-size:11px;padding:9px 7px;gap:5px}}
@media(max-width:700px){.flow-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.flow-steps a{font-size:10px;padding:8px}.brand-scope-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.scope-card{min-height:122px;padding:9px}.scope-card strong{font-size:11px}.scope-card small{font-size:9px}.collection-insight{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.collection-insight>div{padding:9px}.collection-ctas{display:grid;grid-template-columns:1fr 1fr}.collection-ctas button{font-size:10px!important;padding:10px 4px!important}.collection-ctas button:nth-child(4){grid-column:1/-1}}
.brand-inline-upload{display:flex;align-items:center;gap:12px;cursor:pointer;margin-top:11px;padding:12px 14px;border:1px dashed #9ec5e3;background:#f4faff;border-radius:10px;color:#0c426f}.brand-inline-upload:hover{border-color:#0b79be;background:#eaf6ff}.brand-inline-upload-icon{font-size:24px;color:#147ec7}.brand-inline-upload>span:nth-child(2){flex:1;display:grid;gap:3px}.brand-inline-upload strong{font-size:12px}.brand-inline-upload small{font-size:10px;color:#5d7d95}
