/* DONAAPPLE: primera etapa visual, limitada al Dashboard. */
body.dona-dashboard{background:#f3f7f8;color:#182c32;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.dona-dashboard .dona-unified-side{background:linear-gradient(165deg,#182e34,#111e24 75%)!important;border-right:1px solid #294047;box-shadow:8px 0 30px #152c3210!important}
.dona-dashboard .dona-unified-side .admin-brand-name{letter-spacing:-.04em!important;color:#f4fafb}
.dona-dashboard .dona-unified-side .admin-brand-sub{color:#8faeb4!important}
.dona-dashboard .dona-unified-side .admin-nav a{color:#b6c6ca!important;border-radius:12px!important}
.dona-dashboard .dona-unified-side .admin-nav a:hover{background:#ffffff0d!important;color:#fff!important}
.dona-dashboard .dona-unified-side .admin-nav a.active{background:#1b454b!important;color:#e4ffff!important;box-shadow:inset 3px 0 #4fd3d3!important}
.dona-dashboard .dona-unified-side .admin-nav .nav-icon{background:#ffffff05!important;border-color:#ffffff0b!important;color:#afc7cb!important;border-radius:9px!important}
.dona-dashboard .dona-unified-side .admin-nav a.active .nav-icon{background:#5de0d01a!important;color:#6ee1d8!important}
.dona-dashboard .dona-unified-side .admin-nav a small{color:#849da4!important}
.dona-dashboard .dona-unified-side .admin-logout{background:#20353c!important;color:#e7f0f2!important;border:1px solid #40555b!important;box-shadow:none!important}
.dona-dashboard .admin-content{background:radial-gradient(ellipse at 95% 0,#e1f1f1 0,transparent 45%),#f3f7f8;padding:38px clamp(22px,3vw,48px) 50px}
.dona-dashboard .admin-topbar{gap:20px;flex-wrap:wrap;margin-bottom:26px;align-items:center}
.dona-dashboard .admin-topbar h1{font-size:clamp(32px,3.8vw,48px);line-height:1.12;letter-spacing:-.045em;margin:8px 0 10px;font-weight:750;color:#172f36}
.dona-dashboard .eyebrow{color:#267778;font-size:10px;letter-spacing:.15em}
.dona-dashboard .admin-lead{font-size:14px;line-height:1.6;color:#5e727a}
.dona-dashboard .top-actions{justify-content:flex-start;gap:8px}
.dona-dashboard .today-pill,.dona-dashboard .exchange-pill{box-shadow:none;border-color:#d8e5e8;border-radius:14px;color:#24444d;font-size:13px}
.dona-dashboard .exchange-icon{background:#e5f5f1;color:#247b65}
.dona-dashboard .toolbar{gap:10px;flex-wrap:wrap;margin:0 0 20px}
.dona-dashboard .outline-btn,.dona-dashboard .period-select{height:44px;border-radius:12px;border-color:#d3e1e4;box-shadow:0 2px 3px #243e4603;color:#34545d}
.dona-dashboard .outline-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px}
.dona-dashboard .outline-btn:hover{background:#e7f4f3;border-color:#83b9b8}
.dona-dashboard :is(a,button,select):focus-visible{outline:3px solid #208c91!important;outline-offset:3px}
.dona-dashboard .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dona-dashboard .metric{box-sizing:border-box;min-height:192px;padding:22px;border-radius:18px;border-color:#dce7e9;background:#fff;box-shadow:0 4px 15px #263d4505}
.dona-dashboard .metric-icon{top:20px;left:22px;width:38px;height:38px;border-radius:12px}
.dona-dashboard .metric-icon.blue{background:#e2f3f3;color:#207b80}
.dona-dashboard .metric-icon.green{background:#eaf5ed;color:#377e4d}
.dona-dashboard .metric-icon.purple{background:#efedfa;color:#7261a6}
.dona-dashboard .metric-icon.pink{background:#fff1e4;color:#986022}
.dona-dashboard .metric small{margin-top:48px;font-size:10px;letter-spacing:.09em;color:#586e78}
.dona-dashboard .metric b{font-size:clamp(23px,2.25vw,34px);line-height:1.18;letter-spacing:-.04em;color:#1d3a44;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.dona-dashboard .metric em{font-size:12px;line-height:1.5;color:#637781}
.dona-dashboard .dashboard-panel{padding:24px;border-radius:18px;background:#fff;border-color:#dce7e9;box-shadow:0 4px 15px #263d4504;margin-top:20px}
.dona-dashboard .panel-head h2{font-size:24px;line-height:1.2;letter-spacing:-.035em;color:#203e47}
.dona-dashboard .performance-layout{grid-template-columns:minmax(0,1fr);gap:24px}
.dona-dashboard .performance-stats{gap:12px}
.dona-dashboard .perf{box-sizing:border-box;background:#f6f9fa;border:1px solid #e5edef;border-radius:12px;padding:18px;min-width:0;min-height:96px}
.dona-dashboard .perf span{color:#5b717b;font-size:12px;line-height:1.5}
.dona-dashboard .perf strong{font-size:24px;color:#21424c;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.dona-dashboard .sales-chart{height:180px}
.dona-dashboard .chartline{stroke:#258b91}.dona-dashboard .dot{fill:#258b91}
.dona-dashboard #chartFill stop{stop-color:#258b91}
.dona-dashboard .mini-head span{width:34px;height:34px;border-radius:10px;background:#e9f5f4;color:#267e82;flex-shrink:0}
.dona-dashboard .mini-head p{color:#506a74;letter-spacing:.1em;font-size:10px;line-height:1.5}
.dona-dashboard .rank{border-color:#eaf0f2}.dona-dashboard .rank b{color:#5c727c}
.dona-dashboard .bar{height:6px;background:#eaf1f2}.dona-dashboard .bar i{background:#58abae}
.dona-dashboard .stock-row{border-color:#eaf0f2;gap:16px}.dona-dashboard .stock-row span{color:#5b717b}
.dona-dashboard .stock-row b{color:#246e74;background:#edf7f6;border-radius:6px;padding:2px 8px}
.dona-dashboard .empty,.dona-dashboard .chart-empty{color:#617780;line-height:1.6}
.dona-ui-icon{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
@media(min-width:1550px){.dona-dashboard .performance-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:1200px){.dona-dashboard .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dona-dashboard .metric b{font-size:30px}}
@media(max-width:950px){.dona-dashboard .detail-grid{grid-template-columns:1fr}.dona-dashboard .performance-stats{grid-template-columns:1fr}.dona-dashboard .stock-list{grid-template-columns:1fr}}
@media(max-width:650px){.dona-dashboard .admin-content{padding:24px 16px 40px!important}.dona-dashboard .admin-topbar{margin-bottom:20px}.dona-dashboard .admin-topbar h1{font-size:34px}.dona-dashboard .top-actions{width:100%}.dona-dashboard .toolbar{justify-content:flex-start}.dona-dashboard .dashboard-panel{padding:18px}.dona-dashboard .metric{padding:18px;min-height:184px}.dona-dashboard .metric-icon{left:18px}.dona-dashboard .metric b{font-size:25px}.dona-dashboard .metric em{font-size:11px}}
@media(max-width:390px){.dona-dashboard .metric-grid{grid-template-columns:1fr}.dona-dashboard .metric{min-height:175px}.dona-dashboard .metric b{font-size:30px}}
@media(prefers-reduced-motion:reduce){.dona-dashboard .admin-nav a{transition:none!important;transform:none!important}}