/* ==========================================================================
   skin-smsbird — AdminLTE skin in the smsbird brand
   Palette: #FAB713 yellow · #1B72E9 blue · #2E2E2E charcoal · #FFFFFF
   ========================================================================== */

/* thin yellow brand line across the very top of the app */
.skin-smsbird .main-header { border-bottom: 0; }
.skin-smsbird .main-header::before {
    content: ""; position: fixed; top: 0; left: 0; right: 0; height: 3px;
    background: linear-gradient(90deg, #FAB713 0%, #FFCB3D 50%, #FAB713 100%);
    z-index: 1040;
}

/* ---- Logo block (top-left, above the sidebar) ---- */
.skin-smsbird .main-header .logo {
    background: #ffffff;
    color: #2E2E2E;
    font-weight: 800;
    letter-spacing: .5px;
    border-bottom: 1px solid #eef0f2;
    transition: background .2s ease;
}
.skin-smsbird .main-header .logo:hover { background: #fffdf6; }
.skin-smsbird .main-header .logo .logo-lg img,
.skin-smsbird .main-header .logo .logo-mini img { display: inline-block; vertical-align: middle; }
.skin-smsbird .main-header .logo #application-title { color: #2E2E2E; }

/* ---- Top navbar ---- */
.skin-smsbird .main-header .navbar {
    background: #ffffff;
    border-bottom: 1px solid #eef0f2;
    box-shadow: 0 1px 3px rgba(20, 23, 28, .04);
}
.skin-smsbird .main-header .navbar .nav > li > a { color: #4a4f57; }
.skin-smsbird .main-header .navbar .nav > li > a:hover,
.skin-smsbird .main-header .navbar .nav > li > a:active,
.skin-smsbird .main-header .navbar .nav > li > a:focus,
.skin-smsbird .main-header .navbar .nav .open > a,
.skin-smsbird .main-header .navbar .nav .open > a:hover {
    background: #f5f6f8; color: #1B72E9;
}
.skin-smsbird .main-header .navbar .sidebar-toggle { color: #4a4f57; }
.skin-smsbird .main-header .navbar .sidebar-toggle:hover { background: #f5f6f8; color: #2E2E2E; }
.skin-smsbird .main-header .navbar > .sidebar-toggle { border-right: 1px solid #eef0f2; }
.skin-smsbird .main-header .navbar .navbar-custom-menu .navbar-nav > li > a { border-left: 1px solid #f1f2f4; }
/* notification / message badges in brand colors */
.skin-smsbird .navbar .label-success { background: #1B72E9; }
.skin-smsbird .navbar .label-warning,
.skin-smsbird .navbar .label-danger  { background: #FAB713; color: #2E2E2E; }

/* ---- Sidebar ---- */
.skin-smsbird .main-sidebar,
.skin-smsbird .left-side { background-color: #2A2D33; }
.skin-smsbird .wrapper,
.skin-smsbird .main-sidebar,
.skin-smsbird .left-side { background-color: #2A2D33; }

.skin-smsbird .user-panel > .info,
.skin-smsbird .user-panel > .info > a { color: #f3f4f6; }
.skin-smsbird .user-panel { border-bottom: 1px solid rgba(255,255,255,.06); }
.skin-smsbird .user-panel > .image > img { border: 2px solid rgba(250,183,19,.6); }

/* section headers */
.skin-smsbird .sidebar-menu > li.header {
    color: #767b85; background: #25282d;
    text-transform: uppercase; letter-spacing: .8px; font-size: 11px; font-weight: 700;
}
/* menu items */
.skin-smsbird .sidebar-menu > li > a {
    color: #c2c6cd; border-left: 3px solid transparent; font-weight: 500;
    transition: color .15s ease, background .15s ease, border-color .15s ease;
}
.skin-smsbird .sidebar-menu > li > a > .fa,
.skin-smsbird .sidebar-menu > li > a > .glyphicon,
.skin-smsbird .sidebar-menu > li > a > .ion { color: #8b9099; transition: color .15s ease; }
.skin-smsbird .sidebar-menu > li:hover > a,
.skin-smsbird .sidebar-menu > li.active > a,
.skin-smsbird .sidebar-menu > li.menu-open > a {
    color: #ffffff; background: #23262b; border-left-color: #FAB713;
}
.skin-smsbird .sidebar-menu > li.active > a > .fa,
.skin-smsbird .sidebar-menu > li:hover > a > .fa,
.skin-smsbird .sidebar-menu > li.active > a > .glyphicon,
.skin-smsbird .sidebar-menu > li.active > a > .ion { color: #FAB713; }
.skin-smsbird .sidebar-menu > li > .treeview-menu { background: #23262b; }
.skin-smsbird .sidebar-menu .treeview-menu > li > a { color: #aab0b8; }
.skin-smsbird .sidebar-menu .treeview-menu > li.active > a,
.skin-smsbird .sidebar-menu .treeview-menu > li > a:hover { color: #FAB713; }
.skin-smsbird .sidebar a { color: #c2c6cd; }

/* sidebar search form */
.skin-smsbird .sidebar-form {
    border-radius: 8px; border: 1px solid rgba(255,255,255,.08); overflow: hidden; margin: 12px;
}
.skin-smsbird .sidebar-form input[type="text"] {
    background: #23262b; border: 0; color: #e6e8eb; box-shadow: none;
}
.skin-smsbird .sidebar-form input[type="text"]::placeholder { color: #7b818b; }
.skin-smsbird .sidebar-form .btn { background: #23262b; border: 0; color: #8b9099; box-shadow: none; }

/* content + footer */
.skin-smsbird.content-wrapper,
.skin-smsbird .content-wrapper,
.skin-smsbird .right-side { background-color: #f4f5f7; }
.skin-smsbird .main-footer {
    background: #ffffff; border-top: 1px solid #eef0f2; color: #8a9099;
}
.skin-smsbird .main-footer a { color: #1B72E9; }

/* collapsed-sidebar hover popups keep brand */
.skin-smsbird.sidebar-collapse .sidebar-menu > li:hover > a { background: #23262b; }
