/*
* Create-case form: icon radios (Rodzaj polisy + osoba/firma) and the customer
* search input. Verbatim mask-image / background data-URIs ported from the old CRM
* (platform .../css/case/create.css); CSS variables resolved to hex. The rest of the
* old look (white box, newhr titles, button states) is done with Tailwind in the
* template. DOM contract: label.policy-type > input#apk_type-{Value};
* label.customer_type > input#customer_type-{person|company}; input#customer_search.
*/
.policy-type {
display: flex;
justify-content: center;
align-items: center;
}
.policy-type::before {
content: "";
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
margin-right: 8px;
flex-shrink: 0;
background-color: #9F1B49;
}
.policy-type:has(input[type="radio"]:checked)::before {
background-color: #fff;
}
.policy-type:has(#apk_type-Auto)::before {
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
width: 16px;
height: 13.44px;
aspect-ratio: 16.00/13.44;
}
.policy-type:has(#apk_type-Property)::before {
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
width: 16px;
height: 16px;
}
.policy-type:has(#apk_type-Life)::before {
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
width: 16px;
height: 14px;
aspect-ratio: 8/7;
}
.policy-type:has(#apk_type-Travel)::before {
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
width: 18px;
height: 12px;
}
.policy-type:has(#apk_type-Company)::before {
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
width: 17px;
height: 14px;
}
.customer_type {
display: flex;
justify-content: center;
align-items: center;
}
.customer_type::before {
content: "";
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
margin-right: 10px;
flex-shrink: 0;
background-color: #9F1B49;
}
.customer_type-type.active::before {
background-color: #fff;
}
.customer_type:has(#customer_type-person)::before {
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
width: 26px;
height: 26px;
}
.customer_type:has(#customer_type-company)::before {
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
width: 26px;
height: 26px;
}
.cc-search-input {
text-indent: 45px;
background: url("data:image/svg+xml,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.25 10.7178C17.25 8.72865 16.4598 6.82099 15.0533 5.41447C13.6468 4.00795 11.7391 3.21777 9.75 3.21777C7.76088 3.21777 5.85322 4.00795 4.4467 5.41447C3.04018 6.82099 2.25 8.72865 2.25 10.7178C2.25 12.7069 3.04018 14.6146 4.4467 16.0211C5.85322 17.4276 7.76088 18.2178 9.75 18.2178C11.7391 18.2178 13.6468 17.4276 15.0533 16.0211C16.4598 14.6146 17.25 12.7069 17.25 10.7178ZM15.8016 18.3631C14.1422 19.6803 12.0375 20.4678 9.75 20.4678C4.36406 20.4678 0 16.1037 0 10.7178C0 5.33184 4.36406 0.967773 9.75 0.967773C15.1359 0.967773 19.5 5.33184 19.5 10.7178C19.5 13.0053 18.7125 15.11 17.3953 16.7693L23.6719 23.0459C24.1125 23.4865 24.1125 24.199 23.6719 24.635C23.2313 25.0709 22.5188 25.0756 22.0828 24.635L15.8016 18.3631Z' fill='url(%23paint0_linear_57266_7425)'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_57266_7425' x1='0' y1='12.9657' x2='24.0023' y2='12.9657' gradientUnits='userSpaceOnUse'%3e %3cstop stop-color='%239F1B49'/%3e%3cstop offset='1' stop-color='%23C51D54'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") no-repeat 10px 7px;
}
/* Rodzaj polisy: selected button is filled dark-blue, so its icon flips to white.
Customer type stays white-bg when selected (a green dot marks it) → icon keeps the maroon. */
.policy-type:has(input:checked)::before { background-color: #fff; }
/* The plane (Podróż) glyph is drawn left-of-centre in its viewBox and the box was wider
than the others — match the 16px width so it sits centred like the rest. */
.policy-type:has(#apk_type-Travel)::before { width: 16px; }
/* "Inne" select trigger when a type is chosen — filled dark-blue like the icon buttons. */
.policy-other-active { background-color: #283B75 !important; color: #fff !important; border-color: #283B75 !important; }
.policy-other-active img { filter: brightness(0) invert(1); }