/* DC CONTROL 2.3.1 · Stable 4.20.9.6 — Centro personal: jerarquía visual fija */
.dc-personal-center4185{max-width:1080px!important}
.dc-personal-center4185 .dc-notification-hero{
  background:var(--dc-surface-2,#101d2d)!important;
  border-color:var(--dc-line,rgba(148,163,184,.22))!important;
  color:var(--dc-text,#f8fafc)!important;
  box-shadow:none!important;
}
.dc-personal-center4185 .dc-notification-hero p{color:var(--dc-muted,#94a3b8)!important}
.dc-personal-center4185 .dc-personal-tabs4185{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:12px 0 14px!important;
}
.dc-personal-center4185 .dc-personal-tabs4185 button{
  min-height:48px!important;border-radius:14px!important;font-size:14px!important;font-weight:900!important;
  border:0!important;box-shadow:0 5px 14px rgba(0,0,0,.14)!important;opacity:1!important;
}
.dc-personal-center4185 .dc-personal-tabs4185 [data-center-section="tasks"]{
  background:#1677e8!important;color:#fff!important;
}
.dc-personal-center4185 .dc-personal-tabs4185 [data-center-section="notifications"]{
  background:#f2b705!important;color:#241a00!important;
}
.dc-personal-center4185 .dc-personal-tabs4185 button.active{
  outline:3px solid rgba(255,255,255,.9)!important;outline-offset:-5px!important;
}
html[data-theme="dark"] .dc-personal-center4185 .dc-personal-tabs4185 button.active{
  outline-color:rgba(255,255,255,.72)!important;
}
.dc-personal-center4185 .dc-alert-tab-count{
  background:#d92d20!important;color:#fff!important;border:0!important;
}

/* Jerarquía interna de Notificaciones: colores semánticos fijos. */
.dc-personal-center4185 .dc-notification-policy{
  background:var(--dc-surface-2,#111d2b)!important;border-color:var(--dc-line,rgba(148,163,184,.22))!important;color:var(--dc-text,#f8fafc)!important;
}
.dc-personal-center4185 .dc-notification-policy small{color:var(--dc-muted,#94a3b8)!important}
.dc-personal-center4185 .dc-notification-kpis>div{color:#fff!important;border:0!important;box-shadow:none!important}
.dc-personal-center4185 .dc-notification-kpis>div:nth-child(1){background:#d92d20!important}
.dc-personal-center4185 .dc-notification-kpis>div:nth-child(2){background:#f2b705!important;color:#241a00!important}
.dc-personal-center4185 .dc-notification-kpis>div:nth-child(3){background:#1677e8!important}
.dc-personal-center4185 .dc-notification-kpis span{color:inherit!important;opacity:.86!important}
.dc-personal-center4185 .dc-notification-kpis b{color:inherit!important}

.dc-personal-center4185 .dc-notification-tabs{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;margin:12px 0!important;
}
.dc-personal-center4185 .dc-notification-tabs button{
  min-height:44px!important;border:0!important;border-radius:12px!important;font-weight:900!important;box-shadow:none!important;
}
.dc-personal-center4185 .dc-notification-tabs [data-notification-view="new"]{background:#1677e8!important;color:#fff!important}
.dc-personal-center4185 .dc-notification-tabs [data-notification-view="pending"]{background:#f2b705!important;color:#241a00!important}
.dc-personal-center4185 .dc-notification-tabs [data-notification-view="history"]{background:#7c3aed!important;color:#fff!important}
.dc-personal-center4185 #dcNotificationRefresh{background:#0891b2!important;color:#fff!important}
.dc-personal-center4185 #dcNotificationClearAll{background:#16a36a!important;color:#fff!important}
.dc-personal-center4185 .dc-notification-tabs button.active{
  outline:3px solid rgba(255,255,255,.94)!important;outline-offset:-5px!important;
}
.dc-personal-center4185 .dc-notification-card{background:var(--dc-surface-2,#111d2b)!important;color:var(--dc-text,#f8fafc)!important;border-color:var(--dc-line,rgba(148,163,184,.22))!important}
.dc-personal-center4185 .dc-notification-card p,.dc-personal-center4185 .dc-notification-card>small{color:var(--dc-muted,#94a3b8)!important}
.dc-personal-center4185 .dc-notification-actions .primary{background:#1677e8!important;color:#fff!important}
.dc-personal-center4185 .dc-notification-actions .secondary{background:#475467!important;color:#fff!important;border-color:#475467!important}

@media(max-width:760px){
  .dc-personal-center4185 .dc-notification-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dc-personal-center4185 #dcNotificationClearAll{grid-column:1/-1!important}
}
