#problemRequestModal{z-index:100100!important}#problemRequestModal .modal-dialog{width:calc(100% - 24px)!important;max-width:460px!important;margin-left:auto!important;margin-right:auto!important}#problemRequestModal .problem-card{border:0;border-radius:22px;box-shadow:0 24px 80px #14254340;overflow:hidden;color:#172541}#problemRequestModal .modal-header{border:0;padding:24px 22px 12px;align-items:flex-start}#problemRequestModal .modal-body{padding:12px 22px 24px}.problem-heading{display:flex;gap:12px;align-items:center}.problem-heading h4{font-size:20px;font-weight:800;margin:0 0 5px}.problem-heading p{font-size:12px;line-height:1.5;color:#64748b;margin:0}.problem-icon{flex:0 0 46px;height:46px;border-radius:50%;background:#e9f0ff;color:#1768fa;display:grid;place-items:center;font-size:22px}.problem-quote{background:#edf3ff;border-radius:12px;padding:14px;display:flex;gap:12px;align-items:center;font-size:13px;overflow-wrap:anywhere}.problem-quote span{flex:1}.problem-quote button,.problem-link{border:0;background:none;color:#1768fa;font-size:12px;padding:5px;white-space:nowrap}.problem-label{font-size:12px;font-weight:700;margin:20px 0 9px}.problem-chips{display:flex;flex-wrap:wrap;gap:7px}.problem-chip{background:#e7f7ee;border-radius:10px;padding:9px;font-size:12px;display:flex;align-items:center;gap:7px}.problem-chip i{color:#159c5a}.problem-chip.pending{background:#fff5df}.problem-location{font-size:12px;color:#64748b;display:flex;justify-content:space-between;gap:10px;margin:15px 0 8px}#problemRequestModal label{font-size:12px;font-weight:600;display:block;margin-bottom:5px}#problemRequestModal select{font-size:13px;min-height:42px}.problem-phone{border-top:1px solid #e6ebf2;margin-top:20px;padding-top:17px}.problem-phone input{min-height:50px;border-radius:10px;font-size:17px}.problem-phone small{color:#64748b;font-size:11px}#problemRequestModal .problem-consent{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.55;margin:18px 0;font-weight:400}.problem-consent input{margin-top:3px;accent-color:#1768fa;flex-shrink:0}.problem-consent small{display:block;color:#64748b}#problemSubmit{color:#fff;min-height:48px;border-radius:11px;background:#1768fa;border-color:#1768fa;font-weight:700}.problem-benefits{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#52637c;background:#f6f8fc;border-radius:10px;padding:13px 8px;margin-top:17px}.problem-benefits i{color:#1768fa}#problemRequestModal [hidden]{display:none!important}@media(max-width:575px){#problemRequestModal .modal-dialog{margin:10px}#problemRequestModal .modal-header{padding:20px 16px 10px}#problemRequestModal .modal-body{padding:10px 16px 20px}.problem-heading h4{font-size:18px}.problem-chips{gap:5px}}

#problemSearchInput{padding-right:100px}#problemClear{position:absolute;right:54px;top:50%;transform:translateY(-50%);z-index:1004;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#6c757d;font-size:26px;line-height:1;cursor:pointer}#problemClear[hidden]{display:none!important}#problemClear:hover{background:#edf3ff;color:#1768fa}#problemClear:focus-visible{outline:2px solid #1768fa;outline-offset:-2px}@media(max-width:768px){#problemSearchInput{padding-right:92px}#problemClear{right:48px}}
#problemBrandRow,#problemBrandRow .select2-container{width:100%!important}#problemRequestModal .select2-container .select2-selection--single{height:42px;border:1px solid #ced4da;border-radius:.25rem}#problemRequestModal .select2-container .select2-selection--single .select2-selection__rendered{line-height:40px;padding-left:12px}#problemRequestModal .select2-container .select2-selection--single .select2-selection__arrow{height:40px}#problemRequestModal .select2-search__field{min-height:38px;border-radius:5px}

