.customer-detail{max-width:720px;margin:2rem auto;padding:1rem}.customer-detail__header h1{font-size:1.75rem;margin:0 0 .5rem;line-height:1.2}.customer-detail__header p{color:#666;margin:0 0 1.5rem}.customer-detail .form-section{border:1px solid #e5e5e5;padding:1.25rem 1.5rem 1.5rem;margin:0 0 1.5rem;border-radius:8px}.customer-detail .form-section legend{padding:0 .5rem;font-weight:600;font-size:1.5rem}.customer-detail .form-field{margin-bottom:1rem}.customer-detail .form-field:last-child{margin-bottom:0}.customer-detail .form-field label:not(.pill-toggle){display:block;margin-bottom:.35rem;font-weight:500;font-size:1.25rem}.customer-detail .form-field__required{color:#c00}.customer-detail .form-field__optional{color:#888;font-weight:400;font-size:.85rem}.customer-detail .form-field input:not(.pill-toggle__input),.customer-detail .form-field select{width:100%;padding:.65rem .75rem;border:1px solid #ccc;border-radius:6px;font-size:1.25rem;font-family:inherit;background:#fff;box-sizing:border-box}.customer-detail .form-field select{cursor:pointer}.customer-detail .form-field input:not(.pill-toggle__input):disabled,.customer-detail .form-field select:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.customer-detail .form-field input:not(.pill-toggle__input):focus,.customer-detail .form-field select:focus{outline:2px solid #2563eb;outline-offset:1px;border-color:transparent}.customer-detail .form-field.is-invalid input:not(.pill-toggle__input),.customer-detail .form-field.is-invalid select{border-color:#c00}.customer-detail .form-field__hint{display:block;color:#666;font-size:1.25rem;margin-top:.25rem}.customer-detail .form-field__error{display:block;color:#c00;font-size:1.25rem;margin-top:.25rem;min-height:1.1em}.customer-detail .form-row{display:grid;gap:1rem}.customer-detail .form-row--split{grid-template-columns:1fr 1fr}@media(max-width:600px){.customer-detail .form-row--split{grid-template-columns:1fr}}.customer-detail .address-preview{background:#f0f7ff;border:1px solid #cfe2ff;padding:.875rem 1rem;border-radius:6px;margin:0 0 1.25rem}.customer-detail .address-preview__label{margin:0 0 .25rem;font-size:.85rem;font-weight:600;color:#1e40af}.customer-detail .address-preview__text{margin:0;font-size:.95rem;line-height:1.4}.customer-detail .form-errors{background:#fee2e2;color:#991b1b;padding:.75rem 1rem;border-radius:6px;margin:0 0 1rem;font-size:.9rem}.customer-detail__submit{width:100%;padding:.95rem;background:#111;color:#fff!important;border:none;border-radius:6px;font-size:1.25rem;font-weight:500;cursor:pointer;transition:background .15s ease}.customer-detail__submit:hover:not(:disabled){background:#333}.customer-detail__submit:disabled{background:#999;cursor:not-allowed}@media(max-width:480px){#MainContent h1.customer-heading{padding:0 6px!important}.customer-detail__header p{margin:0 6px 1.5rem}.customer-detail{padding:2rem;padding-top:0;margin-top:0}}.customer-detail .form-row--three{grid-template-columns:1fr 1fr 1fr}@media(max-width:600px){.customer-detail .form-row--three{grid-template-columns:1fr}}.customer-detail .input-with-toggle{display:flex;align-items:center;gap:1rem}.customer-detail .input-with-toggle>input,.customer-detail .input-with-toggle>.phone-with-code{flex:0 0 45%}@media(max-width:600px){.customer-detail .input-with-toggle{flex-wrap:wrap}.customer-detail .input-with-toggle>input,.customer-detail .input-with-toggle>.phone-with-code{flex:1 1 100%}}.customer-detail .phone-with-code{display:flex;gap:0}.customer-detail .country-select{position:relative;flex:0 0 auto}.customer-detail .country-select__trigger{display:flex;align-items:center;gap:6px;padding:.65rem .6rem;border:1px solid #ccc;border-right:none;border-radius:6px 0 0 6px;background:#fff;cursor:pointer;font-size:.95rem;font-family:inherit;white-space:nowrap;height:100%;box-sizing:border-box}.customer-detail .country-select__trigger:hover{background:#f9f9f9}.customer-detail .country-select__flag{width:24px;height:18px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 .5px #0000001a}.customer-detail .country-select__label{font-size:1.25rem}.customer-detail .country-select__arrow{font-size:1.8rem;color:#888;margin-left:2px}.customer-detail .country-select__dropdown{position:absolute;top:100%;left:0;z-index:100;width:280px;max-height:250px;overflow-y:auto;background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 4px 12px #0000001f;margin-top:2px;padding:4px 0;list-style:none}.customer-detail .country-select__option{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-size:1.25rem}.customer-detail .country-select__option:hover{background:#f0f4ff}.customer-detail .country-select__option.is-selected{background:#e8efff;font-weight:500}.customer-detail .country-select__option img{width:24px;height:18px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 .5px #0000001a}.customer-detail .phone-with-code input[type=tel]{flex:1;border-radius:0 6px 6px 0!important}.customer-detail .form-field--toggle{margin-bottom:.75rem}.customer-detail .pill-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.customer-detail .pill-toggle__input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.customer-detail .pill-toggle__track{position:relative;flex-shrink:0;width:40px;height:22px;background:transparent;border:1.5px solid #333;border-radius:11px;transition:background .25s ease,border-color .25s ease}.customer-detail .pill-toggle__thumb{position:absolute;top:3px;left:3px;width:13px;height:13px;background:#333;border-radius:50%;transition:transform .25s ease,background .25s ease}.customer-detail .pill-toggle__input:checked~.pill-toggle__track{background:#2563eb;border-color:#2563eb}.customer-detail .pill-toggle__input:checked~.pill-toggle__track .pill-toggle__thumb{background:#fff;transform:translate(18px)}.customer-detail .pill-toggle__input:focus-visible~.pill-toggle__track{outline:2px solid #2563eb;outline-offset:2px}.customer-detail .pill-toggle__text{font-weight:500;font-size:1.2rem;color:#000;text-wrap:auto}.customer-detail .pill-toggle--section .pill-toggle__text{font-size:1.25rem;font-weight:600;color:inherit}.customer-detail .form-field__note{display:block;color:#c00;font-size:.85rem;font-style:italic;margin-top:.25rem}.customer-detail .conditional-fields{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e5e5}
/*# sourceMappingURL=/cdn/shop/t/8/compiled_assets/styles.css.map */