/* =====================================================================
   Robtech Control — Identidade visual
   Cores extraídas do logo: azul escuro, branco, azul água (teal), laranja
   ===================================================================== */
:root {
    --rt-navy:       #1F2D52;   /* azul escuro (fundo do logo)        */
    --rt-navy-dark:  #16203D;   /* variação escura                    */
    --rt-navy-soft:  #2A3A64;   /* hover no menu                      */
    --rt-aqua:       #7FE7D4;   /* azul água (olhos do robô)          */
    --rt-aqua-dark:  #46C7B0;
    --rt-orange:     #E8641E;   /* laranja (detalhes)                 */
    --rt-orange-dk:  #C9520F;
    --rt-gray:       #F4F6F9;
}

body { background: var(--rt-gray); }

/* ---- Sidebar ---- */
.main-sidebar.rt-sidebar {
    background: linear-gradient(180deg, var(--rt-navy) 0%, var(--rt-navy-dark) 100%);
}
.rt-sidebar .brand-link {
    background: var(--rt-navy-dark);
    border-bottom: 1px solid rgba(255,255,255,.06);
    text-align: center;
}
.rt-sidebar .brand-link .brand-image {
    max-height: 42px; margin: 0; opacity: 1;
}
.rt-sidebar .brand-text {
    font-weight: 700; letter-spacing: .5px; color: #fff;
}
.rt-sidebar .brand-text small { color: var(--rt-aqua); font-weight: 500; }

.rt-sidebar .nav-sidebar .nav-link {
    color: #cdd6ea; border-radius: 8px; margin: 2px 8px;
}
.rt-sidebar .nav-sidebar .nav-link:hover {
    background: var(--rt-navy-soft); color: #fff;
}
.rt-sidebar .nav-sidebar .nav-link.active {
    background: var(--rt-orange); color: #fff;
    box-shadow: 0 3px 10px rgba(232,100,30,.4);
}
.rt-sidebar .nav-sidebar .nav-link.active i { color: #fff; }
.rt-sidebar .nav-icon { color: var(--rt-aqua); }

/* ---- Navbar topo ---- */
.rt-navbar { background: #fff; border-bottom: 1px solid #e6e9f2; }

/* ---- Botões ---- */
.btn-rt {
    background: var(--rt-orange); border-color: var(--rt-orange); color: #fff;
}
.btn-rt:hover { background: var(--rt-orange-dk); border-color: var(--rt-orange-dk); color:#fff; }
.btn-rt-navy { background: var(--rt-navy); border-color: var(--rt-navy); color:#fff; }
.btn-rt-navy:hover { background: var(--rt-navy-dark); color:#fff; }
a, .text-rt { color: var(--rt-navy); }
.text-aqua { color: var(--rt-aqua-dark) !important; }

/* ---- Cards de métrica ---- */
.rt-metric {
    border: none; border-radius: 14px; overflow: hidden;
    box-shadow: 0 4px 14px rgba(31,45,82,.08);
}
.rt-metric .inner { padding: 18px 20px; }
.rt-metric .valor { font-size: 1.8rem; font-weight: 700; color: var(--rt-navy); }
.rt-metric .rotulo { color: #7b86a1; font-size: .85rem; text-transform: uppercase; letter-spacing:.5px; }
.rt-metric .rt-ico {
    width: 54px; height: 54px; border-radius: 12px;
    display:flex; align-items:center; justify-content:center; font-size:1.4rem; color:#fff;
}
.bg-navy   { background: var(--rt-navy)   !important; }
.bg-aqua   { background: var(--rt-aqua-dark) !important; }
.bg-orange { background: var(--rt-orange) !important; }

.card { border-radius: 14px; border:none; box-shadow: 0 4px 14px rgba(31,45,82,.06); }
.card-header { border-bottom: 1px solid #eef1f7; font-weight:600; color: var(--rt-navy); }

/* ---- Tela de login ---- */
.rt-login-wrap {
    min-height: 100vh; display:flex; align-items:center; justify-content:center;
    background: radial-gradient(1200px 600px at 30% -10%, #2c3d6b 0%, var(--rt-navy) 45%, var(--rt-navy-dark) 100%);
    padding: 20px;
}
.rt-login-card {
    width: 100%; max-width: 400px; background:#fff; border-radius: 18px;
    box-shadow: 0 18px 50px rgba(0,0,0,.35); padding: 34px 30px; text-align:center;
}
.rt-login-card img { max-width: 120px; margin-bottom: 6px; }
.rt-login-card h1 { font-size: 1.35rem; font-weight:700; color: var(--rt-navy); margin-bottom: 2px; }
.rt-login-card .slogan { color:#8a93ab; font-size:.85rem; margin-bottom: 22px; }
.rt-login-card .form-control { border-radius: 10px; padding: .7rem .9rem; }
.rt-login-card .btn-rt { width:100%; padding:.7rem; border-radius: 10px; font-weight:600; }

/* ---- Tabela de permissões ---- */
.rt-perm-table th, .rt-perm-table td { vertical-align: middle; }
.rt-perm-table thead th { background: var(--rt-navy); color:#fff; font-weight:600; }
.rt-perm-table .modulo-nome { font-weight:600; color: var(--rt-navy); }
.rt-perm-table .modulo-nome i { color: var(--rt-aqua-dark); width:20px; text-align:center; }
.form-check-input:checked { background-color: var(--rt-orange); border-color: var(--rt-orange); }

/* ---- Placeholder de módulo ---- */
.rt-placeholder {
    text-align:center; padding: 70px 20px; color:#8a93ab;
}
.rt-placeholder i { font-size: 3.4rem; color: var(--rt-aqua-dark); margin-bottom: 16px; }
.rt-placeholder h3 { color: var(--rt-navy); font-weight:700; }

.badge-rt-orange { background: var(--rt-orange); }
.badge-rt-navy   { background: var(--rt-navy); }
.badge-rt-aqua   { background: var(--rt-aqua-dark); }