#problemRequestModal .problem-card{transition:border-radius .38s ease,box-shadow .38s ease}#problemRequestModal.problem-success-state .problem-card{border-radius:18px}#problemRequestModal.problem-success-state .modal-header{padding-bottom:6px}#problemRequestModal.problem-success-state .modal-body{padding-top:6px}#problemRequestModal.problem-success-state #problemSuccess{margin-bottom:0;animation:problem-success-message .42s ease both}.problem-location.is-warning{display:grid;grid-template-columns:minmax(0,1fr);gap:3px;color:#8a5a00;background:#fff4d6;border:1px solid #ffd879;border-radius:9px;padding:9px 10px}.problem-location.is-warning #problemLocation{line-height:1.45;min-width:0}.problem-location.is-warning .problem-link{position:static;float:none;color:#8a5a00;font-weight:700;justify-self:end;margin:0;padding:2px 0}@keyframes problem-success-message{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){#problemRequestModal .problem-card,#problemRequestModal.problem-success-state #problemSuccess{transition:none!important;animation:none!important}}

#problemRequestModal.problem-success-state .modal-dialog{align-items:flex-start!important;box-sizing:border-box}#problemRequestModal .problem-heading{align-items:flex-start}
#problemDeviceRow,#problemDeviceRow .select2-container{width:100%!important}
#problemRequestModal .modal-header{position:relative;padding-right:48px}
#problemRequestModal .problem-heading{flex:1 1 auto;min-width:0;width:auto;max-width:none}
#problemRequestModal .problem-heading>div{flex:1 1 auto;min-width:0;width:auto;max-width:none}
#problemRequestModal #problemTitle{white-space:nowrap;font-size:20px;line-height:1.3}
#problemRequestModal .modal-header>.btn-close{position:absolute;right:18px;top:22px;margin:0}
@media(max-width:575px){#problemRequestModal #problemTitle{font-size:clamp(14px,4.3vw,18px)}#problemRequestModal .problem-heading{gap:8px}#problemRequestModal .problem-icon{flex-basis:36px;height:36px;font-size:18px}#problemRequestModal .modal-header{padding-right:40px}#problemRequestModal .modal-header>.btn-close{right:12px;top:20px}}
/* Compact service request layout */
#problemRequestModal .modal-header{padding-top:18px;padding-bottom:8px}
#problemRequestModal .modal-body{padding-top:8px;padding-bottom:14px}
#problemRequestModal .problem-label{margin:12px 0 6px}
#problemRequestModal .problem-chip{padding:6px 8px}
#problemRequestModal .problem-location{margin:10px 0 6px}
#problemRequestModal .problem-phone{margin-top:12px;padding-top:12px}
#problemRequestModal .problem-phone input{min-height:42px;font-size:16px}
#problemDescription{min-height:64px;max-height:140px;resize:vertical}
#problemRequestModal .problem-account{margin:12px 0 8px;border:1px solid #cbdcf5;border-radius:10px;background:#f8faff;min-width:0}
#problemRequestModal .problem-account summary{padding:12px;cursor:pointer;font-size:13px;font-weight:700;color:#17365d}
#problemRequestModal .problem-account summary span{font-weight:400;font-size:12px}
#problemRequestModal .problem-account summary:focus-visible{outline:2px solid #1768fa;outline-offset:2px;border-radius:10px}
#problemRequestModal .problem-account-content{padding:0 12px 12px}
#problemRequestModal .problem-submit-bar{position:sticky;bottom:-14px;padding:8px 0;background:#fff;z-index:2}
#problemRequestModal .problem-benefits{margin-top:4px;padding:8px;font-size:10px}
#problemRequestModal .problem-account summary{display:flex;align-items:center;gap:10px;list-style:none;padding:13px 12px;border-radius:10px;background:#edf4ff;color:#1259c3;transition:background .15s ease,box-shadow .15s ease}
#problemRequestModal .problem-account summary::-webkit-details-marker{display:none}
#problemRequestModal .problem-account summary:hover{background:#deebff;box-shadow:inset 0 0 0 1px #92b9f2}
#problemRequestModal .problem-account summary .problem-account-icon{font-size:24px;flex-shrink:0}
#problemRequestModal .problem-account summary .problem-account-label{flex:1;min-width:0;font-size:13px;font-weight:700}
#problemRequestModal .problem-account summary small{display:block;font-size:10px;line-height:1.5;font-weight:400;color:#506887;margin-top:3px}
#problemRequestModal .problem-account summary .problem-account-toggle{font-size:12px;font-weight:700;white-space:nowrap;border:1px solid #b7cff3;background:#fff;border-radius:6px;padding:5px 8px}
#problemRequestModal .problem-account-close{display:none}
#problemRequestModal .problem-account[open] .problem-account-open{display:none}
#problemRequestModal .problem-account[open] .problem-account-close{display:inline}
#problemRequestModal .problem-account[open] summary{margin-bottom:12px;border-radius:10px 10px 0 0}
