/* PATCH 04 - SINN Gestão UI/UX refinado sem depender do Vite build */
:root{
  --sinn-bg:#f4f7fb;
  --sinn-surface:#ffffff;
  --sinn-surface-2:#e8eef9;
  --sinn-ink:#07070b;
  --sinn-muted:#667085;
  --sinn-navy:#141a2e;
  --sinn-blue:#1b3a6b;
  --sinn-gold:#d4af37;
  --sinn-border:#d8e0ee;
}
*{font-family:'Roboto',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;}
html,body{background:var(--sinn-bg)!important;color:var(--sinn-ink)!important;}
.sinn-app-body{background:linear-gradient(135deg,#f8fafc 0%,#edf3fc 48%,#f8f6ee 100%)!important;}
.sinn-login-body{background:radial-gradient(circle at top left,rgba(212,175,55,.18),transparent 26rem),linear-gradient(135deg,#07070b,#141a2e 55%,#1b3a6b)!important;}

/* Layout */
aside{width:18.5rem!important;background:#101728!important;border-right:1px solid rgba(212,175,55,.18)!important;box-shadow:10px 0 30px rgba(7,7,11,.12)!important;}
@media (min-width:1024px){.lg\:pl-80{padding-left:18.5rem!important}.lg\:pl-72{padding-left:18.5rem!important}}
header{background:rgba(255,255,255,.82)!important;border-bottom:1px solid var(--sinn-border)!important;box-shadow:0 10px 30px rgba(27,58,107,.06)!important;}
header>div{padding-top:1.15rem!important;padding-bottom:1.15rem!important;max-width:1180px!important;}
main{background:transparent!important;}

/* Sidebar */
.fit-sidebar-brand-shell{background:#fff!important;border-bottom:1px solid rgba(27,58,107,.10)!important;padding:1.1rem!important;}
.fit-sidebar-brand{background:#fff!important;border-radius:18px!important;padding:.65rem .85rem!important;box-shadow:none!important;ring:0!important;width:100%!important;}
.fit-sidebar-brand-logo{width:10rem!important;max-height:4.3rem!important;filter:none!important;}
.fit-sidebar-link{min-height:3rem!important;border-radius:15px!important;margin-bottom:.35rem!important;padding:.55rem .7rem!important;color:#d9e2f2!important;font-weight:700!important;letter-spacing:.01em!important;display:flex!important;align-items:center!important;gap:.8rem!important;}
.fit-sidebar-link:hover{background:rgba(232,238,249,.08)!important;color:#fff!important;}
.fit-sidebar-link-active{background:linear-gradient(135deg,var(--sinn-blue),#274c84)!important;color:#fff!important;box-shadow:0 12px 24px rgba(27,58,107,.26)!important;}
.fit-sidebar-icon{width:2.2rem!important;height:2.2rem!important;border-radius:13px!important;background:rgba(232,238,249,.12)!important;color:var(--sinn-gold)!important;border:1px solid rgba(232,238,249,.08)!important;ring:0!important;}
.fit-sidebar-link-active .fit-sidebar-icon{background:rgba(255,255,255,.16)!important;color:#fff!important;}
aside .fit-btn-soft, aside .fit-btn-secondary{border-radius:14px!important;font-weight:800!important;min-height:2.45rem!important;}
aside .fit-btn-soft{background:rgba(232,238,249,.08)!important;color:#e8eef9!important;border:1px solid rgba(232,238,249,.16)!important;}
aside .fit-btn-secondary{background:var(--sinn-gold)!important;color:#07070b!important;}

/* Botões e formulários */
.fit-btn-primary,.sinn-btn-primary{background:var(--sinn-blue)!important;color:#fff!important;border-radius:14px!important;font-weight:800!important;box-shadow:0 10px 18px rgba(27,58,107,.16)!important;}
.fit-btn-primary:hover,.sinn-btn-primary:hover{filter:brightness(1.05)!important;transform:translateY(-1px)!important;}
.fit-btn-secondary,.sinn-btn-secondary{background:var(--sinn-gold)!important;color:#07070b!important;border-radius:14px!important;font-weight:800!important;}
.fit-btn-soft,.sinn-btn-soft{background:#fff8e4!important;color:#674d00!important;border:1px solid rgba(212,175,55,.35)!important;border-radius:14px!important;font-weight:800!important;}
input,select,textarea{border-color:var(--sinn-border)!important;border-radius:14px!important;color:var(--sinn-ink)!important;background:#fff!important;box-shadow:0 1px 2px rgba(16,24,40,.03)!important;}
input:focus,select:focus,textarea:focus{border-color:var(--sinn-blue)!important;box-shadow:0 0 0 3px rgba(27,58,107,.12)!important;outline:none!important;}
label,.fit-form-label{color:#344054!important;font-weight:800!important;letter-spacing:.04em!important;}

/* Dashboard */
.sinn-dashboard-page{padding-top:1.35rem!important;}
.sinn-dashboard-page .max-w-7xl{max-width:1180px!important;}
.sinn-dashboard-filter{background:rgba(255,255,255,.88)!important;border:1px solid var(--sinn-border)!important;border-radius:22px!important;padding:1.15rem!important;box-shadow:0 16px 35px rgba(27,58,107,.08)!important;}
.sinn-period-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#fff;color:var(--sinn-blue);border:1px solid var(--sinn-border);padding:.55rem .85rem;transition:.18s ease;}
.sinn-period-chip:hover{background:var(--sinn-blue);color:#fff;border-color:var(--sinn-blue);}
.sinn-metric-card{position:relative;overflow:hidden;border-radius:22px!important;background:#fff!important;border:1px solid var(--sinn-border)!important;color:var(--sinn-ink)!important;box-shadow:0 10px 28px rgba(27,58,107,.07)!important;padding:1.25rem!important;min-height:8.4rem!important;}
.sinn-metric-card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--sinn-gold);}
.sinn-metric-card:hover{transform:translateY(-2px)!important;box-shadow:0 18px 38px rgba(27,58,107,.12)!important;}
.sinn-metric-card.sinn-card-blue:before{background:var(--sinn-blue);}
.sinn-metric-card.sinn-card-gold{background:linear-gradient(180deg,#fff 0%,#fffaf0 100%)!important;border-color:rgba(212,175,55,.35)!important;}
.sinn-metric-title{font-size:.86rem!important;font-weight:900!important;color:#1f2937!important;margin:0!important;}
.sinn-metric-sub{font-size:.75rem!important;font-weight:600!important;color:#667085!important;margin-top:.3rem!important;}
.sinn-metric-value{font-size:1.65rem!important;line-height:1.1!important;font-weight:900!important;color:#07070b!important;margin-top:1.05rem!important;letter-spacing:-.03em!important;}
.sinn-panel{background:rgba(255,255,255,.90)!important;border:1px solid var(--sinn-border)!important;border-radius:22px!important;box-shadow:0 12px 30px rgba(27,58,107,.07)!important;}
.sinn-table thead{background:#f5f7fb!important;color:#344054!important;}
.sinn-table th,.sinn-table td{padding:.8rem .9rem!important;}

/* Tabelas/listagens antigas reaproveitadas */
.fit-card,.fit-glass,.fit-table-wrap{border:1px solid var(--sinn-border)!important;background:#fff!important;box-shadow:0 10px 26px rgba(27,58,107,.07)!important;border-radius:22px!important;}
.fit-section-title{color:var(--sinn-ink)!important;font-weight:900!important;}
.fit-muted{color:var(--sinn-muted)!important;}
.fit-table{font-size:.875rem!important;}
.fit-table thead{background:#f5f7fb!important;color:#344054!important;}
.fit-table td{color:#344054!important;}
.fit-badge-success{background:#ecfdf3!important;color:#067647!important;border-color:#abefc6!important;}
.fit-badge-warning{background:#fffaeb!important;color:#b54708!important;border-color:#fedf89!important;}
.fit-badge-danger{background:#fef3f2!important;color:#b42318!important;border-color:#fecdca!important;}

/* Melhor leitura em telas largas */
@media (min-width:1280px){.sinn-dashboard-page .grid{gap:1.15rem!important}}
@media (max-width:1023px){aside{width:18rem!important}.sinn-dashboard-page{padding-top:1rem!important}}