/* ============================================================================
 * Ebizon admin — modern bold-blue theme
 * Palette ported from the Outreach Crayon (app.outreachcrayon.com) redesign.
 * Loaded ONLY for the admin role (prototype); see View/includes/head.php.
 * ==========================================================================*/

/* Flat dark-navy top bar (replaces the old teal gradient) */
.navbar-inverse{ background-color:#052347 !important; background-image:none !important; }

/* Dark-navy sidebar to match the top bar */
.sidebar-main{ background-color:#052347 !important; }
.sidebar-main .navigation>li>a{ color:#c9d6e6; }
.sidebar-user{ border-bottom:1px solid rgba(255,255,255,.06); }

/* Bold-blue active item, deep-blue hover (accordion parents + children) */
.navigation>li.active>a{ background-color:#0F69D5 !important; color:#fff !important; }
.navigation>li>a:hover,
.navigation>li:hover>a,
.navigation ul>li.active>a,
.navigation ul>li>a:hover{ background-color:#083A74 !important; color:#fff !important; }
.navigation li img{ margin-right:8px; }

/* Section labels: readable on navy */
.navigation-main>li.navigation-header{ color:#7089a6 !important; }

/* Top-right identity: avatar circle + name + role */
.navbar .dropdown-user .dropdown-toggle{ display:flex; align-items:center; gap:10px; }
.navbar .dropdown-user .dropdown-toggle .id-text h6{ margin:0; color:#fff; font-size:14px; font-weight:600; line-height:1.2; }
.navbar .dropdown-user .dropdown-toggle .id-text .role{ color:#9fb3cc; font-size:11px; display:block; line-height:1; }
.user-profile-pic{ width:38px; height:38px; border-radius:50%; overflow:hidden; flex:0 0 38px; }
.user-profile-pic img{ width:100%; height:100%; object-fit:cover; }
.avatar-fallback{ width:38px; height:38px; display:flex; align-items:center; justify-content:center;
    font-size:14px; font-weight:700; color:#052347; background-color:#B9FF8E; border-radius:50%; }

/* Admin top-right menu can hold many items — make it scroll */
.navbar .dropdown-user .dropdown-menu{ max-height:82vh; overflow-y:auto; min-width:240px; }

/* Admin Settings hub page */
.settings-group{ margin-bottom:28px; }
.settings-group-title{ font-size:12px; text-transform:uppercase; letter-spacing:.04em; color:#7089a6;
    font-weight:700; margin:0 0 12px 3px; }
.settings-card{ display:flex; align-items:flex-start; gap:12px; background:#fff; border:1px solid #e6ebf2;
    border-radius:10px; padding:16px; margin-bottom:16px; min-height:84px; transition:all .15s ease;
    box-shadow:0 1px 2px rgba(5,35,71,.04); }
.settings-card:hover{ border-color:#0F69D5; box-shadow:0 4px 14px rgba(15,105,213,.14); text-decoration:none;
    transform:translateY(-1px); }
.settings-card-icon{ flex:0 0 42px; width:42px; height:42px; border-radius:9px; display:flex;
    align-items:center; justify-content:center; background:#eaf2fd; color:#0F69D5; font-size:18px; }
.settings-card-body{ display:flex; flex-direction:column; }
.settings-card-title{ color:#0D0D0D; font-weight:600; font-size:14px; line-height:1.3; }
.settings-card-desc{ color:#7d8aa0; font-size:12px; margin-top:2px; }

/* Compact (icon-only) sidebar: let hover fly-out submenus escape the admin
   scroll container (overflow:scroll on .sidebar-content otherwise clips them). */
.sidebar-xs .sidebar-content{ overflow: visible !important; height: auto !important; }