/* Elpis source structural adaptation + Success management components */

/* Elpis Secondary Admin source CSS is loaded before this compatibility sheet. */
body.ss-elpis-admin .main-wrapper{min-height:100vh}
body.ss-elpis-admin .header{position:fixed;top:0;left:0;right:0;width:100%;z-index:1035;display:flex;align-items:center;padding-right:20px}
body.ss-elpis-admin .header .header-left{width:230px;min-width:230px;flex:0 0 230px}
body.ss-elpis-admin .header .header-left .logo h4{font-size:15px!important;font-weight:750;color:#0d3154!important}
body.ss-elpis-admin .header .header-left .logo-small{display:none}
body.ss-elpis-admin .header #toggle_btn{flex-shrink:0;margin:0 12px 0 20px;color:#087bb6!important}
body.ss-elpis-admin .admin-top-shortcuts{display:flex;gap:15px;align-items:center;font-size:12px;font-weight:650}
body.ss-elpis-admin .admin-top-shortcuts a{color:#1d4e77;text-decoration:none}
body.ss-elpis-admin .header .user-menu{display:flex;align-items:center;margin:0 0 0 auto;padding:0;list-style:none}
body.ss-elpis-admin .header .nav-item{list-style:none}
body.ss-elpis-admin .header .nav-link{padding:9px 12px}
body.ss-elpis-admin .ss-elpis-avatar{width:32px;height:32px;border-radius:50%;background:#e5f3fe;border:2px solid #c6e3f6;display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:#0575ae}
body.ss-elpis-admin .sidebar{position:fixed!important;left:0;top:64px;bottom:0;width:230px;z-index:1025;background:#087dbb!important;overflow-y:auto}
body.ss-elpis-admin .sidebar-menu ul{list-style:none;margin:0;padding:0}
body.ss-elpis-admin .sidebar-menu>ul{padding:14px 0 24px}
body.ss-elpis-admin .sidebar-menu li a{display:flex;align-items:center;gap:9px;min-height:42px;text-decoration:none}
body.ss-elpis-admin .sidebar-menu li a .menu-arrow{margin-left:auto}
body.ss-elpis-admin .sidebar-menu .submenu>ul{display:none;background:rgba(0,0,0,.10)!important;padding:5px 0}
body.ss-elpis-admin .sidebar-menu .submenu>ul[style*="block"]{display:block}
body.ss-elpis-admin .sidebar-menu .submenu.open>ul{display:block}
body.ss-elpis-admin .sidebar-menu .submenu>ul a{font-size:12px;padding-left:36px}
body.ss-elpis-admin .page-wrapper.ss-page{margin-left:230px!important;padding-top:64px;min-height:100vh;background:#eff8fd!important;position:relative}
body.ss-elpis-admin .ss-page>.content{padding:25px 29px 40px!important}
body.ss-elpis-admin .sidebar .ss-nav-parent,body.ss-elpis-admin .ss-elpis-backdrop{display:none}
body.ss-elpis-admin .ss-page-heading{margin:0 0 21px}
body.ss-elpis-admin .ss-page-heading h1{font-size:23px;color:#172033}
body.ss-elpis-admin .ss-breadcrumb a{color:#087bb6}
body.ss-elpis-admin .ss-hero,body.ss-elpis-admin .ss-panel,body.ss-elpis-admin .db-panel,body.ss-elpis-admin .admin-hero,body.ss-elpis-admin .portal-card{border-radius:14px!important;border:1px solid #e4edf4;box-shadow:0 7px 24px rgba(23,43,77,.06)}
body.ss-elpis-admin .ss-panel .ss-btn,body.ss-elpis-admin .ss-btn{background:#139cdb;color:#fff}
body.ss-elpis-admin .ss-panel .ss-btn.green{background:#12a150}
body.ss-elpis-admin .ss-panel .ss-btn.orange{background:#f59e0b}
body.ss-elpis-admin .ss-panel .ss-btn.secondary{background:#e8f4fe;color:#07689c}
body.ss-elpis-admin .ss-page-actions .ss-btn{white-space:nowrap}
body.ss-elpis-admin .ss-search:focus,body.ss-elpis-admin input:focus,body.ss-elpis-admin select:focus{border-color:#139cdb;outline-color:#139cdb}
@media(max-width:991px){
 body.ss-elpis-admin .header .header-left{min-width:0;width:auto;flex:1 1 auto;padding:0 10px}
 body.ss-elpis-admin .header .header-left .logo h4{font-size:12px!important}
 body.ss-elpis-admin .header #toggle_btn{display:none}
 body.ss-elpis-admin .header .mobile_btn{display:block;padding:0 13px}
 body.ss-elpis-admin .sidebar{transform:translateX(-105%);transition:transform .2s;box-shadow:12px 0 35px rgba(0,0,0,.13)}
 body.ss-elpis-admin .sidebar.is-open{transform:translateX(0)}
 body.ss-elpis-admin .ss-elpis-backdrop.is-open{display:block;position:fixed;inset:64px 0 0;background:rgba(0,0,0,.44);z-index:1020}
 body.ss-elpis-admin .page-wrapper.ss-page{margin-left:0!important}
 body.ss-elpis-admin .ss-page>.content{padding:16px!important}
 body.ss-elpis-admin .ss-page-heading h1{font-size:20px}
}


body.ss-elpis-role{background:#f5f8fc!important}
body.ss-elpis-role .portal-topbar{position:sticky;top:0;z-index:1025}
body.ss-elpis-role .portal-wordmark{color:#087bb6}
body.ss-elpis-role .portal-drawer{background:linear-gradient(180deg,#087bb6,#07689c)!important}
body.ss-elpis-role .ss-role-content{max-width:1180px;min-height:calc(100vh - 70px);margin:0 auto;padding:20px 16px 40px}
body.ss-elpis-role .ss-role-content>.content{padding:0!important}
body.ss-elpis-role .ss-page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
body.ss-elpis-role .ss-page-heading h1{font-size:22px;font-weight:800}
body.ss-elpis-role .top-round-link i,body.ss-elpis-role .drawer-link i{font-size:19px}
body.ss-elpis-role .drawer-link{gap:12px;display:flex;align-items:center}
body.ss-elpis-role .drawer-link i{width:22px;text-align:center;font-size:15px}
body.ss-elpis-role .drawer-section{color:#c2dcf0}
body.ss-elpis-role .ss-panel,body.ss-elpis-role .portal-card,body.ss-elpis-role .ss-hero{border-radius:16px!important;background:#fff;border:1px solid #e6ebf2!important;box-shadow:0 7px 24px rgba(23,43,77,.065)!important}
body.ss-elpis-role .ss-btn{background:#139cdb;color:#fff}
body.ss-elpis-role .ss-btn.secondary{background:#e6f4fc;color:#087bb6}
body.ss-elpis-role .ss-btn.green{background:#12a150}
body.ss-elpis-role .ss-btn.orange{background:#f59e0b}
@media(max-width:767px){body.ss-elpis-role .ss-role-content{padding:16px 12px 26px}body.ss-elpis-role .ss-page-heading h1{font-size:20px}body.ss-elpis-role .portal-wordmark{white-space:normal;font-size:13px}}
/* Keep Success wordmark visible on compact screens (Elpis reference normally swaps logos). */
@media(max-width:767px){
 body.ss-elpis-admin .header .header-left .logo{display:flex!important;align-items:center!important;min-width:0}
 body.ss-elpis-admin .header .header-left .logo h4{display:block!important;white-space:normal!important;line-height:1.2!important;font-size:12px!important;margin:0!important;max-width:185px!important}
 body.ss-elpis-admin .header .header-left .logo-small{display:none!important}
 body.ss-elpis-admin .header .admin-top-shortcuts{display:none!important}
 body.ss-elpis-admin .header .nav.user-menu .nav-link{padding:6px 9px!important}
}
/* Ensure long labels never collide with the reference menu arrows. */
body.ss-elpis-admin .sidebar-menu .submenu>a>span:not(.menu-arrow){flex:1;min-width:0;padding-right:9px;white-space:normal}
body.ss-elpis-admin .sidebar-menu .submenu>a>.menu-arrow{flex:0 0 12px;position:static!important;margin-left:auto!important;transform:none}
