/* Skin Zavorus — camada de demonstração (demo/brand/zavorus.mjs) */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#F4F4EF;--surface:#fff;--line:#E3E6EA;--text:#111C2E;--muted:#64748B;--nav:#111C2E;--nav2:#1b2b42;--blue:#11858A;--blue2:#DDF0EF}
html,body,button,input,select,textarea{font-family:Manrope,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}
body{background:var(--bg)}
/* Login */
.loginWrap{background:radial-gradient(90% 70% at 92% 8%,rgba(195,161,106,.16),transparent 55%),linear-gradient(135deg,#0c1524,#111C2E 55%,#0f3a43)!important}
.loginCard{border-radius:18px!important}
.logoMark{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22600%22%20height%3D%22600%22%20viewBox%3D%220%200%20600%20600%22%20role%3D%22img%22%20aria-labelledby%3D%22title%20desc%22%3E%0A%20%20%3Ctitle%20id%3D%22title%22%3EZavorus%20%E2%80%94%20S%C3%ADmbolo%3C%2Ftitle%3E%0A%20%20%3Cdesc%20id%3D%22desc%22%3EZ%20geom%C3%A9trico%20em%20azul-marinho%2C%20turquesa%20e%20champanhe.%3C%2Fdesc%3E%0A%20%20%3Cg%20transform%3D%22translate(67%2067)%20scale(5.07)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M17%2017h60L64%2029H17z%22%20fill%3D%22%23111C2E%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M68%2025h11L24%2069H13v-13z%22%20fill%3D%22%2311858A%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M29%2064h48L66%2076H17z%22%20fill%3D%22%23111C2E%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M66%2076h11l10-12H76z%22%20fill%3D%22%23C3A16A%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") center/80% no-repeat,#fff!important;box-shadow:inset 0 0 0 1px rgba(17,28,46,.12)!important}
.brandBig strong{letter-spacing:.12em;color:#111C2E}
/* Barra lateral: logotipo oficial + produto */
.zvBrand{display:block!important;padding:4px 12px 18px!important;border-bottom:0!important}
.zvLogo{display:block;width:150px;height:auto;margin:2px 0 18px}
.zvRule{display:block;width:26px;height:2px;background:#C3A16A;margin-bottom:10px}
.zvProduct{display:flex;align-items:baseline;gap:8px;white-space:nowrap}
.zvProduct strong{font-size:19px!important;letter-spacing:.13em!important;color:#F7F7F3;font-weight:800}
.zvProduct span{font-size:10px;letter-spacing:.12em;color:#9fb0c6}
.zvBrand small{display:block;color:#9fb0c6!important;font-size:12px!important;margin-top:4px!important}
.navLabel{color:#8d9db4!important;letter-spacing:.14em!important}
/* Navegação — opção B */
.navBtn{color:#d5deea!important;border-radius:10px!important;font-weight:600}
.navBtn .navIcon{color:#8d9db4!important;filter:grayscale(1)}
.navBtn:hover{background:rgba(247,247,243,.06)!important}
.navBtn.on{background:#1d3048!important;color:#F7F7F3!important;box-shadow:inset 3px 0 0 #C3A16A,0 0 0 1px rgba(255,255,255,.04)!important;font-weight:700}
.navBtn.on .navIcon{color:#C3A16A!important;filter:none}
.zvDemoCard{border:1px solid rgba(247,247,243,.14);background:rgba(247,247,243,.04);border-radius:12px;padding:11px 12px;color:#dfe6ef;font-size:12px;font-weight:600}
.zvDemoCard small{display:block;color:#93a3b8;font-size:10.5px;font-weight:500;margin-top:5px}
.zvDot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2fb7a5;margin-right:8px;vertical-align:middle}
.sidebarFoot{background:linear-gradient(transparent,var(--nav) 18%)!important;padding:22px 14px 14px!important}
/* Superfícies */
.topbar{background:#fff!important;border-bottom:1px solid var(--line)!important}
.card,.kpi,.panel,.teamDayCard,.validationCard{border-radius:14px!important}
.kpi{border-color:var(--line)!important;box-shadow:0 1px 2px rgba(17,28,46,.04)}
.kpi .n{color:#111C2E;font-weight:800}
.kpi.info .n{color:#11858A!important}
.pageHead h1{color:#111C2E;font-weight:800;letter-spacing:-.01em}
.avatar{background:#111C2E!important}
/* Botões e seleção */
.primary,.btn.blue{background:#11858A!important;border-color:#11858A!important;color:#fff!important}
.btn{border-color:#cfd6df!important;color:#111C2E!important;font-weight:700!important;border-radius:10px!important}
.btn.blue{color:#fff!important}
.seg button.on{background:#11858A!important}
.tab.on{color:#111C2E!important;border-color:#C3A16A!important}
.field input:focus{border-color:#11858A!important;box-shadow:0 0 0 3px rgba(17,133,138,.18)!important}
.textBtn,.linkBtn,.buildingName{color:#0e6f73!important}
.note{background:#eef7f7!important;color:#0e5f62!important}
.mobileNav button.on{color:#11858A!important;background:#eef7f7!important}
.tag.blue{background:#DDF0EF!important;color:#0e6f73!important}