/* Approved Add VAT Client design. Deliberately isolated from Edit, CT and Audit. */
body .modal .modal-card.vat-client-entry-modal.vat-client-add-modal{width:min(1440px,calc(100vw - 48px));max-width:1440px;height:min(960px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);padding:0;border:1px solid #cedcec;border-radius:12px;background:#fff;box-shadow:0 18px 64px rgba(17,40,66,.16);overflow:hidden;color:#092453}
body .modal-card.vat-client-add-modal>#modalBody{display:block;width:100%;max-width:none;height:100%;min-width:0;min-height:0;margin:0;padding:0;overflow:hidden}
body .vat-client-add-modal .client-entry-shell{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:none;height:100%;min-width:0;min-height:0;margin:0;overflow:hidden;background:#fff}
body .vat-client-add-modal .client-entry-shell>header{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-start;gap:20px;min-height:78px;margin:0;padding:12px 64px 12px 28px;border-bottom:1px solid #cfdeec;background:#fff;box-sizing:border-box}
body .vat-client-add-modal .client-entry-shell>header>div{flex:1;min-width:0;text-align:left}
body .vat-client-add-modal .client-entry-shell>header h2{margin:0;color:#071e52;font-family:inherit;font-size:29px;font-weight:800;line-height:1.2;letter-spacing:-.45px}
body .vat-client-add-modal .client-entry-shell>header p:last-child{margin:4px 0 0;color:#102e5a;font-size:13px;line-height:1.5}
body .vat-client-add-modal .client-entry-shell>header .eyebrow,body .vat-client-add-modal .client-entry-heading-actions{display:none}
.vat-client-add-modal .vat-modal-symbol{display:flex;align-items:center;flex:none;gap:0;color:#009d98}.vat-client-add-modal .vat-modal-symbol svg{width:30px;height:32px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.vat-client-add-modal .vat-modal-symbol svg+svg{width:18px;margin-left:0;align-self:flex-end}
body .vat-client-add-modal .modal-close{top:17px;right:17px;width:30px;height:30px;min-height:30px;border:0;border-radius:6px;background:#fff;color:#0c2c5d;box-shadow:none;font-size:23px}
body .vat-client-add-modal .client-entry-form{display:flex;flex:1 1 auto;flex-direction:column;align-items:stretch;width:100%;max-width:none;height:auto;min-width:0;min-height:0;margin:0;padding:0;overflow:hidden;background:#fff}
body .vat-client-add-modal .client-entry-form>.vat-client-scroll-region{display:block;flex:1 1 auto;align-self:stretch;width:100%;max-width:none;min-width:0;min-height:0;height:auto;margin:0;padding:calc(12px + .5cm) 14px 12px;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;background:#fff;container-type:normal}
body .vat-client-add-modal .client-master-form.eng-form .vat-designed-fields{display:grid;grid-template-columns:minmax(0,1fr);justify-items:stretch;align-content:start;gap:10px;width:100%;max-width:none;min-width:0;margin:0;container-type:normal}
body .vat-client-add-modal .client-master-form.eng-form .vat-designed-fields>.vat-design-section{display:block;grid-column:1/-1;width:100%;max-width:none;min-width:0;min-inline-size:0;height:auto;margin:0;padding:10px 20px 13px;box-sizing:border-box;border:1px solid #d1dfed;border-radius:10px;background:#fff;box-shadow:none;overflow:visible}
body .vat-client-add-modal .client-master-form.eng-form .vat-design-section>legend{display:flex;align-items:center;float:left;gap:16px;width:100%;max-width:100%;height:32px;margin:0 0 4px;padding:0;border:0;background:#fff;color:#082453;font-family:inherit;font-size:18px;font-weight:800;line-height:1.3;letter-spacing:-.2px;box-sizing:border-box}
body .vat-client-add-modal .client-master-form.eng-form .vat-design-section>legend::before{display:none;content:none}
body .vat-client-add-modal .client-master-form.eng-form .vat-design-section>legend+*{clear:both}
.vat-client-add-modal .vat-section-number{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;box-sizing:border-box;border:1px solid #009b95;border-radius:50%;background:#fff;color:#009b95;font-size:20px;font-weight:750;line-height:1}
body .vat-client-add-modal .vat-registration-first{display:grid;grid-template-columns:130px 85px 160px minmax(240px,1fr) 180px 110px;gap:16px;align-items:start;min-width:0;width:100%}
body .vat-client-add-modal .vat-registration-second{display:grid;grid-template-columns:150px minmax(140px,1.25fr) minmax(130px,1.1fr) 180px minmax(130px,1fr) minmax(140px,1fr);gap:16px;align-items:start;width:100%;min-width:0;margin-top:8px}
body .vat-client-add-modal .vat-contact-first{display:grid;grid-template-columns:minmax(150px,1.1fr) minmax(150px,1.1fr) 100px minmax(160px,1.2fr) minmax(150px,1fr) minmax(150px,1fr);gap:16px;align-items:start;width:100%;min-width:0}
body .vat-client-add-modal .client-master-form.eng-form .vat-designed-fields .field{display:block;min-width:0;width:100%;margin:0;padding:0;grid-column:auto}
body .vat-client-add-modal .client-master-form.eng-form .vat-designed-fields .field>label{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:20px;margin:0 0 4px;color:#092454;font-family:inherit;font-size:12px;font-weight:750;line-height:1.4;letter-spacing:0;text-transform:none}
body .vat-client-add-modal .client-master-form.eng-form .vat-designed-fields .field>label .optional{display:none}
body .vat-client-add-modal .client-master-form.eng-form .vat-designed-fields .field>label .required{font-size:0;line-height:1;color:#d91927;letter-spacing:0}.vat-client-add-modal .client-master-form.eng-form .vat-designed-fields .field>label .required::after{content:'*';font-size:14px}
body .vat-client-add-modal .client-master-form.eng-form .vat-designed-fields input:not([type=checkbox]),body .vat-client-add-modal .client-master-form.eng-form .vat-designed-fields select,body .vat-client-add-modal .client-master-form.eng-form .vat-designed-fields textarea{width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin:0;border:1px solid #c1d3e7!important;border-radius:6px!important;background:#fff!important;color:#0b2c5b;font-family:inherit;font-size:14px;font-weight:450;box-shadow:none!important}
body .vat-client-add-modal .client-master-form.eng-form .vat-designed-fields input:not([type=checkbox]),body .vat-client-add-modal .client-master-form.eng-form .vat-designed-fields select{height:42px;min-height:42px;padding:8px 12px}
body .vat-client-add-modal .vat-registration-first>.field{min-height:85px}
body .vat-client-add-modal .client-number-hint{position:static;min-height:16px;margin:3px 0 0;color:#d71920;font-size:11px;font-weight:450;line-height:16px}
body .vat-client-add-modal .client-master-form.eng-form .vat-designed-fields input:focus,body .vat-client-add-modal .client-master-form.eng-form .vat-designed-fields select:focus,body .vat-client-add-modal .client-master-form.eng-form .vat-designed-fields textarea:focus{border-color:#009b95!important;outline:2px solid rgba(0,155,149,.16);outline-offset:1px}
body .vat-client-add-modal .client-password-input{display:flex;align-items:center;width:100%;min-width:0;height:42px}.vat-client-add-modal .client-password-input button{right:3px;width:34px;height:34px;min-width:34px;min-height:34px;background:#fff;color:#092b62}.vat-client-add-modal .client-password-input input{padding-right:40px!important}
body .vat-client-add-modal .vat-language-row{width:100%;min-width:0;margin-top:9px}
body .vat-client-add-modal .vat-language-row .optional,body .vat-client-add-modal .client-master-form.eng-form .vat-design-section:has(textarea[name="remarks"]) .optional{display:inline;font-size:10px;color:#7a8fac;letter-spacing:.25px;text-transform:uppercase}
body .vat-client-add-modal .client-master-form.eng-form .vat-designed-fields .client-language-multi{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;min-width:0;padding:0;border:0;border-radius:0;background:#fff;box-shadow:none;box-sizing:border-box}
body .vat-client-add-modal .client-master-form.eng-form .vat-designed-fields .client-language-multi .check{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex:none;min-width:110px;min-height:44px;box-sizing:border-box;margin:0;padding:7px 12px;border:1px solid #d0dfed;border-radius:6px;background:#fff;color:#132e5c;font-size:13px;font-weight:450;line-height:1.4;white-space:nowrap;cursor:pointer}
body .vat-client-add-modal .client-master-form.eng-form .vat-designed-fields input[type=checkbox]{position:static;appearance:auto;display:inline-block;flex:none;width:17px;height:17px;min-width:17px;min-height:17px;margin:0;padding:0;accent-color:#009c96;opacity:1}
body .vat-client-add-modal .client-master-form.eng-form .vat-designed-fields .client-field-note{display:block;min-height:0;margin:3px 0 0;color:#728aae;font-size:11px;line-height:1.35}.vat-client-add-modal [hidden]{display:none!important}
body .vat-client-add-modal .client-master-form.eng-form .vat-design-section:nth-of-type(3)>.field{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:3px 16px}
body .vat-client-add-modal .client-master-form.eng-form .vat-design-section:nth-of-type(3) .client-field-note{grid-column:1/-1}
body .vat-client-add-modal .client-master-form.eng-form .vat-design-section:has(textarea[name="remarks"])>.field{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:start;gap:16px}
body .vat-client-add-modal .client-master-form.eng-form .vat-designed-fields textarea{height:42px;min-height:42px;max-height:150px;padding:9px 12px;resize:vertical}
body .vat-client-add-modal .client-identity-picker{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:center;justify-items:start;gap:4px 16px;width:100%;max-width:none;min-width:0;margin:0 0 10px;padding:10px 20px 12px;box-sizing:border-box;border:1px solid #d1dfed;border-radius:10px;background:#fff;overflow:visible}
.vat-client-add-modal .vat-selection-heading{display:flex;align-items:center;gap:16px;margin:0;color:#082453;font-size:18px;font-weight:800;line-height:1.3;white-space:nowrap}
body .vat-client-add-modal .client-identity-mode{display:inline-flex;align-items:stretch;gap:0;min-height:44px;padding:2px;border:1px solid #c6d8e8;border-radius:10px;background:#fff;box-sizing:border-box}
body .vat-client-add-modal .client-identity-mode>label{display:flex;align-items:center;gap:8px;min-height:38px;margin:0;padding:7px 12px;border:1px solid transparent;border-radius:8px;background:#fff;color:#12365e;font-size:12px;font-weight:750;line-height:1.4;white-space:nowrap;cursor:pointer}
body .vat-client-add-modal .client-identity-mode>label:has(input:checked){border-color:#c3e7e3;background:#eaf8f6;color:#073850}
body .vat-client-add-modal .client-identity-mode>label:first-child>span::before{content:'+ ';font-size:15px}
body .vat-client-add-modal .client-identity-mode input[type=radio]{position:static;appearance:auto;flex:none;width:18px;height:18px;min-width:18px;min-height:18px;margin:0;padding:0;accent-color:#009e97;opacity:1}
body .vat-client-add-modal .client-identity-mode>label:has(input:focus-visible){outline:2px solid #009e97;outline-offset:2px}
body .vat-client-add-modal .client-identity-picker>[data-existing-controls]{grid-column:1/-1;width:100%;min-width:0;max-width:none;margin:0;padding:0;border:0;background:#fff;box-sizing:border-box}
body .vat-client-add-modal [data-existing-controls]>label{display:block;margin:0 0 7px;color:#092454;font-size:12px;font-weight:750}
body .vat-client-add-modal .client-identity-search-control{width:100%;min-width:0}
body .vat-client-add-modal [data-identity-search]{display:block;width:100%;height:42px;box-sizing:border-box;padding:8px 12px;border:1px solid #c1d3e7;border-radius:6px;background:#fff;color:#102f5c;font-family:inherit;font-size:13px}
body .vat-client-add-modal [data-identity-selection]{margin:4px 0 0;color:#728aae;font-size:11px;line-height:1.35}
body .vat-client-add-modal [data-identity-results]{display:flex;flex-direction:column;gap:4px;width:100%;min-width:0;max-height:none;margin-top:4px;overflow:visible}
body .vat-client-add-modal [data-identity-results] button{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left}
body .vat-client-add-modal .client-form-footer.form-actions{display:flex!important;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:10px;width:100%;min-height:56px;margin:0;padding:8px 16px;border-top:1px solid #cfdeec;background:#fff;box-shadow:none;box-sizing:border-box}
body .vat-client-add-modal .client-form-footer button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:108px;min-height:38px;height:38px;margin:0;padding:8px 16px;border:1px solid #bacfe5;border-radius:6px;background:#fff;color:#08275b;font-family:inherit;font-size:12px;font-weight:750;box-shadow:none}
body .vat-client-add-modal .client-form-footer .primary{min-width:175px;border-color:#009c96;background:#009c96;color:#fff}.vat-client-add-modal .client-form-footer .primary::before{content:'+';font-size:22px;font-weight:400;line-height:1}
body .vat-client-add-modal .client-form-footer button::after{display:none}.vat-client-add-modal .client-form-footer button:focus-visible{outline:2px solid #008e88;outline-offset:2px}
@media(max-width:1199px){body .vat-client-add-modal .vat-registration-first,body .vat-client-add-modal .vat-registration-second,body .vat-client-add-modal .vat-contact-first{grid-template-columns:repeat(3,minmax(0,1fr))}body .vat-client-add-modal .vat-registration-second{margin-top:8px}}
@media(max-width:760px){body .modal .modal-card.vat-client-entry-modal.vat-client-add-modal{width:calc(100vw - 24px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}body .vat-client-add-modal .client-identity-picker{grid-template-columns:1fr;gap:9px;padding:12px}body .vat-client-add-modal .client-entry-shell>header{min-height:74px;padding:12px 48px 12px 16px;gap:12px}body .vat-client-add-modal .client-entry-shell>header h2{font-size:23px}body .vat-client-add-modal .client-entry-shell>header p:last-child{font-size:11px}body .vat-client-add-modal .client-entry-form>.vat-client-scroll-region{padding:calc(10px + .5cm) 8px 10px}body .vat-client-add-modal .client-master-form.eng-form .vat-designed-fields>.vat-design-section{padding:10px 12px 12px}body .vat-client-add-modal .client-master-form.eng-form .vat-design-section>legend,.vat-client-add-modal .vat-selection-heading{font-size:16px;gap:10px}body .vat-client-add-modal .vat-registration-first,body .vat-client-add-modal .vat-registration-second,body .vat-client-add-modal .vat-contact-first{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body .vat-client-add-modal .client-master-form.eng-form .vat-design-section:nth-of-type(3)>.field,body .vat-client-add-modal .client-master-form.eng-form .vat-design-section:has(textarea[name="remarks"])>.field{display:block}body .vat-client-add-modal .client-form-footer.form-actions{padding:8px 10px}.vat-client-add-modal .vat-modal-symbol svg{width:25px;height:28px}}
@media(max-width:520px){body .vat-client-add-modal .vat-registration-first,body .vat-client-add-modal .vat-registration-second,body .vat-client-add-modal .vat-contact-first{grid-template-columns:minmax(0,1fr)}body .vat-client-add-modal .client-form-footer button{min-width:85px;padding:8px 12px}body .vat-client-add-modal .client-form-footer .primary{min-width:160px}.vat-client-add-modal .vat-modal-symbol{display:none}.vat-client-add-modal .vat-section-number{width:28px;height:28px;font-size:18px}}


body .vat-client-add-modal .client-identity-search-control{position:relative}body .vat-client-add-modal .vat-lookup-icon{position:absolute;left:14px;top:12px;width:20px;height:20px;pointer-events:none;color:#143b60}body .vat-client-add-modal .vat-lookup-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}body .vat-client-add-modal [data-identity-search]{padding-left:48px;padding-right:35px}body .vat-client-add-modal .client-identity-search-control::after{content:"";position:absolute;right:17px;top:16px;width:7px;height:7px;border-right:2px solid #143b60;border-bottom:2px solid #143b60;rotate:45deg;pointer-events:none}

/* Compact headings and requested section separation. */
body .vat-client-add-modal .vat-selection-heading,body .vat-client-add-modal .client-master-form.eng-form .vat-design-section:not(:first-child)>legend{font-size:15px;font-weight:750}
body .vat-client-add-modal .vat-designed-fields{gap:.5cm}body .vat-client-add-modal .client-identity-picker{margin-bottom:.5cm}
body .vat-client-add-modal .client-entry-shell>header{padding-top:22px;padding-bottom:16px;min-height:92px}
/* 694px is the four fixed fields plus four 16px gaps in this row. */
@media(min-width:1200px){body .vat-client-add-modal .vat-registration-second{grid-template-columns:150px minmax(140px,calc((100% - 694px) / 3)) 180px 180px 120px}body .vat-client-add-modal .vat-contact-first{grid-template-columns:180px 135px 135px 110px 140px minmax(120px,1fr) minmax(120px,1fr)}}
body .vat-client-add-modal .vat-trn-error{display:block;margin-top:4px;color:#b91c1c;font-size:12px;line-height:1.35}

body .vat-client-add-modal input[name="fee"]{appearance:textfield;-moz-appearance:textfield}body .vat-client-add-modal input[name="fee"]::-webkit-inner-spin-button,body .vat-client-add-modal input[name="fee"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

/* Optional filing engagement follows Remarks within the existing scroll region. */
body .vat-client-add-modal .vat-filing-engagement-section .client-tracker-toggle{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid #a9d9d3;border-radius:8px;background:#fff;cursor:pointer}
body .vat-client-add-modal .vat-filing-engagement-section .client-tracker-toggle span{display:grid;gap:4px;min-width:0}
body .vat-client-add-modal .vat-filing-engagement-section .client-tracker-toggle b{color:#123d52;font-size:13px}
body .vat-client-add-modal .vat-filing-engagement-section .client-tracker-toggle small,body .vat-client-add-modal .vat-filing-engagement-section .client-tracker-note{font-size:12px;line-height:1.4;color:#527080}
body .vat-client-add-modal .vat-filing-engagement-section .client-tracker-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 16px;min-width:0}
@media(max-width:1000px){body .vat-client-add-modal .vat-filing-engagement-section .client-tracker-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){body .vat-client-add-modal .vat-filing-engagement-section .client-tracker-fields{grid-template-columns:minmax(0,1fr)}}