.customer-details-modal{max-width:560px!important;max-height:calc(100dvh - 32px);overflow-y:auto!important;border:1px solid #2dd4bf55!important;border-radius:24px!important;background:#10283f!important;box-shadow:0 28px 90px #03112199!important}
.customer-details-modal>div:first-child{padding:24px 28px;background:linear-gradient(120deg,#123551,#11535b);border-bottom:1px solid #2dd4bf33}
.customer-details-modal h3{font-size:26px;line-height:1.2}
.customer-details-modal>div:first-child p{font-size:13px;line-height:1.6;color:#c6dfe9}
.customer-details-form{padding:24px 28px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.customer-details-form>:not([hidden]){margin-top:0!important}
.customer-details-form label{display:block;font-size:12px;color:#d2e7ef;font-weight:600}
.customer-details-form>div{min-width:0}
.customer-details-form .customer-phone-control{height:48px;padding:0 12px;gap:12px;background:#091e33;border-color:#54768b;border-radius:12px}
.customer-phone-control>span:first-child{flex-shrink:0;padding-right:12px;border-right:1px solid #54768b;color:#d2e7ef;font-size:14px}
.customer-details-form .customer-phone-control input{width:0;flex:1;min-width:0;height:100%;padding:0;border:0;border-radius:0;background:transparent;font-size:16px;letter-spacing:.025em;outline:none}
.customer-details-form .customer-phone-control:focus-within{outline:2px solid #2dd4bf;outline-offset:2px}
.customer-details-form .customer-phone-control input:focus{outline:none}
.customer-phone-control:has(input[aria-invalid=true]){border-color:#f87171}
.customer-phone-control input::placeholder{color:#91adbf;font-size:14px;letter-spacing:normal}
.customer-details-form input,.customer-details-form textarea{min-width:0;font-size:15px;color:#f0fdfa}
.customer-details-form input:not([type=tel]),.customer-details-form textarea{padding:12px 14px;border-radius:12px;background:#091e33;border-color:#54768b}
.customer-details-form input:focus,.customer-details-form textarea:focus{outline:2px solid #2dd4bf;outline-offset:2px}
.customer-details-form>div:has(textarea),.customer-details-form>div:last-child{grid-column:1/-1}
.customer-details-form>div:last-child{border-top:1px solid #54768b55;padding-top:20px}
.customer-details-form button[type=submit]{background:linear-gradient(120deg,#5eead4,#2dd4bf);color:#081326;padding:14px;font-size:13px;border-radius:12px}
.customer-details-form button[type=button]{border-radius:12px;padding:14px;font-size:13px}
@media(max-width:520px){.customer-details-form{grid-template-columns:1fr;padding:20px;gap:16px}.customer-details-modal>div:first-child{padding:22px 20px}.customer-details-form>div:last-child{flex-wrap:wrap}.customer-details-form button{min-width:120px}}