/* Visual customer-type chooser with purpose-designed SVG badges. */
.customer-types { grid-template-columns: repeat(7, minmax(74px, 1fr)) !important; gap: 10px; }
.type-card { min-height: 105px; padding: 11px 6px 10px; border: 1px solid #e5ebf5; border-radius: 14px; background: linear-gradient(145deg,#fff,#f9fbff); box-shadow: 0 4px 12px rgba(24,48,88,.035); overflow: hidden; isolation: isolate; }
.type-card:before { content:''; position:absolute; width:76px; height:76px; border-radius:50%; right:-30px; top:-38px; opacity:.12; background:var(--type-color); z-index:-1; transition:transform .28s ease; }
.type-card .type-icon { display:grid; place-items:center; width:43px; height:43px; border-radius:14px; color:#fff; background:linear-gradient(145deg,var(--type-light),var(--type-color)); box-shadow:0 7px 13px color-mix(in srgb,var(--type-color) 30%,transparent), inset 0 1px 1px rgba(255,255,255,.35); }
.type-card .type-icon svg { width:24px; height:24px; filter:drop-shadow(0 1px 1px rgba(0,0,0,.12)); }
.type-card .type-name { font-size:11px; line-height:1.2; color:#354767; font-weight:800; }
.type-card[data-type="Individual"] { --type-color:#5367e8; --type-light:#8799ff; }.type-card[data-type="Business"] { --type-color:#0c9b8d; --type-light:#34c8b4; }.type-card[data-type="Society"] { --type-color:#d17620; --type-light:#f4ad5c; }.type-card[data-type="School"] { --type-color:#7a55da; --type-light:#a68bf6; }.type-card[data-type="Hospital"] { --type-color:#e05166; --type-light:#f58291; }.type-card[data-type="Government"] { --type-color:#3278bd; --type-light:#62a8e9; }.type-card[data-type="Home"] { --type-color:#bd6b20; --type-light:#eea451; }
.type-card:has(input:checked) { border-color:var(--type-color); background:linear-gradient(155deg,#fff,#f6f8ff); box-shadow:0 10px 22px color-mix(in srgb,var(--type-color) 18%,transparent); }
.type-card:has(input:checked):after { content:'✓'; position:absolute; top:7px; right:8px; display:grid; place-items:center; width:17px; height:17px; border-radius:50%; color:#fff; background:var(--type-color); font-size:10px; font-weight:900; }
.type-card:has(input:checked):before,.type-card:hover:before { transform:scale(1.35); }.type-card:hover { border-color:var(--type-light); transform:translateY(-3px); box-shadow:0 11px 22px rgba(29,56,101,.12); }
@media(max-width:720px){.customer-types{grid-template-columns:repeat(2,1fr)!important}.type-card{min-height:78px;grid-template-columns:45px 1fr!important;display:grid!important;justify-content:start;padding:10px 12px}.type-card .type-icon{width:39px;height:39px;border-radius:12px}.type-card .type-name{font-size:12px}}