.extranet-account-overlay { position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center; padding:24px; background:rgba(8,31,45,.64); backdrop-filter:blur(3px); }
.extranet-account-dialog { display:flex; flex-direction:column; width:min(700px,100%); max-height:88vh; background:#fff; color:#263d50; border-radius:16px; box-shadow:0 25px 90px #001e3866; overflow:hidden; font:14px/1.5 Arial,sans-serif; }
.extranet-account-dialog * { box-sizing:border-box; }
.extranet-account-dialog .acct-heading { padding:24px 26px 16px; background:#f1f8fc; }
.extranet-account-dialog h3 { margin:0 0 7px; color:#163f55; font:700 22px/1.3 Arial,sans-serif; }
.extranet-account-dialog .acct-heading p { color:#587186; margin:0 0 14px; }
.extranet-account-dialog .acct-search { width:100%; border:1px solid #c9dce7; padding:11px 13px; border-radius:8px; background:#fff; color:#263d50; font:14px Arial,sans-serif; }
.extranet-account-dialog .acct-form { display:flex; flex:1; flex-direction:column; min-height:0; margin:0; }
.extranet-account-dialog .acct-list { flex:1; overflow-y:auto; min-height:0; padding:18px 26px; }
.extranet-account-dialog .acct-choice { display:flex !important; align-items:flex-start; gap:13px; padding:16px; margin:0 0 12px; border:1px solid #dbe6ee; border-radius:11px; cursor:pointer; background:#fff; font-weight:400; }
.extranet-account-dialog .acct-choice:has(input:checked) { background:#eef8fd; border-color:#08799f; box-shadow:0 0 0 1px #08799f; }
.extranet-account-dialog .acct-choice input { flex:0 0 auto; width:18px; height:18px; margin:4px 0 0; accent-color:#086b91; }
.extranet-account-dialog .acct-card { flex:1; min-width:0; }
.extranet-account-dialog .acct-title { display:block; font:700 16px/1.4 Arial,sans-serif; color:#123d53; overflow-wrap:anywhere; }
.extranet-account-dialog .acct-provider, .extranet-account-dialog .acct-person { display:block; color:#5d7182; margin:3px 0; }
.extranet-account-dialog .acct-rights { display:flex; flex-wrap:wrap; gap:6px; margin:10px 0 6px; }
.extranet-account-dialog .acct-rights span { display:inline-block; padding:3px 9px; border-radius:5px; background:#dfedf5; color:#215775; font-size:12px; font-weight:600; }
.extranet-account-dialog .acct-affaires { display:block; color:#62768b; font-size:12px; overflow-wrap:anywhere; }
.extranet-account-dialog .acct-actions { display:flex; justify-content:flex-end; gap:10px; padding:16px 26px; border-top:1px solid #dbe6ee; background:#fff; }
.extranet-account-dialog .acct-actions button { font:600 14px Arial,sans-serif; border-radius:8px; padding:11px 18px; cursor:pointer; }
.extranet-account-dialog .btn-cancel { border:1px solid #cbdce6; color:#526979; background:#fff; }
.extranet-account-dialog .btn-ok { border:1px solid #086b91; background:#086b91; color:#fff; }
.extranet-account-dialog :focus-visible { outline:2px solid #08799f; outline-offset:3px; }
.extranet-account-dialog [hidden] { display:none !important; }
.its_modal.extranet-reset-modal { display:flex; align-items:flex-start; justify-content:center; background:rgba(8,31,45,.64); padding:50px 16px; }
.extranet-reset-modal .container { width:min(720px,100%); padding:28px; margin:0; background:#fff; border-radius:16px; box-shadow:0 25px 90px #001e3866; }
.extranet-reset-modal .its_modal_close { color:#fff; }
.extranet-reset-modal .popupMainHeader { font:700 24px/1.3 Arial,sans-serif; padding:0 0 20px; margin:0; background:transparent; color:#193e54; text-transform:none; letter-spacing:normal; }
.extranet-reset-modal .reset-context { padding:18px 20px; border:1px solid #d7e7f0; border-radius:12px; background:#f1f8fc; color:#284b60; margin:0 0 20px; }
.extranet-reset-modal .reset-context dl { display:grid; grid-template-columns:110px 1fr; gap:7px 14px; margin:0; }
.extranet-reset-modal .reset-context dt { color:#667f91; font-size:13px; font-weight:400; }
.extranet-reset-modal .reset-context dd { margin:0; font-size:14px; font-weight:600; overflow-wrap:anywhere; }
.extranet-reset-modal .reset-context p { margin:14px 0 0; font-size:12px; color:#6b8192; }
.extranet-reset-modal .reset-fields { display:grid; gap:17px; padding:0 0 20px; }
.extranet-reset-modal .reset-fields label { display:block; margin:0; font:600 14px/1.5 Arial,sans-serif; color:#27465a; }
.extranet-reset-modal .reset-fields input.form-control { width:100%; height:46px; margin-top:7px; border:1px solid #bfd4e0; border-radius:8px; background:#fff; color:#243f52; font:16px Arial,sans-serif; }
.extranet-reset-modal .reset-fields small { display:block; margin-top:6px; color:#6b8192; font-weight:400; }
.extranet-reset-modal .reset-fields .reset-show-password { display:flex; align-items:center; gap:8px; font-weight:400; cursor:pointer; }
.extranet-reset-modal .modal_view_opt { position:static; display:flex; justify-content:flex-end; gap:10px; border-top:1px solid #dce8ef; background:#fff; padding:16px 0 0; }
.extranet-reset-modal .modal_view_opt .btn { border-radius:8px; font:600 14px Arial,sans-serif; padding:12px 18px; }
.extranet-reset-modal .its_modal_response { margin-bottom:12px; }
@media (max-width:600px) { .extranet-account-overlay { padding:12px; } .extranet-account-dialog { max-height:94vh; } .extranet-account-dialog .acct-heading,.extranet-account-dialog .acct-list,.extranet-account-dialog .acct-actions { padding:16px; } .extranet-reset-modal .container { padding:20px 16px; } .extranet-reset-modal .reset-context dl { grid-template-columns:1fr; gap:3px; } .extranet-reset-modal .reset-context dd { margin-bottom:8px; } .extranet-reset-modal .modal_view_opt { flex-wrap:wrap; } }