.site-header{position:relative;z-index:10}
.header-inner{padding-top:10px;padding-bottom:10px;flex-wrap:nowrap}
.site-header .brand-logo{width:auto;height:42px}
.header-inner .main-navigation{gap:8px;flex-wrap:nowrap;font-size:13px;height:44px}
.header-inner .main-navigation>.navigation-link{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border-radius:12px;color:var(--muted);white-space:nowrap;transition:background .16s,color .16s}
.main-navigation>.navigation-link:hover,.main-navigation>.navigation-link.is-active{background:#eee5fd;color:var(--purple);text-decoration:none}
.account-navigation{position:relative;margin-left:8px}
.account-toggle{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 10px 6px 6px;border:1px solid #e5d9f5;border-radius:14px;background:#faf7ff;color:var(--ink);cursor:pointer;list-style:none;font-size:13px;font-weight:600;white-space:nowrap;transition:background .16s,border-color .16s}
.account-toggle::-webkit-details-marker{display:none}
.account-toggle:hover,.account-navigation[open]>.account-toggle,.account-toggle.is-active{background:#eee5fd;border-color:#d3b8f5}
.account-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--purple);color:#fff;font-size:13px;font-weight:700}
.account-chevron{transition:transform .18s}
.account-navigation[open] .account-chevron{transform:rotate(180deg)}
.account-panel{position:absolute;right:0;top:calc(100% + 12px);width:310px;max-width:calc(100vw - 40px);padding:8px;border:1px solid #dfd1ee;border-radius:19px;background:#fff;box-shadow:0 18px 50px #34204c24;max-height:calc(100dvh - 104px);overflow-y:auto;overscroll-behavior:contain}
.account-navigation[open] .account-panel{animation:account-appear .18s ease-out}
.account-identity{padding:15px 14px;background:linear-gradient(120deg,#f0e7fe,#fff9df);border-radius:12px;display:flex;flex-direction:column;gap:5px;overflow-wrap:anywhere}
.account-identity strong{font-size:14px;line-height:1.4}
.account-identity>span{font-size:11px;color:var(--muted);line-height:1.5}
.account-identity small{font-size:10px;color:var(--purple);font-weight:600;margin-top:4px}
.account-section-label{display:block;padding:17px 14px 6px;text-transform:uppercase;letter-spacing:1.3px;color:var(--muted);font-size:9px;font-weight:700}
.account-admin-label{margin-top:5px;border-top:1px solid var(--line)}
.account-links>a{display:flex;flex-direction:column;gap:4px;padding:11px 14px;border-radius:10px;color:var(--ink);font-size:13px;line-height:1.4;transition:background .16s,color .16s}
.account-links>a>span{font-weight:600}.account-links>a>small{font-size:11px;color:var(--muted)}
.account-links>a:hover,.account-links>a.is-active{background:#f0e7fe;color:var(--purple);text-decoration:none}
.account-logout{padding:7px 0 0!important;margin:8px 0 0!important;border-top:1px solid var(--line)}
.account-logout button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:11px 14px;background:transparent;border:0;border-radius:10px;color:#943336;font-size:12px;font-weight:600;text-align:left}
.account-logout button:hover{background:#fff0ee}
#mis-solicitudes{scroll-margin-top:24px}
@keyframes account-appear{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.header-inner .main-navigation>.navigation-organizations{display:none}.header-inner .main-navigation>.navigation-link{padding:8px 10px;font-size:12px}.account-navigation{margin-left:0}.header-inner{gap:8px}.account-toggle{font-size:12px;gap:7px}.header-inner .main-navigation{gap:4px}.brand-logo{width:165px}}
@media(max-width:480px){.header-inner{padding:14px 16px}.brand-logo{width:135px}.header-inner .main-navigation>.navigation-link{padding:8px;font-size:11px}.account-toggle{padding:6px;gap:6px;font-size:11px}.account-avatar{width:26px;height:26px;border-radius:8px}.account-chevron{width:12px}.account-panel{max-width:calc(100vw - 32px);top:calc(100% + 10px)}.navigation-guest{padding:10px 11px!important;font-size:11px!important;white-space:nowrap}}
@media(max-width:360px){.brand-logo{width:112px}.account-toggle{gap:4px}}
@media(prefers-reduced-motion:reduce){.account-toggle,.account-chevron,.account-links>a{transition:none}.account-navigation[open] .account-panel{animation:none}}
@media(max-width:480px){.header-inner{padding-top:10px;padding-bottom:10px}.site-header .brand-logo{width:auto;height:36px}}