/* 1.11.0 · Controles y superficies usan la paleta seleccionada. */
.workspace-launch,.nav-toggle{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:10px 13px;white-space:nowrap}
.nav-toggle{flex:none;font-size:20px;min-width:42px}.topbar>div:first-of-type{margin-right:auto}
.nav-group{display:flex;flex-direction:column;margin-top:8px}.nav-group summary{cursor:pointer;font-size:10px;letter-spacing:1px;color:var(--muted);font-weight:700;padding:10px 12px}.nav-group button{width:100%}.nav-group summary::marker{color:var(--muted)}
.sidebar .module-lock{margin-left:auto;font-size:11px}.sidebar .module-unavailable{opacity:.85}.sidebar button{white-space:normal;text-align:left}
.command-results{display:grid;gap:5px;margin-top:16px;max-height:55vh;overflow:auto}.command-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);color:var(--ink);text-align:left}.command-item:hover{border-color:var(--accent);background:var(--accent-soft)}.command-item small{color:var(--muted)}
.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.help-grid article{background:var(--surface-soft);padding:18px;border:1px solid var(--line);border-radius:12px}.help-grid h3{font-size:15px;margin-top:0}.help-grid p,.help-faq p{color:var(--muted);font-size:13px;line-height:1.7}.help-faq{border-top:1px solid var(--line);padding:16px 0}.help-faq summary{cursor:pointer;font-weight:600}
.onboarding-panel{margin-bottom:20px}.onboarding-panel progress{width:100%;height:7px;accent-color:var(--primary);margin:12px 0 18px}.onboarding-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.onboarding-steps button{display:grid;grid-template-columns:auto 1fr;align-items:center;text-align:left;gap:8px;font-size:12px;white-space:normal}.onboarding-steps small{grid-column:2;color:var(--muted)}.step-done{background:var(--green-soft)!important;color:var(--teal)!important}
.monthly-summary{margin-bottom:24px}.monthly-summary .metrics{margin-bottom:8px}.monthly-summary .metric strong{font-size:25px}.monthly-summary .section-title{flex-wrap:wrap}.monthly-summary select{max-width:120px}.monthly-summary .chart-caption{margin-bottom:0}.upgrade-panel{padding:36px;max-width:760px;margin:24px auto}.upgrade-panel p{color:var(--muted);line-height:1.7}.upgrade-benefit{padding:18px;background:var(--accent-soft);color:var(--accent);border-radius:12px;margin:20px 0}.upgrade-panel button{margin:6px 8px 6px 0}
.data-table tbody .row-actions{opacity:1!important}.row-actions button{min-height:32px}.data-table tbody tr:hover{background:var(--surface-soft)}.clear-search{white-space:nowrap}.workspace-panel,.metric,.plan-card{border-radius:16px}.metrics .metric{border:1px solid var(--line)}
#appView .primary,#appView .plan-card .primary,#appView .card button:not(.secondary){color:var(--on-brand)}
@media(min-width:901px){.nav-collapsed .sidebar{width:76px;min-width:76px;padding:24px 10px}.nav-collapsed .brand{padding:0 4px 20px}.nav-collapsed .brand>div,.nav-collapsed .company-switch,.nav-collapsed .sidebar-footer>small{display:none}.nav-collapsed .nav-group summary{font-size:0;padding:5px}.nav-collapsed .nav-group:not([open])>button{display:flex}.nav-collapsed .nav-list button{font-size:0;justify-content:center;position:relative;padding:12px}.nav-collapsed .nav-list button>span{font-size:18px}.nav-collapsed .module-lock{position:absolute;right:1px;top:1px;font-size:8px}.nav-collapsed #logout{font-size:0;padding:12px;justify-content:center}.nav-collapsed #logout::before{content:'↪';font-size:20px}}
@media(max-width:900px){.nav-collapsed .sidebar .nav-list,.nav-collapsed .sidebar .company-switch{display:none}.sidebar{height:auto;position:static}.topbar{flex-wrap:wrap}.header-right{width:100%;display:flex;justify-content:flex-start;gap:8px}.nav-group summary{font-size:10px}.onboarding-steps{grid-template-columns:1fr}.help-grid{grid-template-columns:1fr}.command-item{flex-wrap:wrap}.monthly-summary .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.nav-group{width:100%}.sidebar .nav-list{width:100%;max-height:45vh;overflow:auto;flex-direction:column}.monthly-summary .metrics{grid-template-columns:1fr}.header-right .theme-switch{width:100%}.plans-page .comparison .table-wrap{overflow-x:auto}.topbar h1{font-size:20px}.upgrade-panel{padding:22px}.clear-search{font-size:12px}.command-item small{font-size:11px}}
@media print{.onboarding-panel,.workspace-launch,.nav-toggle{display:none!important}}
.monthly-summary .metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.onboarding-panel .section-title>span{display:inline;font-size:12px}.analytics-page .quick-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
@media(max-width:900px){.monthly-summary .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.monthly-summary .metrics{grid-template-columns:1fr}.analytics-page .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-panel .section-title{flex-wrap:wrap}}