/* APEX Learning Hub v2.8.3 — portal chrome, logo and admin settings persistence UI */
:root{--apex-sidebar-v283:270px;--apex-sidebar-v283-mini:78px}
body.apex-portal.portal-sidebar-mode .portal-shell{grid-template-columns:var(--apex-sidebar-v283) minmax(0,1fr)!important}
body.apex-portal.portal-sidebar-mode .sidebar{width:var(--apex-sidebar-v283)!important;padding:0!important;background:linear-gradient(180deg,#061f49 0%,#082c60 100%)!important;border-right:1px solid rgba(255,255,255,.08)!important;box-shadow:8px 0 28px rgba(6,31,73,.09)!important}
.apex-portal .sidebar-head{min-height:82px!important;display:flex!important;align-items:center!important;gap:9px!important;padding:12px 12px!important;border-bottom:1px solid rgba(255,255,255,.10)!important;overflow:visible!important}
.apex-portal .sidebar-head .portal-brand{min-width:0!important;flex:1 1 auto!important;display:flex!important;align-items:center!important;gap:11px!important;padding:0!important;overflow:hidden!important}
.apex-portal .sidebar-head .portal-brand img{width:56px!important;height:56px!important;min-width:56px!important;flex:0 0 56px!important;object-fit:contain!important;object-position:center!important;padding:3px!important;border-radius:12px!important;background:#fff!important;border:1px solid rgba(255,255,255,.82)!important;box-shadow:0 3px 10px rgba(0,0,0,.11)!important}
.apex-portal .sidebar-head .portal-brand span{min-width:0!important;display:flex!important;flex-direction:column!important;gap:4px!important;line-height:1.1!important}
.apex-portal .sidebar-head .portal-brand strong{display:block!important;color:#fff!important;font-size:.95rem!important;line-height:1.2!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.apex-portal .sidebar-head .portal-brand small{display:block!important;color:#f2be46!important;font-size:.60rem!important;line-height:1.25!important;white-space:normal!important;overflow:visible!important}
.apex-portal .sidebar-collapse{width:34px!important;height:34px!important;min-width:34px!important;flex:0 0 34px!important;display:grid!important;place-items:center!important;padding:0!important}
.apex-portal .sidebar nav{padding:10px 10px 14px!important;overflow-y:auto!important}
.apex-portal .sidebar-group{margin:0 0 10px!important}
.apex-portal .sidebar-group>small{padding:9px 8px 5px!important;color:#8fa9cb!important;font-size:.60rem!important;letter-spacing:.10em!important}
.apex-portal .sidebar nav a{min-height:46px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:6px 8px!important;margin:2px 0!important;border-radius:11px!important;color:#dce6f4!important;font-size:.82rem!important;font-weight:650!important;overflow:hidden!important}
.apex-portal .sidebar nav a>i{width:34px!important;height:34px!important;min-width:34px!important;flex:0 0 34px!important;display:grid!important;place-items:center!important;margin:0!important;border-radius:9px!important;background:rgba(255,255,255,.07)!important;color:#f2bd43!important;font-size:1rem!important;line-height:1!important}
.apex-portal .sidebar nav a>span{min-width:0!important;flex:1 1 auto!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.apex-portal .sidebar nav a:hover,.apex-portal .sidebar nav a.active{background:rgba(255,255,255,.10)!important;color:#fff!important;box-shadow:inset 3px 0 0 #e3a008!important}
.apex-portal .sidebar nav a:hover>i,.apex-portal .sidebar nav a.active>i{background:#e3a008!important;color:#061f49!important}
.apex-portal .sidebar-motto{margin:8px 12px!important}.apex-portal .sidebar-developer{padding:8px 14px!important}.apex-portal .logout{margin:5px 11px 12px!important}
.apex-portal .portal-shell.sidebar-collapsed{grid-template-columns:var(--apex-sidebar-v283-mini) minmax(0,1fr)!important}
.apex-portal .portal-shell.sidebar-collapsed .sidebar{width:var(--apex-sidebar-v283-mini)!important}
.apex-portal .portal-shell.sidebar-collapsed .sidebar-head{min-height:132px!important;padding:10px 7px!important;flex-direction:column!important;justify-content:center!important}
.apex-portal .portal-shell.sidebar-collapsed .portal-brand{justify-content:center!important;flex:0 0 auto!important}
.apex-portal .portal-shell.sidebar-collapsed .portal-brand img{width:54px!important;height:54px!important;min-width:54px!important;flex-basis:54px!important}
.apex-portal .portal-shell.sidebar-collapsed .portal-brand span,.apex-portal .portal-shell.sidebar-collapsed .sidebar-group>small,.apex-portal .portal-shell.sidebar-collapsed .sidebar nav a>span,.apex-portal .portal-shell.sidebar-collapsed .sidebar-motto,.apex-portal .portal-shell.sidebar-collapsed .sidebar-developer,.apex-portal .portal-shell.sidebar-collapsed .logout span{display:none!important}
.apex-portal .portal-shell.sidebar-collapsed .sidebar nav{padding:8px 10px!important}.apex-portal .portal-shell.sidebar-collapsed .sidebar nav a{justify-content:center!important;padding:6px!important}.apex-portal .portal-shell.sidebar-collapsed .sidebar nav a>i{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important}
/* Ensure the logo is equally legible in responsive portal headers. */
.apex-portal .mobile-brand img,.apex-portal .desktop-portal-brand img{object-fit:contain!important;object-position:center!important;background:#fff!important;padding:3px!important;border-radius:10px!important}
/* Admin settings + PWA */
.settings-admin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.settings-admin-grid>.settings-savebar{grid-column:1/-1}.settings-card{margin:0!important}.settings-card textarea{min-height:96px}.pwa-current{display:flex;align-items:center;gap:12px;margin:0 0 17px;padding:12px;border:1px solid #e1e7ef;border-radius:12px;background:#f7f9fc}.pwa-current img{width:58px;height:58px;flex:0 0 58px;object-fit:contain;padding:4px;border:1px solid #e1e7ef;border-radius:12px;background:#fff}.pwa-current strong,.pwa-current small{display:block}.pwa-current strong{color:#061f49;font-size:.92rem}.pwa-current small{margin-top:4px;color:#6b778c;font-size:.72rem}.settings-note{display:flex;align-items:flex-start;gap:9px;margin-top:15px;padding:11px 12px;border-radius:10px;background:#f4f7fb;color:#5d6a7e;font-size:.76rem;line-height:1.45}.settings-note i{margin-top:2px;color:#a66f00}.settings-savebar{position:sticky;bottom:12px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;border:1px solid #dce3ec;border-radius:13px;background:rgba(255,255,255,.96);box-shadow:0 12px 35px rgba(6,31,73,.13);backdrop-filter:blur(10px)}.settings-savebar strong,.settings-savebar small{display:block}.settings-savebar strong{color:#061f49;font-size:.85rem}.settings-savebar small{margin-top:3px;color:#748095;font-size:.7rem}
@media(max-width:1180px){body.apex-portal.portal-sidebar-mode .sidebar{width:270px!important}.settings-admin-grid{grid-template-columns:1fr}}
@media(max-width:720px){.settings-savebar{bottom:78px;align-items:stretch;flex-direction:column}.settings-savebar .btn{width:100%}.apex-portal .sidebar-head .portal-brand strong{font-size:.9rem!important}}