:root {--sidebar:254px}
.dashboard {min-height:100vh;background:#f5f7f9;color:#162330;display:grid;grid-template-columns:var(--sidebar) 1fr}
.sidebar {background:linear-gradient(180deg,#111e29,#101922 62%,#0c141b);color:#d9e0e5;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;overflow-y:auto;border-right:1px solid #293b48}
.sidebar-brand {padding:25px 20px 23px;border-bottom:1px solid rgba(255,255,255,.08)}
.sidebar-brand .brand img {width:38px;height:38px}.sidebar-brand .brand-name {font-size:21px}.sidebar-brand .brand-caption {font-size:8px}
.sidebar-label {padding:27px 21px 12px;color:#80919f;font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:800}
.sidebar-menu {padding:0 11px;display:flex;flex-direction:column;gap:4px}
.side-item {display:flex;align-items:center;gap:10px;width:100%;font-size:12px;font-weight:600;text-align:left;padding:11px 13px;border-radius:8px;border:0;color:#c4ced7;background:transparent;transition:background .16s;color-scheme:dark}
.side-item .glyph {width:21px;text-align:center;color:#adb9c3;font-size:17px}
.side-item:hover {background:rgba(255,255,255,.06)}.side-item.active{background:rgba(198,163,91,.16);color:#f6d897;box-shadow:inset 3px 0 0 var(--gold)}.side-item.active .glyph{color:#f2cc7b}
.sidebar-bottom {margin-top:auto;padding:20px 16px;font-size:11px;color:#8798a5;border-top:1px solid rgba(255,255,255,.07)}
.workspace {min-width:0}
.topbar {height:77px;background:#fff;border-bottom:1px solid #e5ebef;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 35px}
.top-search {background:#f7f9fa;border:1px solid #e3e9ed;border-radius:9px;display:flex;align-items:center;gap:10px;color:#83919b;padding:11px 14px;flex:0 1 360px;font-size:12px}
.top-actions {display:flex;align-items:center;gap:14px}.top-actions a {font-size:12px;color:#596975;font-weight:700}.top-actions .avatar {width:35px;height:35px;border-radius:50%;background:#ecf0f2;color:#435564;display:grid;place-items:center;font-weight:800}
.workspace-body {max-width:1440px;padding:32px 38px 75px;margin:0 auto}
.demo-banner {display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid #ebd8aa;border-radius:9px;background:#fff9ec;color:#735a26;font-size:12px;line-height:1.5;margin-bottom:25px}
.demo-banner b {white-space:nowrap}
.breadcrumbs {font-size:11px;color:#81909b;margin-bottom:13px}
.page-heading {display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:25px}
.page-heading h1 {font:800 clamp(24px,3vw,32px) var(--font-display);letter-spacing:-.045em;margin:0 0 7px}.page-heading p {margin:0;color:#70818e;font-size:13px}
.page-heading .btn {font-size:12px;padding:12px 16px}
.stats {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:25px}
.stat {border-radius:13px;background:#fff;border:1px solid #e5eaee;padding:19px;min-height:125px;box-shadow:0 7px 22px rgba(10,25,39,.025)}
.stat small {font-size:11px;color:#74838e;display:block;margin-bottom:10px}.stat strong {font:800 25px var(--font-display);color:#1a2a36}.stat span {display:block;color:#87939c;font-size:11px;margin-top:9px}
.main-grid {display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.85fr);align-items:start;gap:18px}
.panel {background:white;border:1px solid #e5eaee;border-radius:14px;overflow:hidden;box-shadow:0 7px 22px rgba(10,25,39,.02)}
.panel-head {display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 22px 16px;border-bottom:1px solid #edf0f2}
.panel-head h2 {font:800 16px var(--font-display);margin:0}.panel-head small {font-size:11px;color:#8a96a0}
.module-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px}
.module-card {text-align:left;border:1px solid #e5ebef;background:#fff;border-radius:12px;padding:15px 13px;min-height:132px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;flex-direction:column;align-items:flex-start;gap:9px;color:#233341}
.module-card:hover,.module-card.selected {border-color:#c6a35b;box-shadow:0 5px 18px rgba(198,163,91,.12);transform:translateY(-2px)}
.module-card .module-icon {display:grid;place-items:center;background:#f6f0e4;border-radius:9px;width:36px;height:36px;font-size:19px;color:#8d692d}
.module-card strong {font-size:12px;line-height:1.45;font-weight:800}.module-card small {font-size:10px;color:#8c99a3;margin-top:auto}
.detail-body {padding:21px 22px}.detail-icon {width:46px;height:46px;background:#f5eddc;display:grid;place-items:center;border-radius:12px;color:#a67b32;font-size:24px;margin-bottom:13px}
.detail-body h3 {font:800 19px var(--font-display);margin:0 0 8px}.detail-body p {color:#758590;font-size:12px;line-height:1.75;margin:0 0 17px}
.detail-items {list-style:none;padding:0;margin:15px 0 19px}.detail-items li {border-top:1px solid #edf1f4;padding:11px 0;display:flex;gap:11px;align-items:center;justify-content:space-between;font-size:12px;color:#3d4f5b}
.detail-items li span:last-child {color:#8e9ba4;font-size:10px;text-align:right;white-space:nowrap}
.quick-links {padding:20px 22px;border-top:1px solid #edf1f4;display:flex;flex-direction:column;gap:10px}
.quick-links a {display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e8edf0;border-radius:8px;padding:12px;color:#314350;font-size:12px;font-weight:700}.quick-links a:hover{border-color:var(--gold)}
.mobile-sidebar-toggle {display:none;border:1px solid #dae2e7;border-radius:8px;padding:9px 11px;background:white}
@media(max-width:1190px){.main-grid{grid-template-columns:1fr}.module-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.dashboard{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);transform:translateX(-100%);transition:transform .2s;z-index:30}.sidebar.open{transform:translateX(0)}.mobile-sidebar-toggle{display:inline-flex}.topbar{padding:0 19px}.workspace-body{padding:23px 19px 55px}}
@media(max-width:640px){.top-search{display:none}.top-actions .text-link{display:none}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}.module-card{min-height:115px}.stats{gap:9px}.stat{min-height:112px;padding:13px}.stat strong{font-size:22px}.page-heading{align-items:flex-start}.page-heading .btn{display:none}.demo-banner{align-items:flex-start;flex-direction:column}}

/* v1.0.2 — tipografia, responsividade e acessibilidade */
.dashboard .side-item {font-family:var(--font-body)}
.dashboard .sidebar-menu {padding-bottom:18px}
.dashboard .sidebar-label.inner-label {padding:18px 11px 8px}
.dashboard .module-card {cursor:pointer}
.dashboard .module-card.selected {background:#fffcf5}
.dashboard .topbar .avatar {flex-shrink:0}
.dashboard .demo-banner strong {white-space:nowrap}
@media(max-width:900px){.top-search {flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar{gap:9px}}
@media(max-width:640px){.top-actions{gap:8px}.topbar{height:65px}.workspace-body{padding:20px 15px 45px}.panel-head{flex-wrap:wrap;padding:17px}.panel-head small{line-height:1.5}.page-heading h1{font-size:25px}.stat{overflow-wrap:anywhere}}
/* v1.0.3 — marca aprovada na prévia de menu */
.sidebar-brand{padding:22px 15px 20px}
.sidebar-brand .brand img.brand-logo{width:221px;max-width:100%;height:auto}
.sidebar {background:linear-gradient(165deg,#14222e,#0b131a)}
.sidebar-bottom{color:#94a6b4}
@media(max-width:640px){.sidebar-brand .brand img.brand-logo{width:208px}}

/* v1.0.4 — icones vetoriais 2x+ e acesso real ao cadastro de grupos */
:root {--sidebar:292px}
.dashboard .side-item {gap:13px;min-height:55px;font-size:13px;padding:8px 13px}
.dashboard .side-item .glyph {display:block;flex:0 0 36px;width:36px;height:36px;color:#b7c8d4;stroke-width:1.65}
.dashboard .side-item.active .glyph {color:#f2cc7b}
.dashboard .side-subitem {display:flex;align-items:center;justify-content:space-between;gap:10px;margin:1px 0 6px 62px;padding:9px 9px 10px;border-left:2px solid rgba(198,163,91,.65);color:#e6d4ac;font-size:12px;font-weight:700;border-radius:0 6px 6px 0}
.dashboard .side-subitem:hover {background:rgba(198,163,91,.12)}
.dashboard .module-card {min-height:170px;gap:12px;padding:18px 17px}
.dashboard .module-card .module-icon {display:block;flex-shrink:0;width:72px;height:72px;padding:13px;border-radius:15px;color:#947032;background:#f6f0e4;stroke-width:1.7}
.dashboard .module-card strong {font-size:13px}
.dashboard .module-card small {font-size:11px}
.dashboard .detail-icon {width:85px;height:85px;background:#f5eddc;border-radius:16px}
.dashboard .detail-svg {display:block;width:60px;height:60px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.dashboard .detail-items a {font-weight:800;color:#765823;text-decoration:underline;text-underline-offset:3px}
.dashboard .quick-links a.quick-primary {background:#fbf5e7;border-color:#d5b570;color:#694d20}
.dashboard .quick-links a.quick-primary:hover {background:#f8edcf}
@media(max-width:640px){.dashboard .module-card{min-height:158px;padding:13px}.dashboard .module-card .module-icon{width:68px;height:68px;padding:12px}.dashboard .side-item .glyph{width:36px;height:36px}}

/* v1.0.5 — cartoes menores; sidebar padronizada em zaref-sidebar.css */
.dashboard .module-card {min-height:149px;gap:10px;padding:16px}
.dashboard .module-card .module-icon {width:56px;height:56px;padding:11px;border-radius:12px}
.dashboard .detail-icon {width:68px;height:68px;border-radius:14px}
.dashboard .detail-svg {width:46px;height:46px}
@media(max-width:640px){.dashboard .module-card{min-height:145px}.dashboard .module-card .module-icon{width:52px;height:52px;padding:10px}}

/* v1.0.6 — largura unificada com a sidebar compartilhada */
:root {--sidebar:274px}
@media(min-width:901px){.dashboard {grid-template-columns:var(--sidebar) minmax(0,1fr);transition:grid-template-columns .2s ease}}
@media(max-width:900px){.dashboard {grid-template-columns:minmax(0,1fr)}}