/* Sistema Escolar — paleta inspirada en la identidad de Colegio Laubscher */
:root {
  --lau-ink: #202020;
  --lau-yellow: #ffb606;
  --lau-yellow-dark: #d99a00;
  --lau-mint: #1d9e92;
  --lau-paper: #ffffff;
  --lau-surface: #f7f7f5;
  --lau-line: #e7e4dd;
}

body { background: var(--lau-surface); color: #333; }
body a { color: var(--lau-mint); }
body a:hover, body a:focus { color: var(--lau-yellow-dark); }

body .page-container .sidebar-menu { background: var(--lau-ink); color: #fff; }
body .page-container .sidebar-menu .logo-env { background: #171717; border-bottom: 3px solid var(--lau-yellow); }
body .page-container .sidebar-menu #main-menu li { border-color: rgba(255,255,255,.09); }
body .page-container .sidebar-menu #main-menu li a { color: #f5f5f5; }
body .page-container .sidebar-menu #main-menu li a:hover,
body .page-container .sidebar-menu #main-menu li.active > a { background: var(--lau-yellow); color: var(--lau-ink); }
body .page-container .sidebar-menu #main-menu li ul > li > a,
body .page-container .sidebar-menu #main-menu li ul > li ul > li > a { background: #292929; }
body .page-container .sidebar-menu #main-menu li ul > li > a:hover { background: var(--lau-mint); color: #fff; }

.main-content > h3 { border-left: 5px solid var(--lau-yellow); color: var(--lau-ink); font-weight: 700; padding: 7px 0 7px 13px; }
.panel, .well, .tile-white { border-color: var(--lau-line); box-shadow: 0 2px 12px rgba(0,0,0,.05); }
.panel .panel-heading { background: var(--lau-paper); border-bottom: 2px solid var(--lau-yellow); color: var(--lau-ink); }
.panel-gradient .panel-heading { background: var(--lau-ink); color: #fff; }
.panel-gradient .panel-heading:before { background: var(--lau-yellow); }

.btn-primary, .btn-success { background: var(--lau-mint); border-color: var(--lau-mint); }
.btn-primary:hover, .btn-primary:focus, .btn-success:hover, .btn-success:focus { background: #157b72; border-color: #157b72; }
.btn-warning, .btn-yellow { background: var(--lau-yellow); border-color: var(--lau-yellow); color: var(--lau-ink); }
.btn-warning:hover, .btn-yellow:hover { background: var(--lau-yellow-dark); border-color: var(--lau-yellow-dark); }
.label-success, .badge-success { background: var(--lau-mint); }
.label-warning, .badge-warning { background: var(--lau-yellow); color: var(--lau-ink); }
.pagination > .active > a, .pagination > .active > span { background: var(--lau-mint); border-color: var(--lau-mint); }
.form-control:focus { border-color: var(--lau-mint); box-shadow: 0 0 0 2px rgba(29,158,146,.14); }

.tile-stats.tile-red, .tile-stats.tile-green, .tile-stats.tile-aqua, .tile-stats.tile-blue { background: var(--lau-paper); border-top: 4px solid var(--lau-yellow); color: var(--lau-ink); }
.tile-stats.tile-green { border-top-color: var(--lau-mint); }
.tile-stats .icon { color: rgba(32,32,32,.12); }
.tile-stats .num { color: var(--lau-ink); }
footer.main { color: #666; text-align: center; border-top-color: var(--lau-line); }

body.login-page { background: var(--lau-ink); }
body .login-container .login-header { background: var(--lau-paper); }
body .login-container .login-header.login-caret:after { border-top-color: var(--lau-paper); }
body.login-page .login-form .form-group .input-group { background: #2c2c2c; border-color: #555; }
body.login-page .login-form .form-group .btn-login { background: var(--lau-yellow); border-color: var(--lau-yellow); color: var(--lau-ink); font-weight: 700; }
body.login-page .login-form .form-group .btn-login:hover { background: var(--lau-mint); border-color: var(--lau-mint); color: #fff; }