:root {
  --sxui-primary: #5b7cfa;
  --sxui-primary-soft: rgba(91, 124, 250, .14);
  --sxui-radius: 14px;
}
body { font-family: Inter, "Segoe UI", Arial, sans-serif; }
.content-wrapper { padding-bottom: 18px; }
.sxui-page .content-header { padding-top: 22px; }
.sxui-brand { display: flex; align-items: center; }
.sxui-brand-icon { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin-left: .65rem; margin-right: .55rem; border-radius: 10px; background: linear-gradient(135deg, #5b7cfa, #7c4dff); color: #fff; }
.sxui-avatar { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: rgba(255,255,255,.12); color: #fff; }
.sxui-loader { display: flex; width: 72px; height: 72px; align-items: center; justify-content: center; border-radius: 22px; background: linear-gradient(135deg, #5b7cfa, #7c4dff); color: #fff; font-size: 30px; box-shadow: 0 18px 45px rgba(55, 80, 200, .35); }
.sxui-card { border: 0; border-radius: var(--sxui-radius); box-shadow: 0 8px 28px rgba(0, 0, 0, .08); overflow: hidden; }
.dark-mode .sxui-card { box-shadow: 0 10px 32px rgba(0, 0, 0, .25); }
.sxui-action-card { display: flex; gap: 14px; height: 100%; align-items: center; padding: 17px; border: 1px solid rgba(128,128,128,.18); border-radius: 12px; color: inherit; transition: transform .15s ease, border-color .15s ease, background .15s ease; }
.sxui-action-card:hover { color: inherit; text-decoration: none; transform: translateY(-2px); border-color: var(--sxui-primary); background: var(--sxui-primary-soft); }
.sxui-action-card strong, .sxui-action-card small { display: block; }
.sxui-action-card small { margin-top: 3px; color: #8a8f9a; }
.sxui-action-icon { flex: 0 0 44px; width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; background: var(--sxui-primary-soft); color: var(--sxui-primary); font-size: 19px; }
.sxui-path-table code { white-space: nowrap; font-size: 12px; }
.sxui-path-input { font-family: Consolas, monospace; }
.sxui-status { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; }
.sxui-status::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #adb5bd; }
.sxui-status.online::before { background: #28a745; box-shadow: 0 0 0 4px rgba(40,167,69,.13); }
.sxui-status.offline::before { background: #dc3545; box-shadow: 0 0 0 4px rgba(220,53,69,.13); }
.sxui-status.checking::before { background: #ffc107; animation: sxuiPulse 1s infinite; }
@keyframes sxuiPulse { 50% { opacity: .35; } }
.sxui-episode-toolbar { position: sticky; top: 56px; z-index: 3; padding: 10px; border-radius: 12px; background: inherit; border: 1px solid rgba(128,128,128,.18); }
.sxui-episode-table td, .sxui-episode-table th { vertical-align: middle; }
.sxui-episode-name { min-width: 180px; }
.sxui-cover { width: 100%; max-height: 390px; object-fit: cover; border-radius: 14px; }
.sxui-section-title { display: flex; align-items: center; gap: 10px; }
.sxui-section-title i { color: var(--sxui-primary); }
.sxui-url-field { font-family: Consolas, monospace; font-size: 12px; }
.table td { vertical-align: middle; }
.btn { border-radius: 9px; }
.form-control { border-radius: 9px; }
.small-box { border-radius: var(--sxui-radius); overflow: hidden; box-shadow: none; }
@media (max-width: 767px) {
  .content-wrapper { padding-top: 4px; }
  .sxui-page .content-header { padding-top: 14px; }
  .sxui-episode-toolbar { top: 0; }
}

/* DLoader V4 */
.content-wrapper { padding-bottom: 24px; transition: padding-bottom .15s ease; }
body.sxui-global-expanded .content-wrapper { padding-bottom: 150px; }
.sxui-global-download { position: fixed; left: 264px; right: auto; bottom: 48px; width: min(720px, calc(100vw - 282px)); z-index: 1040; border: 1px solid rgba(128,128,128,.25); border-radius: 14px; background: rgba(32,37,43,.97); color: #fff; box-shadow: 0 14px 40px rgba(0,0,0,.34); backdrop-filter: blur(12px); transition: width .15s ease, height .15s ease, opacity .15s ease, transform .15s ease; }
.sidebar-collapse .sxui-global-download { left: 102px; width: min(720px, calc(100vw - 120px)); }
.sxui-global-download.is-hidden { display: none; }
.sxui-global-main { display: flex; gap: 12px; align-items: center; padding: 11px 16px; }
.sxui-global-toggle { position: absolute; right: 12px; top: -30px; width: 38px; height: 30px; border: 1px solid rgba(128,128,128,.25); border-bottom: 0; border-radius: 10px 10px 0 0; background: inherit; color: inherit; cursor: pointer; }
.sxui-global-mini-percent { display: none; }
.sxui-global-icon { width: 38px; height: 38px; flex: 0 0 38px; display: inline-flex; align-items: center; justify-content: center; border-radius: 11px; background: var(--sxui-primary-soft); color: #8fa5ff; }
.sxui-global-info { flex: 1; min-width: 0; }
.sxui-global-title { font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sxui-global-subtitle { color: #adb5bd; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sxui-global-progress { height: 5px; margin-top: 6px; background: rgba(255,255,255,.12); }
.sxui-global-percent { font-size: 18px; font-weight: 700; min-width: 50px; text-align: right; }
.sxui-global-actions { display: flex; gap: 6px; }
.sxui-global-details { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; padding: 10px 16px; border-top: 1px solid rgba(255,255,255,.1); font-size: 12px; }
.sxui-global-download.is-collapsed { width: 48px; height: 48px; border-radius: 50%; }
.sxui-global-download.is-collapsed .sxui-global-main,
.sxui-global-download.is-collapsed .sxui-global-details { display: none; }
.sxui-global-download.is-collapsed .sxui-global-toggle { inset: 0; width: 48px; height: 48px; border: 0; border-radius: 50%; background: linear-gradient(135deg, #3557d6, #5b7cfa); color: #fff; box-shadow: 0 8px 24px rgba(0,0,0,.35); }
.sxui-global-download.is-collapsed .sxui-global-mini-percent { position: absolute; top: -7px; right: -10px; display: inline-flex; min-width: 28px; height: 20px; align-items: center; justify-content: center; padding: 0 5px; border: 2px solid #20252b; border-radius: 999px; background: #17a2b8; color: #fff; font-size: 10px; font-weight: 800; line-height: 1; }

.sxui-tmdb-controls { display: grid; grid-template-columns: minmax(260px,2fr) minmax(140px,.7fr) minmax(130px,.6fr) minmax(120px,.5fr); gap: 10px; align-items: end; }
.sxui-tmdb-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; max-height: 570px; overflow-y: auto; padding: 3px; }
.sxui-tmdb-card { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 0; text-align: left; border: 1px solid rgba(128,128,128,.25); border-radius: 13px; background: rgba(128,128,128,.08); color: inherit; overflow: hidden; transition: transform .15s ease,border-color .15s ease; }
.sxui-tmdb-card:hover { transform: translateY(-2px); border-color: var(--sxui-primary); }
.sxui-tmdb-card img { width: 100%; height: 225px; object-fit: cover; }
.sxui-tmdb-card-body { display: flex; flex-direction: column; gap: 4px; padding: 11px; }
.sxui-tmdb-card-body strong { font-size: 14px; line-height: 1.25; }
.sxui-tmdb-card-body small { color: #9ca3ad; }
.sxui-tmdb-card-body span { display: -webkit-box; overflow: hidden; color: #adb5bd; font-size: 12px; line-height: 1.35; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.sxui-tmdb-card-body em { margin-top: 4px; color: #79a5ff; font-style: normal; font-weight: 700; }
.sxui-recommended { position: absolute; top: 9px; left: 9px; z-index: 1; }
.sxui-empty-state { grid-column: 1/-1; display: flex; min-height: 170px; flex-direction: column; align-items: center; justify-content: center; gap: 7px; color: #9ca3ad; }
.sxui-empty-state i { font-size: 26px; }

.sxui-content-table { table-layout: fixed; }
.sxui-content-table .col-cover { width: 82px; }
.sxui-content-table .col-meta { width: 180px; }
.sxui-content-table .col-action { width: 115px; }
.sxui-content-table td { padding-top: 9px; padding-bottom: 9px; }
.sxui-content-cover { width: 48px; height: 68px; object-fit: cover; border-radius: 7px; }
.sxui-content-title { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.sxui-content-sub { margin-top: 3px; font-size: 12px; color: #9299a3; }
.sxui-filter-bar { display: grid; grid-template-columns: minmax(170px,1fr) minmax(130px,.55fr) minmax(110px,.45fr); gap: 10px; margin-bottom: 12px; }

.sxui-episode-summary { display: flex; flex-wrap: wrap; gap: 9px; padding: 10px 14px; border-top: 1px solid rgba(128,128,128,.18); }
.sxui-summary-pill { display: inline-flex; gap: 6px; align-items: center; padding: 6px 10px; border-radius: 999px; background: rgba(128,128,128,.12); font-size: 12px; }
.sxui-audio-cell { min-width: 125px; }
.sxui-size-cell { min-width: 92px; white-space: nowrap; }
.sxui-queue-path { display: block; max-width: 240px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sxui-job-row.is-active { box-shadow: inset 3px 0 0 #17a2b8; }
.sxui-entry-row td { background: rgba(128,128,128,.06); font-size: 12px; }
.sxui-entry-progress { min-width: 135px; }
.gq-row-in_progress, .gq-row-extracting { background: rgba(32, 120, 210, .055); box-shadow: inset 4px 0 0 #2f80ed; }
.gq-row-paused { box-shadow: inset 4px 0 0 #f2a900; }
.gq-stage-current { min-width: 230px; padding: 7px 9px; border: 1px solid rgba(128,128,128,.16); border-radius: 9px; background: rgba(128,128,128,.055); }
.gq-stage-label { font-size: 12px; color: #334155; }
.gq-stage-value { font-size: 12px; color: #475569; white-space: nowrap; }
.gq-progress { height: 8px; border-radius: 999px; background: rgba(100,116,139,.18); overflow: hidden; }
.gq-progress .progress-bar { border-radius: 999px; transition: width .25s ease; }
.gq-progress-download { background: #2f80ed; }
.gq-progress-transcode { background: #7c4dff; }
.gq-progress-transfer { background: #e58a00; }
.gq-progress-completed { background: #219653; }
.gq-progress-error { background: #d64545; }
.gq-overall { display: block; margin-top: 5px; color: #7b8491; }
.gq-destinations { padding-left: 9px; border-left: 2px solid rgba(229,138,0,.42); color: #697386; }
.dark-mode .gq-stage-label { color: #eef2f7; }
.dark-mode .gq-stage-value { color: #d1d7e0; }
.dark-mode .gq-row-in_progress, .dark-mode .gq-row-extracting { background: rgba(47,128,237,.10); }

.sxui-path-state { display: flex; gap: 8px; align-items: center; margin-top: 6px; font-size: 12px; }
.sxui-path-state.ok { color: #28a745; }
.sxui-path-state.bad { color: #dc3545; }

@media (max-width: 991px) {
  .sxui-tmdb-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .sxui-tmdb-controls { grid-template-columns: 1fr 1fr; }
  .sxui-global-download, .sidebar-collapse .sxui-global-download { left: 14px; width: min(680px, calc(100vw - 28px)); }
}
@media (max-width: 767px) {
  body.sxui-global-expanded .content-wrapper { padding-bottom: 165px; }
  .sxui-global-download, .sidebar-collapse .sxui-global-download { left: 8px; right: 8px; width: auto; bottom: 8px; }
  .sxui-global-download.is-collapsed { right: auto; width: 48px; }
  .sxui-global-main { padding: 9px; }
  .sxui-global-icon, .sxui-global-actions { display: none; }
  .sxui-global-details { grid-template-columns: 1fr; }
  .sxui-tmdb-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sxui-tmdb-card img { height: 190px; }
  .sxui-tmdb-controls, .sxui-filter-bar { grid-template-columns: 1fr; }
}

/* V4.0.3 */
.sxui-global-actions .btn { min-width: 34px; }
.swal2-container .swal2-popup.swal2-toast { border: 1px solid rgba(128,128,128,.24); box-shadow: 0 14px 38px rgba(0,0,0,.30); }
.dark-mode .swal2-container .swal2-popup.swal2-toast { background: #343a40; color: #f8f9fa; }
.sxui-entry-row { transition: opacity .12s ease; }
@media (max-width: 576px) {
  .sxui-global-actions { display: flex; }
  .sxui-global-actions .btn, .sxui-global-actions .btn-sm { padding-left: .45rem; padding-right: .45rem; }
}

/* V4.1 beta: fuentes agrupadas, Biblioteca y presets */
.sxui-processing-choice{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border-bottom:1px solid rgba(148,163,184,.2);background:rgba(59,130,246,.05)}
.sxui-movie-sources{margin-top:12px;border:1px solid rgba(148,163,184,.25);border-radius:10px;overflow:hidden}
.sxui-source-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;border-bottom:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.12)}
.sxui-source-row:last-child{border-bottom:0}
.sxui-path-wrap{word-break:break-all;white-space:normal}
.sxui-library-scan{padding:14px;border:1px solid rgba(148,163,184,.25);border-radius:10px;background:rgba(15,23,42,.12)}
#libraryTable td,#transcodeTable td{vertical-align:middle}
#libraryTable .progress,#transcodeTable .progress{height:7px}
.dark-mode .sxui-source-row,.dark-mode .sxui-library-scan{background:rgba(255,255,255,.03)}
@media(max-width:767px){.sxui-processing-choice,.sxui-source-row{align-items:stretch;flex-direction:column}.sxui-processing-choice select{max-width:none!important}.sxui-source-row .btn{width:100%}}

/* V4.2.6 Beta 7: monitor del servidor */
.sxui-navbar-monitor{font-size:.86rem;border-radius:7px;transition:background-color .15s,color .15s}
.sxui-navbar-monitor.is-warning{background:rgba(255,193,7,.18);color:#ffc107!important}
.sxui-navbar-monitor.is-danger{background:rgba(220,53,69,.2);color:#ff7280!important}
.sxui-navbar-monitor.is-offline{opacity:.65}
#monitorChart{display:block;width:100%;min-height:115px}
#monitorDisks .progress{height:8px;margin-bottom:4px}


/* V4.2.12 Beta 13: historial y continuidad del proyecto */
.sxui-doc-summary{display:flex;align-items:center;gap:13px;height:100%;padding:16px;border:1px solid rgba(128,128,128,.22);border-radius:12px;background:rgba(128,128,128,.06);color:inherit;transition:transform .15s,border-color .15s,background .15s}
.sxui-doc-summary:hover,.sxui-doc-summary.is-active{transform:translateY(-2px);border-color:var(--sxui-primary);background:var(--sxui-primary-soft);color:inherit}
.sxui-doc-summary-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:11px;background:var(--sxui-primary-soft);color:#7e98ff;font-size:18px}
.sxui-doc-summary strong,.sxui-doc-summary small{display:block}.sxui-doc-summary small{margin-top:3px;color:#9299a3;line-height:1.35}
.sxui-doc-card .card-body{padding-top:8px}.sxui-project-doc{max-width:980px;margin:0 auto;padding:8px 4px 24px;line-height:1.62}
.sxui-project-doc h2{margin:12px 0 24px;font-size:1.75rem}.sxui-project-doc h3{margin:28px 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(128,128,128,.2);font-size:1.25rem}
.sxui-project-doc h4{margin:22px 0 10px;font-size:1.05rem}.sxui-project-doc p{margin-bottom:12px}.sxui-project-doc ul{padding-left:22px;margin-bottom:18px}.sxui-project-doc li{margin-bottom:7px}
.sxui-project-doc code{padding:2px 6px;border-radius:5px;background:rgba(128,128,128,.14);color:inherit}.sxui-project-doc pre{padding:14px;border-radius:10px;background:#111827;color:#e5e7eb;white-space:pre-wrap;word-break:break-word}
.sxui-doc-step{display:flex;gap:11px;align-items:flex-start;margin:9px 0}.sxui-doc-step>span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:var(--sxui-primary);color:#fff;font-size:12px;font-weight:800}.sxui-doc-step p{margin:1px 0 0}
@media(max-width:767px){.sxui-doc-card .nav-pills .nav-link{margin-bottom:6px}.sxui-project-doc h2{font-size:1.45rem}.sxui-project-doc h3{font-size:1.15rem}}

/* DLoader 4.2.13-beta14: distribución VOD segura. */
.sxui-selection-box{border:1px dashed rgba(127,127,127,.45);border-radius:.45rem;padding:.85rem;min-height:68px;background:rgba(127,127,127,.06);word-break:break-word}
.sxui-destination-choices{border:1px solid rgba(127,127,127,.25);border-radius:.45rem;padding:.8rem;max-height:220px;overflow:auto;background:rgba(127,127,127,.04)}
#distributionBrowserBody td,#distributionJobsBody td,#vodServersBody td{vertical-align:middle}
#distributionJobsBody code,#vodServersBody code{white-space:normal;word-break:break-all}
#vodPublicKey,#vodSetupCommand,#vodFingerprint{font-family:SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:.82rem}

/* DLoader 4.2.15-beta16: temas, ACL y explorador remoto VOD. */
:root,
html[data-theme="light"],
body[data-theme="light"] {
  --sxui-page-bg: #f3f6fa;
  --sxui-surface: #ffffff;
  --sxui-surface-soft: #f7f9fc;
  --sxui-surface-hover: #edf2f8;
  --sxui-text: #172033;
  --sxui-text-muted: #596579;
  --sxui-border: #d7dee8;
  --sxui-code-bg: #eaf0f7;
  --sxui-code-text: #183b66;
  --sxui-console-bg: #0b1220;
  --sxui-console-text: #e8eef8;
  --sxui-link: #315fd6;
}
html[data-theme="dark"],
body.dark-mode,
body[data-theme="dark"] {
  --sxui-page-bg: #252a30;
  --sxui-surface: #343a40;
  --sxui-surface-soft: #2d3339;
  --sxui-surface-hover: #3c434a;
  --sxui-text: #f3f6fa;
  --sxui-text-muted: #c1cad6;
  --sxui-border: #59616b;
  --sxui-code-bg: #202831;
  --sxui-code-text: #9fc7ff;
  --sxui-console-bg: #080d16;
  --sxui-console-text: #edf4ff;
  --sxui-link: #91b6ff;
}
body,
.content-wrapper,
.main-footer { background: var(--sxui-page-bg); color: var(--sxui-text); }
.content-wrapper { transition: background-color .18s ease, color .18s ease; }
.card,
.modal-content,
.dropdown-menu,
.info-box,
.list-group-item { background-color: var(--sxui-surface); color: var(--sxui-text); border-color: var(--sxui-border); }
.card-header,
.card-footer,
.modal-header,
.modal-footer { background-color: var(--sxui-surface); color: var(--sxui-text); border-color: var(--sxui-border); }
.table { color: var(--sxui-text); }
.table thead th,
.table td,
.table th,
.border,
.border-top,
.border-right,
.border-bottom,
.border-left { border-color: var(--sxui-border)!important; }
.table-hover tbody tr:hover { color: var(--sxui-text); background-color: var(--sxui-surface-hover); }
.text-muted,
.form-text,
small.text-muted,
.sxui-content-sub,
.sxui-action-card small,
.sxui-doc-summary small { color: var(--sxui-text-muted)!important; }
a:not(.btn):not(.nav-link):not(.brand-link) { color: var(--sxui-link); }
code,
kbd,
.sxui-page code { padding: .12rem .34rem; border-radius: .28rem; background: var(--sxui-code-bg); color: var(--sxui-code-text); font-weight: 600; }
pre { margin: .65rem 0 1rem; padding: .9rem 1rem; border: 1px solid var(--sxui-border); border-radius: .55rem; background: var(--sxui-console-bg); color: var(--sxui-console-text); overflow: auto; }
pre code { padding: 0; background: transparent; color: inherit; font-weight: 500; }
.form-control,
.custom-select,
.input-group-text,
.select2-container--bootstrap4 .select2-selection { background-color: var(--sxui-surface-soft); color: var(--sxui-text); border-color: var(--sxui-border); }
.form-control:focus,
.custom-select:focus { background-color: var(--sxui-surface); color: var(--sxui-text); border-color: var(--sxui-primary); box-shadow: 0 0 0 .18rem var(--sxui-primary-soft); }
.form-control[readonly],
.form-control:disabled { background-color: var(--sxui-surface-hover); color: var(--sxui-text-muted); }
.form-control::placeholder { color: var(--sxui-text-muted); opacity: .8; }
.nav-tabs { border-color: var(--sxui-border); }
.nav-tabs .nav-link { color: var(--sxui-text-muted); }
.nav-tabs .nav-link:hover { border-color: var(--sxui-border); color: var(--sxui-text); }
.nav-tabs .nav-link.active { background: var(--sxui-surface); color: var(--sxui-text); border-color: var(--sxui-border) var(--sxui-border) var(--sxui-surface); }
.alert-secondary { background: var(--sxui-surface-soft); color: var(--sxui-text); border-color: var(--sxui-border); }
.badge-secondary { background-color: #64748b; color: #fff; }
.dark-mode .badge-warning { color: #1f2937; }
.dark-mode .text-danger { color: #ff8a96!important; }
.dark-mode .text-warning { color: #ffd45a!important; }
.dark-mode .text-info { color: #78d9ed!important; }
.dark-mode .text-success { color: #67dda0!important; }
.dark-mode .btn-outline-secondary { color: #d5dce5; border-color: #8a949f; }
.dark-mode .btn-outline-secondary:hover { color: #172033; background: #d5dce5; }
.dark-mode .btn-outline-info { color: #78d9ed; border-color: #55bed3; }
.dark-mode .btn-outline-primary { color: #9db8ff; border-color: #7597f5; }
.dark-mode .btn-outline-danger { color: #ff929d; border-color: #f06b79; }
.dark-mode .btn-outline-success { color: #79e3aa; border-color: #55c989; }
.sidebar-light-primary .brand-link,
.sidebar-light-primary .user-panel { border-color: var(--sxui-border); }
.sidebar-light-primary .sxui-user-name { color: #263247; }
.sidebar-dark-primary .sxui-user-name { color: #fff; }
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link,
.sidebar-light-primary .nav-treeview > .nav-item > .nav-link { color: #3f4b5e; }
.sidebar-light-primary .nav-header { color: #667085; }
.sxui-selection-box,
.sxui-destination-choices { background: var(--sxui-surface-soft); border-color: var(--sxui-border); color: var(--sxui-text); }
.sxui-admin-install-box { padding: 14px; border: 1px solid var(--sxui-border); border-radius: 10px; background: var(--sxui-surface-soft); }
.sxui-sensitive-note { display: block; color: var(--sxui-text-muted); line-height: 1.45; }
.sxui-web-console { min-height: 390px; max-height: 56vh; margin: 0; padding: 16px; background: var(--sxui-console-bg); color: var(--sxui-console-text); border: 1px solid var(--sxui-border); border-radius: 10px; font: 13px/1.55 SFMono-Regular,Consolas,"Liberation Mono",monospace; white-space: pre-wrap; word-break: break-word; overflow: auto; }
#vodInstallModal .progress { background: var(--sxui-surface-hover); }
#vodInstallModal .modal-dialog { max-width: 1040px; }

/* AdminLTE fija algunos colores oscuros; estas reglas garantizan que el tema claro sí abarque el contenido. */
body:not(.dark-mode) .content-wrapper,
body:not(.dark-mode) .main-footer { background-color: var(--sxui-page-bg); color: var(--sxui-text); }
body:not(.dark-mode) .card,
body:not(.dark-mode) .modal-content,
body:not(.dark-mode) .info-box { background-color: var(--sxui-surface); color: var(--sxui-text); }
body:not(.dark-mode) .table-striped tbody tr:nth-of-type(odd) { background-color: #f8fafc; }
body:not(.dark-mode) .main-header { border-color: var(--sxui-border); }

/* DLoader 4.2.15 Beta 16: explorador remoto y destino visible */
.sxui-remote-browser {
  border: 1px solid var(--sxui-border, rgba(108,117,125,.35));
  border-radius: .5rem;
  padding: .75rem;
  background: var(--sxui-card-soft, rgba(127,127,127,.045));
}
.sxui-remote-table {
  max-height: 260px;
  overflow: auto;
  border: 1px solid var(--sxui-border, rgba(108,117,125,.25));
  border-radius: .35rem;
}
.sxui-target-preview {
  border-left: 4px solid #17a2b8;
  background: rgba(23,162,184,.08);
  border-radius: .25rem;
  padding: .65rem .75rem;
  font-size: .9rem;
}
body.dark-mode .sxui-remote-browser,
body.dark-mode .sxui-target-preview {
  background: rgba(255,255,255,.045);
}

/* Beta 18: explorers share the same geometry and controls. */
.sxui-browser-card .card-header { min-height: 68px; }
.sxui-symmetric-browser { height: 500px; max-height: 500px; overflow: auto; }
.sxui-symmetric-browser thead th { position: sticky; top: 0; z-index: 2; background: inherit; }
.sxui-symmetric-browser td:last-child,
.sxui-symmetric-browser th:last-child { width: 92px; }
.font-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; }
@media (max-width: 1199.98px) { .sxui-symmetric-browser { height: 420px; max-height: 420px; } }

/* HF2.22: aviso persistente después de una actualización. */
body.sxui-reload-banner-visible .wrapper { padding-top: 52px; }
@media (max-width: 575.98px) {
  body.sxui-reload-banner-visible .wrapper { padding-top: 76px; }
  #sxuiReloadBanner .d-flex { align-items: flex-start !important; gap: .5rem; }
}