/* ============================================================
   MATCH SPORT · dashboard inspirado en la referencia entregada
   Claro: blanco/gris con azul, amarillo, violeta y verde.
   Noche: azul marino profundo con el mismo código de color.
   ============================================================ */

.dash{
  display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100vh;
  background:#f4f5f8;color:#171925;
}
.dash .side{
  position:sticky;top:0;z-index:45;height:100vh;display:flex;flex-direction:column;
  overflow-y:auto;padding:17px 14px 14px;gap:3px;
  color:#5c6270;background:#fff;border-right:1px solid #e7e9ef;
  box-shadow:10px 0 28px rgba(31,35,55,.045);
}
.dash .side>.logo{
  --logo-art-width:250px;width:178px;height:62px;flex:0 0 62px;
  margin:0 auto 10px;padding:0!important;background:transparent;
}
.dash .side>.logo:hover{background:transparent;transform:none}
.dash .side-user{
  gap:9px;margin:0 2px 7px;padding:9px 10px;color:#2c3040;
  background:#f7f8fb;border:1px solid #eceef3;border-radius:10px;backdrop-filter:none;
}
.dash .side-avatar{width:34px;height:34px;flex:0 0 34px;color:#fff;background:#536ff5;box-shadow:none}
.dash .side-group{margin:13px 8px 4px;color:#a1a6b1;font-size:8px;font-weight:900;letter-spacing:.13em}
.dash .side>a:not(.logo),.dash .side-footer a{
  min-height:36px;display:flex;align-items:center;gap:8px;padding:6px 9px;
  color:#616776;background:transparent;border:1px solid transparent;
  border-radius:8px;font-size:11px;font-weight:700;
}
.dash .side>a:not(.logo):hover,.dash .side-footer a:hover{color:#22283a;background:#f4f6fc;border-color:#e8eaf3}
.dash .side>a:not(.logo).active{color:#252b4e;background:#eef1ff;border-color:#e5e9ff;box-shadow:none}
.dash .side-icon{
  width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px;
  color:#6876ad;background:#f0f2f7;border-radius:6px;font-size:10px;
}
.dash .side>a.active .side-icon{color:#fff;background:#526cf1}
.dash .side-count{min-width:19px;height:19px;color:#fff;background:#536ff5;font-size:8px}
.dash .side-footer{margin-top:9px;padding-top:9px;border-top:1px solid #eceef3}

.side-theme-toggle{
  width:100%;min-height:36px;display:flex;align-items:center;gap:8px;margin:0 0 7px;padding:6px 9px;
  color:#616776;background:#f7f8fb;border:1px solid #e8eaf0;border-radius:8px;
  font:inherit;font-size:11px;font-weight:700;text-align:left;cursor:pointer;
}
.side-theme-toggle>span:first-child{width:22px;height:22px;display:grid;place-items:center;color:#536ff5;background:#e8edff;border-radius:6px}
.side-theme-toggle:hover{color:#252b4e;background:#eff2ff;border-color:#dfe5ff}
.dash .side .language-form-compact{margin:0 0 7px;padding:5px 7px;background:#f7f8fb;border-color:#e8eaf0}
.dash .side .language-form-compact .language-globe{color:#536ff5;background:#e8edff}
.dash .side .language-form-compact .language-options{background:#fff;border-color:#e3e6ed}
.dash .side .language-form-compact .language-option{color:#68707f}
.dash .side .language-form-compact .language-option.active{color:#fff;background:#536ff5}

.dashboard-support-card{
  min-height:104px;display:grid;grid-template-columns:55px minmax(0,1fr);align-items:end;gap:5px;
  margin-top:auto;padding:7px 7px 8px;overflow:hidden;
  color:#263250;background:#edf2ff;border:1px solid #dfe6ff;border-radius:10px;
}
.dashboard-support-card img{
  width:55px;height:94px;align-self:end;object-fit:contain;object-position:center bottom;
  mix-blend-mode:multiply;
}
.dashboard-support-card b{display:block;color:#263250;font-size:9px;line-height:1.2}
.dashboard-support-card small{display:block;margin-top:3px;color:#75809b;font-size:7px;line-height:1.3}
.dashboard-support-card a{
  display:inline-flex;margin-top:7px;padding:4px 7px;color:#fff;background:#4f70fa;
  border-radius:6px;font-size:7px;font-weight:900;box-shadow:0 5px 12px rgba(79,112,250,.23);
}
.dashboard-support-card a:hover{background:#3e5ce4}

.dash .dash-main{min-width:0;overflow:auto;background:#f5f6f9}
.dashboard-analytics .side-footer{margin-top:9px}

/* ---------- Panel compacto como la referencia ---------- */
.reference-dashboard-main{
  padding:25px clamp(20px,3vw,44px) 34px!important;
  background:radial-gradient(circle at 100% 0,rgba(83,111,245,.055),transparent 26%),#f5f6f9!important;
}
.reference-topbar{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  margin-bottom:16px;
}
.reference-topbar>div:first-child>span{display:block;color:#a0a6b3;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.13em}
.reference-topbar h1{margin:2px 0 0;color:#1b1e2a;font-size:20px;line-height:1;letter-spacing:-.035em}
.reference-topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.reference-date{padding:5px 7px;color:#8f95a1;background:#fff;border:1px solid #e5e7ed;border-radius:5px;font-size:8px;font-weight:800}
.dashboard-theme-toggle{
  position:relative;width:50px;height:24px;display:flex;align-items:center;justify-content:space-between;
  padding:0 5px;color:#8c93a1;background:transparent;border:0;border-radius:999px;cursor:pointer;
}
.dashboard-theme-toggle::before{content:"";position:absolute;z-index:0;left:17px;width:21px;height:10px;background:#dce2f8;border-radius:999px}
.dashboard-theme-toggle::after{content:"";position:absolute;z-index:1;left:18px;width:8px;height:8px;background:#526ff6;border-radius:50%;transition:transform .2s ease}
.dashboard-theme-toggle>span,.dashboard-theme-toggle>i{position:relative;z-index:2;font-size:9px;font-style:normal}
.reference-profile{display:flex;align-items:center;gap:6px;color:#5a6070;font-size:8px;font-weight:800}
.reference-profile>span{width:25px;height:25px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#d7a76b,#735137);border-radius:50%;font-size:7px}
.reference-profile i{color:#a2a7b1;font-style:normal}

.analytics-reference-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  grid-template-areas:
    "orders approved users events"
    "monthly revenue users events"
    "sales sales income payouts"
    "sales sales table table"
    "activity activity table table";
  grid-template-rows:minmax(86px,auto) minmax(86px,auto) minmax(104px,auto) minmax(84px,auto) minmax(103px,auto);
  gap:11px;max-width:1320px;
}
.ref-orders{grid-area:orders}.ref-approved{grid-area:approved}.ref-users{grid-area:users}.ref-events{grid-area:events}
.ref-monthly{grid-area:monthly}.ref-revenue{grid-area:revenue}.ref-sales{grid-area:sales}.ref-income{grid-area:income}
.ref-payouts{grid-area:payouts}.ref-table{grid-area:table}.ref-activity{grid-area:activity}

.reference-card{
  position:relative;min-width:0;overflow:hidden;padding:12px 13px;
  color:#252936;background:#fff;border:1px solid #eaebf0;border-radius:8px;
  box-shadow:0 7px 20px rgba(35,39,58,.045);
}
.reference-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}
.reference-card-title span{display:block;color:#4b5160;font-size:9px;font-weight:850;line-height:1.25}
.reference-card-title>i{color:#858c99;font-size:9px;font-style:normal;font-weight:800}
.reference-card-title>div>small{display:block;margin-top:2px;color:#a0a6b2;font-size:7px}
.reference-number-card>strong{display:block;margin:8px 0 4px;color:#1f2330;font-size:24px;line-height:.9;letter-spacing:-.055em}
.reference-number-card>small{display:block;font-size:7px;line-height:1.3}
.reference-positive{color:#35c27e}.reference-negative{color:#ef7c86}
.reference-money{font-size:15px!important;line-height:1.05!important;letter-spacing:-.035em!important}
.reference-money .money-total-line{font-size:1em}.reference-money .money-total-line+.money-total-line{margin-top:2px;font-size:.72em}

.reference-donut-card>strong{display:block;margin-top:7px;color:#202431;font-size:23px;line-height:1;letter-spacing:-.05em}
.reference-donut-card>small{display:block;margin-top:2px;color:#9ca2ad;font-size:7px}
.reference-donut-area{display:grid;grid-template-columns:minmax(0,1fr) 74px;align-items:center;gap:6px;margin-top:15px}
.reference-legend{display:grid;gap:5px;color:#7e8592;font-size:6px;line-height:1.2}
.reference-legend>span{display:flex;align-items:center;gap:4px}.reference-legend i{width:5px;height:5px;display:block;border-radius:50%}
.legend-gold{background:#ffba14}.legend-blue{background:#5072fa}.legend-soft{background:#dde2ed}
.reference-donut{position:relative;width:70px;height:70px;display:grid;place-items:center;border-radius:50%}
.reference-donut::after{content:"";position:absolute;width:46px;height:46px;background:#fff;border-radius:50%}
.reference-donut b{position:relative;z-index:1;color:#4d5360;font-size:9px}
.donut-gold{background:conic-gradient(#ffb914 0 var(--progress),#eef0f5 var(--progress) 100%)}
.donut-blue{background:conic-gradient(#5073fb 0 var(--progress),#e8ecfa var(--progress) 100%)}

.reference-chart-card{padding-bottom:9px}
.reference-bar-chart{
  height:calc(100% - 28px);min-height:162px;display:grid;grid-template-columns:repeat(12,minmax(7px,1fr));
  align-items:end;gap:6px;margin-top:7px;padding:8px 5px 0;
  border-bottom:1px solid #e8eaf0;
  background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),#f0f1f5 calc(25% - 1px),#f0f1f5 25%);
}
.reference-bar{height:100%;display:grid;grid-template-rows:1fr 13px;align-items:end;gap:4px}
.reference-bar>i{width:min(14px,100%);height:var(--bar-height);justify-self:center;align-self:end;background:linear-gradient(180deg,#6b8cff,#4565eb);border-radius:3px 3px 1px 1px;box-shadow:0 4px 9px rgba(69,101,235,.16)}
.reference-bar:nth-child(3n)>i{background:linear-gradient(180deg,#8d69f9,#6847df)}
.reference-bar>b{overflow:hidden;color:#9ca2ad;font-size:6px;font-weight:800;text-align:center;text-overflow:ellipsis}

.reference-finance-card{padding:11px 12px}
.reference-finance-icon{width:24px;height:24px;display:grid;place-items:center;color:#4c5570;background:#f0f2f7;border-radius:6px;font-size:10px}
.reference-mini-ring{position:absolute;top:10px;right:10px;width:31px;height:31px;display:grid;place-items:center;border:4px solid currentColor;border-left-color:#e8eaf0;border-radius:50%;font-size:6px;font-style:normal;font-weight:900;transform:rotate(25deg)}
.reference-mini-ring::first-letter{transform:rotate(-25deg)}
.ring-violet{color:#a142ef}.ring-green{color:#38c755}
.reference-finance-card>small{display:block;margin-top:7px;color:#8e95a2;font-size:7px;font-weight:800}
.reference-finance-card>strong{display:block;margin-top:4px;color:#222634;font-size:14px;line-height:1.1;letter-spacing:-.035em}
.reference-finance-card>strong .money-total-line{font-size:1em}.reference-finance-card>strong .money-total-line+.money-total-line{margin-top:2px;font-size:.68em}
.reference-finance-card>span:last-child{display:block;margin-top:3px;color:#a2a7b2;font-size:6px}

.reference-table-card{padding:11px 11px 9px}
.reference-table-card .reference-card-title a{color:#6575bd;font-size:6px;font-weight:850}
.reference-table-head,.reference-table-row{display:grid;grid-template-columns:1.35fr 1.15fr .8fr .72fr;align-items:center;gap:6px}
.reference-table-head{padding:7px 8px 5px;color:#9ca1ab;font-size:6px;font-weight:850}
.reference-table-body{display:grid;gap:3px}
.reference-table-row{min-height:27px;padding:4px 7px;color:#555c69;border-radius:5px;font-size:6px}
.reference-table-row>span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.reference-table-row>span:first-child{display:flex;align-items:center;gap:5px;color:#373c4b;font-weight:850}
.reference-table-row>span:first-child i{width:17px;height:17px;display:grid;place-items:center;flex:0 0 17px;background:rgba(255,255,255,.67);border-radius:50%;font-size:5px;font-style:normal}
.reference-table-row>b{overflow:hidden;color:#3c4250;font-size:6px;text-align:right;white-space:nowrap;text-overflow:ellipsis}
.row-yellow{background:#fff0b6}.row-green{background:#ccefcf}.row-blue{background:#dce7ff}
.reference-table-empty{padding:26px 10px;color:#9ba1ad;font-size:8px;text-align:center}

.reference-activity-card{padding-bottom:5px}
.reference-line-chart{width:100%;height:calc(100% - 25px);min-height:65px;margin-top:4px;overflow:visible;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(50% - 1px),#f0f1f5 calc(50% - 1px),#f0f1f5 50%)}
.reference-line-shadow{fill:none;stroke:#b34cf2;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round;opacity:.13}
.reference-line{fill:none;stroke:url(#activity-line);stroke:#9f3ce9;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* ---------- Modo noche ---------- */
html[data-ui-theme="dark"] .dash{color:#f5f6fb;background:#15151f}
html[data-ui-theme="dark"] .dash .side{color:#b9bcc9;background:#171722;border-color:#2b2b38;box-shadow:10px 0 28px rgba(0,0,0,.2)}
html[data-ui-theme="dark"] .dash .side-group{color:#747787}
html[data-ui-theme="dark"] .dash .side>a:not(.logo),html[data-ui-theme="dark"] .dash .side-footer a{color:#b1b4c2}
html[data-ui-theme="dark"] .dash .side>a:not(.logo):hover,html[data-ui-theme="dark"] .dash .side-footer a:hover{color:#fff;background:#272835;border-color:#333442}
html[data-ui-theme="dark"] .dash .side>a:not(.logo).active{color:#1b1c25;background:#f1f2f8;border-color:#fff}
html[data-ui-theme="dark"] .dash .side-icon{color:#aeb2c1;background:#282936}
html[data-ui-theme="dark"] .dash .side>a.active .side-icon{color:#fff;background:#536ff5}
html[data-ui-theme="dark"] .dash .side-footer{border-top-color:#30313e}
html[data-ui-theme="dark"] .dashboard-support-card{background:#f0f3ff;border-color:#dfe5ff}
html[data-ui-theme="dark"] .reference-dashboard-main{background:radial-gradient(circle at 100% 0,rgba(83,111,245,.09),transparent 28%),#12121e!important}
html[data-ui-theme="dark"] .reference-topbar>div:first-child>span{color:#7e8293}
html[data-ui-theme="dark"] .reference-topbar h1{color:#f8f8fc}
html[data-ui-theme="dark"] .reference-date{color:#9ea2b2;background:#1b1b27;border-color:#2b2c38}
html[data-ui-theme="dark"] .dashboard-theme-toggle{color:#d7d9e5}
html[data-ui-theme="dark"] .dashboard-theme-toggle::before{background:#31344c}
html[data-ui-theme="dark"] .dashboard-theme-toggle::after{background:#fff;transform:translateX(11px)}
html[data-ui-theme="dark"] .reference-profile{color:#d1d3de}
html[data-ui-theme="dark"] .reference-card{color:#f3f4f8;background:#1d1d29;border-color:#292a37;box-shadow:0 8px 22px rgba(0,0,0,.16)}
html[data-ui-theme="dark"] .reference-card-title span{color:#f0f1f5}
html[data-ui-theme="dark"] .reference-card-title>i,html[data-ui-theme="dark"] .reference-card-title>div>small{color:#8e92a3}
html[data-ui-theme="dark"] .reference-number-card>strong,html[data-ui-theme="dark"] .reference-donut-card>strong,html[data-ui-theme="dark"] .reference-finance-card>strong{color:#fff}
html[data-ui-theme="dark"] .reference-donut-card>small{color:#8f93a3}
html[data-ui-theme="dark"] .reference-legend{color:#969aaa}
html[data-ui-theme="dark"] .legend-soft{background:#353644}
html[data-ui-theme="dark"] .reference-donut::after{background:#1d1d29}
html[data-ui-theme="dark"] .reference-donut b{color:#f8f8fb}
html[data-ui-theme="dark"] .donut-gold{background:conic-gradient(#ffb914 0 var(--progress),#343541 var(--progress) 100%)}
html[data-ui-theme="dark"] .donut-blue{background:conic-gradient(#5073fb 0 var(--progress),#343541 var(--progress) 100%)}
html[data-ui-theme="dark"] .reference-bar-chart,html[data-ui-theme="dark"] .reference-line-chart{border-bottom-color:#30313e;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),#2c2d39 calc(25% - 1px),#2c2d39 25%)}
html[data-ui-theme="dark"] .reference-bar>b{color:#7f8393}
html[data-ui-theme="dark"] .reference-finance-icon{color:#bfc2cf;background:#2a2b38}
html[data-ui-theme="dark"] .reference-mini-ring{border-left-color:#373844}
html[data-ui-theme="dark"] .reference-finance-card>small,html[data-ui-theme="dark"] .reference-finance-card>span:last-child{color:#9094a4}
html[data-ui-theme="dark"] .reference-table-card .reference-card-title a{color:#9caaff}
html[data-ui-theme="dark"] .reference-table-head{color:#858999}
html[data-ui-theme="dark"] .reference-table-row{color:#292d39}
html[data-ui-theme="dark"] .reference-table-row>span:first-child,html[data-ui-theme="dark"] .reference-table-row>b{color:#272b36}
html[data-ui-theme="dark"] .reference-table-row>span:first-child i{background:rgba(255,255,255,.52)}

/* Contraste del resto de módulos que comparten el selector de tema. */
html[data-ui-theme="dark"] .dash .dash-main:not(.reference-dashboard-main){background:#171823}
html[data-ui-theme="dark"] .dash .dash-head h1,html[data-ui-theme="dark"] .dash .module-section-head h2{color:#f6f7fb}
html[data-ui-theme="dark"] .dash .module-subtitle,html[data-ui-theme="dark"] .dash .module-section-head p{color:#aeb1bf}
html[data-ui-theme="dark"] .dash .metric,html[data-ui-theme="dark"] .dash .quick-card,html[data-ui-theme="dark"] .dash .table-wrap,html[data-ui-theme="dark"] .dash .card:not(.module-help-card),html[data-ui-theme="dark"] .dash .form-card{background:#22232e;border-color:#343541;color:#f4f5fa}
html[data-ui-theme="dark"] .dash .metric .m-label,html[data-ui-theme="dark"] .dash .metric .m-sub,html[data-ui-theme="dark"] .dash .quick-card small{color:#adb0be}
html[data-ui-theme="dark"] .dash .metric .m-value,html[data-ui-theme="dark"] .dash .quick-card b,html[data-ui-theme="dark"] .dash .tbl td{color:#f7f8fb}
html[data-ui-theme="dark"] .dash .tbl th{color:#aeb1bf;background:#2b2c37;border-bottom-color:#3a3b47}
html[data-ui-theme="dark"] .dash .tbl td{border-bottom-color:#343541}
html[data-ui-theme="dark"] .dash .tbl tr:hover td{background:#292a35}
html[data-ui-theme="dark"] .dash .input,html[data-ui-theme="dark"] .dash .select,html[data-ui-theme="dark"] .dash textarea.input{color:#f4f5fa;background:#1d1e28;border-color:#3a3b47}

@media(max-width:1120px){
  .dash{grid-template-columns:208px minmax(0,1fr)}
  .dash .side>.logo{--logo-art-width:224px;width:158px;height:57px;flex-basis:57px}
  .analytics-reference-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-areas:"orders approved" "users events" "monthly revenue" "sales sales" "income payouts" "table table" "activity activity";
    grid-template-rows:auto auto auto 240px auto auto 150px;
  }
  .reference-donut-card{min-height:180px}.reference-chart-card{min-height:230px}.reference-table-card{min-height:230px}
}
@media(max-width:900px){
  .dash{display:block}.dash .side{position:sticky;top:0;height:auto;min-height:62px;display:flex;flex-direction:row;align-items:center;overflow-x:auto;padding:8px 10px;background:#fff}
  .dash .side>.logo{--logo-art-width:185px;width:130px;height:50px;flex:0 0 130px;margin:0 6px 0 0}
  .dash .side-user,.dash .side-group,.dash .side-footer,.dashboard-support-card{display:none!important}
  .dash .side>a:not(.logo){min-width:max-content;min-height:39px;padding:7px 9px}
  .reference-dashboard-main{padding:22px 17px 35px!important}
  html[data-ui-theme="dark"] .dash .side{background:#171722}
}
@media(max-width:620px){
  .reference-topbar{align-items:flex-start;flex-direction:column}.reference-topbar-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}
  .reference-profile b{display:none}
  .analytics-reference-grid{display:grid;grid-template-columns:1fr;grid-template-areas:"orders" "approved" "users" "events" "monthly" "revenue" "sales" "income" "payouts" "table" "activity";grid-template-rows:auto}
  .reference-number-card{min-height:96px}.reference-donut-card{min-height:178px}.reference-chart-card{min-height:250px}.reference-finance-card{min-height:112px}.reference-table-card{min-height:230px}.reference-activity-card{min-height:145px}
  .reference-table-head,.reference-table-row{grid-template-columns:1.25fr 1fr .75fr}.reference-table-head span:nth-child(2),.reference-table-row span:nth-child(2){display:none}
}
@media(prefers-reduced-motion:reduce){.dashboard-theme-toggle::after{transition:none}}

/* ============================================================
   PALETA MATCH SPORT — la composición conserva la referencia,
   pero todos los acentos pertenecen a la identidad de la web.
   ============================================================ */
.dash{
  --dash-forest:#073D37;
  --dash-forest-deep:#041F1D;
  --dash-teal:#17BDB5;
  --dash-mint:#78EDCA;
  --dash-coral:#FF6B55;
  --dash-yellow:#FFE771;
  --dash-paper:#FCFDFB;
  --dash-surface:#F1F7F4;
  --dash-line:#DCE9E4;
}
.dash{background:var(--dash-surface);color:#17312D}
.dash .side{color:#536762;background:var(--dash-paper);border-right-color:var(--dash-line);box-shadow:10px 0 28px rgba(7,61,55,.06)}
.dash .side-user{color:var(--dash-forest);background:#F2F9F6;border-color:var(--dash-line)}
.dash .side-avatar{color:var(--dash-forest-deep);background:var(--dash-mint)}
.dash .side-group{color:#91A29D}
.dash .side>a:not(.logo),.dash .side-footer a{color:#60736E}
.dash .side>a:not(.logo):hover,.dash .side-footer a:hover{color:var(--dash-forest);background:#ECF8F3;border-color:#D7EEE5}
.dash .side>a:not(.logo).active{color:var(--dash-forest);background:#DDF8EE;border-color:#C8EDDF}
.dash .side-icon{color:#397267;background:#E9F3EF}
.dash .side>a.active .side-icon{color:var(--dash-forest-deep);background:var(--dash-mint)}
.dash .side-count{color:#fff;background:var(--dash-coral)}
.dash .side-footer{border-top-color:var(--dash-line)}
.side-theme-toggle{color:#60736E;background:#F2F9F6;border-color:var(--dash-line)}
.side-theme-toggle>span:first-child{color:var(--dash-forest);background:#DDF8EE}
.side-theme-toggle:hover{color:var(--dash-forest);background:#E7F8F1;border-color:#CBEBDD}
.dash .side .language-form-compact{background:#F2F9F6;border-color:var(--dash-line)}
.dash .side .language-form-compact .language-globe{color:var(--dash-forest);background:#DDF8EE}
.dash .side .language-form-compact .language-options{border-color:var(--dash-line)}
.dash .side .language-form-compact .language-option.active{color:var(--dash-forest-deep);background:var(--dash-mint)}

.dashboard-support-card{
  min-height:128px;grid-template-columns:72px minmax(0,1fr);gap:2px;
  padding:4px 7px 8px;color:#fff;background:
    radial-gradient(circle at 15% 10%,rgba(120,237,202,.23),transparent 36%),
    linear-gradient(145deg,#0A5048,var(--dash-forest-deep));
  border-color:rgba(120,237,202,.25);box-shadow:0 10px 24px rgba(4,31,29,.16);
}
.dashboard-support-card img{
  width:72px;height:122px;align-self:end;object-fit:contain;object-position:center bottom;
  mix-blend-mode:normal;filter:drop-shadow(0 6px 8px rgba(0,0,0,.18));transform:translate(-4px,8px);
}
.dashboard-support-card b{color:#fff;font-size:9px}
.dashboard-support-card small{color:rgba(255,255,255,.7)}
.dashboard-support-card a{color:var(--dash-forest-deep);background:var(--dash-mint);box-shadow:0 5px 12px rgba(120,237,202,.22)}
.dashboard-support-card a:hover{background:var(--dash-yellow)}

.reference-dashboard-main{background:radial-gradient(circle at 100% 0,rgba(120,237,202,.16),transparent 28%),var(--dash-surface)!important}
.reference-topbar>div:first-child>span{color:#6E8D85}
.reference-topbar h1{color:var(--dash-forest-deep)}
.reference-date{color:#71857F;background:#fff;border-color:var(--dash-line)}
.dashboard-theme-toggle{color:#68807A}
.dashboard-theme-toggle::before{background:#CBE9DF}
.dashboard-theme-toggle::after{background:var(--dash-teal)}
.reference-profile{color:#49645D}
.reference-profile>span{color:var(--dash-forest-deep);background:linear-gradient(145deg,var(--dash-yellow),#F1B947)}
.reference-card{color:#263C37;background:#fff;border-color:var(--dash-line);box-shadow:0 8px 22px rgba(7,61,55,.055)}
.reference-number-card::before{content:"";position:absolute;top:0;right:12px;left:12px;height:2px;border-radius:0 0 3px 3px;background:var(--dash-teal)}
.ref-approved::before{background:var(--dash-coral)}
.ref-revenue::before{background:var(--dash-yellow)}
.reference-card-title span{color:#3E5952}
.reference-card-title>i{color:#708A83}
.reference-number-card>strong,.reference-donut-card>strong,.reference-finance-card>strong{color:var(--dash-forest-deep)}
.reference-positive{color:#0EA681}.reference-negative{color:var(--dash-coral)}
.legend-gold{background:var(--dash-teal)}.legend-blue{background:var(--dash-coral)}.legend-soft{background:#DCEAE5}
.reference-donut::after{background:#fff}
.reference-donut b{color:var(--dash-forest)}
.donut-gold{background:conic-gradient(var(--dash-teal) 0 var(--progress),#E4F1EC var(--progress) 100%)}
.donut-blue{background:conic-gradient(var(--dash-coral) 0 var(--progress),#F6E7E2 var(--progress) 100%)}
.reference-bar-chart{border-bottom-color:var(--dash-line);background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),#E7F0EC calc(25% - 1px),#E7F0EC 25%)}
.reference-bar>i{background:linear-gradient(180deg,var(--dash-mint),var(--dash-teal));box-shadow:0 4px 9px rgba(23,189,181,.2)}
.reference-bar:nth-child(3n)>i{background:linear-gradient(180deg,#FF9989,var(--dash-coral))}
.reference-finance-icon{color:var(--dash-forest);background:#E4F5EF}
.ring-violet{color:var(--dash-coral)}.ring-green{color:var(--dash-teal)}
.reference-mini-ring{border-left-color:#E2EEE9}
.reference-table-card .reference-card-title a{color:#0D8A75}
.row-yellow{background:#FFF2B8}.row-green{background:#CEF4E6}.row-blue{background:#FFE0DA}
.reference-line-shadow{stroke:var(--dash-coral)}
.reference-line{stroke:var(--dash-coral)}

html[data-ui-theme="dark"] .dash{color:#F3FBF8;background:var(--dash-forest-deep)}
html[data-ui-theme="dark"] .dash .side{color:#B9D0C9;background:#052A27;border-color:#17423D;box-shadow:10px 0 28px rgba(0,0,0,.22)}
html[data-ui-theme="dark"] .dash .side-group{color:#6F9189}
html[data-ui-theme="dark"] .dash .side>a:not(.logo),html[data-ui-theme="dark"] .dash .side-footer a{color:#BCD0CA}
html[data-ui-theme="dark"] .dash .side>a:not(.logo):hover,html[data-ui-theme="dark"] .dash .side-footer a:hover{color:#fff;background:#0E3A35;border-color:#1B514A}
html[data-ui-theme="dark"] .dash .side>a:not(.logo).active{color:var(--dash-forest-deep);background:var(--dash-mint);border-color:#A8F5DE}
html[data-ui-theme="dark"] .dash .side-icon{color:#B7CEC7;background:#123C38}
html[data-ui-theme="dark"] .dash .side>a.active .side-icon{color:var(--dash-forest-deep);background:#fff}
html[data-ui-theme="dark"] .dash .side-footer{border-top-color:#17423D}
html[data-ui-theme="dark"] .reference-dashboard-main{background:radial-gradient(circle at 100% 0,rgba(120,237,202,.09),transparent 30%),#061E1C!important}
html[data-ui-theme="dark"] .reference-topbar>div:first-child>span{color:#6E9A90}
html[data-ui-theme="dark"] .reference-topbar h1{color:#F5FFFC}
html[data-ui-theme="dark"] .reference-date{color:#A9C2BB;background:#0B2C29;border-color:#1A4640}
html[data-ui-theme="dark"] .dashboard-theme-toggle{color:#D0E5DF}
html[data-ui-theme="dark"] .dashboard-theme-toggle::before{background:#174B45}
html[data-ui-theme="dark"] .dashboard-theme-toggle::after{background:var(--dash-mint)}
html[data-ui-theme="dark"] .reference-profile{color:#D5E7E2}
html[data-ui-theme="dark"] .reference-card{color:#F2FBF8;background:#0B2C29;border-color:#17443F;box-shadow:0 9px 24px rgba(0,0,0,.18)}
html[data-ui-theme="dark"] .reference-card-title span{color:#F2FBF8}
html[data-ui-theme="dark"] .reference-card-title>i,html[data-ui-theme="dark"] .reference-card-title>div>small{color:#88A9A1}
html[data-ui-theme="dark"] .reference-number-card>strong,html[data-ui-theme="dark"] .reference-donut-card>strong,html[data-ui-theme="dark"] .reference-finance-card>strong{color:#fff}
html[data-ui-theme="dark"] .reference-donut-card>small,html[data-ui-theme="dark"] .reference-legend{color:#91ADA6}
html[data-ui-theme="dark"] .legend-soft{background:#235049}
html[data-ui-theme="dark"] .reference-donut::after{background:#0B2C29}
html[data-ui-theme="dark"] .reference-donut b{color:#fff}
html[data-ui-theme="dark"] .donut-gold{background:conic-gradient(var(--dash-mint) 0 var(--progress),#1A4842 var(--progress) 100%)}
html[data-ui-theme="dark"] .donut-blue{background:conic-gradient(var(--dash-coral) 0 var(--progress),#1A4842 var(--progress) 100%)}
html[data-ui-theme="dark"] .reference-bar-chart,html[data-ui-theme="dark"] .reference-line-chart{border-bottom-color:#17443F;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),#123B37 calc(25% - 1px),#123B37 25%)}
html[data-ui-theme="dark"] .reference-finance-icon{color:var(--dash-mint);background:#123F3A}
html[data-ui-theme="dark"] .reference-mini-ring{border-left-color:#205049}
html[data-ui-theme="dark"] .reference-table-card .reference-card-title a{color:var(--dash-mint)}
html[data-ui-theme="dark"] .dashboard-support-card{background:linear-gradient(145deg,#0B5047,var(--dash-forest-deep));border-color:#23665D}
html[data-ui-theme="dark"] .dash .dash-main:not(.reference-dashboard-main){background:#082522}
html[data-ui-theme="dark"] .dash .metric,html[data-ui-theme="dark"] .dash .quick-card,html[data-ui-theme="dark"] .dash .table-wrap,html[data-ui-theme="dark"] .dash .card:not(.module-help-card),html[data-ui-theme="dark"] .dash .form-card{background:#0D312D;border-color:#1D4B45;color:#F4FBF9}
html[data-ui-theme="dark"] .dash .tbl th{background:#123B37;border-bottom-color:#235049}
html[data-ui-theme="dark"] .dash .tbl td{border-bottom-color:#1D4B45}
html[data-ui-theme="dark"] .dash .tbl tr:hover td{background:#123B37}
html[data-ui-theme="dark"] .dash .input,html[data-ui-theme="dark"] .dash .select,html[data-ui-theme="dark"] .dash textarea.input{color:#F4FBF9;background:#082522;border-color:#24534C}

/* ============================================================
   BANNER ADMINISTRATIVO UNIFICADO Y CUADRÍCULA ESTABLE
   Todos los módulos usan exactamente el mismo encabezado.
   ============================================================ */
.dash{grid-template-columns:250px minmax(0,1fr)}
.dash .side{overflow-x:hidden}
.dash .side-user{min-width:0}
.dash .side-user>div:last-child{min-width:0;overflow:hidden}
.dash .side-user>div:last-child>div{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.dash .side-avatar,.dash .user-avatar{
  overflow:hidden;white-space:nowrap;text-overflow:clip
}
.dashboard-support-card{
  height:128px;min-height:128px;max-height:128px;flex:0 0 128px;overflow:hidden
}

.admin-page-main,
.admin-page-main.reference-dashboard-main{
  width:100%;min-width:0;padding:28px clamp(22px,3vw,44px) 44px!important;
  background:radial-gradient(circle at 100% 0,rgba(120,237,202,.16),transparent 28%),var(--dash-surface)!important
}
.admin-panel-banner{
  position:relative;isolation:isolate;width:100%;height:132px;min-height:132px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  margin:0 0 20px;padding:22px 24px;overflow:hidden;
  color:#fff;background:
    radial-gradient(circle at 78% -30%,rgba(255,231,113,.28),transparent 38%),
    linear-gradient(125deg,var(--dash-forest-deep) 0%,var(--dash-forest) 58%,#0B6B60 100%);
  border:1px solid rgba(120,237,202,.26);border-radius:18px;
  box-shadow:0 16px 34px rgba(4,31,29,.16)
}
.admin-panel-banner::before,.admin-panel-banner::after{
  content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none
}
.admin-panel-banner::before{
  right:19%;bottom:-73px;width:150px;height:150px;
  border:25px solid rgba(120,237,202,.11)
}
.admin-panel-banner::after{
  right:-38px;top:-72px;width:178px;height:178px;
  border:30px solid rgba(255,107,85,.12)
}
.admin-panel-banner-copy{min-width:0;max-width:min(650px,58%)}
.admin-panel-banner-copy>span{
  display:flex;align-items:center;gap:9px;margin:0 0 6px;
  color:var(--dash-mint);font-size:9px;font-weight:900;
  letter-spacing:.16em;text-transform:uppercase
}
.admin-panel-banner-copy>span::before{
  content:"";width:20px;height:2px;flex:0 0 20px;background:var(--dash-coral)
}
.admin-panel-banner h1{
  margin:0;color:#fff;font-size:clamp(27px,2.2vw,34px);font-weight:900;
  line-height:1.02;letter-spacing:-.045em;white-space:nowrap
}
.admin-panel-banner p{
  max-width:640px;margin:8px 0 0;overflow:hidden;color:rgba(255,255,255,.72);
  font-size:12px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap
}
.admin-panel-banner-tools{
  position:relative;z-index:1;min-width:0;display:flex;align-items:center;
  justify-content:flex-end;gap:9px;flex:0 1 auto
}
.admin-panel-banner-action{display:flex;align-items:center}
.admin-banner-btn{
  min-height:38px!important;padding:0 14px!important;border:1px solid rgba(255,255,255,.16)!important;
  color:var(--dash-forest-deep)!important;background:var(--dash-mint)!important;
  border-radius:10px!important;box-shadow:none!important;white-space:nowrap
}
.admin-banner-btn:hover{background:var(--dash-yellow)!important;transform:none!important}
.admin-panel-banner-date{
  min-height:36px;display:flex;align-items:center;padding:0 11px;
  color:rgba(255,255,255,.78);background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.12);border-radius:9px;
  font-size:9px;font-weight:800;white-space:nowrap
}
.admin-panel-banner-theme{
  position:relative;width:52px;height:36px;display:flex;align-items:center;
  justify-content:space-between;flex:0 0 52px;padding:0 7px;
  color:rgba(255,255,255,.76);background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.12);border-radius:999px;cursor:pointer
}
.admin-panel-banner-theme::before{
  content:"";position:absolute;left:6px;width:22px;height:22px;
  background:var(--dash-mint);border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.2);
  transition:transform .2s ease
}
.admin-panel-banner-theme>span,.admin-panel-banner-theme>i{
  position:relative;z-index:1;font-size:10px;font-style:normal
}
.admin-panel-banner-theme>span{color:var(--dash-forest-deep)}
.admin-panel-banner-profile{
  min-width:0;max-width:178px;height:38px;display:flex;align-items:center;gap:8px;
  padding:3px 10px 3px 4px;color:#fff;background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.12);border-radius:999px
}
.admin-panel-banner-profile:hover{color:#fff;background:rgba(255,255,255,.15)}
.admin-panel-banner-profile>span{
  width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;overflow:hidden;
  color:var(--dash-forest-deep);background:linear-gradient(145deg,var(--dash-yellow),var(--dash-mint));
  border-radius:50%;font-size:8px;font-weight:900;white-space:nowrap
}
.admin-panel-banner-profile>b{
  min-width:0;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap
}

.admin-page-main>.metrics{
  width:100%;align-items:stretch;grid-auto-rows:146px;gap:14px;margin-bottom:20px
}
.admin-page-main>.metrics>.metric{
  width:100%;height:146px;min-height:146px;display:flex;flex-direction:column;
  justify-content:center;padding:19px;overflow:hidden
}
.admin-page-main>.user-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}
.admin-page-main>.comments-admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.admin-page-main .metric .m-label{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.admin-page-main .metric .m-value{max-width:100%;overflow:hidden}

.admin-create-user:not([open]){
  height:58px;min-height:58px;padding:0!important;overflow:hidden
}
.admin-create-user>summary{
  min-height:56px;display:flex;align-items:center;padding:0 20px
}
.admin-create-user[open]>summary{
  min-height:45px;padding:0 0 14px;border-bottom:1px solid var(--dash-line)
}
.user-filters{
  width:100%;grid-template-columns:minmax(280px,1fr) 185px 185px max-content max-content;
  align-items:stretch;gap:10px
}
.user-filters .input,.user-filters .select,.user-filters .btn{
  width:100%;height:50px;min-height:50px;margin:0
}
.admin-page-main>.table-wrap{width:100%;max-width:none}
.admin-page-main .tbl{width:100%}
.admin-page-main .user-table{min-width:940px;table-layout:auto}
.admin-page-main .user-cell{min-width:0;max-width:280px}
.admin-page-main .user-cell>div{min-width:0;max-width:230px;overflow:hidden}
.admin-page-main .user-cell>div>b,
.admin-page-main .user-cell small{
  max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.admin-page-main .user-avatar{flex:0 0 38px}
.analytics-reference-grid{width:100%;max-width:none}

html[data-ui-theme="dark"] .admin-page-main,
html[data-ui-theme="dark"] .admin-page-main.reference-dashboard-main{
  background:radial-gradient(circle at 100% 0,rgba(120,237,202,.08),transparent 30%),#061E1C!important
}
html[data-ui-theme="dark"] .admin-panel-banner{
  background:
    radial-gradient(circle at 78% -30%,rgba(255,231,113,.16),transparent 38%),
    linear-gradient(125deg,#020F0E 0%,#073D37 58%,#09564E 100%);
  border-color:#235C54;box-shadow:0 17px 38px rgba(0,0,0,.28)
}
html[data-ui-theme="dark"] .admin-panel-banner-theme::before{transform:translateX(17px)}
html[data-ui-theme="dark"] .admin-panel-banner-theme>span{color:rgba(255,255,255,.7)}
html[data-ui-theme="dark"] .admin-panel-banner-theme>i{color:var(--dash-forest-deep)}
html[data-ui-theme="dark"] .admin-create-user[open]>summary{border-bottom-color:#1D4B45}

@media(max-width:1180px){
  .dash{grid-template-columns:218px minmax(0,1fr)}
  .admin-panel-banner-copy{max-width:52%}
  .admin-panel-banner-profile{width:38px;padding:3px;flex:0 0 38px}
  .admin-panel-banner-profile>b{display:none}
  .admin-page-main>.user-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:1050px){
  .admin-panel-banner-date{display:none}
  .admin-panel-banner-copy{max-width:60%}
  .admin-page-main>.user-metrics{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:136px}
  .admin-page-main>.user-metrics>.metric{height:136px;min-height:136px}
  .user-filters{grid-template-columns:1fr 1fr 1fr}
  .user-filters .btn{width:100%}
}
@media(max-width:900px){
  .dash{display:block}
  .admin-page-main,.admin-page-main.reference-dashboard-main{padding:18px 17px 36px!important}
  .admin-panel-banner{margin-bottom:17px}
}
@media(max-width:700px){
  .admin-panel-banner{
    height:174px;min-height:174px;align-items:flex-start;flex-direction:column;
    justify-content:space-between;gap:12px;padding:20px
  }
  .admin-panel-banner-copy{max-width:100%;width:100%}
  .admin-panel-banner h1{font-size:27px;white-space:normal}
  .admin-panel-banner p{
    display:-webkit-box;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2
  }
  .admin-panel-banner-tools{width:100%;justify-content:flex-start}
  .admin-panel-banner-action{margin-right:auto}
  .admin-page-main>.metrics,
  .admin-page-main>.user-metrics,
  .admin-page-main>.comments-admin-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:132px
  }
  .admin-page-main>.metrics>.metric{height:132px;min-height:132px;padding:16px}
  .user-filters{grid-template-columns:1fr}
}
@media(max-width:460px){
  .admin-panel-banner-date{display:none}
  .admin-panel-banner-profile{display:none}
  .admin-page-main>.metrics,
  .admin-page-main>.user-metrics,
  .admin-page-main>.comments-admin-metrics{grid-template-columns:1fr}
}

/* ============================================================
   ACABADO V2 — MISMO LATERAL Y MISMO BANNER EN CADA MÓDULO
   ============================================================ */
.dashboard-analytics .side-user{display:flex}
.dashboard-analytics .side-theme-toggle{display:flex}
.dashboard-analytics .side .language-form-compact{display:grid}
.dash .side-avatar-admin:not(.has-user-photo){color:#3A2600;background:var(--dash-yellow)}

.dash .side .language-form-compact{
  width:100%;display:grid;grid-template-columns:1fr;gap:8px;margin:0 0 8px;padding:9px;
  background:linear-gradient(145deg,#F8FCFA,#EDF7F3);border:1px solid #D9E8E2;
  border-radius:12px;box-shadow:0 6px 16px rgba(7,61,55,.045)
}
.language-compact-head{display:flex;align-items:center;gap:8px;min-width:0}
.language-compact-head>.language-globe{
  width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;
  color:var(--dash-forest);background:linear-gradient(145deg,#DDF8EE,#BDF2E2);
  border-radius:9px
}
.language-compact-head>.language-globe svg{width:15px;height:15px}
.language-compact-head>span:last-child{min-width:0;display:grid;line-height:1.2}
.language-compact-head b{color:var(--dash-forest-deep);font-size:10px;font-weight:900}
.language-compact-head small{overflow:hidden;color:#82958F;font-size:7px;text-overflow:ellipsis;white-space:nowrap}
.dash .side .language-form-compact .language-options{
  width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;
  padding:4px;background:#fff;border:1px solid #DDE9E5;border-radius:9px
}
.dash .side .language-form-compact .language-option{
  min-width:0;height:31px;color:#63756F;background:transparent;border-radius:7px;
  font-size:9px;box-shadow:none
}
.dash .side .language-form-compact .language-option:hover{
  color:var(--dash-forest);background:#E7F8F1
}
.dash .side .language-form-compact .language-option.active{
  color:var(--dash-forest-deep);background:linear-gradient(145deg,var(--dash-mint),#9AF3DA);
  box-shadow:0 5px 12px rgba(23,189,181,.18)
}

.admin-panel-banner{
  height:156px;min-height:156px;padding:22px 24px;font-family:var(--ms-global-typeface,"Times New Roman",Times,serif);
  background:
    radial-gradient(circle at 92% 18%,rgba(255,231,113,.18),transparent 23%),
    radial-gradient(circle at 66% 130%,rgba(120,237,202,.18),transparent 38%),
    linear-gradient(118deg,#031F1D 0%,#073D37 52%,#0A665C 100%);
  border-color:rgba(120,237,202,.31);border-radius:22px;
  box-shadow:0 20px 44px rgba(4,31,29,.18),inset 0 1px 0 rgba(255,255,255,.08)
}
.admin-panel-banner::before{
  z-index:-1;inset:0;right:auto;bottom:auto;width:100%;height:100%;border:0;border-radius:0;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:28px 28px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 46%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 46%,#000 100%)
}
.admin-panel-banner::after{
  z-index:-1;right:8%;top:-92px;width:232px;height:232px;
  border:34px solid rgba(120,237,202,.12);border-radius:50%;
  box-shadow:0 0 0 28px rgba(255,255,255,.025)
}
.admin-panel-banner-brand{
  min-width:0;max-width:720px;display:flex;align-items:center;gap:18px;flex:1 1 auto
}
.admin-panel-banner-mark{
  position:relative;width:64px;height:64px;display:grid;place-items:center;flex:0 0 64px;
  color:var(--dash-forest-deep);background:linear-gradient(145deg,var(--dash-mint),#B8F8E5);
  border:1px solid rgba(255,255,255,.32);border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.55)
}
.admin-panel-banner-mark::before{
  content:"";position:absolute;inset:7px;border:1px solid rgba(7,61,55,.16);border-radius:12px
}
.admin-panel-banner-mark b{position:relative;z-index:1;font-size:16px;font-weight:950;letter-spacing:-.08em}
.admin-panel-banner-mark i{
  position:absolute;right:8px;bottom:8px;width:8px;height:8px;background:var(--dash-coral);
  border:2px solid #B8F8E5;border-radius:50%
}
.admin-panel-banner-copy{max-width:none;min-width:0}
.admin-panel-banner-copy>span{
  margin-bottom:7px;color:#96F5D9;font-size:10px!important;font-weight:900;line-height:1;
  letter-spacing:.15em
}
.admin-panel-banner-copy h1{
  margin:0;color:#fff;font-family:var(--ms-global-typeface,"Times New Roman",Times,serif)!important;
  font-size:32px!important;font-weight:900!important;line-height:1!important;letter-spacing:-.045em!important
}
.admin-panel-banner-copy p{
  margin-top:9px;color:rgba(255,255,255,.76);font-family:var(--ms-global-typeface,"Times New Roman",Times,serif);
  font-size:12px!important;font-weight:500;line-height:1.4
}
.admin-panel-banner-tools{
  min-height:54px;gap:7px;padding:7px;
  background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12);
  border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(12px)
}
.admin-panel-banner-status{
  height:38px;display:flex;align-items:center;gap:6px;padding:0 10px;
  color:rgba(255,255,255,.78);font-size:8px;font-weight:850;white-space:nowrap
}
.admin-panel-banner-status>i{
  width:7px;height:7px;background:var(--dash-mint);border-radius:50%;
  box-shadow:0 0 0 4px rgba(120,237,202,.12)
}
.admin-panel-banner-date,.admin-panel-banner-theme,.admin-panel-banner-profile{
  background:rgba(2,26,24,.26);border-color:rgba(255,255,255,.12)
}
.admin-panel-banner-avatar{
  width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;overflow:hidden;
  color:var(--dash-forest-deep);background:linear-gradient(145deg,var(--dash-yellow),var(--dash-mint));
  border-radius:50%;font-size:8px;font-weight:900
}
.admin-panel-banner-profile>span{width:30px;height:30px;flex-basis:30px}

html[data-ui-theme="dark"] .dash .side .language-form-compact{
  background:linear-gradient(145deg,#0C3531,#082824);border-color:#1C4B45;box-shadow:none
}
html[data-ui-theme="dark"] .language-compact-head>.language-globe{color:var(--dash-mint);background:#123F3A}
html[data-ui-theme="dark"] .language-compact-head b{color:#F4FBF9}
html[data-ui-theme="dark"] .language-compact-head small{color:#80A49B}
html[data-ui-theme="dark"] .dash .side .language-form-compact .language-options{background:#082522;border-color:#1C4B45}
html[data-ui-theme="dark"] .dash .side .language-form-compact .language-option{color:#A9C5BE}
html[data-ui-theme="dark"] .dash .side .language-form-compact .language-option:hover{color:#fff;background:#123F3A}
html[data-ui-theme="dark"] .profile-photo-editor{color:#F4FBF9;background:linear-gradient(135deg,#123B37,#0A2B28);border-color:#1D4B45}
html[data-ui-theme="dark"] .profile-photo-controls>small{color:#8EADA5}
html[data-ui-theme="dark"] .profile-photo-input{color:#DDEDE8;background:#082522;border-color:#24534C}

@media(max-width:1450px){
  .admin-panel-banner-status{display:none}
}
@media(max-width:1180px){
  .admin-panel-banner{height:150px;min-height:150px}
  .admin-panel-banner-brand{gap:14px}
  .admin-panel-banner-mark{width:54px;height:54px;flex-basis:54px;border-radius:15px}
  .admin-panel-banner-copy{max-width:none}
}
@media(max-width:700px){
  .admin-panel-banner{height:190px;min-height:190px;padding:18px}
  .admin-panel-banner-brand{width:100%;gap:12px}
  .admin-panel-banner-mark{width:48px;height:48px;flex-basis:48px;border-radius:14px}
  .admin-panel-banner-copy h1{font-size:28px!important;white-space:normal}
  .admin-panel-banner-copy p{font-size:11px!important}
  .admin-panel-banner-tools{min-height:48px;padding:5px}
}

/* ============================================================
   V3 RECTANGULAR — ORDEN, CONTRASTE Y TEXTO LEGIBLE
   ============================================================ */
.dash *,.dash *::before,.dash *::after{border-radius:0!important}
.dash{grid-template-columns:250px minmax(0,1fr)}
.dash .side{padding:16px 14px;gap:4px}
.dash .side-user{min-height:58px;margin-bottom:10px;padding:10px 11px}
.dash .side-avatar{width:38px;height:38px;flex-basis:38px;font-size:11px}
.dash .side-group{margin:15px 8px 6px;font-size:10px;letter-spacing:.14em}
.dash .side>a:not(.logo),.dash .side-footer a{
  min-height:40px;padding:8px 10px;font-size:13px;line-height:1.2
}
.dash .side-icon{width:24px;height:24px;flex-basis:24px;font-size:10px}
.dash .side-footer{display:grid;gap:4px;margin-top:10px;padding-top:10px}
.dash .side-footer a{margin:0}
.side-theme-toggle{
  width:100%;min-height:40px;justify-content:flex-start;margin:0;padding:8px 10px;
  font-size:13px;font-weight:800
}
.side-theme-toggle>span:first-child{width:auto;height:auto;color:inherit;background:transparent}

.dashboard-support-card{
  height:166px;min-height:166px;max-height:166px;grid-template-columns:105px minmax(0,1fr);
  align-items:center;gap:7px;margin-top:auto;padding:8px 10px;
  background:linear-gradient(135deg,#0A5048,#041F1D)
}
.dashboard-support-card img{
  width:105px;height:154px;align-self:end;object-position:center bottom;
  transform:translate(-5px,7px);filter:drop-shadow(0 9px 10px rgba(0,0,0,.22))
}
.dashboard-support-card>div{
  min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center
}
.dashboard-support-card b{font-size:11px;line-height:1.25;text-align:center}
.dashboard-support-card small{margin-top:4px;font-size:9px;line-height:1.35;text-align:center}
.dashboard-support-card a{
  min-height:29px;display:flex;align-items:center;justify-content:center;margin-top:9px;
  padding:0 10px;font-size:9px;text-align:center
}

.admin-page-main,.admin-page-main.reference-dashboard-main{
  padding:24px clamp(20px,3vw,40px) 44px!important;background:#F1F7F4!important
}
.admin-panel-banner{
  height:136px;min-height:136px;gap:24px;margin-bottom:20px;padding:20px 24px;
  background:linear-gradient(112deg,#032522 0%,#07483F 68%,#0A675C 100%);
  border:1px solid #28786C;box-shadow:0 14px 30px rgba(4,31,29,.16)
}
.admin-panel-banner::before{
  inset:0;width:100%;height:100%;border:0;background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:32px 32px;opacity:.65;mask-image:none;-webkit-mask-image:none
}
.admin-panel-banner::after{
  right:0;top:0;width:12px;height:100%;border:0;background:var(--dash-mint);box-shadow:none
}
.admin-panel-banner-brand{max-width:680px;gap:0}
.admin-panel-banner-copy{max-width:680px!important}
.admin-panel-banner-copy>span{
  margin-bottom:8px;color:#A8F8E1;font-size:11px!important;letter-spacing:.14em
}
.admin-panel-banner-copy>span::before{width:24px;height:3px;flex-basis:24px}
.admin-panel-banner-copy h1{
  color:#fff;font-size:36px!important;font-weight:900!important;line-height:1!important
}
.admin-panel-banner-copy p{
  margin-top:10px;color:#E2F1EC!important;font-size:14px!important;font-weight:600;line-height:1.35
}
.admin-panel-banner-tools{
  min-height:44px;gap:6px;padding:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none
}
.admin-panel-banner-action{height:42px}
.admin-banner-btn{
  height:42px;min-height:42px!important;padding:0 13px!important;border:1px solid #A6F5DE!important;
  font-size:11px!important
}
.panel-language-switch{
  height:42px;display:grid;grid-template-columns:repeat(3,36px);align-items:stretch;
  border:1px solid rgba(255,255,255,.28);background:#073A34
}
.panel-language-switch a{
  display:grid;place-items:center;color:#C8DDD7;border-right:1px solid rgba(255,255,255,.16);
  font-size:10px;font-weight:900
}
.panel-language-switch a:last-child{border-right:0}
.panel-language-switch a:hover{color:#fff;background:#0C574D}
.panel-language-switch a.active{color:#042B27;background:var(--dash-mint)}
.admin-panel-banner-date{
  height:42px;min-height:42px;padding:0 11px;color:#F0F8F5;background:#073A34;
  border:1px solid rgba(255,255,255,.25);font-size:10px
}
.admin-panel-banner-theme{
  width:auto;height:42px;min-width:98px;flex:0 0 auto;justify-content:center;padding:0 12px;
  color:#F0F8F5;background:#073A34;border:1px solid rgba(255,255,255,.25)
}
.admin-panel-banner-theme::before{display:none}
.admin-panel-banner-theme>b{position:relative;z-index:1;font-size:10px;font-weight:900;white-space:nowrap}
.admin-panel-banner-profile{
  max-width:170px;height:42px;padding:4px 9px 4px 4px;background:#073A34;
  border:1px solid rgba(255,255,255,.25)
}
.admin-panel-banner-avatar,.admin-panel-banner-profile>span{
  width:32px;height:32px;flex-basis:32px;font-size:9px
}
.admin-panel-banner-profile>b{font-size:10px}

/* Las tarjetas analíticas dejan de usar texto diminuto. */
.analytics-reference-grid{
  grid-template-rows:108px 108px 126px 104px 140px;gap:12px
}
.reference-card{padding:15px 16px}
.reference-card-title span{font-size:12px;line-height:1.3}
.reference-card-title>i{font-size:11px}
.reference-card-title>div>small{margin-top:3px;font-size:9px}
.reference-number-card>strong{margin:10px 0 6px;font-size:31px}
.reference-number-card>small{font-size:9px}
.reference-money{font-size:20px!important}
.reference-donut-card>strong{margin-top:9px;font-size:29px}
.reference-donut-card>small{margin-top:4px;font-size:9px}
.reference-donut-area{
  grid-template-columns:1fr;align-items:end;gap:12px;margin-top:20px
}
.reference-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;font-size:9px}
.reference-legend i{width:8px;height:8px}
.reference-donut{
  position:relative;width:100%;height:16px;display:block;border:1px solid #BCD7CF
}
.reference-donut::after{display:none}
.reference-donut b{
  position:absolute;right:0;top:-25px;color:var(--dash-forest-deep);font-size:11px;font-weight:900
}
.donut-gold{background:linear-gradient(90deg,var(--dash-mint) 0 var(--progress),#DDECE7 var(--progress) 100%)}
.donut-blue{background:linear-gradient(90deg,var(--dash-coral) 0 var(--progress),#E9DEDA var(--progress) 100%)}
.reference-bar>b{font-size:8px}
.reference-finance-card{padding:14px 15px}
.reference-finance-icon{width:30px;height:30px;font-size:12px}
.reference-mini-ring{
  top:12px;right:12px;width:40px;height:28px;border:2px solid currentColor!important;
  font-size:8px;transform:none
}
.reference-finance-card>small{margin-top:9px;font-size:10px}
.reference-finance-card>strong{margin-top:5px;font-size:19px}
.reference-finance-card>span:last-child{margin-top:4px;font-size:9px}
.reference-table-card{padding:14px}
.reference-table-card .reference-card-title a{font-size:9px}
.reference-table-head{padding:10px 8px 7px;font-size:9px}
.reference-table-body{gap:5px}
.reference-table-row{min-height:34px;padding:6px 8px;font-size:9px}
.reference-table-row>span:first-child i{width:22px;height:22px;flex-basis:22px;font-size:7px}
.reference-table-row>b{font-size:9px}
.reference-table-empty{padding:32px 10px;font-size:11px}
.reference-line-shadow,.reference-line{stroke-linecap:butt;stroke-linejoin:miter}

/* Resto de módulos: tipografía y marcos igualmente rectangulares. */
.dash .metric .m-label{font-size:13px}
.dash .metric .m-value{font-size:34px}
.dash .metric .m-sub{font-size:11px}
.dash .tbl th{font-size:10px}
.dash .tbl td{font-size:13px}
.dash .badge{padding:5px 9px}

html[data-ui-theme="dark"] .admin-panel-banner{
  background:linear-gradient(112deg,#011714 0%,#043B34 68%,#075A50 100%);border-color:#2B7368
}
html[data-ui-theme="dark"] .admin-page-main,
html[data-ui-theme="dark"] .admin-page-main.reference-dashboard-main{background:#061E1C!important}
html[data-ui-theme="dark"] .dashboard-support-card{background:linear-gradient(135deg,#0A5048,#031815)}
html[data-ui-theme="dark"] .reference-card-title span,
html[data-ui-theme="dark"] .reference-number-card>strong,
html[data-ui-theme="dark"] .reference-donut-card>strong,
html[data-ui-theme="dark"] .reference-finance-card>strong{color:#FFFFFF}
html[data-ui-theme="dark"] .reference-card-title>div>small,
html[data-ui-theme="dark"] .reference-number-card>small,
html[data-ui-theme="dark"] .reference-donut-card>small,
html[data-ui-theme="dark"] .reference-finance-card>small,
html[data-ui-theme="dark"] .reference-finance-card>span:last-child{color:#B9CEC8}
html[data-ui-theme="dark"] .reference-legend{color:#C5D9D3}
html[data-ui-theme="dark"] .reference-donut b{color:#FFFFFF}
html[data-ui-theme="dark"] .donut-gold{background:linear-gradient(90deg,var(--dash-mint) 0 var(--progress),#17483F var(--progress) 100%)}
html[data-ui-theme="dark"] .donut-blue{background:linear-gradient(90deg,var(--dash-coral) 0 var(--progress),#49352F var(--progress) 100%)}

@media(max-width:1260px){
  .admin-panel-banner-profile>b{display:none}
  .admin-panel-banner-profile{width:42px;padding:4px;flex:0 0 42px}
}
@media(max-width:1120px){
  .admin-panel-banner-copy h1{font-size:31px!important}
  .admin-panel-banner-copy p{font-size:12px!important}
  .admin-panel-banner-date{display:none}
}
@media(max-width:900px){
  .analytics-reference-grid{grid-template-rows:auto auto auto 260px auto auto 170px}
}
@media(max-width:700px){
  .admin-panel-banner{height:202px;min-height:202px;padding:17px}
  .admin-panel-banner-copy h1{font-size:29px!important}
  .admin-panel-banner-tools{width:100%;justify-content:flex-start;overflow-x:auto}
  .admin-panel-banner-action{margin-right:0}
  .panel-language-switch{flex:0 0 auto}
}

/* ============================================================
   V4 — CONTROL DE TEMA, CONTRASTE Y NOTIFICACIONES
   ============================================================ */
.admin-panel-banner-theme{
  width:42px!important;height:42px!important;min-width:42px!important;max-width:42px;
  display:grid!important;place-items:center;flex:0 0 42px!important;padding:0!important;
  color:#FFE771!important;background:#073A34!important;border:1px solid rgba(255,255,255,.32)!important
}
.admin-panel-banner-theme::before{display:none!important}
.admin-panel-banner-theme>[data-dashboard-theme-icon]{
  position:relative;z-index:1;color:inherit!important;font-size:19px!important;font-style:normal;
  font-weight:900;line-height:1
}
.admin-panel-banner-theme:hover,.admin-panel-banner-theme:focus-visible{
  color:#041F1D!important;background:#FFE771!important;border-color:#FFE771!important;outline:2px solid #fff;outline-offset:2px
}
html[data-ui-theme="dark"] .admin-panel-banner-theme{
  color:#E7EEFF!important;background:#082925!important;border-color:#4C786F!important
}
html[data-ui-theme="dark"] .admin-panel-banner-theme:hover,
html[data-ui-theme="dark"] .admin-panel-banner-theme:focus-visible{
  color:#041F1D!important;background:#E7EEFF!important;border-color:#E7EEFF!important
}

/* La identidad del usuario conserva el mismo color de tema en los tres paneles. */
.dash .side-user{
  color:#082F2A!important;background:#EFF7F4!important;border-color:#C9DDD6!important;box-shadow:none!important
}
.dash .side-user>div:last-child>div:first-child{color:#082F2A!important}
.dash .side-user>div:last-child>div:last-child{color:#567069!important;opacity:1!important}
html[data-ui-theme="dark"] .dash .side-user{
  color:#F5FFFC!important;background:#0D312D!important;border-color:#2D625A!important
}
html[data-ui-theme="dark"] .dash .side-user>div:last-child>div:first-child{color:#FFFFFF!important}
html[data-ui-theme="dark"] .dash .side-user>div:last-child>div:last-child{color:#AFCAC3!important;opacity:1!important}

/* Lectura clara de textos secundarios, formularios y tablas en ambos temas. */
.dash .muted,.dash .module-subtitle,.dash .module-section-head p{color:#526B64}
.dash .label{color:#183E37}
html[data-ui-theme="dark"] .dash .muted,
html[data-ui-theme="dark"] .dash .module-subtitle,
html[data-ui-theme="dark"] .dash .module-section-head p,
html[data-ui-theme="dark"] .dash .metric .m-label,
html[data-ui-theme="dark"] .dash .metric .m-sub,
html[data-ui-theme="dark"] .dash .quick-card small{color:#B7CFC8!important}
html[data-ui-theme="dark"] .dash .label,
html[data-ui-theme="dark"] .dash .form-card .label,
html[data-ui-theme="dark"] .dash .payment-form-card .label{color:#E9F8F4!important}
html[data-ui-theme="dark"] .dash .tbl th{color:#C5DCD5!important}
html[data-ui-theme="dark"] .dash .tbl td{color:#F5FFFC!important}

/* Los avisos del panel son tarjetas de notificación, no franjas planas. */
.dash .alert.ui-notification{max-width:720px;margin-left:auto;border-radius:0!important}
html[data-ui-theme="dark"] .dash .alert-ok{
  color:#E9FFF6;background:#0C392E;border-color:#4BD6A4
}
html[data-ui-theme="dark"] .dash .alert-err{
  color:#FFF0ED;background:#45211E;border-color:#FF8173
}
html[data-ui-theme="dark"] .dash .alert-info{
  color:#EDF7FF;background:#102F49;border-color:#66ADF4
}
html[data-ui-theme="dark"] .dash .alert-warn{
  color:#FFF5D2;background:#3B3015;border-color:#E7BD54
}
html[data-ui-theme="dark"] .dash .ui-notification-icon{background:rgba(0,0,0,.16)}
html[data-ui-theme="dark"] .dash .ui-notification-close:hover,
html[data-ui-theme="dark"] .dash .ui-notification-close:focus-visible{background:rgba(255,255,255,.12)}

/* ============================================================
   V5 — ACCIONES CRUD E IDIOMA DEL PANEL SIEMPRE LEGIBLES
   ============================================================ */
.crud-actions,.dash .tbl td>.flex{
  min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:7px
}
.crud-actions form,.dash .tbl td form,.admin-comment-actions form{display:inline-flex;margin:0}
.dash .tbl td .btn,.dash .admin-comment-actions .btn{
  min-height:34px;padding:0 13px;border:1px solid transparent!important;
  font-size:11px;font-weight:900;line-height:1;box-shadow:none!important;transform:none!important
}
.dash .btn-ghost,.dash summary.btn-ghost{
  color:#083D36!important;background:#E7F4EF!important;border-color:#AFCFC4!important
}
.dash .btn-ghost:hover,.dash .btn-ghost:focus-visible,
.dash summary.btn-ghost:hover,.dash summary.btn-ghost:focus-visible{
  color:#FFFFFF!important;background:#0A6256!important;border-color:#0A6256!important
}
.dash .btn-primary,.dash .btn-dark{
  color:#FFFFFF!important;background:#073D37!important;border-color:#073D37!important
}
.dash .btn-primary:hover,.dash .btn-dark:hover{background:#0A6256!important;border-color:#0A6256!important}
.dash .btn-danger{
  color:#FFFFFF!important;background:#E94F4F!important;border-color:#E94F4F!important
}
.dash .btn-danger:hover,.dash .btn-danger:focus-visible{background:#C93E3E!important;border-color:#C93E3E!important}
.dash .tbl td a:not(.btn){color:#087B6B;font-weight:800}
.dash .tbl td a:not(.btn):hover{color:#045B50;text-decoration:underline;text-underline-offset:3px}

html[data-ui-theme="dark"] .dash .btn-ghost,
html[data-ui-theme="dark"] .dash summary.btn-ghost{
  color:#E9FFF7!important;background:#17443E!important;border-color:#397269!important
}
html[data-ui-theme="dark"] .dash .btn-ghost:hover,
html[data-ui-theme="dark"] .dash .btn-ghost:focus-visible,
html[data-ui-theme="dark"] .dash summary.btn-ghost:hover,
html[data-ui-theme="dark"] .dash summary.btn-ghost:focus-visible{
  color:#041F1D!important;background:#78EDCA!important;border-color:#A6F5DE!important
}
html[data-ui-theme="dark"] .dash .btn-primary,
html[data-ui-theme="dark"] .dash .btn-dark{
  color:#041F1D!important;background:#78EDCA!important;border-color:#A6F5DE!important
}
html[data-ui-theme="dark"] .dash .btn-primary:hover,
html[data-ui-theme="dark"] .dash .btn-dark:hover{background:#FFE771!important;border-color:#FFE771!important}
html[data-ui-theme="dark"] .dash .btn-danger{
  color:#FFFFFF!important;background:#D94F49!important;border-color:#FF8076!important
}
html[data-ui-theme="dark"] .dash .tbl td a:not(.btn){color:#91F2D7}
html[data-ui-theme="dark"] .dash .tbl td a:not(.btn):hover{color:#FFFFFF}

/* Comentarios administrativos con contraste real en modo oscuro. */
html[data-ui-theme="dark"] .dash .admin-comment-card{
  color:#F5FFFC;background:#0D312D;border-color:#2A5B54;box-shadow:none
}
html[data-ui-theme="dark"] .dash .admin-comment-card>p{color:#D7E8E3}
html[data-ui-theme="dark"] .dash .admin-comment-meta{color:#A7C2BB;border-top-color:#2A5B54}
html[data-ui-theme="dark"] .dash .admin-comment-photo{
  color:#C8FFE9;background:#123F3A;border-color:#32675F
}

/* Selector de idioma del banner: compacto, separado y sin apariencia de tabla. */
.panel-language-switch{
  height:42px;display:grid;grid-template-columns:repeat(3,38px);gap:3px;padding:4px;
  background:#052D29;border:1px solid #477970!important
}
.panel-language-switch a{
  position:relative;display:grid;place-items:center;border:0!important;color:#BFD7D0;background:#0A3C36;
  font-size:9px;font-weight:950;letter-spacing:.08em
}
.panel-language-switch a:hover{color:#FFFFFF;background:#0D574D}
.panel-language-switch a.active{
  color:#041F1D;background:#78EDCA;box-shadow:inset 0 -3px 0 #FF6B55
}

/* Los toast se mantienen compactos aunque nazcan dentro del panel. */
.dash .ui-notification-stack .alert.ui-notification{
  width:100%;max-width:none;margin:0;border-radius:0!important
}
html[data-ui-theme="dark"] .dash .ui-notification-stack .alert.ui-notification{
  color:#F2FFFB;background:#0B2C29;border-color:#285C54;border-left-color:var(--toast-accent)
}
html[data-ui-theme="dark"] .dash .ui-notification-stack .ui-notification-icon{
  color:var(--toast-accent);background:#123F3A;border-color:#3D7168
}
html[data-ui-theme="dark"] .dash .ui-notification-stack .ui-notification-close{color:#B7CEC7}
html[data-ui-theme="dark"] .dash .ui-notification-stack .ui-notification-close:hover,
html[data-ui-theme="dark"] .dash .ui-notification-stack .ui-notification-close:focus-visible{
  color:#FFFFFF;background:#17443E
}

/* ============================================================
   V7 — DASHBOARDS / ADMIN / ORGANIZADOR EN PALETA OFICIAL
   ============================================================ */
.dash{
  --dash-forest:#08514D;
  --dash-forest-deep:#063734;
  --dash-teal:#17BDB5;
  --dash-mint:#22E6E0;
  --dash-coral:#EF4444;
  --dash-yellow:#FBBF24;
  --dash-paper:#ECFEFD;
  --dash-surface:#D0FAF7;
  --dash-line:#A5F3EF;
}
.dash{color:#063734;background:var(--dash-surface)}
.dash .side{color:#0A6E69;background:#fff;border-right-color:var(--dash-line)}
.dash .side>a:not(.logo),.dash .side-footer a{color:#0A6E69}
.dash .side>a:not(.logo):hover,.dash .side-footer a:hover{color:#063734;background:#ECFEFD;border-color:#A5F3EF}
.dash .side>a:not(.logo).active{color:#063734;background:#D0FAF7;border-color:#6EE7E0}
.dash .side-icon{color:#0A6E69;background:#ECFEFD}
.dash .side>a.active .side-icon{color:#063734;background:#22E6E0}
.dash .side-count{background:#EF4444}
.dashboard-theme-toggle::before{background:#A5F3EF}
.dashboard-theme-toggle::after{background:#0B8B84}
.reference-dashboard-main{background:radial-gradient(circle at 100% 0,rgba(34,230,224,.16),transparent 28%),#ECFEFD!important}
.reference-card{border-color:#A5F3EF}
.reference-number-card::before{background:#17BDB5}
.ref-approved::before{background:#22C55E}
.ref-revenue::before{background:#FBBF24}

html[data-ui-theme="dark"] .dash{
  color:#ECFEFD!important;
  background:#063734!important;
}
html[data-ui-theme="dark"] .dash .side{
  color:#D0FAF7!important;
  background:#063734!important;
  border-color:#0B8B84!important;
  box-shadow:10px 0 28px rgba(0,0,0,.22)!important;
}
html[data-ui-theme="dark"] .dash .side-group{color:#A5F3EF!important}
html[data-ui-theme="dark"] .dash .side>a:not(.logo),
html[data-ui-theme="dark"] .dash .side-footer a{color:#D0FAF7!important}
html[data-ui-theme="dark"] .dash .side>a:not(.logo):hover,
html[data-ui-theme="dark"] .dash .side-footer a:hover{
  color:#ECFEFD!important;
  background:#08514D!important;
  border-color:#0B8B84!important;
}
html[data-ui-theme="dark"] .dash .side>a:not(.logo).active{
  color:#063734!important;
  background:#22E6E0!important;
  border-color:#22E6E0!important;
}
html[data-ui-theme="dark"] .dash .side-icon{color:#D0FAF7!important;background:#08514D!important}
html[data-ui-theme="dark"] .dash .side>a.active .side-icon{color:#063734!important;background:#ECFEFD!important}
html[data-ui-theme="dark"] .dash .side-footer{border-top-color:#0B8B84!important}
html[data-ui-theme="dark"] .side-theme-toggle,
html[data-ui-theme="dark"] .dash .side .language-form-compact{
  color:#ECFEFD!important;background:#08514D!important;border-color:#0B8B84!important
}
html[data-ui-theme="dark"] .side-theme-toggle>span:first-child,
html[data-ui-theme="dark"] .dash .side .language-form-compact .language-globe{
  color:#063734!important;background:#22E6E0!important
}
html[data-ui-theme="dark"] .dash .side .language-form-compact .language-option.active{
  color:#063734!important;background:#22E6E0!important
}
html[data-ui-theme="dark"] .reference-dashboard-main,
html[data-ui-theme="dark"] .dash .dash-main{
  background:radial-gradient(circle at 100% 0,rgba(34,230,224,.08),transparent 30%),#063734!important;
}
html[data-ui-theme="dark"] .reference-topbar h1,
html[data-ui-theme="dark"] .dash .dash-head h1,
html[data-ui-theme="dark"] .dash .module-section-head h2{color:#ECFEFD!important}
html[data-ui-theme="dark"] .reference-topbar>div:first-child>span,
html[data-ui-theme="dark"] .dash .module-subtitle,
html[data-ui-theme="dark"] .dash .module-section-head p{color:#D0FAF7!important}
html[data-ui-theme="dark"] .reference-date,
html[data-ui-theme="dark"] .dashboard-theme-toggle{
  color:#ECFEFD!important;background:#08514D!important;border-color:#0B8B84!important
}
html[data-ui-theme="dark"] .dashboard-theme-toggle::before{background:#0A6E69!important}
html[data-ui-theme="dark"] .dashboard-theme-toggle::after{background:#22E6E0!important}
html[data-ui-theme="dark"] .reference-profile{color:#D0FAF7!important}
html[data-ui-theme="dark"] .reference-profile>span{color:#063734!important;background:#22E6E0!important}
html[data-ui-theme="dark"] .reference-card,
html[data-ui-theme="dark"] .dash .metric,
html[data-ui-theme="dark"] .dash .quick-card,
html[data-ui-theme="dark"] .dash .table-wrap,
html[data-ui-theme="dark"] .dash .card:not(.module-help-card),
html[data-ui-theme="dark"] .dash .form-card{
  color:#ECFEFD!important;
  background:#08514D!important;
  border-color:#0B8B84!important;
  box-shadow:0 9px 24px rgba(0,0,0,.18)!important;
}
html[data-ui-theme="dark"] .reference-card-title span,
html[data-ui-theme="dark"] .reference-number-card>strong,
html[data-ui-theme="dark"] .reference-donut-card>strong,
html[data-ui-theme="dark"] .reference-finance-card>strong,
html[data-ui-theme="dark"] .dash .metric .m-value,
html[data-ui-theme="dark"] .dash .quick-card b,
html[data-ui-theme="dark"] .dash .tbl td{color:#ECFEFD!important}
html[data-ui-theme="dark"] .reference-card-title>i,
html[data-ui-theme="dark"] .reference-card-title>div>small,
html[data-ui-theme="dark"] .reference-donut-card>small,
html[data-ui-theme="dark"] .reference-legend,
html[data-ui-theme="dark"] .dash .metric .m-label,
html[data-ui-theme="dark"] .dash .metric .m-sub,
html[data-ui-theme="dark"] .dash .quick-card small{color:#D0FAF7!important}
html[data-ui-theme="dark"] .reference-donut::after{background:#08514D!important}
html[data-ui-theme="dark"] .reference-donut b{color:#ECFEFD!important}
html[data-ui-theme="dark"] .donut-gold{background:conic-gradient(#22E6E0 0 var(--progress),#0A6E69 var(--progress) 100%)!important}
html[data-ui-theme="dark"] .donut-blue{background:conic-gradient(#3B82F6 0 var(--progress),#0A6E69 var(--progress) 100%)!important}
html[data-ui-theme="dark"] .reference-bar-chart,
html[data-ui-theme="dark"] .reference-line-chart{
  border-bottom-color:#0B8B84!important;
  background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),#08514D calc(25% - 1px),#08514D 25%)!important;
}
html[data-ui-theme="dark"] .reference-bar>i{background:linear-gradient(180deg,#34D6CE,#17BDB5)!important}
html[data-ui-theme="dark"] .reference-bar:nth-child(3n)>i{background:linear-gradient(180deg,#FBBF24,#F59E0B)!important}
html[data-ui-theme="dark"] .reference-finance-icon{color:#22E6E0!important;background:#0A6E69!important}
html[data-ui-theme="dark"] .reference-mini-ring{border-left-color:#0B8B84!important}
html[data-ui-theme="dark"] .reference-table-card .reference-card-title a{color:#22E6E0!important}
html[data-ui-theme="dark"] .dash .tbl th{color:#D0FAF7!important;background:#063734!important;border-bottom-color:#0B8B84!important}
html[data-ui-theme="dark"] .dash .tbl td{color:#ECFEFD!important;background:#08514D!important;border-bottom-color:#0B8B84!important}
html[data-ui-theme="dark"] .dash .tbl tr:hover td{background:#0A6E69!important}
html[data-ui-theme="dark"] .dash .input,
html[data-ui-theme="dark"] .dash .select,
html[data-ui-theme="dark"] .dash textarea.input{
  color:#ECFEFD!important;background:#063734!important;border-color:#0B8B84!important
}
html[data-ui-theme="dark"] .dashboard-support-card{
  color:#ECFEFD!important;
  background:radial-gradient(circle at 15% 10%,rgba(34,230,224,.18),transparent 36%),linear-gradient(145deg,#08514D,#063734)!important;
  border-color:#0B8B84!important;
}
html[data-ui-theme="dark"] .dashboard-support-card a{color:#063734!important;background:#22E6E0!important}
html[data-ui-theme="dark"] .row-yellow{background:#78350F!important;color:#FEF3C7!important}
html[data-ui-theme="dark"] .row-green{background:#15803D!important;color:#DCFCE7!important}
html[data-ui-theme="dark"] .row-blue{background:#1D4ED8!important;color:#DBEAFE!important}


/* V8 — SIDEBAR FIJO + BOTONES SIN ICONOS + CARGAS SIN TOPE DE APP */
/* Los menús de Admin, Organizador y Corredor permanecen anclados al cambiar de módulo. */
@media (min-width:901px){
  .dash{display:block!important;min-height:100vh!important}
  .dash>.side{
    position:fixed!important;top:0!important;left:0!important;bottom:0!important;
    width:228px!important;height:100vh!important;max-height:100vh!important;
    z-index:100!important;overflow-y:auto!important;overflow-x:hidden!important;
    overscroll-behavior:contain;scrollbar-width:none;
  }
  .dash>.side::-webkit-scrollbar{width:0;height:0}
  .dash>.dash-main{
    width:calc(100% - 228px)!important;min-height:100vh!important;
    margin-left:228px!important;overflow:visible!important;
  }
}

/* Sin cajas/letras de icono en la navegación lateral. */
.dash .side-icon{display:none!important}
.dash .side>a:not(.logo),.dash .side-footer a{gap:0!important;padding-left:12px!important;padding-right:12px!important}

/* Los botones de acción muestran únicamente su texto. */
.btn>i,.btn>svg,.btn>.ti,.btn>span,
.admin-banner-btn>i,.admin-banner-btn>svg,.admin-banner-btn>span,
.quick-card>.quick-icon,.quick-card>i{
  display:none!important
}
.btn,.admin-banner-btn{gap:0!important}
.quick-card{grid-template-columns:minmax(0,1fr)!important}
.quick-card>div{grid-column:1!important}

/* Mantener legibles los controles que necesitan un símbolo propio para funcionar. */
[data-dashboard-theme-toggle]>span,.menu-toggle>span,.ui-notification-close>span{display:initial!important}


/* V8.1 — TODOS LOS BOTONES EN TEXTO, SIN ICONOS */
.admin-panel-banner-theme{
  width:auto!important;min-width:64px!important;max-width:none!important;height:42px!important;
  padding:0 12px!important;font-size:10px!important;border-radius:8px!important
}
.admin-panel-banner-theme>[data-dashboard-theme-icon]{font-size:10px!important;letter-spacing:.02em}
/* ============================================================
   V10 — DASHBOARD PALETA OFICIAL + BANNER COMPACTO
   Mantiene funciones y estructura; sólo unifica colores y tamaño.
   ============================================================ */
:root{
  --dash-bg:#ECFEFD;--dash-surface:#FFFFFF;--dash-surface-soft:#D0FAF7;
  --dash-text:#063734;--dash-muted:#0A6E69;--dash-line:#A5F3EF;
  --dash-primary:#0B8B84;--dash-primary-hover:#0A6E69;--dash-accent:#22E6E0;
}

/* Modo claro */
html:not([data-ui-theme="dark"]) .dash{color:var(--dash-text)!important;background:var(--dash-bg)!important}
html:not([data-ui-theme="dark"]) .dash>.side{color:var(--dash-muted)!important;background:#FFFFFF!important;border-right-color:var(--dash-line)!important}
html:not([data-ui-theme="dark"]) .dash .side-user{color:var(--dash-text)!important;background:var(--purple-50)!important;border-color:var(--purple-200)!important}
html:not([data-ui-theme="dark"]) .dash .side-user>div:last-child>div:first-child{color:var(--purple-950)!important}
html:not([data-ui-theme="dark"]) .dash .side-user>div:last-child>div:last-child{color:var(--purple-800)!important}
html:not([data-ui-theme="dark"]) .dash .side-group{color:var(--purple-500)!important}
html:not([data-ui-theme="dark"]) .dash .side>a:not(.logo),
html:not([data-ui-theme="dark"]) .dash .side-footer a{color:var(--purple-800)!important;background:transparent!important;border-color:transparent!important}
html:not([data-ui-theme="dark"]) .dash .side>a:not(.logo):hover,
html:not([data-ui-theme="dark"]) .dash .side-footer a:hover{color:var(--purple-950)!important;background:var(--purple-50)!important;border-color:var(--purple-200)!important}
html:not([data-ui-theme="dark"]) .dash .side>a:not(.logo).active{color:var(--purple-950)!important;background:var(--purple-100)!important;border-color:var(--purple-300)!important}
html:not([data-ui-theme="dark"]) .dash .dash-main,
html:not([data-ui-theme="dark"]) .reference-dashboard-main,
html:not([data-ui-theme="dark"]) .admin-page-main{background:var(--purple-50)!important}
html:not([data-ui-theme="dark"]) :where(.reference-card,.dash .metric,.dash .quick-card,.dash .table-wrap,.dash .card,.dash .form-card,.payment-form-card){
  color:var(--purple-950)!important;background:#FFFFFF!important;border-color:var(--purple-200)!important
}
html:not([data-ui-theme="dark"]) .dash .tbl th{color:var(--purple-800)!important;background:var(--purple-100)!important;border-bottom-color:var(--purple-200)!important}
html:not([data-ui-theme="dark"]) .dash .tbl td{color:var(--purple-950)!important;background:#FFFFFF!important;border-bottom-color:var(--purple-200)!important}
html:not([data-ui-theme="dark"]) .dash .tbl tr:hover td{background:var(--purple-50)!important}
html:not([data-ui-theme="dark"]) .dash .input,
html:not([data-ui-theme="dark"]) .dash .select,
html:not([data-ui-theme="dark"]) .dash textarea.input{color:var(--purple-950)!important;background:#FFFFFF!important;border-color:var(--purple-200)!important}
html:not([data-ui-theme="dark"]) .dash .btn-primary{color:#FFFFFF!important;background:var(--purple-700)!important;border-color:var(--purple-700)!important}
html:not([data-ui-theme="dark"]) .dash .btn-primary:hover{background:var(--purple-800)!important;border-color:var(--purple-800)!important}

/* Banner un poco más pequeño */
.admin-panel-banner{
  height:118px!important;min-height:118px!important;margin-bottom:18px!important;padding:15px 20px!important;
  background:linear-gradient(112deg,var(--purple-950) 0%,var(--purple-900) 68%,var(--purple-800) 100%)!important;
  border-color:var(--purple-700)!important
}
.admin-panel-banner::after{background:var(--brand-logo)!important}
.admin-panel-banner-copy>span{margin-bottom:5px!important;color:var(--purple-200)!important;font-size:9px!important}
.admin-panel-banner-copy h1{color:var(--purple-50)!important;font-size:31px!important}
.admin-panel-banner-copy p{margin-top:7px!important;color:var(--purple-100)!important;font-size:12px!important}
.panel-language-switch,.admin-panel-banner-date,.admin-panel-banner-theme{background:var(--purple-900)!important;border-color:var(--purple-700)!important;color:var(--purple-50)!important}
.panel-language-switch a{color:var(--purple-100)!important;border-color:var(--purple-700)!important}
.panel-language-switch a:hover{color:var(--purple-50)!important;background:var(--purple-800)!important}
.panel-language-switch a.active{color:var(--purple-950)!important;background:var(--brand-logo)!important}

/* Modo noche exacto */
html[data-ui-theme="dark"] .dash{color:var(--purple-50)!important;background:var(--purple-950)!important}
html[data-ui-theme="dark"] .dash>.side{color:var(--purple-100)!important;background:var(--purple-950)!important;border-right-color:var(--purple-700)!important}
html[data-ui-theme="dark"] .dash .side-user{color:var(--purple-50)!important;background:var(--purple-900)!important;border-color:var(--purple-700)!important}
html[data-ui-theme="dark"] .dash .side-user>div:last-child>div:first-child{color:var(--purple-50)!important}
html[data-ui-theme="dark"] .dash .side-user>div:last-child>div:last-child{color:var(--purple-200)!important}
html[data-ui-theme="dark"] .dash .side-group{color:var(--purple-300)!important}
html[data-ui-theme="dark"] .dash .side>a:not(.logo),
html[data-ui-theme="dark"] .dash .side-footer a{color:var(--purple-100)!important;background:transparent!important;border-color:transparent!important}
html[data-ui-theme="dark"] .dash .side>a:not(.logo):hover,
html[data-ui-theme="dark"] .dash .side-footer a:hover{color:var(--purple-50)!important;background:var(--purple-900)!important;border-color:var(--purple-700)!important}
html[data-ui-theme="dark"] .dash .side>a:not(.logo).active{color:var(--purple-950)!important;background:var(--brand-logo)!important;border-color:var(--brand-logo)!important}
html[data-ui-theme="dark"] .dash .dash-main,
html[data-ui-theme="dark"] .reference-dashboard-main,
html[data-ui-theme="dark"] .admin-page-main{background:var(--purple-950)!important}
html[data-ui-theme="dark"] :where(.reference-card,.dash .metric,.dash .quick-card,.dash .table-wrap,.dash .card,.dash .form-card,.payment-form-card){
  color:var(--purple-50)!important;background:var(--purple-900)!important;border-color:var(--purple-700)!important
}
html[data-ui-theme="dark"] .dash .tbl th{color:var(--purple-100)!important;background:var(--purple-950)!important;border-bottom-color:var(--purple-700)!important}
html[data-ui-theme="dark"] .dash .tbl td{color:var(--purple-50)!important;background:var(--purple-900)!important;border-bottom-color:var(--purple-700)!important}
html[data-ui-theme="dark"] .dash .tbl tr:hover td{background:var(--purple-800)!important}
html[data-ui-theme="dark"] .dash .input,
html[data-ui-theme="dark"] .dash .select,
html[data-ui-theme="dark"] .dash textarea.input{color:var(--purple-50)!important;background:var(--purple-950)!important;border-color:var(--purple-700)!important}
html[data-ui-theme="dark"] .admin-panel-banner{background:linear-gradient(112deg,var(--purple-950),var(--purple-900) 72%,var(--purple-800))!important;border-color:var(--purple-700)!important}

@media(max-width:700px){
  .admin-panel-banner{height:176px!important;min-height:176px!important;padding:15px!important}
  .admin-panel-banner-copy h1{font-size:27px!important}
  .admin-panel-banner-copy p{font-size:11px!important}
}