/* OrtaLegal · Barra superior global, centro de pendientes y perfil */

body.ol-logged .ol-global-topbar{
    display:grid;
    grid-template-columns:var(--ol-fixed-sidebar-width,292px) minmax(0,1fr) auto;
    gap:0;
    align-items:center;
    min-height:78px;
    padding:0 24px 0 0!important;
}

body.ol-logged .ol-global-topbar .brand{
    width:auto!important;
    flex:none!important;
    min-width:0;
    padding:0 28px;
}

.ol-topbar-navigation{
    min-width:0;
    height:100%;
    display:flex;
    align-items:center;
    gap:13px;
    padding:0 22px;
}

.ol-home-link,
.ol-topbar-icon-button{
    width:42px;
    height:42px;
    flex:0 0 42px;
    border:1px solid rgba(11,40,69,.11);
    border-radius:999px;
    background:rgba(255,255,255,.74);
    color:#5d6874;
    display:grid;
    place-items:center;
    cursor:pointer;
    text-decoration:none;
    box-shadow:0 8px 24px rgba(11,40,69,.045);
    transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease;
}

.ol-home-link:hover,
.ol-topbar-icon-button:hover,
.ol-topbar-icon-button[aria-expanded="true"]{
    color:#0b2845;
    border-color:rgba(189,146,80,.42);
    background:#fffaf2;
    box-shadow:0 12px 28px rgba(11,40,69,.08);
    transform:translateY(-1px);
}

