/* SAER account menu: frontend only; no JS dependency */
.saer-account-panel{position:relative;z-index:5000;font-family:inherit}
.saer-account-panel__trigger{display:flex;align-items:center;gap:7px;padding:6px 9px;cursor:pointer;list-style:none;color:inherit}
.saer-account-panel__trigger::-webkit-details-marker{display:none}
.saer-account-panel__avatar{display:flex;align-items:center;justify-content:center;width:29px;height:29px;flex:0 0 29px;border-radius:50%;background:#dfd2bf;color:#303436;font-weight:700}
.saer-account-panel__name{max-width:122px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.saer-account-panel__dropdown{box-sizing:border-box;position:absolute;top:calc(100% + 8px);right:0;width:min(325px,calc(100vw - 24px));max-height:75vh;overflow-y:auto;padding:0 0 10px;background:#faf9f6;border:1px solid #ded7cc;border-radius:12px;box-shadow:0 20px 45px rgba(0,0,0,.18);color:#293134;z-index:5001;text-align:left}
.saer-account-panel__brand{display:flex;align-items:center;justify-content:center;min-height:66px;padding:10px;background:#252c30}
.saer-account-panel__brand img{display:block;max-width:165px;max-height:53px;width:auto;height:auto;object-fit:contain}
.saer-account-panel__identity{display:flex;flex-direction:column;gap:2px;padding:12px 17px;border-bottom:1px solid #e9e4dd}
.saer-account-panel__identity strong{font-size:14px;color:#252c30}
.saer-account-panel__identity span{font-size:11px;color:#767676}
.saer-account-panel__heading{font-size:12px;font-weight:700;color:#917657;padding:13px 17px 5px}
.saer-account-panel__dropdown a,.saer-account-panel__dropdown a:visited{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:10px 17px!important;background:transparent!important;color:#293134!important;font-size:13px!important;font-weight:500!important;line-height:1.35!important;opacity:1!important;visibility:visible!important;text-decoration:none!important;white-space:normal!important}
.saer-account-panel__dropdown a:hover,.saer-account-panel__dropdown a:focus{background:#eee9e0!important}
.saer-account-panel__dropdown a span:last-child{color:#a08c72;font-size:16px}
.saer-account-panel__dropdown a.saer-account-panel__logout{margin-top:7px;border-top:1px solid #e9e4dd;color:#845b54!important}
@media(max-width:991px){.pkp_site_nav_menu .saer-account-panel{width:100%}.pkp_site_nav_menu .saer-account-panel__trigger{padding:8px 7px}.saer-account-panel__name{max-width:115px;font-size:12px}.saer-account-panel__avatar{width:27px;height:27px;flex-basis:27px;font-size:12px}.saer-account-panel__identity strong{font-size:13px}.saer-account-panel__dropdown{font-size:13px}.pkp_site_nav_menu .saer-account-panel__dropdown{position:relative;top:auto;right:auto;max-height:none;width:100%;margin:5px 0 12px;box-shadow:none}.pkp_site_nav_menu .saer-account-panel__dropdown a{color:#293134!important}}

/* Horizontal brand treatment: CSS-only, no Smarty/template changes */
.saer-account-panel__brand{justify-content:flex-start;gap:12px;min-height:62px;padding:9px 15px}
.saer-account-panel__brand img{width:43px;height:43px;max-width:43px;max-height:43px;flex:0 0 43px;object-fit:cover;object-position:left center;border-radius:3px}
.saer-account-panel__brand::after{content:"SAER JOURNAL";display:block;flex:1;white-space:nowrap;font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:.025em;font-size:18px;color:#f4ece1;line-height:1.2}
@media(max-width:480px){.saer-account-panel__brand{min-height:56px;padding:8px 12px;gap:10px}.saer-account-panel__brand img{width:39px;height:39px;max-width:39px;max-height:39px;flex-basis:39px}.saer-account-panel__brand::after{font-size:16px}}


/* SAER account panel refinement — icons and mobile visibility; CSS only */
.saer-account-panel__dropdown > a{justify-content:flex-start!important;gap:11px!important;min-height:43px;box-sizing:border-box}
.saer-account-panel__dropdown > a::before{content:"";display:inline-block;flex:0 0 18px;width:18px;height:18px;background-color:#8b7153;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}
.saer-account-panel__dropdown > a > span:first-child{flex:1;min-width:0}
.saer-account-panel__dropdown > a:nth-of-type(1)::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' d='M7 3h7l5 5v13H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm7 0v5h5M9 13h6M9 17h6'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' d='M7 3h7l5 5v13H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm7 0v5h5M9 13h6M9 17h6'/%3E%3C/svg%3E")}
.saer-account-panel__dropdown > a:nth-of-type(2)::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='5' width='16' height='16' rx='2' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='m8 13 3 3 5-6M9 3h6' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='5' width='16' height='16' rx='2' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='m8 13 3 3 5-6M9 3h6' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.saer-account-panel__dropdown > a:nth-of-type(3)::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 21v-2a8 8 0 0 1 16 0v2' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 21v-2a8 8 0 0 1 16 0v2' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E")}
.saer-account-panel__dropdown > a.saer-account-panel__logout::before{background-color:#985f52;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 4H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h5M14 7l5 5-5 5M8 12h11' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 4H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h5M14 7l5 5-5 5M8 12h11' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
@media(max-width:991px){
 #headerNavigationContainer #navigationUserWrapper:has(.saer-account-panel),
 #headerNavigationContainer .pkp_navigation_user_wrapper:has(.saer-account-panel){display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;max-height:none!important;overflow:visible!important}
 #headerNavigationContainer .pkp_site_nav_menu .saer-account-panel{display:block!important;visibility:visible!important;opacity:1!important;max-width:100%;height:auto!important}
 #headerNavigationContainer .pkp_site_nav_menu .saer-account-panel__trigger{display:flex!important;visibility:visible!important;opacity:1!important;color:#293134!important;-webkit-text-fill-color:#293134!important}
 #headerNavigationContainer .pkp_site_nav_menu .saer-account-panel[open] .saer-account-panel__dropdown{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;width:100%!important;max-width:100%!important;background:#faf9f6!important;box-sizing:border-box!important;z-index:50!important}
 #headerNavigationContainer .pkp_site_nav_menu .saer-account-panel__dropdown a{display:flex!important;visibility:visible!important;opacity:1!important;color:#293134!important;-webkit-text-fill-color:#293134!important}
 #headerNavigationContainer .pkp_site_nav_menu .saer-account-panel__dropdown a.saer-account-panel__logout{color:#845b54!important;-webkit-text-fill-color:#845b54!important}
}

/* Mobile: force compact desktop-style panel inside the expanded OJS hamburger menu. */
@media screen and (max-width:991px) {
 #headerNavigationContainer .pkp_site_nav_menu .saer-account-panel__trigger {padding:7px 4px!important;gap:8px!important;font-size:13px!important;min-height:34px!important}
 #headerNavigationContainer .pkp_site_nav_menu .saer-account-panel__avatar {width:30px!important;height:30px!important;flex:0 0 30px!important;font-size:12px!important;line-height:1!important}
 #headerNavigationContainer .pkp_site_nav_menu .saer-account-panel__name {font-size:13px!important;max-width:min(210px,60vw)!important;line-height:1.3!important}
 #headerNavigationContainer .pkp_site_nav_menu .saer-account-panel[open] .saer-account-panel__dropdown {width:100%!important;max-width:360px!important;margin:7px 0 12px!important;padding:0 0 4px!important;border-radius:11px!important;box-shadow:none!important;overflow:hidden!important;line-height:1.35!important}
 #headerNavigationContainer .saer-account-panel__brand {display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:11px!important;min-height:0!important;height:58px!important;padding:7px 13px!important;box-sizing:border-box!important}
 #headerNavigationContainer .saer-account-panel__brand img {display:block!important;width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;flex:0 0 40px!important;object-fit:contain!important;margin:0!important}
 #headerNavigationContainer .saer-account-panel__brand::after {content:"SAER JOURNAL"!important;display:block!important;position:static!important;flex:1!important;font:normal 17px/1.2 Georgia,serif!important;letter-spacing:.01em!important;color:#f4ece1!important;white-space:nowrap!important}
 #headerNavigationContainer .saer-account-panel__identity {padding:10px 14px!important;gap:2px!important;min-height:0!important}
 #headerNavigationContainer .saer-account-panel__identity strong {font-size:13px!important;line-height:1.4!important}
 #headerNavigationContainer .saer-account-panel__identity span {font-size:11px!important;line-height:1.4!important}
 #headerNavigationContainer .saer-account-panel__heading {font-size:11px!important;line-height:1.3!important;padding:12px 14px 4px!important;margin:0!important}
 #headerNavigationContainer .saer-account-panel__dropdown > a {display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:10px!important;min-height:0!important;padding:11px 14px!important;margin:0!important;font-size:13px!important;line-height:1.35!important;text-decoration:none!important}
 #headerNavigationContainer .saer-account-panel__dropdown > a::before {content:""!important;display:inline-block!important;width:18px!important;height:18px!important;flex:0 0 18px!important;background-color:#8b7153!important;-webkit-mask-size:contain!important;mask-size:contain!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important}
 #headerNavigationContainer .saer-account-panel__dropdown > a.saer-account-panel__logout::before {background-color:#985f52!important}
 #headerNavigationContainer .saer-account-panel__dropdown > a > span:first-child {flex:1!important;min-width:0!important;font-size:13px!important}
 #headerNavigationContainer .saer-account-panel__dropdown > a > span:last-child {font-size:15px!important;line-height:1!important}
 #headerNavigationContainer .saer-account-panel__dropdown > a.saer-account-panel__logout {margin-top:5px!important}
}


/* SAER final: independent mobile account trigger next to hamburger.
   Desktop menu remains in original position; no JS or new endpoints. */
.saer-account-panel--mobile { display:none!important; }
@media screen and (max-width:991px) {
  #headerNavigationContainer .pkp_site_name_wrapper { position:relative!important; overflow:visible!important; }
  #headerNavigationContainer .pkp_head_wrapper { overflow:visible!important; }
  #headerNavigationContainer .saer-account-panel--desktop { display:none!important; }
  #headerNavigationContainer .saer-account-panel--mobile {
    display:block!important; position:absolute!important;
    right:72px!important; top:calc(50% - 19px)!important; transform:none!important;
    z-index:10020!important; width:auto!important; max-width:none!important;
    margin:0!important; padding:0!important; height:auto!important;
    visibility:visible!important; opacity:1!important;
  }
  #headerNavigationContainer .saer-account-panel--mobile > summary.saer-account-panel__trigger {
    display:flex!important; align-items:center!important; justify-content:center!important;
    padding:0!important; margin:0!important; width:38px!important; height:38px!important;
    min-height:38px!important; cursor:pointer!important; list-style:none!important;
    background:transparent!important; border:0!important;
  }
  #headerNavigationContainer .saer-account-panel--mobile > summary::-webkit-details-marker {display:none!important;}
  #headerNavigationContainer .saer-account-panel--mobile .saer-account-panel__avatar {
    display:flex!important; align-items:center!important; justify-content:center!important;
    width:36px!important; height:36px!important; flex:0 0 36px!important;
    font-size:12px!important; line-height:1!important; background:#dfd2bf!important;
    color:#303436!important; border-radius:50%!important; font-weight:700!important;
  }
  #headerNavigationContainer .saer-account-panel--mobile .saer-account-panel__name,
  #headerNavigationContainer .saer-account-panel--mobile > summary > span:last-child {display:none!important;}
  #headerNavigationContainer .saer-account-panel--mobile .saer-account-panel__dropdown {
    display:none!important;
    position:fixed!important; top:88px!important; right:12px!important; left:auto!important;
    width:min(325px, calc(100vw - 24px))!important; max-width:calc(100vw - 24px)!important;
    max-height:calc(100dvh - 104px)!important; overflow-y:auto!important;
    box-sizing:border-box!important; margin:0!important; padding:0 0 4px!important;
    border:1px solid #ded7cc!important; border-radius:12px!important;
    background:#faf9f6!important; box-shadow:0 15px 40px rgba(0,0,0,.18)!important;
    z-index:10021!important;
  }
  #headerNavigationContainer .saer-account-panel--mobile[open] .saer-account-panel__dropdown {display:block!important;}
  #headerNavigationContainer .saer-account-panel--mobile .saer-account-panel__brand {height:58px!important;}
  #headerNavigationContainer .saer-account-panel--mobile .saer-account-panel__dropdown > a {font-size:13px!important;}
}
@media screen and (max-width:380px) {
  #headerNavigationContainer .saer-account-panel--mobile {right:66px!important;}
  #headerNavigationContainer .saer-account-panel--mobile .saer-account-panel__dropdown {right:8px!important;width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;}
}

/* SAER MOBILE FIX 20261011-10 — align with hamburger, hide duplicate account entry.
   Scoped to mobile; desktop untouched. */
@media screen and (max-width:991px) {
  /* The old user menu is inside the expanded hamburger. Hide it completely. */
  #headerNavigationContainer .pkp_site_nav_menu #navigationUserWrapper,
  #headerNavigationContainer .pkp_site_nav_menu .pkp_navigation_user_wrapper,
  #headerNavigationContainer .pkp_site_nav_menu .saer-account-panel--desktop {
    display:none!important;
  }
  /* Position avatar using the actual hamburger button as vertical reference. */
  #headerNavigationContainer .pkp_site_name_wrapper {position:relative!important;}
  #headerNavigationContainer .saer-account-panel--mobile {
    top:50%!important;
    transform:translateY(-50%)!important;
    right:clamp(68px, 10vw, 86px)!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:42px!important;
  }
  #headerNavigationContainer .saer-account-panel--mobile > summary.saer-account-panel__trigger {
    width:42px!important;height:42px!important;min-height:42px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
  }
  #headerNavigationContainer .saer-account-panel--mobile .saer-account-panel__avatar {
    width:38px!important;height:38px!important;flex:0 0 38px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    line-height:1!important;
  }
}

/* SAER: Logout only uses the leading icon. No trailing arrow/blue emoji. */
#headerNavigationContainer .saer-account-panel__dropdown a.saer-account-panel__logout > span[aria-hidden="true"]{display:none!important}
#headerNavigationContainer .saer-account-panel__dropdown a.saer-account-panel__logout::after{content:none!important;display:none!important}


/* SAER mobile position fix v13: anchor dropdown below the account avatar,
   without affecting desktop layout or existing icon styling. */
@media screen and (max-width:991px) {
  #headerNavigationContainer .pkp_site_name_wrapper,
  #headerNavigationContainer .pkp_head_wrapper,
  #headerNavigationContainer .pkp_structure_head {overflow:visible!important;}
  #headerNavigationContainer .saer-account-panel--mobile {z-index:20000!important;}
  #headerNavigationContainer .saer-account-panel--mobile .saer-account-panel__dropdown {
    position:absolute!important;
    top:calc(100% + 9px)!important;
    left:auto!important;
    right:-66px!important;
    width:min(325px,calc(100vw - 24px))!important;
    max-height:min(75vh,600px)!important;
    overflow-y:auto!important;
    z-index:20001!important;
  }
  #headerNavigationContainer .saer-account-panel--mobile:not([open]) .saer-account-panel__dropdown {display:none!important;}
  #headerNavigationContainer .saer-account-panel--mobile[open] .saer-account-panel__dropdown {display:block!important;}
}

/* SAER v15: restore OJS native guest login/register menu on mobile.
   Earlier mobile rule hid #navigationUserWrapper even for signed-out visitors. */
@media screen and (max-width:991px) {
  #headerNavigationContainer .pkp_site_nav_menu #navigationUserWrapper.saer-guest-nav {
    display:block!important; visibility:visible!important; opacity:1!important;
    position:static!important; width:100%!important; height:auto!important;
    margin:0!important; padding:0!important; overflow:visible!important;
  }
  #headerNavigationContainer .pkp_site_nav_menu #navigationUserWrapper.saer-guest-nav #navigationUser,
  #headerNavigationContainer .pkp_site_nav_menu #navigationUserWrapper.saer-guest-nav .pkp_navigation_user {
    display:flex!important; visibility:visible!important; opacity:1!important;
    flex-direction:row!important; align-items:center!important; flex-wrap:wrap!important;
    gap:16px!important; width:100%!important; margin:0!important; padding:9px 4px!important;
    list-style:none!important;
  }
  #headerNavigationContainer .pkp_site_nav_menu #navigationUserWrapper.saer-guest-nav li {
    display:list-item!important; visibility:visible!important; opacity:1!important;
    margin:0!important; padding:0!important;
  }
  #headerNavigationContainer .pkp_site_nav_menu #navigationUserWrapper.saer-guest-nav li > a {
    display:inline-block!important; visibility:visible!important; opacity:1!important;
    width:auto!important; height:auto!important; font-size:14px!important;
    color:#293134!important; -webkit-text-fill-color:#293134!important;
    text-decoration:none!important; text-indent:0!important;
  }
}

/* SAER V4: consistent, refined line icons for new account links. */
.saer-account-panel__dropdown > a.saer-account-panel__tasks::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%209h8M8%2013h5M8%2017h4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%209h8M8%2013h5M8%2017h4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
.saer-account-panel__dropdown > a.saer-account-panel__profile::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M5%2020v-1a7%207%200%200%201%2014%200v1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M5%2020v-1a7%207%200%200%201%2014%200v1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
.saer-account-panel__dropdown > a.saer-account-panel__notifications::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%208a6%206%200%200%200-12%200c0%207-3%207-3%209h18c0-2-3-2-3-9M10%2021h4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%208a6%206%200%200%200-12%200c0%207-3%207-3%209h18c0-2-3-2-3-9M10%2021h4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
.saer-account-panel__dropdown > a.saer-account-panel__password::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%2210%22%20width%3D%2216%22%20height%3D%2211%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2010V7a4%204%200%200%201%208%200v3M12%2015v2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%2210%22%20width%3D%2216%22%20height%3D%2211%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2010V7a4%204%200%200%201%208%200v3M12%2015v2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}

/* SAER V5: mobile-specific icon precedence; desktop untouched. */
@media screen and (max-width:991px) {
  #headerNavigationContainer .saer-account-panel--mobile .saer-account-panel__dropdown > a.saer-account-panel__tasks::before {-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%209h8M8%2013h5M8%2017h4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%209h8M8%2013h5M8%2017h4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
  #headerNavigationContainer .saer-account-panel--mobile .saer-account-panel__dropdown > a.saer-account-panel__profile::before {-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M5%2020v-1a7%207%200%200%201%2014%200v1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M5%2020v-1a7%207%200%200%201%2014%200v1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
  #headerNavigationContainer .saer-account-panel--mobile .saer-account-panel__dropdown > a.saer-account-panel__notifications::before {-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%208a6%206%200%200%200-12%200c0%207-3%207-3%209h18c0-2-3-2-3-9M10%2021h4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%208a6%206%200%200%200-12%200c0%207-3%207-3%209h18c0-2-3-2-3-9M10%2021h4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
  #headerNavigationContainer .saer-account-panel--mobile .saer-account-panel__dropdown > a.saer-account-panel__password::before {-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%2210%22%20width%3D%2216%22%20height%3D%2211%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2010V7a4%204%200%200%201%208%200v3M12%2015v2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%2210%22%20width%3D%2216%22%20height%3D%2211%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2010V7a4%204%200%200%201%208%200v3M12%2015v2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
}