:root{
  --k-white:#ffffff; --k-black:#000000; --k-teal:#008C8C;
  --k-teal-2: rgba(0, 140, 140, 0.12);
  --k-border: rgba(0,0,0,0.12);
  --k-muted: rgba(0,0,0,0.66);
}
.k-body{ background:var(--k-white); color:var(--k-black); font-family:Arial, sans-serif;}
/* Topbar no verde padrão do sistema, com tipografia em caixa alta */
.k-topbar{ background:var(--k-teal); border-bottom:0; font-family:Arial, sans-serif;}
.k-topbar-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 12px;gap:16px;}
.k-logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
/* Logo do header +50% (44px -> 66px) */
.k-logo-img{height:66px;max-height:66px;width:auto;display:block;}
.k-nav{display:flex;align-items:center;gap:10px;}
.k-nav-link{color:rgba(255,255,255,0.95);text-decoration:none;font-weight:700;padding:8px 10px;border-radius:10px;text-transform:uppercase;}
.k-nav-link:hover{color:var(--k-white);background:rgba(255,255,255,0.08);}
.k-user{display:flex;align-items:center;gap:10px;}
.k-user-name{color:rgba(255,255,255,0.95);font-weight:700;text-transform:uppercase;}
.k-main{padding-top:22px;padding-bottom:40px;}
.k-btn-primary{background:var(--k-teal);border:1px solid var(--k-teal);color:var(--k-white);font-weight:700;border-radius:12px;padding:10px 14px;}
.k-btn-primary:hover{background:#007a7a;border-color:#007a7a;color:var(--k-white);}
.k-btn-outline{border:1px solid var(--k-teal);color:var(--k-teal);background:transparent;font-weight:700;border-radius:12px;padding:10px 14px;}
.k-btn-outline:hover{background:var(--k-teal-2);}
.k-btn-ghost{border:1px solid rgba(255,255,255,0.25);color:var(--k-white);background:transparent;font-weight:700;border-radius:12px;padding:8px 12px;text-transform:uppercase;}
.k-btn-ghost:hover{background:rgba(255,255,255,0.08);color:var(--k-white);}
.k-input{border-radius:0;border:1px solid var(--k-border);}
.k-input:focus{border-color:var(--k-teal);box-shadow:0 0 0 0.2rem rgba(0,140,140,0.2);}
.k-page{padding:4px 0;}
.k-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--k-border);}
.k-h1{font-size:28px;font-weight:900;margin:0;letter-spacing:0.5px;}
.k-sub{margin-top:6px;color:var(--k-muted);}
.k-pill{border:1px solid var(--k-border);border-radius:999px;padding:8px 12px;font-weight:700;background:#fff;}
.k-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;}
.k-card{grid-column:span 3;border:1px solid var(--k-border);border-radius:6px;padding:16px;background:var(--k-white);box-shadow:0 6px 18px rgba(0,0,0,0.06);color:inherit;}
.k-card-link{text-decoration:none;}
.k-card-link:hover{border-color:rgba(0,140,140,0.55);box-shadow:0 10px 28px rgba(0,0,0,0.10);}
.k-card-title{font-weight:800;letter-spacing:0.2px;}
.k-card-value{font-size:30px;font-weight:900;margin-top:6px;}
.k-card-hint{color:var(--k-muted);margin-top:8px;}
.k-card-cta{margin-top:14px;display:inline-block;font-weight:900;color:var(--k-teal);}
.k-toolbar{display:flex;gap:12px;align-items:center;padding:8px 0;}
.k-iconbtn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#d00;font-size:28px;text-decoration:none;}
.k-iconbtn:hover{background:rgba(0,0,0,0.04);border-radius:6px;}
.k-input-wide{max-width:980px;border:1px solid #d00;}
.k-input-mid{max-width:700px;}
.auth-shell{min-height:calc(100vh - 90px);display:flex;align-items:center;justify-content:center;padding:24px 0;}
.auth-card{width:min(460px,100%);border:1px solid var(--k-border);border-radius:18px;padding:18px;box-shadow:0 10px 24px rgba(0,0,0,0.08);}
.brand{display:flex;gap:12px;align-items:center;margin-bottom:10px;}
.brand-mark{width:40px;height:40px;border-radius:14px;background:var(--k-teal);}
.brand-name{font-weight:900;font-size:18px;line-height:1;}
.brand-sub{color:var(--k-muted);font-weight:700;font-size:13px;margin-top:4px;}
.auth-title{font-weight:900;margin:10px 0 0 0;}
@media (max-width:992px){.k-card{grid-column:span 6;}}
@media (max-width:576px){.k-card{grid-column:span 12;}.k-page-header{align-items:flex-start;flex-direction:column;}}

/* ===== Layout com menu lateral retrátil (estilo do print) ===== */
.k-shell{display:flex;min-height:100vh;}
.k-sidebar{
  width:260px;
  background:var(--k-teal);
  color:var(--k-white);
  display:flex;
  flex-direction:column;
  position:sticky;
  top:0;
  height:100vh;
}
.k-sidebar-head{display:flex;align-items:center;gap:10px;padding:14px 12px;border-bottom:1px solid rgba(255,255,255,0.12);}
.k-sidebar-toggle{width:44px;height:44px;border:0;background:rgba(0,0,0,0.08);color:var(--k-white);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:24px;}
.k-sidebar-toggle:hover{background:rgba(0,0,0,0.14);}
.k-sidebar-brand{display:flex;align-items:center;text-decoration:none;}
.k-logo-img--side{height:50px;max-height:50px;}

.k-side-nav{padding:10px 6px;display:flex;flex-direction:column;gap:4px;}
.k-side-link{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 12px;
  border-radius:10px;
  color:rgba(255,255,255,0.95);
  text-decoration:none;
  font-weight:800;
  text-transform:uppercase;
  font-family:Arial, sans-serif;
}
.k-side-link i{font-size:22px;min-width:22px;}
.k-side-link:hover{background:rgba(0,0,0,0.10);color:var(--k-white);}
.k-side-link.active{background:rgba(255,255,255,0.14);}

.k-side-footer{margin-top:auto;padding:10px 6px 14px;border-top:1px solid rgba(255,255,255,0.12);}
.k-side-logout{margin:0;}
.k-side-link--logout{width:100%;border:0;background:transparent;text-align:left;}

.k-content{flex:1;min-width:0;display:flex;flex-direction:column;}
.k-topbar--content{background:#fff;border-bottom:1px solid var(--k-border);}
.k-topbar-inner--content{padding:10px 12px;}
.k-main--content{padding-top:18px;}

/* Logo no topo do conteúdo (todas as telas pós-login) */
.k-topbar-left{display:flex;align-items:center;gap:10px;}
.k-topbar-brand{display:inline-flex;align-items:center;text-decoration:none;}
.k-logo-img--top{height:52px;max-height:52px;}

/* Estado recolhido */
body.k-sidebar-collapsed .k-sidebar{width:78px;}
body.k-sidebar-collapsed .k-sidebar-brand{display:none;}
body.k-sidebar-collapsed .k-side-link{justify-content:center;}
body.k-sidebar-collapsed .k-side-link span{display:none;}
body.k-sidebar-collapsed .k-side-nav{padding:10px 8px;}
body.k-sidebar-collapsed .k-side-footer{padding:10px 8px 14px;}

@media (max-width:992px){
  .k-sidebar{position:fixed;left:0;z-index:1030;box-shadow:0 10px 30px rgba(0,0,0,0.25);}
  .k-content{margin-left:260px;}
  body.k-sidebar-collapsed .k-content{margin-left:78px;}
}