/* ACCGEN Wave H4 — Desktop Profile Forms 2026. Presentation-only, H1/H2/H3/mobile frozen. */
.accgen-h4-desktop-intro{display:none}
@media(min-width:1051px){
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form){--h4-ink:#14384f;--h4-line:#d9e6ee;--h4-muted:#708698;box-sizing:border-box;min-width:0;max-width:1480px}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>.accgen-ui13-form-title{box-sizing:border-box;max-width:100%;margin:0 0 5px!important;padding:0!important;border:0!important;color:var(--h4-ink)!important;font-size:clamp(24px,2.3vw,32px)!important;font-weight:850;line-height:1.25;letter-spacing:-.034em;overflow-wrap:anywhere}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>.accgen-ui13-form-title::before{content:"HỒ SƠ KHÁCH HÀNG  /  THÔNG TIN CHI TIẾT";display:block;margin:0 0 9px;color:#098d9b;font-size:10px;font-weight:850;line-height:1.3;letter-spacing:.13em}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>.accgen-h4-desktop-intro{display:block;box-sizing:border-box;margin:0 0 19px;padding:0 0 20px;border-bottom:1px solid #dbe6ee;color:var(--h4-muted);font-size:12.5px;font-weight:450;line-height:1.6}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>.accgen-capture-actions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:9px;box-sizing:border-box;width:100%;max-width:100%;min-height:71px;margin:0 0 19px;padding:12px 15px;border:1px solid var(--h4-line);border-radius:13px;background:#fff;box-shadow:0 5px 18px rgba(17,54,83,.045)}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>.accgen-capture-actions>.accgen-capture-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 1 auto!important;min-width:156px;min-height:43px;margin:0!important;padding:9px 16px!important;border:1px solid #cfdee9;border-radius:9px;background:#f4f9fc;color:#176487;box-shadow:none;font-size:12px;font-weight:800;white-space:nowrap}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>.accgen-capture-actions>.accgen-capture-btn:hover:not(:disabled){border-color:#94ced7;background:#eaf7fa;color:#086a82}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>.accgen-capture-actions>.form-hint{flex:1 1 270px;min-width:220px;margin:0 0 0 auto;color:#72899a;font-size:11.5px;line-height:1.5}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>.alert{box-sizing:border-box;max-width:100%;margin-bottom:16px;border-radius:11px;line-height:1.5}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>form{box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:left}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>form>fieldset{box-sizing:border-box;min-width:0;margin:0 0 20px;padding:22px 23px 25px;border:1px solid var(--h4-line);border-radius:14px;background:#fff;box-shadow:0 5px 22px rgba(13,49,79,.05)}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>form>fieldset>legend{box-sizing:border-box;max-width:calc(100% - 28px);margin-left:4px;padding:5px 12px!important;border:1px solid #d4e8ee;border-radius:7px;background:#eef9fa!important;color:#0a617c!important;font-size:13px!important;font-weight:850;line-height:1.45;white-space:normal}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>form>fieldset>.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 19px;align-items:start;min-width:0}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form) form .form-group{box-sizing:border-box;min-width:0;max-width:100%;margin:0}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form) form .form-group>label{display:block;min-width:0;margin:0 0 7px;color:#4d6578;font-size:12.5px;font-weight:700;line-height:1.45}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form) form .form-group :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea){box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #d2e0ea;border-radius:9px;background:#f9fbfd;color:#193f56;font-size:13.5px;line-height:1.4;transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form) form .form-group :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea):focus{border-color:#30a6b1;background:#fff;box-shadow:0 0 0 3px rgba(31,168,175,.13);outline:none}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form) form .form-group :is(input,select,textarea):focus-visible{outline:2px solid #0f97a8;outline-offset:1px}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form) form .form-group :is(input,select,textarea):disabled{border-color:#e1e8ef;background:#f1f5f8;color:#6a8395}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form) form .form-group .form-hint{color:#72889a;font-size:11.5px;line-height:1.5}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form) form :is(.business-owner-fieldset,.company-role-fieldset) .entity-linked-summary{max-width:100%;border-radius:9px}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form) form .accgen-form-utility-btn{min-height:38px;padding:8px 12px;border-color:#cfdfea;border-radius:8px;background:#f3f9fc;color:#176b91;font-size:12px}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form) form .company-role-actions{gap:8px}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form) form .company-role-actions .btn{min-height:37px;border-radius:8px;font-size:12px}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>form>.accgen-form-footer{position:sticky;bottom:10px;z-index:20;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;box-sizing:border-box;max-width:100%;min-height:71px;margin:6px 0 16px;padding:12px 16px;border:1px solid #cfdfe9;border-radius:13px;background:rgba(255,255,255,.96);box-shadow:0 9px 30px rgba(16,58,84,.10);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>form>.accgen-form-footer>.btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:118px;min-height:44px;margin:0!important;padding:10px 18px;border-radius:9px;font-size:12.5px;font-weight:800;line-height:1.25}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>form>.accgen-form-footer>.btn-primary{min-width:154px;border:1px solid #0d759d;background:linear-gradient(105deg,#0e709b,#098b9b);color:#fff;box-shadow:0 4px 13px rgba(7,115,149,.15)}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>form>.accgen-form-footer>.btn-primary:hover:not(:disabled){background:linear-gradient(105deg,#075c84,#087784)}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>form>.accgen-form-footer>.btn-secondary{border:1px solid #d4e0e9;background:#f3f7fa;color:#426075}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>form>.accgen-form-footer>.btn:focus-visible{outline:2px solid #10a1b1;outline-offset:2px}
}
@media(min-width:1420px){#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>form>fieldset>.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px 20px}}
@media(min-width:1051px) and (max-width:1180px){#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>.accgen-capture-actions{padding:11px 12px}#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>.accgen-capture-actions>.accgen-capture-btn{min-width:140px;padding:9px 12px!important}#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>form>fieldset{padding:20px 18px 21px}}
@media(min-width:1051px) and (prefers-reduced-motion:reduce){#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form) form .form-group :is(input,select,textarea){transition:none}}

/* UI Person R4: highlight existing profile section legends on phone as on desktop; no form layout change. */
@media(max-width:767px){
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>form>fieldset>legend{
box-sizing:border-box;max-width:calc(100% - 18px);margin-left:3px;padding:5px 11px!important;
border:1px solid #c8e4ed!important;border-radius:8px!important;background:#e9f7fb!important;
color:#07587d!important;font-size:14px!important;font-weight:800!important;line-height:1.5;
white-space:normal;box-shadow:0 1px 3px rgba(8,70,98,.06)}
}