body.sc-backup-route-r36 .xui-workspace > :not(#sc-backup-manager-r36):not(#sc-backup-manager-r36-loading) { display: none !important; }
body.sc-backup-route-r36 .xui-workspace { padding-top: 0 !important; }
#sc-backup-manager-r36-loading { margin-top: 28px !important; }
/* StreamCore Backup Manager R36 - dedicated /backup reference page */
.xui-shell .backup-dedicated-page {
  width: min(1060px, calc(100% - 42px));
  margin: 18px auto 80px;
  color: #f4f7fb;
  font-size: 13px;
}
.xui-shell .backup-reference-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 0 0 22px;
}
.xui-shell .backup-reference-head h1 {
  margin: 0;
  color: #f6f8fc;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .01em;
}
.xui-shell .backup-reference-head-actions { display: inline-flex; align-items: stretch; gap: 8px; }
.xui-shell .backup-reference-head-actions button {
  border-radius: 0;
  min-height: 30px;
  border: 1px solid #2e4e78;
  color: #fff;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.xui-shell .backup-general-settings { background: #0573c8; padding: 0 17px; }
.xui-shell .backup-general-settings-arrow { width: 42px; background: #101a2f; }
.xui-shell .backup-reference-notice {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 17px;
  padding: 12px 20px;
  background: #111b30;
  border: 1px solid #35435d;
  color: #f1f4fa;
  line-height: 1.45;
}
.xui-shell .backup-reference-notice button {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  border: 0;
  background: transparent;
  color: #8794a9;
  cursor: pointer;
  font-size: 15px;
}
.xui-shell .backup-reference-card {
  overflow: hidden;
  margin: 0;
  border: 1px solid #35445d;
  border-radius: 9px;
  background: #111a2e;
  box-shadow: none;
}
.xui-shell .backup-reference-card-title {
  height: 63px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #12203a;
  border-bottom: 2px solid #2587ff;
  color: #2587ff;
  font-weight: 600;
  font-size: 14px;
}
.xui-shell .backup-reference-form,
.xui-shell .backup-remote-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 24px;
  row-gap: 34px;
  padding: 39px 25px 5px;
}
.xui-shell .backup-reference-field {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(190px, 1fr) minmax(130px, 145px);
  align-items: center;
  gap: 14px;
  margin: 0;
  color: #f4f6fb;
  font-weight: 700;
}
.xui-shell .backup-reference-field > span { min-width: 0; }
.xui-shell .backup-reference-field input,
.xui-shell .backup-reference-field select,
.xui-shell .backup-reference-field textarea {
  width: 100%;
  min-width: 0;
  margin: 0;
  border: 1px solid #43516a;
  border-radius: 0;
  outline: none;
  background: #101a2d;
  color: #f7f9fc;
  box-shadow: none;
  font: inherit;
  font-weight: 500;
}
.xui-shell .backup-reference-field input,
.xui-shell .backup-reference-field select { height: 38px; padding: 0 13px; }
.xui-shell .backup-reference-field textarea { min-height: 96px; padding: 12px 15px; resize: vertical; }
.xui-shell .backup-reference-field input::placeholder,
.xui-shell .backup-reference-field textarea::placeholder { color: #526786; opacity: 1; }
.xui-shell .backup-reference-field select {
  appearance: auto;
  cursor: pointer;
}
.xui-shell .backup-help-dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 3px;
  vertical-align: -1px;
  border: 1px solid #6680a6;
  border-radius: 50%;
}
.xui-shell .backup-connection-toggle {
  margin: 31px 25px 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #00c4ff;
  font: inherit;
  cursor: pointer;
}
.xui-shell .backup-connection-toggle i { margin-right: 7px; font-size: 10px; }
.xui-shell .backup-remote-details { padding-top: 28px; }
.xui-shell .backup-remote-details .backup-wide-input { grid-template-columns: minmax(190px, 1fr) minmax(240px, 305px); }
.xui-shell .backup-remote-details .backup-short-input { grid-template-columns: minmax(165px, 1fr) minmax(130px, 145px); }
.xui-shell .backup-remote-details .backup-full-input {
  grid-column: 1 / -1;
  grid-template-columns: minmax(190px, 1fr) minmax(0, 660px);
}
.xui-shell .backup-key-field { align-items: start; }
.xui-shell .backup-key-field > span { padding-top: 10px; }
.xui-shell .backup-path-style-row {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 340px 80px;
  align-items: center;
  min-height: 42px;
  position: relative;
  color: #f4f6fb;
  font-weight: 700;
}
.xui-shell .backup-path-style-row input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.xui-shell .backup-path-style-row em {
  display: block;
  position: relative;
  width: 76px;
  height: 32px;
  margin-left: 0;
  border-radius: 20px;
  background: #4a5d77;
  cursor: pointer;
}
.xui-shell .backup-path-style-row em::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #a7b6c8;
  transition: transform .16s ease;
}
.xui-shell .backup-path-style-row input:checked + em { background: #1478d3; }
.xui-shell .backup-path-style-row input:checked + em::before { transform: translateX(44px); background: #fff; }
.xui-shell .backup-test-row { padding: 27px 25px 0; }
.xui-shell .backup-outline-button {
  min-width: 130px;
  height: 36px;
  border: 1px solid #39649c;
  border-radius: 0;
  background: #0c1629;
  color: #fff;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.xui-shell .backup-page-feedback {
  margin: 22px 25px 0;
  padding: 10px 13px;
  border: 1px solid #2d6b9b;
  background: #10233a;
  color: #75c8ff;
}
.xui-shell .backup-page-feedback.error { border-color: #9a3e52; background: #311827; color: #ff9bad; }
.xui-shell .backup-reference-table-wrap { margin: 39px 25px 0; overflow-x: auto; }
.xui-shell .backup-reference-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.xui-shell .backup-reference-table th {
  height: 44px;
  padding: 0 10px;
  background: #091327;
  color: #8eb1dc;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}
.xui-shell .backup-reference-table td {
  height: 50px;
  padding: 0 10px;
  background: #142036;
  border: 0;
  color: #8fafda;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.xui-shell .backup-reference-table th:nth-child(1),
.xui-shell .backup-reference-table td:nth-child(1) { width: 18%; }
.xui-shell .backup-reference-table th:nth-child(2),
.xui-shell .backup-reference-table td:nth-child(2) { width: 29%; }
.xui-shell .backup-reference-table th:nth-child(3),
.xui-shell .backup-reference-table td:nth-child(3) { width: 18%; }
.xui-shell .backup-reference-table th:nth-child(4),
.xui-shell .backup-reference-table td:nth-child(4) { width: 10%; }
.xui-shell .backup-reference-table th:nth-child(5),
.xui-shell .backup-reference-table td:nth-child(5) { width: 10%; }
.xui-shell .backup-reference-table th:nth-child(6),
.xui-shell .backup-reference-table td:nth-child(6) { width: 15%; }
.xui-shell .backup-file-link {
  max-width: 100%;
  padding: 0;
  overflow: hidden;
  border: 0;
  background: transparent;
  color: #88aede;
  font: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.xui-shell .backup-file-link:hover { color: #3e9cff; text-decoration: underline; }
.xui-shell .backup-location-square { display: inline-block; width: 11px; height: 11px; border-radius: 1px; background: #667d9f; }
.xui-shell .backup-location-square.local,
.xui-shell .backup-location-square.remote-ok { background: #20c9a5; }
.xui-shell .backup-location-square.remote-off { background: #667d9f; }
.xui-shell .backup-reference-actions { display: inline-flex; align-items: center; justify-content: center; gap: 2px; }
.xui-shell .backup-reference-actions button {
  width: 35px;
  height: 26px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #0b162a;
  color: #fff;
  cursor: pointer;
}
.xui-shell .backup-reference-actions button:hover { background: #14284a; }
.xui-shell .backup-reference-actions button:last-child { color: #eef4ff; }
.xui-shell .backup-empty-row { height: 62px !important; color: #6f829f !important; }
.xui-shell .backup-reference-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 46px 25px 26px;
}
.xui-shell .backup-reference-footer button {
  min-height: 38px;
  padding: 0 18px;
  border: 1px solid transparent;
  border-radius: 0;
  color: #fff;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.xui-shell .backup-create-button { background: #0879d6; border-color: #0879d6 !important; }
.xui-shell .backup-save-button { background: #42789b; border-color: #507f9e !important; }
.xui-shell .backup-reference-card button:disabled { opacity: .55; cursor: wait; }
@media (max-width: 980px) {
  .xui-shell .backup-dedicated-page { width: calc(100% - 24px); margin-top: 14px; }
  .xui-shell .backup-reference-form,
  .xui-shell .backup-remote-details { grid-template-columns: 1fr; row-gap: 22px; padding-inline: 18px; }
  .xui-shell .backup-connection-toggle,
  .xui-shell .backup-test-row,
  .xui-shell .backup-reference-table-wrap { margin-left: 18px; margin-right: 18px; }
  .xui-shell .backup-test-row { padding-left: 0; }
  .xui-shell .backup-remote-details .backup-full-input { grid-column: auto; }
  .xui-shell .backup-path-style-row { grid-column: auto; grid-template-columns: minmax(210px, 1fr) 80px; }
}
@media (max-width: 620px) {
  .xui-shell .backup-reference-head { align-items: flex-start; }
  .xui-shell .backup-reference-head-actions { display: none; }
  .xui-shell .backup-reference-notice { padding: 12px 14px; }
  .xui-shell .backup-reference-field,
  .xui-shell .backup-remote-details .backup-wide-input,
  .xui-shell .backup-remote-details .backup-short-input,
  .xui-shell .backup-remote-details .backup-full-input { grid-template-columns: 1fr; gap: 8px; }
  .xui-shell .backup-path-style-row { grid-template-columns: 1fr 80px; }
  .xui-shell .backup-reference-footer { align-items: stretch; flex-direction: column; padding-inline: 18px; }
  .xui-shell .backup-reference-footer button { width: 100%; }
}