.ol-home-link svg,
.ol-topbar-icon-button svg,
.ol-user-trigger svg,
.ol-user-menu-action svg,
.ol-profile-close svg,
.ol-profile-section-icon svg,
.ol-notification-group-icon svg{
    width:20px;
    height:20px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.ol-breadcrumbs{
    min-width:0;
    display:flex;
    align-items:center;
    gap:10px;
    overflow-x:auto;
    scrollbar-width:none;
    white-space:nowrap;
    font-size:.84rem;
}
.ol-breadcrumbs::-webkit-scrollbar{display:none}
.ol-breadcrumbs a,
.ol-breadcrumbs strong{
    color:#566476;
    text-decoration:none;
    font-weight:760;
}
.ol-breadcrumbs a:hover{color:#9a650f}
.ol-breadcrumbs strong{color:#a66c12;font-weight:900}
.ol-breadcrumb-separator{color:#a7b0ba;font-size:1.15rem;line-height:1}

.ol-topbar-actions{
    gap:9px!important;
    padding-left:12px;
}

.ol-topbar-menu-wrap{position:relative;display:flex;align-items:center}
.ol-topbar-notification-badge{
    position:absolute;
    top:-4px;
    right:-4px;
    min-width:20px;
    height:20px;
    padding:0 5px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#bd842b;
    color:#fff;
    border:2px solid #fff;
    font-size:.62rem;
    line-height:1;
    font-weight:950;
    box-shadow:0 4px 12px rgba(139,88,14,.25);
}

.ol-user-trigger{
    min-height:48px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    padding:4px 9px 4px 5px;
    border:1px solid transparent;
    border-radius:999px;
    background:transparent;
    color:#0b2845;
    cursor:pointer;
    transition:background .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.ol-user-trigger:hover,
.ol-user-trigger[aria-expanded="true"]{
    background:rgba(255,255,255,.72);
    border-color:rgba(11,40,69,.1);
    box-shadow:0 10px 28px rgba(11,40,69,.06);
}
.ol-user-avatar{
    width:40px;
    height:40px;
    border-radius:999px;
    display:grid;
    place-items:center;
    flex:0 0 auto;
    background:linear-gradient(135deg,#fff2da,#f4e5c8);
    border:1px solid rgba(189,146,80,.18);
    color:#a2670d;
    font-size:.78rem;
    font-weight:950;
    letter-spacing:.02em;
}
.ol-user-avatar.is-large{width:48px;height:48px;font-size:.9rem}
.ol-user-avatar.is-profile{width:68px;height:68px;font-size:1.18rem;box-shadow:0 12px 30px rgba(189,146,80,.15)}
.ol-user-copy{display:grid;gap:1px;text-align:left;min-width:0}
.ol-user-copy strong{font-size:.82rem;color:#0b2845;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}
.ol-user-copy small{font-size:.69rem;color:#6f7d8d}
.ol-user-chevron{width:16px!important;height:16px!important;color:#697686;transition:transform .16s ease}
.ol-user-trigger[aria-expanded="true"] .ol-user-chevron{transform:rotate(180deg)}

.ol-topbar-popover{
    position:absolute;
    top:calc(100% + 13px);
    right:0;
    z-index:130;
    border:1px solid rgba(11,40,69,.11);
    border-radius:22px;
    background:rgba(255,255,255,.98);
    box-shadow:0 28px 70px rgba(11,40,69,.18);
    overflow:hidden;
    transform-origin:top right;
}
.ol-topbar-popover[hidden]{display:none!important}
.ol-notification-panel{width:min(440px,calc(100vw - 28px))}
.ol-user-menu{width:310px;padding:10px}

.ol-popover-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:18px 20px 15px;
    border-bottom:1px solid rgba(11,40,69,.08);
    background:linear-gradient(135deg,#fffdf9,#fbf7f0);
}
.ol-popover-header h2{margin:2px 0 0;font-size:1.08rem;color:#0b2845}
.ol-popover-eyebrow{font-size:.62rem;font-weight:950;letter-spacing:.11em;text-transform:uppercase;color:#9a650f}
.ol-popover-total{
    min-width:36px;height:36px;padding:0 10px;border-radius:999px;display:grid;place-items:center;
    background:#0b2845;color:#fff;font-size:.8rem;font-weight:950;
}
.ol-notification-scroll{max-height:min(68vh,610px);overflow:auto;padding:12px}
.ol-notification-empty{min-height:230px;display:grid;place-content:center;justify-items:center;text-align:center;padding:28px;color:#718096}
.ol-notification-empty-icon{width:48px;height:48px;border-radius:999px;display:grid;place-items:center;background:#eaf6ef;color:#24704b;font-size:1.25rem;font-weight:950;margin-bottom:10px}
.ol-notification-empty strong{color:#0b2845;font-size:1rem}
.ol-notification-empty p{max-width:270px;margin:6px 0 0;font-size:.78rem;line-height:1.5}

.ol-notification-group{border:1px solid rgba(11,40,69,.08);border-radius:16px;background:#fff;overflow:hidden;margin-bottom:10px}
.ol-notification-group:last-child{margin-bottom:0}
.ol-notification-group>header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding:12px 13px;background:#f8fafc;border-bottom:1px solid rgba(11,40,69,.06)}
.ol-notification-group>header>a{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;color:#0b2845}
.ol-notification-group>header>a strong{font-size:.79rem}
.ol-notification-group>header>a span{min-width:26px;height:24px;padding:0 7px;border-radius:999px;display:grid;place-items:center;background:#fff;color:#0b2845;font-size:.67rem;font-weight:950;border:1px solid rgba(11,40,69,.08)}
.ol-notification-group-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#eef3f8;color:#0b4a78}
.ol-notification-group-icon svg{width:17px;height:17px}
.ol-notification-group.is-danger .ol-notification-group-icon{background:#fbe9e7;color:#a53f34}
.ol-notification-group.is-warning .ol-notification-group-icon{background:#fff2d8;color:#946012}
.ol-notification-group.is-info .ol-notification-group-icon{background:#eaf2f8;color:#315f7f}
.ol-notification-items{display:grid}
.ol-notification-item{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:9px;align-items:center;padding:11px 13px;text-decoration:none;color:#0b2845;border-bottom:1px solid rgba(11,40,69,.055);transition:background .15s ease}
.ol-notification-item:last-child{border-bottom:0}
.ol-notification-item:hover{background:#fffaf2}
.ol-notification-dot{width:7px;height:7px;border-radius:999px;background:#bd842b}
.ol-notification-item>span:nth-child(2){display:grid;gap:3px;min-width:0}
.ol-notification-item strong{font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ol-notification-item small{font-size:.66rem;color:#738091;line-height:1.35}
.ol-notification-arrow{color:#9aa5b1;font-size:1.15rem}
.ol-notification-more{display:block;padding:9px 13px;background:#fbfcfd;text-align:center;text-decoration:none;color:#8f5e16;font-size:.69rem;font-weight:900;border-top:1px solid rgba(11,40,69,.06)}

.ol-user-menu-identity{display:flex;gap:11px;align-items:center;padding:8px 9px 13px;margin-bottom:5px;border-bottom:1px solid rgba(11,40,69,.08)}
.ol-user-menu-identity>span:last-child{display:grid;gap:3px;min-width:0}
.ol-user-menu-identity strong{font-size:.82rem;color:#0b2845}
.ol-user-menu-identity small{font-size:.67rem;color:#74808d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ol-user-menu-action{
    width:100%;display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;
    padding:9px;border:0;border-radius:13px;background:transparent;color:#0b2845;cursor:pointer;text-align:left;text-decoration:none;
    transition:background .15s ease;
}
.ol-user-menu-action:hover{background:#f5f7f9;transform:none!important}
.ol-user-menu-action svg{width:19px;height:19px;justify-self:center;color:#687789}
.ol-user-menu-action>span{display:grid;gap:2px;min-width:0}
.ol-user-menu-action strong{font-size:.76rem}
.ol-user-menu-action small{font-size:.64rem;color:#7b8794}
.ol-user-menu-action.is-danger{color:#9b3f36}
.ol-user-menu-action.is-danger svg{color:#9b3f36}
.ol-user-menu form{margin:0}
.ol-user-menu-divider{height:1px;background:rgba(11,40,69,.08);margin:5px 6px}

.ol-profile-modal[hidden]{display:none!important}
.ol-profile-modal{position:fixed;inset:0;z-index:220;display:grid;place-items:center;padding:24px}
.ol-profile-backdrop{position:absolute;inset:0;background:rgba(8,26,45,.44);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ol-profile-dialog{
    position:relative;z-index:1;width:min(860px,100%);max-height:min(90vh,900px);overflow:auto;
    border:1px solid rgba(255,255,255,.42);border-radius:28px;background:#fffdf9;
    box-shadow:0 38px 100px rgba(5,20,35,.32);
}
.ol-profile-close{
    position:absolute;top:18px;right:18px;width:38px;height:38px;border-radius:999px;border:1px solid rgba(11,40,69,.1);
    background:rgba(255,255,255,.84);color:#0b2845;display:grid;place-items:center;cursor:pointer;z-index:2;
}
.ol-profile-close:hover{background:#fff5e5;border-color:rgba(189,146,80,.4)}
.ol-profile-header{display:flex;align-items:center;gap:18px;padding:28px 76px 24px 28px;border-bottom:1px solid rgba(11,40,69,.08);background:linear-gradient(135deg,#fffaf1,#fff)}
.ol-profile-header h2{margin:3px 0 4px;color:#0b2845;font-size:1.45rem}
.ol-profile-header p{margin:0;color:#6f7d8d;font-size:.82rem}
.ol-profile-flash{margin:18px 24px 0;padding:12px 14px;border-radius:14px;font-size:.78rem;font-weight:800}
.ol-profile-flash.is-success{background:#e8f6ee;color:#246a48;border:1px solid #bfe2cd}
.ol-profile-flash.is-error{background:#fbe9e7;color:#913e35;border:1px solid #efc3bd}
.ol-profile-content{display:grid;gap:16px;padding:22px}
.ol-profile-section{padding:18px;border:1px solid rgba(11,40,69,.09);border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(11,40,69,.035)}
.ol-profile-section-title{display:flex;align-items:center;gap:11px;margin-bottom:15px}
.ol-profile-section-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#f5ead7;color:#a26914}
.ol-profile-section-icon svg{width:19px;height:19px}
.ol-profile-section-title>div{display:grid;gap:1px}
.ol-profile-section-title>div>span{color:#9a650f;font-size:.61rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.ol-profile-section-title h3{margin:0;color:#0b2845;font-size:.98rem}
.ol-profile-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.ol-profile-data-grid>div{padding:12px 13px;border:1px solid rgba(11,40,69,.07);border-radius:14px;background:#f8fafc;min-width:0}
.ol-profile-data-grid dt{font-size:.63rem;color:#74808d;font-weight:900;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px}
.ol-profile-data-grid dd{margin:0;color:#0b2845;font-size:.78rem;font-weight:800;overflow-wrap:anywhere}
.ol-login-security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ol-login-security-card{display:grid;gap:5px;padding:14px;border-radius:15px;border:1px solid rgba(11,40,69,.08);background:#f8fafc}
.ol-login-security-card>span{font-size:.62rem;font-weight:950;text-transform:uppercase;letter-spacing:.05em;color:#708092}
.ol-login-security-card>strong{font-size:.82rem;color:#0b2845}
.ol-login-security-card>small{font-size:.67rem;color:#75818d}
.ol-login-security-card.is-previous{border-left:3px solid #bd9250}
.ol-login-security-card.is-current{border-left:3px solid #39735a;background:#f3faf6}
.ol-password-form{display:grid;gap:12px}
.ol-password-form label{display:grid;gap:5px;color:#55677d;font-size:.68rem;font-weight:900}
.ol-password-form input{width:100%;min-height:44px;border-radius:13px;background:#fff}
.ol-password-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ol-password-policy{display:flex;flex-wrap:wrap;gap:7px}
.ol-password-policy span{padding:5px 8px;border-radius:999px;background:#f3f5f7;color:#687687;font-size:.62rem;font-weight:800}
.ol-password-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:3px}
.ol-profile-modal.is-open{display:grid}
body.ol-modal-open{overflow:hidden}

body.dark .ol-home-link,
body.dark .ol-topbar-icon-button,
body.dark .ol-user-trigger:hover,
body.dark .ol-user-trigger[aria-expanded="true"]{
    background:rgba(13,36,56,.86);border-color:rgba(255,255,255,.1);color:#e4ebf2;
}
body.dark .ol-breadcrumbs a{color:#9aabba}
body.dark .ol-breadcrumbs strong{color:#e6bd78}
body.dark .ol-user-copy strong{color:#fff}
body.dark .ol-topbar-popover,
body.dark .ol-profile-dialog{background:#102a43;border-color:rgba(255,255,255,.12)}
body.dark .ol-popover-header,
body.dark .ol-profile-header{background:linear-gradient(135deg,#17354f,#102a43);border-color:rgba(255,255,255,.08)}
body.dark .ol-popover-header h2,
body.dark .ol-user-menu-identity strong,
body.dark .ol-user-menu-action,
body.dark .ol-profile-header h2,
body.dark .ol-profile-section-title h3,
body.dark .ol-profile-data-grid dd,
body.dark .ol-login-security-card>strong{color:#f3f7fb}
body.dark .ol-notification-group,
body.dark .ol-profile-section{background:#132f49;border-color:rgba(255,255,255,.08)}
body.dark .ol-notification-group>header,
body.dark .ol-login-security-card,
body.dark .ol-profile-data-grid>div{background:#17354f;border-color:rgba(255,255,255,.07)}
body.dark .ol-notification-group>header>a,
body.dark .ol-notification-item{color:#eef4f9}
body.dark .ol-notification-item:hover,
body.dark .ol-user-menu-action:hover{background:#1a3c59}
body.dark .ol-user-menu-divider,
body.dark .ol-user-menu-identity,
body.dark .ol-profile-header{border-color:rgba(255,255,255,.08)}
body.dark .ol-profile-close{background:#17354f;color:#fff;border-color:rgba(255,255,255,.1)}
body.dark .ol-password-form input{background:#102a43;color:#fff}
body.dark .ol-login-security-card.is-current{background:#153b35}

@media(max-width:1180px){
    body.ol-logged .ol-global-topbar{grid-template-columns:245px minmax(0,1fr) auto}
    .ol-topbar-navigation{padding:0 14px}
    .ol-user-copy{display:none}
    .ol-user-trigger{grid-template-columns:auto auto;padding-right:8px}
}

@media(max-width:860px){
    body.ol-logged .ol-global-topbar{
        grid-template-columns:auto minmax(0,1fr) auto;
        min-height:70px;
        height:70px!important;
        padding:0 10px!important;
    }
    body.ol-logged .ol-global-topbar .brand{width:auto!important;flex:none!important;padding:0 4px}
    body.ol-logged .ol-global-topbar .brand-wording{display:none!important}
    body.ol-logged .ol-global-topbar .brand-logo-header{width:40px;height:40px}
    .ol-topbar-navigation{padding:0 8px;gap:8px}
    .ol-home-link{display:none}
    .ol-breadcrumbs{font-size:.76rem;gap:7px}
    .ol-breadcrumbs a:not(:last-of-type){display:none}
    .ol-topbar-actions{padding-left:0;gap:5px!important}
    .ol-topbar-icon-button{width:38px;height:38px;flex-basis:38px}
    .ol-user-trigger{min-height:42px;padding:1px;border-radius:999px}
    .ol-user-chevron{display:none}
    .ol-user-avatar{width:38px;height:38px}
    .ol-topbar-popover{position:fixed;top:76px;right:10px}
}

@media(max-width:620px){
    .ol-breadcrumbs .ol-breadcrumb-separator{display:none}
    .ol-breadcrumbs a{display:none!important}
    .ol-breadcrumbs strong{max-width:34vw;overflow:hidden;text-overflow:ellipsis}
    .ol-notification-panel{left:10px;right:10px;width:auto}
    .ol-user-menu{right:10px;width:min(310px,calc(100vw - 20px))}
    .ol-profile-modal{padding:10px}
    .ol-profile-dialog{max-height:94vh;border-radius:22px}
    .ol-profile-header{padding:22px 58px 20px 18px;gap:12px}
    .ol-user-avatar.is-profile{width:54px;height:54px}
    .ol-profile-header h2{font-size:1.15rem}
    .ol-profile-content{padding:14px;gap:12px}
    .ol-profile-section{padding:14px}
    .ol-profile-data-grid,.ol-login-security-grid,.ol-password-grid{grid-template-columns:1fr}
    .ol-password-actions{display:grid;grid-template-columns:1fr 1fr}
}

/* OrtaLegal · Perfil con avatar recortable y scroll integrado v6.2 */
.ol-user-avatar{overflow:hidden;position:relative}
.ol-user-avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}

.ol-notification-empty{
    min-height:150px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    padding:24px;
    color:#718096;
}
.ol-notification-empty-icon{margin:0;width:38px;height:38px;flex:0 0 38px;font-size:1rem}
.ol-notification-empty p{max-width:none;margin:0;display:flex;align-items:baseline;gap:5px;white-space:nowrap;font-size:.76rem;line-height:1.4}
.ol-notification-empty p strong{font-size:.82rem;color:#0b2845}

.ol-profile-dialog{
    display:flex;
    flex-direction:column;
    overflow:hidden;
}
.ol-profile-header{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:18px;
    flex:0 0 auto;
}
.ol-profile-header-copy{min-width:0}
.ol-profile-header-copy h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ol-profile-header-copy p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ol-profile-header-actions{display:flex;align-items:center;justify-content:flex-end;padding-right:6px}
.ol-profile-photo-action{
    min-height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:0 14px;
    border:1px solid rgba(189,146,80,.3);
    border-radius:999px;
    background:#fff8eb;
    color:#8b5a14;
    font-size:.72rem;
    font-weight:900;
    cursor:pointer;
    box-shadow:0 8px 20px rgba(11,40,69,.045);
}
.ol-profile-photo-action:hover{background:#fff2da;border-color:rgba(189,146,80,.5)}
.ol-profile-photo-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ol-profile-avatar-button{
    position:relative;
    display:block;
    width:68px;
    height:68px;
    padding:0;
    border:0;
    border-radius:999px;
    background:transparent;
    cursor:pointer;
}
.ol-profile-avatar-button:focus-visible{outline:3px solid rgba(189,132,43,.28);outline-offset:4px}
.ol-profile-avatar-camera{
    position:absolute;
    right:-2px;
    bottom:-2px;
    width:27px;
    height:27px;
    display:grid;
    place-items:center;
    border-radius:999px;
    background:#0b2845;
    color:#fff;
    border:3px solid #fffdf9;
    box-shadow:0 6px 14px rgba(11,40,69,.2);
}
.ol-profile-avatar-camera svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ol-profile-scroll{
    min-height:0;
    overflow:auto;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    scrollbar-width:thin;
    scrollbar-color:rgba(126,139,151,.55) transparent;
}
.ol-profile-scroll::-webkit-scrollbar{width:11px}
.ol-profile-scroll::-webkit-scrollbar-track{background:transparent}
.ol-profile-scroll::-webkit-scrollbar-thumb{
    background:rgba(126,139,151,.48);
    border:3px solid #fffdf9;
    border-radius:999px;
}
.ol-profile-scroll::-webkit-scrollbar-thumb:hover{background:rgba(83,99,114,.62)}

.ol-avatar-editor[hidden]{display:none!important}
.ol-avatar-editor{
    position:absolute;
    inset:0;
    z-index:12;
    display:grid;
    place-items:center;
    padding:22px;
    background:rgba(8,26,45,.52);
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
}
.ol-avatar-editor-dialog{
    width:min(620px,100%);
    max-height:100%;
    overflow:auto;
    padding:20px;
    border:1px solid rgba(255,255,255,.45);
    border-radius:24px;
    background:#fffdf9;
    box-shadow:0 32px 86px rgba(5,20,35,.35);
    scrollbar-width:thin;
    scrollbar-color:rgba(126,139,151,.55) transparent;
}
.ol-avatar-editor-dialog::-webkit-scrollbar{width:10px}
.ol-avatar-editor-dialog::-webkit-scrollbar-thumb{background:rgba(126,139,151,.48);border:3px solid #fffdf9;border-radius:999px}
.ol-avatar-editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.ol-avatar-editor-header h3{margin:3px 0 4px;color:#0b2845;font-size:1.18rem}
.ol-avatar-editor-header p{margin:0;color:#6f7d8d;font-size:.75rem;line-height:1.45}
.ol-avatar-editor-close{
    width:36px;height:36px;flex:0 0 36px;border-radius:999px;border:1px solid rgba(11,40,69,.1);
    background:#fff;color:#0b2845;display:grid;place-items:center;cursor:pointer;
}
.ol-avatar-editor-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.ol-avatar-form{display:grid;gap:13px}
.ol-avatar-file-button{
    justify-self:start;
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:40px;
    padding:0 13px;
    border:1px solid rgba(11,40,69,.12);
    border-radius:12px;
    background:#fff;
    color:#0b2845;
    font-size:.72rem;
    font-weight:900;
    cursor:pointer;
}
.ol-avatar-file-button:hover{border-color:rgba(189,146,80,.42);background:#fffaf2}
.ol-avatar-file-button input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}
.ol-avatar-file-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ol-avatar-crop-stage{
    position:relative;
    width:min(360px,100%);
    aspect-ratio:1;
    justify-self:center;
    overflow:hidden;
    border-radius:22px;
    background:#122f49;
    touch-action:none;
    user-select:none;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 15px 36px rgba(11,40,69,.16);
}
.ol-avatar-crop-stage canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}
.ol-avatar-crop-stage canvas:active{cursor:grabbing}
.ol-avatar-crop-stage.is-empty canvas{opacity:0}
.ol-avatar-crop-stage>p{
    position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:28px;text-align:center;color:#d8e2eb;font-size:.76rem;font-weight:800;
}
.ol-avatar-crop-stage:not(.is-empty)>p{display:none}
.ol-avatar-crop-mask{
    position:absolute;
    inset:8%;
    border:2px solid rgba(255,255,255,.92);
    border-radius:50%;
    box-shadow:0 0 0 999px rgba(5,20,35,.46);
    pointer-events:none;
}
.ol-avatar-zoom-control{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;color:#55677d;font-size:.7rem;font-weight:900}
.ol-avatar-zoom-control input{width:100%;accent-color:#bd842b}
.ol-avatar-editor-status{margin:0;color:#718096;font-size:.68rem;line-height:1.45}
.ol-avatar-editor-status.is-error{color:#9b3f36;font-weight:800}
.ol-avatar-editor-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:2px}
.ol-avatar-delete-form{display:flex;justify-content:flex-start;margin-top:12px;padding-top:12px;border-top:1px solid rgba(11,40,69,.08)}
.ol-avatar-delete-button{border:0;background:transparent;color:#9b3f36;font-size:.69rem;font-weight:900;cursor:pointer;padding:5px 0}
.ol-avatar-delete-button:hover{text-decoration:underline}

body.dark .ol-profile-photo-action{background:#17354f;color:#e8bd74;border-color:rgba(232,189,116,.25)}
body.dark .ol-profile-avatar-camera{border-color:#102a43}
body.dark .ol-profile-scroll::-webkit-scrollbar-thumb,
body.dark .ol-avatar-editor-dialog::-webkit-scrollbar-thumb{border-color:#102a43;background:rgba(193,204,214,.42)}
body.dark .ol-avatar-editor-dialog{background:#102a43;border-color:rgba(255,255,255,.12)}
body.dark .ol-avatar-editor-header h3{color:#f3f7fb}
body.dark .ol-avatar-file-button{background:#17354f;color:#f3f7fb;border-color:rgba(255,255,255,.1)}
body.dark .ol-notification-empty p strong{color:#f3f7fb}

@media(max-width:620px){
    .ol-notification-empty{align-items:flex-start;min-height:130px;padding:22px 16px}
    .ol-notification-empty p{display:block;white-space:normal}
    .ol-notification-empty p strong{margin-right:4px}
    .ol-profile-header{grid-template-columns:auto minmax(0,1fr);padding-right:58px}
    .ol-profile-header-actions{grid-column:1/-1;padding:0}
    .ol-profile-photo-action{width:100%}
    .ol-profile-avatar-button{width:54px;height:54px}
    .ol-profile-avatar-camera{width:24px;height:24px}
    .ol-avatar-editor{padding:10px}
    .ol-avatar-editor-dialog{padding:16px;border-radius:20px}
    .ol-avatar-crop-stage{width:min(320px,100%)}
    .ol-avatar-editor-actions{display:grid;grid-template-columns:1fr 1fr}
    .ol-avatar-editor-actions .btn{width:100%}
}
.ol-profile-scroll{flex:1 1 auto}
.ol-avatar-file-row{display:flex;align-items:center;justify-content:flex-start}
.ol-user-avatar-fallback{position:relative;z-index:0;display:grid;place-items:center;width:100%;height:100%}
.ol-user-avatar img{position:absolute;inset:0;z-index:1;background:#f4e5c8}

/* Barra superior y perfil v6.5 · cámara del avatar siempre visible */
.ol-profile-avatar-button{
    overflow:visible;
    isolation:isolate;
}
.ol-profile-avatar-button > .ol-user-avatar{
    position:relative;
    z-index:1;
}
.ol-profile-avatar-camera{
    right:-6px;
    bottom:-4px;
    z-index:4;
    pointer-events:none;
}
@media(max-width:640px){
    .ol-profile-avatar-camera{
        right:-5px;
        bottom:-4px;
    }
}

/* Barra superior y perfil v6.6 · validación visual de contraseña */
.ol-password-policy{
    align-items:center;
}
.ol-password-policy span{
    display:inline-flex;
    align-items:center;
    gap:6px;
    border:1px solid transparent;
    transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.ol-password-policy span::before{
    content:'';
    width:15px;
    height:15px;
    flex:0 0 auto;
    display:grid;
    place-items:center;
    border-radius:999px;
    border:1px solid rgba(85,103,125,.3);
    background:#fff;
    color:#fff;
    font-size:.58rem;
    font-weight:950;
    line-height:1;
}
.ol-password-policy span.is-met{
    border-color:rgba(39,133,85,.24);
    background:#e9f7ef;
    color:#1f6f49;
    transform:translateY(-1px);
}
.ol-password-policy span.is-met::before{
    content:'✓';
    border-color:#278555;
    background:#278555;
}
.ol-password-match{
    margin:-2px 0 0;
    color:#718096;
    font-size:.7rem;
    font-weight:750;
    transition:color .18s ease;
}
.ol-password-match.is-valid{color:#237248}
.ol-password-match.is-invalid{color:#a1433b}
.ol-password-actions .btn:disabled,
.ol-password-actions .btn[aria-disabled="true"]{
    opacity:.48;
    cursor:not-allowed;
    filter:grayscale(.08);
    transform:none!important;
    box-shadow:none!important;
}
body.dark .ol-password-policy span::before{
    background:#102a43;
    border-color:rgba(205,218,230,.28);
}
body.dark .ol-password-policy span.is-met{
    background:rgba(39,133,85,.18);
    color:#9be2bb;
    border-color:rgba(90,191,134,.3);
}
body.dark .ol-password-policy span.is-met::before{
    background:#35a56c;
    border-color:#35a56c;
    color:#fff;
}

/* Pendientes críticos de plazos ante organismos */
.ol-topbar-notification-badge.is-danger{background:#b32626}
.ol-topbar-icon-button.has-critical-pending{color:#9f2222}
.ol-notification-item.is-danger{background:#fff8f8}
.ol-notification-item.is-danger:hover{background:#fff0f0}
.ol-notification-item.is-danger .ol-notification-dot{background:#b32626;box-shadow:0 0 0 3px rgba(179,38,38,.1)}
.ol-notification-item.is-danger strong{color:#8f1f1f}

/* Avisos de cobro: la marca de verificación los pospone tres días, sin borrar el vencimiento. */
.ol-notification-item-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
    border-bottom: 1px solid rgba(11, 40, 69, .08);
}
.ol-notification-item-shell .ol-notification-item { border-bottom: 0; min-width: 0; }
.ol-notification-snooze { display: flex; align-items: center; padding: .45rem .55rem .45rem 0; }
.ol-notification-snooze button {
    width: 2rem;
    height: 2rem;
    border: 1px solid rgba(11, 40, 69, .18);
    border-radius: 999px;
    background: #fff;
    color: #0b2845;
    font-weight: 800;
    cursor: pointer;
}
.ol-notification-snooze button:hover,
.ol-notification-snooze button:focus-visible { border-color: #bc914f; box-shadow: 0 0 0 3px rgba(188,145,79,.16); }