/* rack-type-chart.css — Reports: Regular vs Bandar (2026-10-21) */
.rtc { margin-bottom: 6px; }
.rtc-ctl { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 6px; }
.rtc-day { font-size: 13px; font-weight: 700; color: #333; min-width: 120px; text-align: center; }
.rtc-ctl .az-reports-btn:disabled { opacity: .4; cursor: default; }
.rtc-hint { font-size: 11.5px; color: #888; margin-bottom: 10px; }
.rtc-kpis { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px; }
.rtc-k { background: #f6f7f9; border: 1px solid #eceef2; border-radius: 8px; padding: 8px 10px; }
.rtc-k b { display: block; font-size: 19px; color: #222; }
.rtc-k b small { color: #999; font-weight: 400; }
.rtc-k .rtc-kl { display: block; font-size: 9.5px; color: #888; text-transform: uppercase; letter-spacing: .3px; }
.rtc-red { color: #C62828; }
.rtc-panels { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.rtc-panel { border: 1px solid #e6e6ee; border-top: 3px solid; border-radius: 10px; padding: 12px 14px 8px; background: #fff; }
.rtc-regular { border-top-color: #2a78d6; }
.rtc-bandar { border-top-color: #e34948; }
.rtc-ph { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; margin-bottom: 4px; }
.rtc-pt { font-weight: 700; font-size: 14px; color: #222; }
.rtc-ps { font-size: 10.5px; color: #888; letter-spacing: .3px; }
.rtc-pk { font-size: 11.5px; color: #777; white-space: nowrap; }
.rtc-pk b { color: #222; }
.rtc-box { position: relative; height: 260px; }
@media (max-width: 900px) {
    .rtc-panels { grid-template-columns: 1fr; }
    .rtc-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
body.dark-mode .rtc-day { color: #e2e4e8; }
body.dark-mode .rtc-hint { color: #8a919c; }
body.dark-mode .rtc-k { background: #252a33; border-color: #2f3540; }
body.dark-mode .rtc-k b { color: #f0f2f5; }
body.dark-mode .rtc-k b small, body.dark-mode .rtc-k .rtc-kl { color: #a0a4ab; }
body.dark-mode .rtc-red { color: #f19c9b; }
body.dark-mode .rtc-panel { background: #1e222a; border-color: #383d47; }
body.dark-mode .rtc-regular { border-top-color: #3987e5; }
body.dark-mode .rtc-bandar { border-top-color: #e66767; }
body.dark-mode .rtc-pt { color: #f0f2f5; }
body.dark-mode .rtc-ps, body.dark-mode .rtc-pk { color: #8a919c; }
body.dark-mode .rtc-pk b { color: #e2e4e8; }
/* Grafica 2: selector Top N (solo Rack/Slot) */
#az-reports-topn[hidden] { display: none !important; }

/* Descripcion bajo los KPI (2026-10-22) */
.rtc-k .rtc-kd { display: block; font-size: 11px; color: #666; line-height: 1.35; margin-top: 3px; }
.rtc-green { color: #1b7e3f !important; }
body.dark-mode .rtc-k .rtc-kd { color: #b4b9c2; }
body.dark-mode .rtc-green { color: #86efac !important; }

#az-rtc .az-reports-legend[hidden] { display: none !important; }

/* "What got replaced, where" en dos paneles (2026-10-24) */
.az-bd-panels { margin-bottom: 8px; }
.az-bd-box { height: 280px; }
.az-bd-note { font-size: 11.5px; color: #888; margin: 4px 2px 18px; }
.az-bd-note[hidden] { display: none !important; }
body.dark-mode .az-bd-note { color: #8a919c; }

/* ===== 4 tipos de rack + acomodo de Alixon (2026-10-24) ===== */
.rtc-groups { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; margin: 4px 0 18px; }
.rtc-gbtn {
    width: auto !important; margin: 0 !important; min-height: 38px; padding: 8px 20px; border-radius: 999px;
    font-size: 15px; font-weight: 600; cursor: pointer; border: 1px solid #c9cdd6; background: #fff; color: #333;
}
.rtc-gbtn:hover { border-color: #1e5fae; color: #1e5fae; }
.rtc-gbtn.active { background: #1e5fae; border-color: #1e5fae; color: #fff; }
.rtc-stonehedge { border-top-color: #7350c9; }
.rtc-viztruck { border-top-color: #0f8f82; }
.rtc-gtxt-regular { color: #2a78d6; } .rtc-gtxt-bandar { color: #C62828; }
.rtc-gtxt-stonehedge { color: #7350c9; } .rtc-gtxt-viztruck { color: #0f8f82; }
.rtc-green { color: #1b7e3f; }

/* Fila: [ . | titulo+leyenda ] [ Tickets by POD | What got replaced ] [ . | Type/Rack/Slot/Reason ] */
.az-rg-row {
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 24px;
    grid-template-areas: ". head" "left right" ". dims"; align-items: end; margin-bottom: 8px;
}
.az-rg-head { grid-area: head; text-align: center; }
.az-rg-head .az-reports-section-title { margin-bottom: 10px; }
.az-rg-head .az-reports-legend { justify-content: flex-start; margin-bottom: 6px; }
.az-rg-left { grid-area: left; align-self: stretch; display: flex; flex-direction: column; }
.az-rg-right { grid-area: right; align-self: stretch; display: flex; flex-direction: column; }
.az-rg-left .rtc-panel, .az-rg-right .rtc-panel { flex: 1; }
.az-rg-left .rtc-box, .az-rg-right .rtc-box { height: 300px; }
.az-rg-dims { grid-area: dims; align-self: start; }
.az-rg-dimbar { justify-content: center; margin-top: 12px; }
@media (max-width: 900px) {
    .az-rg-row { grid-template-columns: minmax(0, 1fr); grid-template-areas: "left" "head" "right" "dims"; row-gap: 12px; }
}

body.dark-mode .rtc-gbtn { background: #1e222a; border-color: #383d47; color: #c3c6cc; }
body.dark-mode .rtc-gbtn:hover { border-color: #4da3ff; color: #4da3ff; }
body.dark-mode .rtc-gbtn.active { background: #1e5fae; border-color: #1e5fae; color: #fff; }
body.dark-mode .rtc-stonehedge { border-top-color: #9b7ff0; }
body.dark-mode .rtc-viztruck { border-top-color: #2bb5a6; }
body.dark-mode .rtc-gtxt-regular { color: #6aa7f0; } body.dark-mode .rtc-gtxt-bandar { color: #f19c9b; }
body.dark-mode .rtc-gtxt-stonehedge { color: #b9a5f5; } body.dark-mode .rtc-gtxt-viztruck { color: #5fd0c3; }
body.dark-mode .rtc-green { color: #86efac; }

/* Etiquetas Swizzle / MiniSAS de Saved Profiles legibles en modo oscuro */
body.dark-mode .saved-profile-tags .tag-swizzle { background: #3a2a14 !important; color: #ffb366 !important; }
body.dark-mode .saved-profile-tags .tag-minisas { background: #163322 !important; color: #86efac !important; }

.rtc-main-panel .az-reports-legend[hidden] { display: none !important; }

/* ===== Lista de tickets por tipo de rack (2026-10-30) ===== */
#az-rtc-list { margin-top: 18px; }
.rtc-list { padding: 12px 14px 10px; }
.rtc-list-hd { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.rtc-list-tools { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.rtc-list-scroll { overflow-x: auto; }
.rtc-list-table { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.rtc-list-table th { text-align: left; font-size: 10.5px; text-transform: uppercase; letter-spacing: .3px; color: #888; padding: 6px 8px; border-bottom: 1px solid #e6e6ee; white-space: nowrap; }
.rtc-list-table td { padding: 6px 8px; border-bottom: 1px solid #f0f1f4; white-space: nowrap; color: #333; }
.rtc-list-table tr:hover td { background: rgba(0,0,0,0.02); }
.rtc-mono { font-variant-numeric: tabular-nums; }
.rtc-muted { color: #999; }
.rtc-age { display: inline-block; font-weight: 800; font-size: 11.5px; border-radius: 5px; padding: 1px 7px; }
.rtc-age-ok { background: #dcfce7; color: #15803d; }
.rtc-age-warn { background: #fef3c7; color: #b45309; }
.rtc-age-late { background: #fee2e2; color: #c62828; }
.rtc-st { display: inline-block; font-size: 10.5px; font-weight: 700; border-radius: 999px; padding: 2px 8px; }
.rtc-st-pending { background: #fef3c7; color: #92400e; }
.rtc-st-in_progress { background: #dbeafe; color: #1e40af; }
.rtc-list-empty { color: #999; text-align: center; padding: 20px 0; font-size: 13px; }
.rtc-list-ft { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 8px; font-size: 11.5px; color: #888; }
@media (max-width: 1100px) { .rtc-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
body.dark-mode .rtc-list-table th { color: #a0a4ab; border-color: #383d47; }
body.dark-mode .rtc-list-table td { color: #e2e4e8; border-color: #2a2f38; }
body.dark-mode .rtc-list-table tr:hover td { background: rgba(255,255,255,0.03); }
body.dark-mode .rtc-muted, body.dark-mode .rtc-list-empty, body.dark-mode .rtc-list-ft { color: #8a8f98; }
body.dark-mode .rtc-age-ok { background: rgba(34,197,94,.15); color: #4ade80; }
body.dark-mode .rtc-age-warn { background: rgba(245,158,11,.18); color: #fbbf24; }
body.dark-mode .rtc-age-late { background: rgba(239,68,68,.2); color: #fca5a5; }
body.dark-mode .rtc-st-pending { background: rgba(245,158,11,.18); color: #fbbf24; }
body.dark-mode .rtc-st-in_progress { background: rgba(59,130,246,.2); color: #93c5fd; }
@media print {
    .rtc-list-tools, .rtc-list-more { display: none !important; }
    .rtc-list-scroll { overflow: visible; }
    .rtc-list-table td, .rtc-list-table th { white-space: normal; }
}

/* TM Insertion Limit Count aparte (2026-10-30) */
.rtc-tm-note { font-size: 12px; color: #3730A3; background: #EEF2FF; border: 1px solid #C7D2FE; border-radius: 8px; padding: 6px 10px; margin: -2px 0 10px; }
.rtc-tm-note[hidden] { display: none !important; }
body.dark-mode .rtc-tm-note { color: #C7D2FE; background: rgba(99,102,241,.12); border-color: rgba(99,102,241,.35); }
.az-reports-tm .az-reports-pill.active[data-tm="1"] { background: #4F46E5 !important; }

/* Filtro de motivo en Type / Rack / Slot (2026-11-04) */
.az-bd-reasonbar { margin-top: 8px; align-items: center; flex-wrap: wrap; gap: 6px; }
.az-bd-reasonbar[hidden] { display: none !important; }
.az-bd-rf-lbl { font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: #888; }
.az-bd-legend-go { cursor: pointer; border-bottom: 1px dashed currentColor; }
.az-bd-legend-go:hover { opacity: .8; }
body.dark-mode .az-bd-rf-lbl { color: #8a909c; }