/* ==========================================================================
   DANGOFE OS — Tareas del administrador (DANGOFE-admin-174).
   Tarjeta del Dashboard con lo que falta por configurar. Usa los azules del
   logo (azul 3,38,155 · celeste 53,146,207) sobre el vidrio de la aplicación.
   ========================================================================== */
.dash-tareas:empty { display: none; }
.dash-tareas { grid-column: 1 / -1; min-width: 0; }
.tadm {
  --tadm-azul: 3, 38, 155;
  --tadm-celeste: 53, 146, 207;
  border-radius: var(--radius-card, 18px);
  padding: 16px 18px;
  border: 1px solid rgba(var(--tadm-celeste), .35);
  position: relative;
  overflow: hidden;
}
/* La franja es un elemento propio: el ::before y el ::after son del vidrio (reflejo y grano). */
.tadm > .tadm__franja {
  position: absolute; top: 0; bottom: 0; left: 0; width: 5px; z-index: 1;
  background: linear-gradient(180deg, rgb(var(--tadm-celeste)), rgb(var(--tadm-azul)));
}
.tadm.is-aldia { border-color: rgba(22, 163, 74, .35); }
.tadm.is-aldia > .tadm__franja { background: rgb(22, 163, 74); }
.tadm__cab { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.tadm__anillo { position: relative; flex: 0 0 auto; width: 52px; height: 52px; display: inline-flex; align-items: center; justify-content: center; }
.tadm__anillo svg { position: absolute; inset: 0; }
.tadm__anillo-fondo { stroke: rgba(var(--tadm-celeste), .22); }
.tadm__anillo-avance { stroke: rgb(var(--tadm-celeste)); transition: stroke-dasharray .5s ease; }
.tadm.is-aldia .tadm__anillo-avance { stroke: rgb(22, 163, 74); }
.tadm__anillo b { position: relative; font-size: .86rem; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; }
.tadm__anillo small { font-size: .68rem; font-weight: 600; opacity: .65; }
.tadm__titulo { flex: 1 1 220px; min-width: 0; }
.tadm__titulo h2 { margin: 0; font-size: 1.05rem; font-weight: 700; letter-spacing: -.01em; }
.tadm__titulo p { margin: 2px 0 0; font-size: .86rem; opacity: .8; line-height: 1.4; }
.tadm__toggle, .tadm__btn, .tadm__mas, .tadm__x {
  appearance: none; font: inherit; color: inherit; cursor: pointer; text-decoration: none;
  border: 1px solid rgba(127, 127, 127, .32); background: transparent; border-radius: 999px;
}
.tadm__toggle { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 8px 16px; font-size: .86rem; font-weight: 600; }
.tadm__toggle:hover, .tadm__btn:hover, .tadm__mas:hover, .tadm__x:hover { border-color: rgb(var(--tadm-celeste)); }
.tadm__toggle:focus-visible, .tadm__btn:focus-visible, .tadm__mas:focus-visible, .tadm__x:focus-visible { outline: 2px solid rgb(var(--tadm-celeste)); outline-offset: 2px; }
.tadm__cuerpo { margin-top: 14px; display: flex; flex-direction: column; gap: 10px; }
.tadm__lista { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.tadm__it {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 12px 14px; border-radius: 14px;
  border: 1px solid rgba(127, 127, 127, .2); background: rgba(127, 127, 127, .06);
}
.tadm__marca {
  flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
  background: rgba(217, 119, 6, .16); color: rgb(180, 83, 9);
}
.tadm__it.is-hecha .tadm__marca { background: rgba(22, 163, 74, .16); color: rgb(21, 128, 61); }
.tadm__it.is-oculta { opacity: .7; }
.tadm__txt { flex: 1 1 240px; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.tadm__txt b { font-size: .95rem; font-weight: 650; overflow-wrap: anywhere; }
.tadm__mod { font-size: .68rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: rgb(var(--tadm-celeste)); }
.tadm__det { font-size: .84rem; opacity: .82; line-height: 1.45; overflow-wrap: anywhere; }
.tadm__acc { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; flex-wrap: wrap; max-width: 100%; }
.tadm__btn { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 8px 14px; font-size: .84rem; font-weight: 600; white-space: nowrap; }
.tadm__btn--pri { background: rgb(var(--tadm-azul)); border-color: rgb(var(--tadm-azul)); color: #fff; }
.tadm__btn--pri:hover { background: rgb(var(--tadm-celeste)); border-color: rgb(var(--tadm-celeste)); }
.tadm__x { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; opacity: .7; }
.tadm__x:hover { opacity: 1; }
.tadm__mas { align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 6px 12px; font-size: .8rem; opacity: .85; }
.tadm svg { flex: 0 0 auto; }
/* DANGOFE-admin-207: «Mis pendientes» es una segunda tarjeta, debajo de la primera. */
.tadm + .tadm { margin-top: 14px; }
[data-theme="dark"] .tadm__marca { color: rgb(253, 186, 116); }
[data-theme="dark"] .tadm__it.is-hecha .tadm__marca { color: rgb(134, 239, 172); }
[data-theme="dark"] .tadm__btn--pri { background: rgb(var(--tadm-celeste)); border-color: rgb(var(--tadm-celeste)); color: #04122e; }
@media (max-width: 560px) {
  .tadm { padding: 14px 14px 14px 18px; }
  .tadm__toggle { width: 100%; justify-content: center; }
  .tadm__txt { flex: 1 1 0; }
  .tadm__acc { width: 100%; }
  .tadm__btn { flex: 1 1 auto; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) { .tadm__anillo-avance { transition: none; } }