/* Estrutura dos layouts; cores e tipografia pertencem aos temas. */
body[data-ui-layout="dashboard"]{--sidebar-width:244px;background:var(--paper)}
.dashboard-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}
.dashboard-sidebar{position:sticky;top:0;height:100vh;padding:22px 15px;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;gap:24px;z-index:30}.dashboard-brand{font:900 30px/1 var(--font-body);letter-spacing:-2px;padding:4px 10px}.dashboard-brand span{color:var(--orange)}.sidebar-toggle{position:absolute;right:13px;top:18px;border:0;background:transparent;color:inherit;padding:8px;border-radius:9px}.dashboard-sidebar nav{display:grid;gap:5px}.dashboard-sidebar nav button{border:0;background:transparent;color:color-mix(in srgb,var(--paper),transparent 25%);border-radius:12px;padding:11px 12px;display:flex;align-items:center;gap:12px;text-align:left;font-weight:750}.dashboard-sidebar nav button:hover,.dashboard-sidebar nav button.active{background:color-mix(in srgb,var(--orange),transparent 72%);color:var(--paper)}.dashboard-sidebar nav i{width:24px;font-style:normal;text-align:center}
.dashboard-main{min-width:0;padding:0 clamp(18px,3.3vw,52px)}.dashboard-top{min-height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.dashboard-top>div:first-child{display:grid}.dashboard-top strong{font-size:18px}.dashboard-status{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.dashboard-status>span{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}
.dashboard-page{padding:28px 0 48px;max-width:1380px;margin:auto}.dashboard-page .tabs{margin-top:0}.dashboard-welcome{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:24px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(22px,3vw,38px);overflow:hidden}.dashboard-welcome h1{font-size:clamp(34px,4vw,60px);line-height:1.02;max-width:720px}.dashboard-welcome p{max-width:720px;color:var(--muted)}
.mini-constellation{height:125px;position:relative;border-radius:22px;background:radial-gradient(circle,var(--constellation-strong),transparent 64%),var(--constellation-surface);overflow:hidden;color:var(--constellation-text);display:grid;place-items:center}.mini-constellation b{font-size:42px;opacity:.9}.mini-constellation i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--constellation-accent)}.mini-constellation i:nth-child(2){left:20%;top:25%}.mini-constellation i:nth-child(3){right:22%;top:31%}.mini-constellation i:nth-child(4){left:33%;bottom:18%}
.dashboard-lesson-card{margin-top:18px;padding:24px 26px;border-radius:var(--radius);background:linear-gradient(125deg,var(--ink),color-mix(in srgb,var(--ink),var(--orange) 18%));color:var(--paper);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center}.dashboard-lesson-card h2{font-size:clamp(28px,3vw,44px)}.dashboard-lesson-card .progress{max-width:650px;background:color-mix(in srgb,var(--paper),transparent 82%)}
.dashboard-skill-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px}.dash-action-card{min-width:0;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--radius-sm);padding:18px;text-align:left;display:grid;gap:8px}.dash-action-card:hover{border-color:var(--orange);transform:translateY(-2px)}.dash-action-card span{color:var(--orange-strong);font-weight:900;font-size:11px}.dash-action-card strong{font-size:17px}.dash-action-card small{color:var(--muted);line-height:1.35}
.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.dashboard-metrics article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:18px;display:grid;gap:4px}.dashboard-metrics span,.dashboard-metrics small{color:var(--muted)}.dashboard-metrics strong{font:850 30px/1 var(--font-display);color:var(--orange-strong)}
.dashboard-section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:34px 0 15px}.dashboard-section-head h2{font-size:clamp(28px,3vw,42px);margin:0}.dashboard-extra-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dash-extra{min-width:0;min-height:150px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);padding:17px;text-align:left;display:flex;flex-direction:column;gap:7px}.dash-extra .extra-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:var(--surface-2);color:var(--orange-strong)}.dash-extra svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}.dash-extra small{color:var(--muted);line-height:1.35}
.dashboard-teachers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px}.dashboard-teachers article{border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:var(--surface)}.dashboard-teachers h3{font-size:26px;margin-top:12px}
.sidebar-collapsed{--sidebar-width:76px}.sidebar-collapsed .dashboard-sidebar nav span,.sidebar-collapsed .dashboard-brand{display:none}.sidebar-collapsed .dashboard-sidebar nav button{justify-content:center}.sidebar-collapsed .sidebar-toggle{position:static;align-self:center}
@media(max-width:1100px){.dashboard-skill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-extra-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){body[data-ui-layout="dashboard"]{--sidebar-width:0}.dashboard-shell{display:block}.dashboard-main{padding:0 16px 78px}.dashboard-sidebar{position:fixed;left:0;right:0;top:auto;bottom:0;height:66px;padding:7px 8px;display:block;background:var(--ink)}.dashboard-brand,.sidebar-toggle{display:none}.dashboard-sidebar nav{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.dashboard-sidebar nav button{padding:7px 3px;justify-content:center}.dashboard-sidebar nav button:nth-child(n+6){display:none}.dashboard-sidebar nav button i{font-size:17px}.dashboard-sidebar nav button span{display:none}.dashboard-top{min-height:65px}.dashboard-status>span:nth-child(2){display:none}.dashboard-welcome{grid-template-columns:1fr}.mini-constellation{height:90px}.dashboard-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-teachers{grid-template-columns:1fr}}
@media(max-width:390px){.dashboard-main{padding-inline:12px}.dashboard-top .eyebrow,.dashboard-status>span{display:none}.dashboard-welcome,.dashboard-lesson-card{padding:18px}.dashboard-lesson-card{grid-template-columns:1fr}.dashboard-skill-grid,.dashboard-extra-grid{grid-template-columns:1fr}.dashboard-metrics{grid-template-columns:1fr 1fr}.dashboard-section-head{align-items:start;flex-direction:column}.dashboard-page{padding-top:18px}}
@media(prefers-reduced-motion:reduce){.dash-action-card{transition:none!important}}