/* Smart UI 6.2.5
 * Professional white/blue service desk with complete dark mode.
 */

:root {
  --sld-blue-900: #073b82;
  --sld-blue-800: #064da8;
  --sld-blue-700: #075bc8;
  --sld-blue-600: #0b68e8;
  --sld-blue-500: #2f7ff0;
  --sld-blue-100: #dbeafe;
  --sld-blue-50: #eff6ff;
  --sld-bg: #f4f7fb;
  --sld-surface: #ffffff;
  --sld-surface-2: #f8fafc;
  --sld-surface-3: #eef3f9;
  --sld-text: #162033;
  --sld-text-soft: #526078;
  --sld-muted: #778399;
  --sld-border: #dce4ee;
  --sld-border-strong: #c8d3e1;
  --sld-danger: #c9364f;
  --sld-danger-bg: #fff0f3;
  --sld-warning: #aa6511;
  --sld-warning-bg: #fff7e8;
  --sld-success: #18794e;
  --sld-success-bg: #eaf8f1;
  --sld-info-bg: #edf6ff;
  --sld-accent: #d97706;
  --sld-accent-soft: #fff3df;
  --sld-system: #8a5a0a;
  --sld-system-bg: #fff9e8;
  --sld-system-border: #ead69a;
  --sld-shadow-sm: 0 1px 2px rgba(16, 34, 58, .06), 0 2px 8px rgba(16, 34, 58, .04);
  --sld-shadow-md: 0 10px 30px rgba(16, 34, 58, .10);
  --sld-radius-sm: 7px;
  --sld-radius: 11px;
  --sld-radius-lg: 16px;
  --sld-sidebar: 276px;
  --sld-topbar: 76px;
  --sld-font: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

:root[data-theme="dark"] {
  --sld-blue-900: #dbeafe;
  --sld-blue-800: #9cc6ff;
  --sld-blue-700: #78adf8;
  --sld-blue-600: #5b9cf6;
  --sld-blue-500: #72aaf8;
  --sld-blue-100: #173b69;
  --sld-blue-50: #102a4c;
  --sld-bg: #10141b;
  --sld-surface: #171c24;
  --sld-surface-2: #1c222c;
  --sld-surface-3: #242b36;
  --sld-text: #edf4ff;
  --sld-text-soft: #b8c7da;
  --sld-muted: #8fa1b8;
  --sld-border: #343c48;
  --sld-border-strong: #46515f;
  --sld-danger: #ff8da0;
  --sld-danger-bg: #3a1c29;
  --sld-warning: #ffc46b;
  --sld-warning-bg: #382b18;
  --sld-success: #75d6a8;
  --sld-success-bg: #15382c;
  --sld-info-bg: #132f51;
  --sld-accent: #f0a33a;
  --sld-accent-soft: #392816;
  --sld-system: #f2c46b;
  --sld-system-bg: #2a2417;
  --sld-system-border: #6b5428;
  --sld-shadow-sm: 0 1px 2px rgba(0, 0, 0, .26), 0 5px 14px rgba(0, 0, 0, .12);
  --sld-shadow-md: 0 18px 44px rgba(0, 0, 0, .34);
}

html,
body.sldx {
  min-width: 0 !important;
  min-height: 100% !important;
  margin: 0 !important;
  background: var(--sld-bg) !important;
  color: var(--sld-text) !important;
  font-family: var(--sld-font) !important;
  font-size: 14px;
  line-height: 1.5;
}

body.sldx,
body.sldx button,
body.sldx input,
body.sldx select,
body.sldx textarea {
  font-family: var(--sld-font) !important;
}

body.sldx *,
body.sldx *::before,
body.sldx *::after {
  box-sizing: border-box;
}

body.sldx a {
  color: var(--sld-blue-700);
  text-decoration: none;
}

body.sldx a:hover { color: var(--sld-blue-600); }

body.sldx img { max-width: 100%; }

.sldx-app-shell {
  display: grid !important;
  grid-template-columns: var(--sld-sidebar) minmax(0, 1fr);
  width: 100% !important;
  max-width: none !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--sld-bg) !important;
}

.sldx-workspace {
  display: flex;
  min-width: 0;
  min-height: 100dvh;
  flex-direction: column;
  background: var(--sld-surface);
}

/* Permanent corporate navigation */
.sldx-sidebar {
  position: sticky !important;
  z-index: 70;
  top: 0;
  display: flex !important;
  width: var(--sld-sidebar) !important;
  height: 100dvh !important;
  min-height: 0 !important;
  flex-direction: column;
  overflow: hidden;
  border: 0 !important;
  border-right: 1px solid var(--sld-border) !important;
  background: var(--sld-surface) !important;
  box-shadow: none !important;
  transform: none !important;
}

.sldx-sidebar-head {
  display: flex;
  min-height: 98px;
  align-items: center;
  justify-content: space-between;
  padding: 18px 22px;
  border-bottom: 1px solid var(--sld-border);
}

.sldx-brand {
  display: flex !important;
  min-width: 0;
  align-items: center;
  gap: 12px;
  color: var(--sld-text) !important;
}


/* 6.2.5: normalize explicitly black mail-client text in dark ticket threads. */
:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry.message .thread-body [style^="color:rgb(0, 0, 0)" i],
:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry.message .thread-body [style*=";color:rgb(0, 0, 0)" i],
:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry.message .thread-body [style^="color: rgb(0, 0, 0)" i],
:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry.message .thread-body [style*="; color: rgb(0, 0, 0)" i],
:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry.message .thread-body [style^="color:#000" i],
:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry.message .thread-body [style*=";color:#000" i],
:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry.message .thread-body [style^="color: #000" i],
:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry.message .thread-body [style*="; color: #000" i],
:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry.message .thread-body [style^="color:black" i],
:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry.message .thread-body [style*=";color:black" i],
:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry.message .thread-body [style^="color: black" i],
:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry.message .thread-body [style*="; color: black" i],
:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry.message .thread-body font[color="#000" i],
:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry.message .thread-body font[color="#000000" i],
:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry.message .thread-body font[color="black" i] {
  color: var(--sld-text) !important;
}
.sldx-brand img {
  display: block;
  width: 116px !important;
  height: 66px !important;
  padding: 4px;
  border: 1px solid rgba(12, 36, 68, .1);
  border-radius: 12px;
  background: transparent;
  object-fit: contain;
  filter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='bad-hippo-light' color-interpolation-filters='sRGB'%3E%3CfeColorMatrix type='matrix' values='0 0 -0.96 0 1 0 0 -0.28 0 0.45 0 0 0.33 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3C/svg%3E#bad-hippo-light") !important;
}

:root[data-theme="dark"] .sldx-brand img,
:root[data-theme="dark"] .sldx-login-brand img { border-color: rgba(255, 255, 255, .14); background: transparent; filter: none !important; }

.sldx-brand-copy {
  display: grid;
  min-width: 0;
  padding-left: 12px;
  border-left: 1px solid var(--sld-border);
  line-height: 1.2;
}

.sldx-brand-copy strong { color: var(--sld-text); font-size: 13px; font-weight: 700; }
.sldx-brand-copy small { color: var(--sld-muted); font-size: 11px; }
.sldx-sidebar .sldx-sidebar-close { display: none !important; }

.sldx-panel-label {
  display: grid;
  gap: 2px;
  padding: 20px 22px 12px;
}

.sldx-panel-label span {
  color: var(--sld-text);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.sldx-panel-label small { color: var(--sld-muted); font-size: 11px; }

.sldx-sidebar-scroll {
  min-height: 0;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 6px 12px 20px;
  scrollbar-color: var(--sld-border-strong) transparent;
  scrollbar-width: thin;
}

/* Live ticket overview, backed by osTicket's permission-aware queue counts */
.sldx-ticket-overview {
  margin: 2px 12px 10px;
  padding: 10px;
  border: 1px solid var(--sld-border);
  border-radius: var(--sld-radius);
  background: var(--sld-surface-2);
}

.sldx-ticket-overview-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2px 4px 7px;
  color: var(--sld-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.sldx-ticket-overview-list { display: grid; gap: 2px; }

.sldx-ticket-stat {
  display: grid !important;
  grid-template-columns: 26px minmax(0, 1fr) auto;
  min-height: 36px;
  align-items: center;
  gap: 8px;
  padding: 6px 8px !important;
  border-radius: 7px;
  color: var(--sld-text-soft) !important;
  font-size: 12px;
  font-weight: 650;
}

.sldx-ticket-stat > i {
  display: grid;
  width: 26px;
  height: 26px;
  place-items: center;
  border-radius: 7px;
  background: var(--sld-surface-3);
  color: var(--sld-blue-700);
}

.sldx-ticket-stat:hover,
.sldx-ticket-stat.active { background: var(--sld-blue-50); color: var(--sld-blue-700) !important; }
.sldx-ticket-stat-count,
.sldx-queue-count {
  min-width: 27px;
  padding: 2px 7px;
  border-radius: 999px;
  background: var(--sld-blue-100);
  color: var(--sld-blue-800);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.5;
  text-align: center;
}

.sldx-nav-tree,
.sldx-nav-tree ul {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  list-style: none !important;
}

.sldx-nav-group { display: block !important; float: none !important; width: 100% !important; margin: 2px 0; }

.sldx-nav-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 36px;
  align-items: stretch;
  border-radius: var(--sld-radius-sm);
}

.sldx-nav-group:not(:has(.sldx-nav-toggle)) .sldx-nav-row { grid-template-columns: 1fr; }

.sldx-nav-link {
  display: flex !important;
  min-width: 0;
  min-height: 44px;
  align-items: center;
  gap: 12px;
  padding: 10px 12px !important;
  border: 0 !important;
  border-radius: var(--sld-radius-sm) !important;
  background: transparent !important;
  color: var(--sld-text-soft) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.25;
  box-shadow: none !important;
}

.sldx-nav-link > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.sldx-nav-icon {
  display: grid !important;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  place-items: center;
  border-radius: 7px;
  background: var(--sld-surface-3);
  color: var(--sld-text-soft);
  font-size: 13px;
}

.sldx-nav-link:hover,
.sldx-nav-link:focus-visible { background: var(--sld-blue-50) !important; color: var(--sld-blue-700) !important; }

.sldx-nav-group.is-current > .sldx-nav-row,
.sldx-nav-link.active { background: var(--sld-blue-50) !important; }

.sldx-nav-link.active { color: var(--sld-blue-700) !important; }
.sldx-nav-link.active .sldx-nav-icon { background: var(--sld-blue-700); color: #fff; }

.sldx-nav-toggle {
  display: grid !important;
  width: 36px !important;
  height: auto !important;
  min-height: 40px;
  margin: 0 !important;
  padding: 0 !important;
  place-items: center;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: var(--sld-muted) !important;
  cursor: pointer;
}

.sldx-nav-toggle:hover { color: var(--sld-blue-700) !important; }
.sldx-nav-toggle i { transition: transform .18s ease; }
.sldx-nav-group.is-open > .sldx-nav-row .sldx-nav-toggle i { transform: rotate(180deg); }

.sldx-subnav {
  display: none;
  margin: 4px 0 8px 25px !important;
  padding: 3px 0 3px 17px !important;
  border-left: 1px solid var(--sld-border);
}

.sldx-nav-group.is-open > .sldx-subnav { display: block; }

.sldx-subnav-link {
  position: relative;
  display: flex !important;
  min-height: 34px;
  align-items: center;
  padding: 7px 9px !important;
  border-radius: 6px;
  color: var(--sld-text-soft) !important;
  font-size: 12px !important;
  font-weight: 550 !important;
  line-height: 1.3;
  background-image: none !important;
  background-position: 0 0 !important;
  background-repeat: no-repeat !important;
}

.sldx-queue-item { display: block !important; width: 100%; }
.sldx-queue-row { display: grid; grid-template-columns: minmax(0, 1fr) 30px; align-items: stretch; }
.sldx-queue-item:not(.sldx-has-children) > .sldx-queue-row { grid-template-columns: 1fr; }
.sldx-queue-row .sldx-subnav-link { min-width: 0; gap: 7px; }
.sldx-queue-name { min-width: 0; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sldx-queue-count { margin-left: auto; }

.sldx-depth-0 > .sldx-queue-row {
  margin-top: 8px;
  border-radius: 7px;
  background: var(--sld-surface-2);
}

.sldx-depth-0 > .sldx-queue-row > .sldx-subnav-link {
  min-height: 38px;
  color: var(--sld-text) !important;
  font-size: 12.5px !important;
  font-weight: 750 !important;
}

.sldx-queue-toggle {
  display: grid !important;
  width: 30px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  place-items: center;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: var(--sld-muted) !important;
}

.sldx-queue-toggle i { transition: transform .18s ease; }
.sldx-queue-item.is-open > .sldx-queue-row .sldx-queue-toggle i { transform: rotate(180deg); }
.sldx-queue-children { display: none; margin: 2px 0 5px 12px !important; padding: 2px 0 2px 10px !important; border-left: 1px solid var(--sld-border) !important; }
.sldx-queue-item.is-open > .sldx-queue-children { display: block; }
.sldx-depth-1 > .sldx-queue-row > .sldx-subnav-link { min-height: 31px; padding: 5px 8px !important; }

.sldx-subnav-link:hover,
.sldx-subnav-link.active { background: var(--sld-blue-50); color: var(--sld-blue-700) !important; }

.sldx-subnav-link.active::before {
  position: absolute;
  top: 9px;
  bottom: 9px;
  left: -18px;
  width: 3px;
  border-radius: 4px;
  background: var(--sld-blue-600);
  content: "";
}

.sldx-subnav-rail { display: none; }
.sldx-depth-1 .sldx-subnav-link { font-size: 11.5px !important; }

.sldx-nav-separator {
  padding: 16px 9px 5px;
  color: var(--sld-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.sldx-sidebar-foot {
  display: grid;
  gap: 7px;
  padding: 14px 12px calc(14px + env(safe-area-inset-bottom));
  border-top: 1px solid var(--sld-border);
  background: var(--sld-surface-2);
}

.sldx-sidebar-foot a,
.sldx-theme-switch {
  display: flex !important;
  width: 100% !important;
  min-height: 40px;
  align-items: center;
  gap: 10px;
  margin: 0 !important;
  padding: 9px 11px !important;
  border: 1px solid transparent !important;
  border-radius: var(--sld-radius-sm) !important;
  background: transparent !important;
  color: var(--sld-text-soft) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  text-align: left;
  cursor: pointer;
}

.sldx-sidebar-foot a:hover,
.sldx-theme-switch:hover { border-color: var(--sld-border) !important; background: var(--sld-surface) !important; color: var(--sld-blue-700) !important; }
.sldx-theme-switch strong { margin-left: auto; color: var(--sld-muted); font-size: 10px; text-transform: uppercase; }

.sldx-sidebar-scrim { display: none; }

/* Header */
.sldx-topbar {
  position: sticky !important;
  z-index: 60;
  top: 0;
  display: flex !important;
  width: 100% !important;
  min-height: var(--sld-topbar) !important;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 0 !important;
  padding: 12px clamp(18px, 2.6vw, 38px) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--sld-border) !important;
  background: color-mix(in srgb, var(--sld-surface) 94%, transparent) !important;
  box-shadow: 0 1px 0 rgba(17, 37, 63, .02) !important;
  backdrop-filter: blur(14px);
}

.sldx-topbar-start,
.sldx-topbar-actions { display: flex; min-width: 0; align-items: center; gap: 12px; }
.sldx-topbar-actions { justify-content: flex-end; }

.sldx-menu-button {
  display: none !important;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid var(--sld-border) !important;
  border-radius: var(--sld-radius-sm) !important;
  background: var(--sld-surface) !important;
  color: var(--sld-text) !important;
}

.sldx-context { display: grid; min-width: 0; gap: 1px; }
.sldx-context-eyebrow { color: var(--sld-muted); font-size: 10px; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
.sldx-context > strong { overflow: hidden; max-width: min(48vw, 620px); color: var(--sld-text); font-size: 17px; font-weight: 720; text-overflow: ellipsis; white-space: nowrap; }

.sldx-search-command {
  display: flex !important;
  min-width: 192px;
  height: 40px;
  align-items: center;
  gap: 9px;
  padding: 0 11px !important;
  border: 1px solid var(--sld-border) !important;
  border-radius: var(--sld-radius-sm) !important;
  background: var(--sld-surface-2) !important;
  color: var(--sld-text-soft) !important;
  font-size: 12px !important;
  font-weight: 550;
  cursor: pointer;
}

.sldx-search-command:hover { border-color: var(--sld-blue-500) !important; }
.sldx-search-command kbd { margin-left: auto; padding: 1px 6px; border: 1px solid var(--sld-border); border-radius: 4px; background: var(--sld-surface); color: var(--sld-muted); font: inherit; }

.sldx-icon-button {
  display: grid !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px;
  margin: 0 !important;
  padding: 0 !important;
  place-items: center;
  border: 1px solid var(--sld-border) !important;
  border-radius: var(--sld-radius-sm) !important;
  background: var(--sld-surface) !important;
  color: var(--sld-text-soft) !important;
  box-shadow: none !important;
  cursor: pointer;
}

.sldx-icon-button:hover { border-color: var(--sld-blue-500) !important; color: var(--sld-blue-700) !important; }

.sldx-user-menu { position: relative; }
.sldx-user-trigger {
  display: flex !important;
  min-height: 44px;
  align-items: center;
  gap: 9px;
  padding: 4px 8px 4px 4px !important;
  border: 1px solid var(--sld-border) !important;
  border-radius: 10px !important;
  background: var(--sld-surface) !important;
  color: var(--sld-text) !important;
  cursor: pointer;
}

.sldx-avatar {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  place-items: center;
  border-radius: 8px;
  background: var(--sld-blue-700);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

.sldx-user-copy { display: grid; min-width: 72px; text-align: left; line-height: 1.2; }
.sldx-user-copy strong { color: var(--sld-text); font-size: 12px; }
.sldx-user-copy small { color: var(--sld-muted); font-size: 10px; }

.sldx-user-popover {
  position: absolute;
  top: calc(100% + 9px);
  right: 0;
  display: none;
  width: 190px;
  overflow: hidden;
  padding: 6px;
  border: 1px solid var(--sld-border);
  border-radius: 10px;
  background: var(--sld-surface);
  box-shadow: var(--sld-shadow-md);
}

.sldx-user-menu.is-open .sldx-user-popover { display: grid; }
.sldx-user-popover a { display: flex; gap: 10px; padding: 10px; border-radius: 7px; color: var(--sld-text-soft); font-size: 12px; }
.sldx-user-popover a:hover { background: var(--sld-blue-50); color: var(--sld-blue-700); }
.sldx-user-chip { display: flex; align-items: center; gap: 8px; color: var(--sld-text-soft); font-size: 12px; }
.sldx-languages { display: flex; align-items: center; gap: 5px; }

/* Workspace and page surfaces */
.sldx-main {
  display: flex;
  width: 100% !important;
  min-width: 0;
  flex: 1 0 auto;
  padding: clamp(18px, 2.6vw, 38px) !important;
  background: var(--sld-surface) !important;
}

/* Remove the grey outer content frame while keeping component boundaries. */
.sldx-route,
.sldx-content { border: 0 !important; outline: 0 !important; box-shadow: none !important; }

/* Dark-mode cleanup for legacy table and sort decorations. */
:root[data-theme="dark"] .sldx-content table.list tfoot td,
:root[data-theme="dark"] .sldx-content table.queue tfoot td,
:root[data-theme="dark"] .sldx-content table.dashboard-stats tfoot td {
  border-color: var(--sld-border) !important;
  background: var(--sld-surface-2) !important;
  color: var(--sld-text-soft) !important;
}

:root[data-theme="dark"] .sldx-content table.list thead a.asc,
:root[data-theme="dark"] .sldx-content table.list thead a.desc,
:root[data-theme="dark"] .sldx-content table.queue thead a.asc,
:root[data-theme="dark"] .sldx-content table.queue thead a.desc {
  background-color: transparent !important;
  color: var(--sld-blue-700) !important;
}

:root[data-theme="dark"] .sldx-content table.dashboard-stats tr {
  background: var(--sld-surface) !important;
  color: var(--sld-text) !important;
}

.sldx-client #clientLogin {
  border-color: var(--sld-border) !important;
  background: var(--sld-surface) !important;
  color: var(--sld-text) !important;
}

.sldx-route { width: 100%; min-width: 0; }
.sldx-content { width: 100% !important; max-width: 1640px; min-width: 0; margin: 0 auto !important; padding: 0 !important; background: transparent !important; color: var(--sld-text); }
.sldx-content::after { display: table; clear: both; content: ""; }

.sldx-content h1,
.sldx-content h2,
.sldx-content h3,
.sldx-content h4,
.sldx-content h5,
.sldx-content h6 { color: var(--sld-text) !important; font-family: var(--sld-font) !important; }

.sldx-content h2,
.sldx-content h3 {
  margin: 0 0 16px !important;
  font-size: 21px !important;
  font-weight: 730 !important;
  letter-spacing: -.02em;
}

.sldx-content hr { border: 0 !important; border-top: 1px solid var(--sld-border) !important; }
.sldx-content p,
.sldx-content label,
.sldx-content td,
.sldx-content th,
.sldx-content li,
.sldx-content div { color: inherit; }

.sldx-footer {
  display: flex !important;
  width: auto !important;
  min-height: 58px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 clamp(18px, 2.6vw, 38px) !important;
  padding: 16px 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--sld-border) !important;
  background: transparent !important;
  color: var(--sld-muted) !important;
  font-size: 11px !important;
}

.sldx-global-alert,
.sldx-message,
#msg_error,
#msg_notice,
#msg_warning,
.error-banner,
.warning-banner,
.notice-banner {
  display: block;
  width: 100%;
  margin: 0 0 16px !important;
  padding: 12px 14px !important;
  border: 1px solid var(--sld-border) !important;
  border-left: 4px solid var(--sld-blue-600) !important;
  border-radius: var(--sld-radius-sm) !important;
  background: var(--sld-info-bg) !important;
  color: var(--sld-text) !important;
  box-shadow: none !important;
}

#msg_error,
.error-banner { border-left-color: var(--sld-danger) !important; background: var(--sld-danger-bg) !important; }
#msg_warning,
.warning-banner { border-left-color: var(--sld-warning) !important; background: var(--sld-warning-bg) !important; }

/* Buttons and controls */
body.sldx input[type="button"],
body.sldx input[type="submit"],
body.sldx input[type="reset"],
body.sldx button,
body.sldx a.button,
body.sldx .button {
  min-height: 36px;
  padding: 8px 13px !important;
  border: 1px solid var(--sld-border-strong) !important;
  border-radius: var(--sld-radius-sm) !important;
  background: var(--sld-surface) !important;
  color: var(--sld-text) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  box-shadow: var(--sld-shadow-sm) !important;
  text-shadow: none !important;
  cursor: pointer;
}

body.sldx input[type="submit"],
body.sldx button.primary,
body.sldx a.button.primary,
body.sldx .button.primary,
body.sldx .green.button,
body.sldx .blue.button {
  border-color: var(--sld-blue-700) !important;
  background: var(--sld-blue-700) !important;
  color: #fff !important;
}

body.sldx input[type="button"]:hover,
body.sldx input[type="submit"]:hover,
body.sldx button:hover,
body.sldx a.button:hover { border-color: var(--sld-blue-600) !important; filter: brightness(.99); }

body.sldx input[type="text"],
body.sldx input[type="email"],
body.sldx input[type="password"],
body.sldx input[type="tel"],
body.sldx input[type="url"],
body.sldx input[type="number"],
body.sldx input[type="search"],
body.sldx textarea,
body.sldx select,
body.sldx .select2-container .select2-choice,
body.sldx .select2-selection {
  min-height: 38px !important;
  max-width: 100%;
  padding: 8px 10px !important;
  border: 1px solid var(--sld-border-strong) !important;
  border-radius: var(--sld-radius-sm) !important;
  background: var(--sld-surface) !important;
  color: var(--sld-text) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  box-shadow: none !important;
  outline: none;
}

body.sldx textarea { min-height: 110px !important; resize: vertical; }
body.sldx input:focus,
body.sldx textarea:focus,
body.sldx select:focus { border-color: var(--sld-blue-500) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--sld-blue-500) 18%, transparent) !important; }
body.sldx input::placeholder,
body.sldx textarea::placeholder { color: var(--sld-muted) !important; opacity: 1; }
body.sldx option { background: var(--sld-surface); color: var(--sld-text); }
body.sldx input[type="checkbox"],
body.sldx input[type="radio"] { width: 16px; height: 16px; accent-color: var(--sld-blue-700); }
body.sldx .select2-container { max-width: 100% !important; }

/* Forms */
.sldx-content table.form_table,
.sldx-content table.form-table,
.sldx-form-card {
  width: 100% !important;
  margin: 0 0 20px !important;
  padding: 8px 18px !important;
  border: 1px solid var(--sld-border) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: var(--sld-radius) !important;
  background: var(--sld-surface) !important;
  box-shadow: var(--sld-shadow-sm) !important;
}

.sldx-content table.form_table > tbody > tr > th,
.sldx-content table.form_table > tbody > tr > td,
.sldx-content table.form-table > tbody > tr > th,
.sldx-content table.form-table > tbody > tr > td {
  padding: 12px 10px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--sld-border) !important;
  background: transparent !important;
  color: var(--sld-text) !important;
  vertical-align: top !important;
}

.sldx-content table.form_table > thead > tr > th,
.sldx-content table.form-table > thead > tr > th {
  padding: 12px 10px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--sld-border) !important;
  background: var(--sld-blue-50) !important;
  color: var(--sld-blue-700) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 800 !important;
  text-align: left !important;
}

.sldx-content table.form_table > thead em,
.sldx-content table.form-table > thead em { font-style: normal !important; }
.sldx-content table.form_table > thead th *,
.sldx-content table.form-table > thead th * { color: inherit !important; }

.sldx-content table.form_table > tbody > tr:last-child > *,
.sldx-content table.form-table > tbody > tr:last-child > * { border-bottom: 0 !important; }
.sldx-content table.form_table th,
.sldx-content table.form-table th { width: min(240px, 28%); color: var(--sld-text-soft) !important; font-size: 12px; font-weight: 700; text-align: left; }
.sldx-content .required { color: var(--sld-text) !important; }
.sldx-content .required .error,
.sldx-content .required + .error { color: var(--sld-danger) !important; }
.sldx-content .faded,
.sldx-content .faded-more,
.sldx-content .hint { color: var(--sld-muted) !important; }
.sldx-content fieldset { margin: 0 0 18px; padding: 18px; border: 1px solid var(--sld-border) !important; border-radius: var(--sld-radius); background: var(--sld-surface); }
.sldx-content legend { padding: 0 8px; color: var(--sld-text); font-weight: 700; }

/* Search rows, headings and legacy toolbars */
#basic_search,
.sldx-content form[action*="search"],
.sldx-content .search-form {
  max-width: 100%;
}

#basic_search {
  display: flex !important;
  min-height: 56px;
  align-items: center;
  gap: 10px;
  margin: 0 0 14px !important;
  padding: 9px 11px !important;
  border: 1px solid var(--sld-border) !important;
  border-radius: var(--sld-radius) !important;
  background: var(--sld-surface) !important;
  box-shadow: var(--sld-shadow-sm) !important;
}

#basic_search input[type="text"],
#basic_search input[type="search"] { min-width: 180px; flex: 1 1 320px; margin: 0 !important; }
#basic_search .attached.input { display: grid !important; width: min(100%, 360px) !important; height: 38px !important; flex: 1 1 300px; grid-template-columns: minmax(0, 1fr) 42px; align-items: stretch; }
#basic_search .attached.input input { width: 100% !important; min-width: 0 !important; height: 38px !important; grid-column: 1; margin: 0 !important; border-radius: var(--sld-radius-sm) 0 0 var(--sld-radius-sm) !important; }
#basic_search .attached.input button { width: 42px !important; height: 38px !important; min-height: 38px !important; grid-column: 2; margin: 0 !important; border-left: 0 !important; border-radius: 0 var(--sld-radius-sm) var(--sld-radius-sm) 0 !important; }
#basic_search .button,
#basic_search button { flex: 0 0 auto; }
#basic_search > form { display: flex !important; min-width: 0; flex: 1 1 auto; align-items: center; gap: 8px; order: 1; }
#basic_search > .pull-right { float: none !important; height: auto !important; flex: 0 0 auto; order: 2; }
#basic_search [data-dropdown="#sort-dropdown"] { opacity: 1 !important; color: var(--sld-text-soft) !important; }

.sldx-content .sticky,
.sldx-content .sticky.bar,
.sldx-content .action-bar,
.sldx-content .list-actions {
  max-width: 100%;
  border-color: var(--sld-border) !important;
  background: var(--sld-surface) !important;
  color: var(--sld-text) !important;
  box-shadow: none !important;
}

.sldx-content .sticky.bar.fixed { position: static !important; width: auto !important; }
.sldx-content .sticky.placeholder { display: none !important; }

/* Data tables */
.sldx-content table.list,
.sldx-content table.queue,
.sldx-content table.dashboard-stats,
.sldx-responsive-table {
  width: 100% !important;
  max-width: 100%;
  margin: 0 !important;
  overflow: hidden;
  border: 1px solid var(--sld-border) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: var(--sld-radius) !important;
  background: var(--sld-surface) !important;
  color: var(--sld-text) !important;
  box-shadow: var(--sld-shadow-sm) !important;
}

.sldx-content table.list thead th,
.sldx-content table.queue thead th,
.sldx-responsive-table thead th {
  height: 44px;
  padding: 10px 12px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--sld-border) !important;
  background: var(--sld-surface-2) !important;
  color: var(--sld-text-soft) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .025em;
  text-align: left;
  text-shadow: none !important;
  white-space: nowrap;
}

.sldx-content table.list tbody td,
.sldx-content table.queue tbody td,
.sldx-responsive-table tbody td {
  min-height: 46px;
  padding: 10px 12px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--sld-border) !important;
  background: var(--sld-surface) !important;
  color: var(--sld-text) !important;
  font-size: 12px !important;
  vertical-align: middle !important;
}

.sldx-content table.list tbody tr:last-child td,
.sldx-content table.queue tbody tr:last-child td { border-bottom: 0 !important; }
.sldx-content table.list tbody tr:hover td,
.sldx-content table.queue tbody tr:hover td { background: var(--sld-blue-50) !important; }
.sldx-content table.list a,
.sldx-content table.queue a { color: var(--sld-blue-700) !important; font-weight: 650; }
.sldx-content table.list caption { padding: 12px; background: var(--sld-surface); color: var(--sld-muted); }

.sldx-status-pill {
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border: 1px solid var(--sld-border);
  border-radius: 999px;
  background: var(--sld-surface-3);
  color: var(--sld-text-soft);
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
}
.sldx-status-pill[data-tone="critical"] { border-color: color-mix(in srgb, var(--sld-danger) 35%, transparent); background: var(--sld-danger-bg); color: var(--sld-danger); }
.sldx-status-pill[data-tone="warning"] { border-color: color-mix(in srgb, var(--sld-warning) 35%, transparent); background: var(--sld-warning-bg); color: var(--sld-warning); }
.sldx-status-pill[data-tone="success"] { border-color: color-mix(in srgb, var(--sld-success) 35%, transparent); background: var(--sld-success-bg); color: var(--sld-success); }

.sldx-list-bar-wrap {
  margin: 0 0 14px !important;
  padding: 0 !important;
}

.sldx-list-bar {
  position: static !important;
  width: 100% !important;
  min-height: 64px;
  padding: 10px 12px !important;
  border: 1px solid var(--sld-border) !important;
  border-radius: var(--sld-radius) !important;
  background: var(--sld-surface) !important;
  box-shadow: var(--sld-shadow-sm) !important;
}

.sldx-list-bar > .content {
  display: flex !important;
  width: 100% !important;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.sldx-list-bar .flush-left,
.sldx-list-bar .configureQ,
.sldx-list-bar .sldx-list-actions { float: none !important; }
.sldx-list-bar h2 { margin: 0 !important; font-size: 18px !important; }
.sldx-list-bar h2 i { color: var(--sld-success); }
.sldx-list-bar .configureQ { display: flex !important; min-height: 34px; align-items: center; gap: 6px; padding: 7px 10px; border: 1px solid var(--sld-border); border-radius: 7px; background: var(--sld-surface-2); color: var(--sld-text-soft); }
.sldx-configure-label { font-size: 10px; font-weight: 750; }
.sldx-list-actions { position: relative; display: flex !important; align-items: center; justify-content: flex-end; gap: 6px; }

.sldx-list-actions > [data-sldx-list-action] {
  position: relative;
  display: flex !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 34px !important;
  align-items: center;
  margin: 0 !important;
  padding: 7px 10px !important;
  border: 1px solid var(--sld-border) !important;
  border-radius: 7px !important;
  background: var(--sld-surface-2) !important;
  color: var(--sld-text-soft) !important;
  box-shadow: none !important;
}

.sldx-list-actions > [data-sldx-list-action] > i { display: none !important; }
.sldx-list-actions > [data-sldx-list-action] > a { position: absolute !important; z-index: 2; inset: 0 !important; width: 100% !important; height: 100% !important; opacity: 0; }
.sldx-list-action-label { color: inherit !important; font-size: 10px; font-weight: 750; white-space: nowrap; }
.sldx-list-actions > [data-sldx-list-action]:hover { border-color: var(--sld-blue-500) !important; background: var(--sld-blue-50) !important; color: var(--sld-blue-700) !important; }
.sldx-list-actions > .action-dropdown { position: absolute !important; z-index: 120; top: calc(100% + 7px) !important; right: 0 !important; left: auto !important; width: 280px !important; }

.sldx-content .pagination,
.sldx-content .page-links { color: var(--sld-text-soft) !important; }
.sldx-content .pagination a,
.sldx-content .page-links a { display: inline-grid; min-width: 30px; height: 30px; margin: 2px; place-items: center; border: 1px solid var(--sld-border); border-radius: 6px; background: var(--sld-surface); }

/* Dashboard */
.sldx-dashboard-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px;
  margin: 0 0 22px;
}

.sldx-metric-card {
  display: flex;
  min-height: 102px;
  align-items: center;
  gap: 13px;
  padding: 18px;
  border: 1px solid var(--sld-border);
  border-radius: var(--sld-radius);
  background: var(--sld-surface);
  box-shadow: var(--sld-shadow-sm);
}

.sldx-metric-mark { width: 8px; height: 52px; border-radius: 8px; background: linear-gradient(180deg, var(--sld-blue-500), var(--sld-blue-800)); }
.sldx-metric-card div { display: grid; gap: 4px; }
.sldx-metric-card small { color: var(--sld-muted); font-size: 11px; font-weight: 700; }
.sldx-metric-card strong { color: var(--sld-text); font-size: 24px; line-height: 1; }

/* Ticket workspace: new information and action architecture */
.sldx-ticket-source { display: none !important; }

.sldx-ticket-hero {
  display: grid;
  grid-template-columns: minmax(280px, .82fr) minmax(480px, 1.18fr);
  gap: 18px;
  margin: 0 0 18px;
}

.sldx-ticket-identity,
.sldx-ticket-actions-panel,
.sldx-ticket-map,
.sldx-ticket-timeline {
  border: 1px solid var(--sld-border);
  border-radius: var(--sld-radius-lg);
  background: var(--sld-surface);
  box-shadow: var(--sld-shadow-sm);
}

.sldx-ticket-identity {
  position: relative;
  display: flex;
  min-height: 190px;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 26px;
}

.sldx-ticket-identity::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 5px;
  background: linear-gradient(90deg, var(--sld-blue-800), var(--sld-blue-500));
  content: "";
}

.sldx-section-kicker {
  display: block;
  margin-bottom: 7px;
  color: var(--sld-blue-700) !important;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.sldx-ticket-number .flush-left {
  float: none !important;
  margin: 0 !important;
  color: var(--sld-muted) !important;
  font-size: 13px;
  font-weight: 650;
}

.sldx-ticket-number a { color: var(--sld-muted) !important; }
.sldx-ticket-number i { display: none; }

.sldx-ticket-subject .tixTitle {
  float: none !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 5px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--sld-text) !important;
  font-size: clamp(20px, 2.2vw, 30px) !important;
  font-weight: 760 !important;
  line-height: 1.18 !important;
  letter-spacing: -.025em;
}

.sldx-ticket-subject .tixTitle a { color: var(--sld-blue-700) !important; }

.sldx-ticket-actions-panel { min-width: 0; padding: 20px; }
.sldx-ticket-actions-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; margin-bottom: 15px; }
.sldx-ticket-actions-head strong { display: block; color: var(--sld-text); font-size: 17px; }
.sldx-ticket-actions-head small { max-width: 210px; color: var(--sld-muted); font-size: 10px; text-align: right; }

.sldx-ticket-actions {
  position: relative;
  display: block !important;
  width: 100% !important;
}

.sldx-ticket-actions > .pull-right.flush-right {
  position: relative;
  display: grid !important;
  float: none !important;
  width: 100% !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0 !important;
}

.sldx-ticket-action {
  float: none !important;
  width: auto !important;
  min-width: 0;
  margin: 0 !important;
}

.sldx-ticket-action > a,
.sldx-ticket-action > button,
.sldx-ticket-action.action-button,
.sldx-ticket-action > input {
  position: relative;
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 58px !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  padding: 23px 10px 9px !important;
  overflow: hidden;
  border: 1px solid var(--sld-border) !important;
  border-radius: 9px !important;
  background: var(--sld-surface-2) !important;
  color: var(--sld-text-soft) !important;
  font-size: 11px !important;
  font-weight: 720 !important;
  line-height: 1.15 !important;
  text-align: left !important;
  box-shadow: none !important;
  white-space: normal !important;
}

.sldx-ticket-action > a::before,
.sldx-ticket-action > button::before,
.sldx-ticket-action.action-button::before,
.sldx-ticket-action > input::before {
  position: absolute;
  top: 8px;
  left: 10px;
  color: var(--sld-blue-700);
  content: attr(data-sldx-index);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .12em;
}

.sldx-ticket-action i { display: none !important; }
.sldx-ticket-action.action-button > span:not(.sldx-action-label),
.sldx-ticket-action.action-button > a:not(.sldx-action-label) {
  position: absolute !important;
  z-index: 2;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0;
}
.sldx-action-label { display: block; overflow: hidden; text-overflow: ellipsis; }
.sldx-ticket-action:hover > a,
.sldx-ticket-action:hover > button,
.sldx-ticket-action.action-button:hover { border-color: var(--sld-blue-500) !important; background: var(--sld-blue-50) !important; color: var(--sld-blue-700) !important; }

.sldx-ticket-action[data-sldx-action="reply"] { grid-column: span 2; }
.sldx-ticket-action[data-sldx-action="reply"] > a,
.sldx-ticket-action[data-sldx-action="reply"].action-button {
  border-color: var(--sld-blue-700) !important;
  background: var(--sld-blue-700) !important;
  color: #fff !important;
}
.sldx-ticket-action[data-sldx-action="reply"] > a::before,
.sldx-ticket-action[data-sldx-action="reply"].action-button::before { color: #d8e9ff; }

.sldx-ticket-actions > .action-dropdown,
.sldx-ticket-actions .action-dropdown {
  position: absolute !important;
  z-index: 120 !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  left: auto !important;
  width: min(310px, calc(100vw - 44px)) !important;
  max-height: 420px;
  overflow-y: auto;
  border: 1px solid var(--sld-border) !important;
  border-radius: 10px !important;
  background: var(--sld-surface) !important;
  color: var(--sld-text) !important;
  box-shadow: var(--sld-shadow-md) !important;
}

.sldx-ticket-actions .action-dropdown a,
.sldx-ticket-actions .action-dropdown li { color: var(--sld-text) !important; }
.sldx-ticket-actions .action-dropdown a:hover { background: var(--sld-blue-50) !important; }

.sldx-ticket-map { margin: 0 0 18px; padding: 20px; }
.sldx-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin: 0 0 15px; }
.sldx-section-heading h2 { margin: 0 !important; font-size: 18px !important; }
.sldx-section-toggle { min-height: 32px !important; padding: 6px 10px !important; color: var(--sld-text-soft) !important; }
.sldx-ticket-map-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.sldx-ticket-map.is-collapsed .sldx-ticket-map-grid { display: none; }

.sldx-ticket-map table.ticket_info {
  display: table !important;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  overflow: hidden;
  border: 1px solid var(--sld-border) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 10px;
  background: var(--sld-surface-2) !important;
  table-layout: fixed;
}

.sldx-ticket-map table.ticket_info.custom-data { grid-column: 1 / -1; }
.sldx-ticket-map table.ticket_info th,
.sldx-ticket-map table.ticket_info td {
  padding: 9px 11px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--sld-border) !important;
  background: transparent !important;
  color: var(--sld-text) !important;
  font-size: 11.5px !important;
  line-height: 1.35;
  vertical-align: top !important;
  word-break: break-word;
}
.sldx-ticket-map table.ticket_info tr:last-child > * { border-bottom: 0 !important; }
.sldx-ticket-map table.ticket_info th { width: 24%; color: var(--sld-muted) !important; font-weight: 700 !important; }
.sldx-ticket-map table.ticket_info td { width: 26%; }

.sldx-timeline-heading {
  margin: 24px 0 10px;
  padding: 0 3px;
}
.sldx-thread-count { padding: 5px 10px; border-radius: 999px; background: var(--sld-blue-50); color: var(--sld-blue-700) !important; font-size: 10px; font-weight: 750; }

#ticket_tabs.tabs,
.sldx-content ul.tabs {
  display: flex !important;
  min-height: 44px;
  align-items: flex-end;
  gap: 4px;
  margin: 0 !important;
  padding: 0 8px !important;
  border: 1px solid var(--sld-border) !important;
  border-bottom: 0 !important;
  border-radius: var(--sld-radius) var(--sld-radius) 0 0 !important;
  background: var(--sld-surface-2) !important;
  list-style: none !important;
}

#ticket_tabs.tabs li,
.sldx-content ul.tabs li { margin: 0 !important; border: 0 !important; background: transparent !important; }
#ticket_tabs.tabs a,
.sldx-content ul.tabs a { display: block !important; padding: 11px 13px 9px !important; border: 0 !important; border-bottom: 3px solid transparent !important; background: transparent !important; color: var(--sld-text-soft) !important; font-size: 11px !important; font-weight: 700 !important; }
#ticket_tabs.tabs li.active a,
.sldx-content ul.tabs li.active a { border-bottom-color: var(--sld-blue-600) !important; color: var(--sld-blue-700) !important; }

.sldx-ticket-timeline {
  padding: 18px !important;
  border-radius: 0 0 var(--sld-radius-lg) var(--sld-radius-lg) !important;
}

#thread-items { position: relative; margin: 0 !important; padding: 0 0 0 25px !important; }
#thread-items::before { position: absolute; top: 4px; bottom: 8px; left: 8px; width: 2px; border-radius: 2px; background: var(--sld-border); content: ""; }
#thread-items > div { position: relative; margin: 0 0 12px !important; }
#thread-items > div::before { position: absolute; z-index: 2; top: 17px; left: -22px; width: 10px; height: 10px; border: 2px solid var(--sld-surface); border-radius: 50%; background: var(--sld-blue-500); box-shadow: 0 0 0 2px var(--sld-border); content: ""; }

.thread-entry {
  overflow: hidden;
  margin: 0 !important;
  border: 1px solid var(--sld-border) !important;
  border-radius: 10px !important;
  background: var(--sld-surface) !important;
  color: var(--sld-text) !important;
  box-shadow: none !important;
}

.thread-entry .header,
.thread-entry .thread-header {
  display: flex !important;
  min-height: 42px;
  align-items: center;
  gap: 8px;
  padding: 9px 12px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--sld-border) !important;
  background: var(--sld-surface-2) !important;
  color: var(--sld-text) !important;
  font-size: 11px !important;
  box-shadow: none !important;
}

/* 6.2.5: keep ticket-thread meta timestamps readable in dark headers. */
:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry .header,
:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry .thread-header {
  color: var(--sld-text-soft) !important;
}

:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry.message .header,
:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry.message .thread-header {
  color: #d8f7e7 !important;
}

:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry .header :where(span, small, time, em, i):not(.sldx-thread-kind),
:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry .thread-header :where(span, small, time, em, i):not(.sldx-thread-kind) {
  color: inherit !important;
}

:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry .header :where(b, strong):not(.sldx-thread-kind),
:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry .thread-header :where(b, strong):not(.sldx-thread-kind),
:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry .header a:not(.button),
:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry .thread-header a:not(.button) {
  color: var(--sld-text) !important;
}

.thread-entry .body,
.thread-entry .thread-body {
  padding: 14px !important;
  border: 0 !important;
  background: var(--sld-surface) !important;
  color: var(--sld-text) !important;
  font-size: 12px !important;
  line-height: 1.58;
}

/* Theme-normalize rich/API ticket content without rewriting stored messages. */
.sldx-ticket-view .thread-entry .thread-body > div:first-child {
  max-width: 100%;
  overflow-x: auto;
  color: var(--sld-text) !important;
}
.sldx-ticket-view .thread-entry .thread-body > div:first-child h1,
.sldx-ticket-view .thread-entry .thread-body > div:first-child h2,
.sldx-ticket-view .thread-entry .thread-body > div:first-child h3,
.sldx-ticket-view .thread-entry .thread-body > div:first-child h4,
.sldx-ticket-view .thread-entry .thread-body > div:first-child h5,
.sldx-ticket-view .thread-entry .thread-body > div:first-child h6,
.sldx-ticket-view .thread-entry .thread-body > div:first-child p,
.sldx-ticket-view .thread-entry .thread-body > div:first-child small,
.sldx-ticket-view .thread-entry .thread-body > div:first-child strong,
.sldx-ticket-view .thread-entry .thread-body > div:first-child em {
  color: inherit !important;
}
.sldx-ticket-view .thread-entry .thread-body > div:first-child table {
  width: auto;
  max-width: 100%;
  margin: 10px 0 !important;
  border: 1px solid var(--sld-border-strong) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: var(--sld-radius-sm) !important;
  background: var(--sld-surface) !important;
  color: var(--sld-text) !important;
}
.sldx-ticket-view .thread-entry .thread-body > div:first-child table th,
.sldx-ticket-view .thread-entry .thread-body > div:first-child table td {
  padding: 7px 10px !important;
  border: 0 !important;
  border-right: 1px solid var(--sld-border) !important;
  border-bottom: 1px solid var(--sld-border) !important;
  background: var(--sld-surface) !important;
  color: var(--sld-text) !important;
  text-align: left;
  vertical-align: top;
}
.sldx-ticket-view .thread-entry .thread-body > div:first-child table th {
  background: var(--sld-surface-2) !important;
  color: var(--sld-text-soft) !important;
  font-weight: 750;
}
.sldx-ticket-view .thread-entry .thread-body > div:first-child table tr > :last-child {
  border-right: 0 !important;
}
.sldx-ticket-view .thread-entry .thread-body > div:first-child table tr:last-child > * {
  border-bottom: 0 !important;
}
.sldx-ticket-view .thread-entry .thread-body .attachments {
  display: flex;
  min-width: 0;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px -14px -14px !important;
  padding: 10px 14px !important;
  border-top: 1px solid var(--sld-border) !important;
  background: var(--sld-surface-2) !important;
  color: var(--sld-text-soft) !important;
}
.sldx-ticket-view .thread-entry .thread-body .attachment-info {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 6px;
  padding: 5px 8px;
  border: 1px solid var(--sld-border) !important;
  border-radius: var(--sld-radius-sm);
  background: var(--sld-surface) !important;
  color: var(--sld-text-soft) !important;
}
.sldx-ticket-view .thread-entry .thread-body .attachment-info .filename {
  color: var(--sld-blue-700) !important;
}
.sldx-ticket-view .thread-entry .thread-body .attachment-info .filesize,
.sldx-ticket-view .thread-entry .thread-body .attachment-info i {
  color: var(--sld-muted) !important;
}

.sldx-thread-kind { display: inline-flex; min-height: 22px; align-items: center; padding: 3px 7px; border-radius: 5px; background: var(--sld-blue-50); color: var(--sld-blue-700) !important; font-size: 9px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.thread-entry.note { border-left: 4px solid var(--sld-warning) !important; }
.thread-entry.note .sldx-thread-kind { background: var(--sld-warning-bg); color: var(--sld-warning) !important; }
.thread-entry.response { border-left: 4px solid var(--sld-blue-600) !important; }
.thread-entry.message { border-left: 4px solid var(--sld-success) !important; }
.thread-entry.message .sldx-thread-kind { background: var(--sld-success-bg); color: var(--sld-success) !important; }
.sldx-ticket-view .thread-entry::before,
.sldx-ticket-view .thread-entry::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
}
.thread-event { margin: 8px 0 !important; padding: 8px 11px !important; border: 1px dashed var(--sld-border) !important; border-radius: 7px !important; background: var(--sld-surface-2) !important; color: var(--sld-muted) !important; font-size: 10.5px !important; }

#response_options,
.response-options,
.ticket-reply {
  margin-top: 20px !important;
  padding: 16px !important;
  border: 1px solid var(--sld-border) !important;
  border-radius: var(--sld-radius) !important;
  background: var(--sld-surface-2) !important;
}

#ticket_reply,
#ticket_note,
#response_form,
#response_options form,
.sldx-ticket-timeline form {
  background: transparent !important;
  color: var(--sld-text) !important;
}

/* Editors, dropdowns and dialogs */
.redactor-box,
.redactor-editor,
.redactor-toolbar,
.redactor-styles,
.filedrop,
.dropzone {
  border-color: var(--sld-border) !important;
  background: var(--sld-surface) !important;
  color: var(--sld-text) !important;
}
.redactor-toolbar { border-bottom: 1px solid var(--sld-border) !important; box-shadow: none !important; }
.redactor-toolbar a { color: var(--sld-text-soft) !important; background: var(--sld-surface) !important; }
.redactor-toolbar a:hover { background: var(--sld-blue-50) !important; color: var(--sld-blue-700) !important; }
.redactor-editor,
.redactor-styles { min-height: 150px !important; padding: 14px !important; }

/* Smart ticket composer */
#response_options,
.response-options,
.ticket-reply {
  overflow: hidden;
  border-radius: var(--sld-radius-lg) !important;
  background: var(--sld-surface) !important;
  box-shadow: var(--sld-shadow-sm) !important;
}
#response_options > .tabs,
#response_options > ul.tabs {
  margin: -16px -16px 14px !important;
  padding: 8px 10px 0 !important;
  border-bottom: 1px solid var(--sld-border) !important;
  background: var(--sld-surface-2) !important;
}
#response_options form > table {
  width: 100% !important;
  border: 1px solid var(--sld-border) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: var(--sld-radius) !important;
  background: var(--sld-surface) !important;
}
#response_options form > table > tbody > tr > td {
  padding: 9px 12px !important;
  border-bottom: 1px solid var(--sld-border) !important;
  background: var(--sld-surface) !important;
  color: var(--sld-text) !important;
}
#response_options form > table > tbody > tr > td:first-child:not(:last-child) {
  width: 124px !important;
  border-right: 1px solid var(--sld-border) !important;
  background: var(--sld-surface-2) !important;
  color: var(--sld-text-soft) !important;
}
#response_options form > table > tbody:last-child > tr:last-child > td { border-bottom: 0 !important; }
#response_options form > p:last-child {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 0 !important;
  padding: 12px 0 0 !important;
  border-top: 1px solid var(--sld-border) !important;
}
.redactor-box {
  overflow: hidden !important;
  border: 1px solid var(--sld-border) !important;
  border-radius: var(--sld-radius) !important;
  box-shadow: 0 1px 0 color-mix(in srgb, var(--sld-border) 68%, transparent) !important;
}
.redactor-box:focus-within {
  border-color: var(--sld-blue-500) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--sld-blue-500) 18%, transparent) !important;
}
.redactor-toolbar { background: var(--sld-surface-2) !important; }
.redactor-toolbar a { background: transparent !important; }
.redactor-statusbar {
  display: flex !important;
  min-height: 32px !important;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin: 0 !important;
  padding: 7px 11px !important;
  border-top: 1px solid var(--sld-border) !important;
  background: var(--sld-surface-2) !important;
  color: var(--sld-text-soft) !important;
  list-style: none !important;
}
.redactor-statusbar li,
.redactor-statusbar span,
.redactor-statusbar a { color: var(--sld-text-soft) !important; }
#response_options .filedrop,
#response_options .dropzone {
  border-style: dashed !important;
  border-radius: var(--sld-radius-sm) !important;
  background: var(--sld-surface-2) !important;
}

@media (max-width: 760px) {
  #response_options,
  .response-options,
  .ticket-reply { padding: 10px !important; }
  #response_options > .tabs,
  #response_options > ul.tabs { margin: -10px -10px 10px !important; }
  #response_options form > table > tbody > tr { display: grid !important; grid-template-columns: minmax(0, 1fr); }
  #response_options form > table > tbody > tr > td { width: auto !important; min-width: 0; }
  #response_options form > table > tbody > tr > td:first-child:not(:last-child) {
    width: auto !important;
    padding-bottom: 4px !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
  }
}

.dialog,
.ui-dialog,
.ui-widget-content,
.select2-drop,
.select2-dropdown,
.dropdown-menu,
.tip_box {
  border-color: var(--sld-border) !important;
  background: var(--sld-surface) !important;
  color: var(--sld-text) !important;
  box-shadow: var(--sld-shadow-md) !important;
}
.ui-widget-header,
.ui-dialog-titlebar { border-color: var(--sld-border) !important; background: var(--sld-surface-2) !important; color: var(--sld-text) !important; }
.select2-results li,
.select2-results__option { color: var(--sld-text) !important; }
.select2-results li:hover,
.select2-results__option--highlighted { background: var(--sld-blue-50) !important; color: var(--sld-blue-700) !important; }

#overlay { background: rgba(7, 18, 34, .58) !important; backdrop-filter: blur(2px); }
.sldx-loading,
#loading { border: 1px solid var(--sld-border) !important; border-radius: var(--sld-radius) !important; background: var(--sld-surface) !important; color: var(--sld-text) !important; box-shadow: var(--sld-shadow-md) !important; }
.sldx-autocron { position: fixed; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.sldx-pjax-loading .sldx-main { opacity: .72; transition: opacity .12s ease; }

/* Client portal */
.sldx-client #content > h1,
.sldx-client #content > h2,
.sldx-client #content > h3 { margin-bottom: 8px !important; }
.sldx-client #landing_page,
.sldx-client .main-content,
.sldx-client .sidebar { color: var(--sld-text) !important; }
.sldx-client #landing_page {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 18px;
}
.sldx-client #landing_page .main-content,
.sldx-client #landing_page .sidebar,
.sldx-client .knowledgebase,
.sldx-client .searchArea {
  border-color: var(--sld-border) !important;
  border-radius: var(--sld-radius) !important;
  background: var(--sld-surface) !important;
  color: var(--sld-text) !important;
  box-shadow: var(--sld-shadow-sm) !important;
}
.sldx-client #landing_page .main-content,
.sldx-client #landing_page .sidebar { float: none !important; width: auto !important; margin: 0 !important; }
.sldx-client #landing_page .main-content { order: 1; }
.sldx-client #landing_page .sidebar { order: 2; }
.sldx-client #landing_page .main-content { position: relative; overflow: hidden; }
.sldx-client #landing_page .main-content::before { position: absolute; top: 0; right: 0; left: 0; height: 5px; background: linear-gradient(90deg, var(--sld-blue-800), var(--sld-blue-500)); content: ""; }
.sldx-client #landing_page .thread-body { min-height: 210px; padding: 30px !important; border: 0 !important; background: transparent !important; color: var(--sld-text) !important; }
.sldx-client #landing_page .thread-body h1 { margin: 0 0 12px !important; color: var(--sld-text) !important; font-size: 25px !important; }
.sldx-client #landing_page .thread-body p { margin: 0 !important; color: var(--sld-text-soft) !important; font-size: 13px; line-height: 1.7; }
.sldx-client #landing_page .sidebar { padding: 14px !important; }
.sldx-client #landing_page .front-page-button p { margin: 0 0 9px !important; }
.sldx-client #landing_page .front-page-button p:last-child { margin-bottom: 0 !important; }
.sldx-client #landing_page .front-page-button .button { display: flex !important; min-height: 44px; align-items: center; justify-content: center; }
.sldx-client #content form { max-width: 100%; }
.sldx-client #content .captcha { color: var(--sld-text) !important; }
.sldx-client #ticketForm {
  width: min(100%, 1040px) !important;
  margin: 20px 0 0 !important;
  padding: clamp(16px, 2.2vw, 28px) !important;
  border: 1px solid var(--sld-border) !important;
  border-radius: var(--sld-radius-lg) !important;
  background: var(--sld-surface) !important;
  box-shadow: var(--sld-shadow-sm) !important;
}
.sldx-client #ticketForm > table { width: 100% !important; border: 0 !important; border-collapse: separate !important; border-spacing: 0 !important; background: transparent !important; }
.sldx-client #ticketForm > table > tbody > tr > td { padding: 10px 8px !important; border: 0 !important; border-bottom: 1px solid var(--sld-border) !important; background: transparent !important; color: var(--sld-text) !important; vertical-align: top; }
.sldx-client #ticketForm > table > tbody > tr:last-child > td { border-bottom: 0 !important; }
.sldx-client #ticketForm hr { display: none !important; }
.sldx-client #ticketForm .form-header { margin: 0 !important; padding: 3px 0 9px !important; }
.sldx-client #ticketForm .form-header h3 { margin: 0 !important; font-size: 17px !important; }

/* SCP login */
body.sldx-login {
  position: relative;
  display: grid !important;
  min-height: 100dvh !important;
  place-items: center;
  overflow-x: hidden;
  padding: 92px 24px 40px !important;
  background:
    linear-gradient(115deg, color-mix(in srgb, var(--sld-blue-700) 9%, transparent), transparent 48%),
    var(--sld-bg) !important;
}

.sldx-login::before {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 5px;
  background: linear-gradient(90deg, var(--sld-blue-900), var(--sld-blue-500));
  content: "";
}

.sldx-login-brand {
  position: absolute;
  z-index: 10;
  top: 22px;
  left: 28px;
  display: flex;
  align-items: center;
  gap: 13px;
}
.sldx-login-brand img { width: 112px; height: 64px; padding: 4px; border: 1px solid rgba(12, 36, 68, .1); border-radius: 12px; background: transparent; object-fit: contain; filter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='bad-hippo-light' color-interpolation-filters='sRGB'%3E%3CfeColorMatrix type='matrix' values='0 0 -0.96 0 1 0 0 -0.28 0 0.45 0 0 0.33 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3C/svg%3E#bad-hippo-light") !important; }
.sldx-login-brand span { display: grid; padding-left: 12px; border-left: 1px solid var(--sld-border); line-height: 1.25; }
.sldx-login-brand strong { color: var(--sld-text); font-size: 13px; }
.sldx-login-brand small { color: var(--sld-muted); font-size: 10px; }
.sldx-login-theme { position: absolute !important; z-index: 10; top: 25px; right: 28px; width: auto !important; padding: 0 12px !important; grid-auto-flow: column; gap: 8px; }

.sldx-login #brickwall,
.sldx-login #blur,
.sldx-login #background { display: none !important; }
.sldx-login #loginBox::before,
.sldx-login #loginBox::after { display: none !important; content: none !important; }

.sldx-login #loginBox,
.sldx-login #login-box,
.sldx-login .login-box {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: min(100%, 430px) !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 34px !important;
  border: 1px solid var(--sld-border) !important;
  border-radius: var(--sld-radius-lg) !important;
  background: var(--sld-surface) !important;
  color: var(--sld-text) !important;
  box-shadow: var(--sld-shadow-md) !important;
}

.sldx-login #logo,
.sldx-login .logo { display: none !important; }
.sldx-login #login-message {
  margin: 0 0 24px !important;
  color: var(--sld-text) !important;
  font-size: 21px !important;
  font-weight: 750 !important;
  letter-spacing: -.02em;
  text-align: left !important;
}
.sldx-login #login-message::before {
  display: block;
  margin-bottom: 5px;
  color: var(--sld-blue-700);
  content: "Agentenbereich";
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.sldx-login h1,
.sldx-login h2,
.sldx-login h3 { color: var(--sld-text) !important; }
.sldx-login #login fieldset { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
.sldx-login label { color: var(--sld-text-soft) !important; font-weight: 650; }
.sldx-login input[type="text"],
.sldx-login input[type="password"] { width: 100% !important; margin: 5px 0 14px !important; }
.sldx-login input[type="submit"],
.sldx-login #login .submit { display: flex !important; width: 100% !important; min-height: 42px; align-items: center; justify-content: center; margin-top: 8px !important; border-color: var(--sld-blue-700) !important; background: var(--sld-blue-700) !important; color: #fff !important; }
.sldx-login #company { margin: 24px 0 0 !important; padding: 18px 0 0 !important; border-top: 1px solid var(--sld-border) !important; background: transparent !important; }
.sldx-login #company .content { padding: 0 !important; border: 0 !important; background: transparent !important; color: var(--sld-muted) !important; font-size: 10px !important; text-align: center; text-shadow: none !important; box-shadow: none !important; }
.sldx-login #poweredBy,
.sldx-login .poweredBy,
.sldx-login a[href*="osticket.com"] { display: none !important; }

/* Responsive */
@media (max-width: 1180px) {
  .sldx-ticket-hero { grid-template-columns: 1fr; }
  .sldx-ticket-identity { min-height: 150px; }
  .sldx-search-command { min-width: 42px; width: 42px; justify-content: center; }
  .sldx-search-command span,
  .sldx-search-command kbd { display: none; }
}

@media (max-width: 1023px) {
  .sldx-app-shell { display: block !important; }
  .sldx-sidebar {
    position: fixed !important;
    top: 0;
    left: 0;
    width: min(var(--sld-sidebar), calc(100vw - 42px)) !important;
    transform: translateX(-104%) !important;
    transition: transform .2s ease;
  }
  .sldx-sidebar-open .sldx-sidebar { transform: translateX(0) !important; }
  .sldx-sidebar .sldx-sidebar-close { display: grid !important; }
  .sldx-sidebar-scrim { position: fixed; z-index: 65; inset: 0; display: block; visibility: hidden; background: rgba(7, 18, 34, .55); opacity: 0; transition: opacity .2s ease, visibility .2s; }
  .sldx-sidebar-open .sldx-sidebar-scrim { visibility: visible; opacity: 1; }
  .sldx-menu-button { display: grid !important; }
}

@media (max-width: 760px) {
  :root { --sld-topbar: 66px; }
  .sldx-topbar { gap: 10px; padding: 10px 14px !important; }
  .sldx-context-eyebrow { display: none; }
  .sldx-context > strong { max-width: 42vw; font-size: 14px; }
  .sldx-user-copy,
  .sldx-user-trigger > i { display: none; }
  .sldx-user-trigger { padding-right: 4px !important; }
  .sldx-top-theme { display: none !important; }
  .sldx-main { padding: 14px !important; }
  .sldx-footer { margin: 0 14px !important; flex-direction: column; align-items: flex-start; gap: 3px; }
  .sldx-content h2,
  .sldx-content h3 { font-size: 18px !important; }

  #basic_search { flex-wrap: wrap; }
  #basic_search input[type="text"],
  #basic_search input[type="search"] { flex-basis: calc(100% - 54px); }
  #basic_search > form { width: 100%; flex-wrap: wrap; }
  #basic_search .attached.input { width: 100% !important; flex-basis: 100%; }
  #basic_search > .pull-right { position: static !important; width: 100%; }

  .sldx-content table.form_table,
  .sldx-content table.form-table { display: block !important; padding: 8px !important; }
  .sldx-content table.form_table tbody,
  .sldx-content table.form_table tr,
  .sldx-content table.form_table th,
  .sldx-content table.form_table td,
  .sldx-content table.form-table tbody,
  .sldx-content table.form-table tr,
  .sldx-content table.form-table th,
  .sldx-content table.form-table td { display: block !important; width: 100% !important; }
  .sldx-content table.form_table > tbody > tr,
  .sldx-content table.form-table > tbody > tr,
  .sldx-content table.form_table > tbody > tr > th,
  .sldx-content table.form_table > tbody > tr > td,
  .sldx-content table.form-table > tbody > tr > th,
  .sldx-content table.form-table > tbody > tr > td { height: auto !important; min-height: 0 !important; }
  .sldx-content table.form_table > tbody > tr > th,
  .sldx-content table.form-table > tbody > tr > th { padding: 10px 10px 4px !important; border-bottom: 0 !important; }
  .sldx-content table.form_table > tbody > tr > td,
  .sldx-content table.form-table > tbody > tr > td { padding: 4px 10px 12px !important; }

  .sldx-responsive-table { display: block !important; overflow: visible !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
  .sldx-responsive-table thead { display: none !important; }
  .sldx-responsive-table tbody { display: grid !important; gap: 10px; }
  .sldx-responsive-table tbody tr { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); overflow: hidden; border: 1px solid var(--sld-border) !important; border-radius: 10px; background: var(--sld-surface); box-shadow: var(--sld-shadow-sm); }
  .sldx-responsive-table tbody td { position: relative; display: grid !important; min-width: 0; min-height: 52px; align-content: center; padding: 22px 11px 8px !important; border: 0 !important; border-bottom: 1px solid var(--sld-border) !important; background: transparent !important; word-break: break-word; }
  .sldx-responsive-table tbody td::before { position: absolute; top: 6px; left: 11px; color: var(--sld-muted); content: attr(data-sldx-label); font-size: 9px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
  .sldx-responsive-table tbody td:first-child { grid-column: 1 / -1; min-height: 36px; padding-top: 9px !important; }
  .sldx-responsive-table tbody td:first-child::before { display: none; }

  .sldx-list-bar > .content { align-items: flex-start; flex-direction: column; }
  .sldx-list-actions { width: 100%; justify-content: flex-start; flex-wrap: wrap; }

  .sldx-ticket-hero { gap: 12px; }
  .sldx-ticket-identity { min-height: 130px; padding: 21px; }
  .sldx-ticket-actions-panel { padding: 15px; }
  .sldx-ticket-actions-head { align-items: flex-start; }
  .sldx-ticket-actions-head small { display: none; }
  .sldx-ticket-actions > .pull-right.flush-right { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sldx-ticket-action[data-sldx-action="reply"] { grid-column: span 2; }
  .sldx-ticket-map { padding: 15px; }
  .sldx-ticket-map-grid { grid-template-columns: 1fr; }
  .sldx-ticket-map table.ticket_info.custom-data { grid-column: auto; }
  .sldx-ticket-map table.ticket_info { table-layout: auto; }
  .sldx-ticket-map table.ticket_info tr { display: grid; grid-template-columns: minmax(95px, .7fr) minmax(0, 1.3fr); }
  .sldx-ticket-map table.ticket_info th,
  .sldx-ticket-map table.ticket_info td { width: auto !important; }
  .sldx-section-heading { align-items: flex-start; }
  .sldx-section-heading h2 { font-size: 16px !important; }
  .sldx-ticket-timeline { padding: 12px !important; }
  .sldx-ticket-timeline .select2-container { width: 100% !important; max-width: 100% !important; }
  #thread-items { padding-left: 20px !important; }
  #thread-items > div::before { left: -17px; }
  .thread-entry .header,
  .thread-entry .thread-header { flex-wrap: wrap; }

  .sldx-login-brand { top: 16px; left: 18px; }
  .sldx-login-brand img { width: 88px; }
  .sldx-login-brand span { display: none; }
  .sldx-login-theme { top: 18px; right: 18px; }
  .sldx-login #loginBox,
  .sldx-login #login-box,
  .sldx-login .login-box { padding: 25px !important; }
  .sldx-client #landing_page { grid-template-columns: 1fr; }
}

@media (max-width: 420px) {
  .sldx-search-command { display: none !important; }
  .sldx-context > strong { max-width: 48vw; }
  .sldx-ticket-actions > .pull-right.flush-right { grid-template-columns: 1fr 1fr; }
  .sldx-ticket-action > a,
  .sldx-ticket-action > button,
  .sldx-ticket-action.action-button,
  .sldx-ticket-action > input { min-height: 54px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .sldx *,
  .sldx *::before,
  .sldx *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

@media print {
  .sldx-sidebar,
  .sldx-topbar,
  .sldx-footer { display: none !important; }
  .sldx-app-shell { display: block !important; }
  .sldx-main { padding: 0 !important; }
}

/* 5.3.0: clearer navigation hierarchy, warm dark mode and modern activity chart */
#sldx-navigation .sldx-nav-group {
  width: 100% !important;
  margin: 3px 0 !important;
  padding: 0 !important;
  border: 1px solid transparent;
  border-radius: 10px;
}

#sldx-navigation .sldx-nav-group.is-open {
  padding: 4px !important;
  border-color: var(--sld-border);
  background: var(--sld-surface-2) !important;
}

#sldx-navigation .sldx-nav-group.is-open > .sldx-nav-row {
  background: var(--sld-blue-50) !important;
}

#sldx-navigation .sldx-nav-group.is-open > .sldx-subnav {
  margin: 5px 4px 4px 34px !important;
  padding: 4px 0 4px 10px !important;
  border-left: 2px solid var(--sld-border-strong) !important;
  border-radius: 0 7px 7px 0;
  background: color-mix(in srgb, var(--sld-surface) 72%, transparent) !important;
}

#sldx-navigation .sldx-subnav-link.active {
  background: var(--sld-blue-100) !important;
  color: var(--sld-blue-800) !important;
  box-shadow: inset 3px 0 0 var(--sld-blue-600);
}

#sldx-navigation .sldx-nav-separator {
  margin: 10px 7px 5px !important;
  color: var(--sld-muted) !important;
  font-size: 9px !important;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#sldx-navigation .sldx-extension-link::after {
  margin-left: auto;
  padding: 2px 5px;
  border-radius: 999px;
  background: var(--sld-accent-soft);
  color: var(--sld-accent);
  content: "Plugin";
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .04em;
  text-transform: uppercase;
}

:root[data-theme="dark"] .sldx-sidebar {
  background: linear-gradient(180deg, var(--sld-surface) 0%, var(--sld-bg) 68%, #211a12 140%) !important;
}

:root[data-theme="dark"] .sldx-topbar {
  background: linear-gradient(105deg, var(--sld-surface) 0%, var(--sld-surface) 72%, #2a2116 100%) !important;
}

:root[data-theme="dark"] #sldx-navigation .sldx-nav-group.is-open {
  border-color: color-mix(in srgb, var(--sld-accent) 48%, var(--sld-border));
  background: linear-gradient(145deg, var(--sld-surface-2), #282117) !important;
}

:root[data-theme="dark"] #sldx-navigation .sldx-nav-group.is-open > .sldx-nav-row {
  box-shadow: inset 3px 0 0 var(--sld-accent);
}

:root[data-theme="dark"] .sldx-theme-switch strong,
:root[data-theme="dark"] .sldx-section-kicker,
:root[data-theme="dark"] .sldx-panel-label small { color: var(--sld-accent) !important; }

:root[data-theme="dark"] :focus-visible { outline-color: var(--sld-accent) !important; }

.thread-entry.note,
.thread-entry.response,
.thread-entry.message {
  border-width: 3px 3px 1px 5px !important;
  border-style: solid !important;
}

.thread-entry.note { border-color: var(--sld-warning) !important; }
.thread-entry.note,
.thread-entry.response,
.thread-entry.message { border-bottom-color: var(--sld-border) !important; }
.thread-entry.note .header,
.thread-entry.note .thread-header { background: var(--sld-warning-bg) !important; }
.thread-entry.response { border-color: var(--sld-blue-600) !important; }
.thread-entry.response .header,
.thread-entry.response .thread-header { background: var(--sld-blue-50) !important; }
.thread-entry.message { border-color: var(--sld-success) !important; }
.thread-entry.message .header,
.thread-entry.message .thread-header { background: var(--sld-success-bg) !important; }

.thread-entry.note a { color: var(--sld-warning) !important; }
.thread-entry.message a { color: var(--sld-success) !important; }
.thread-entry.response a { color: var(--sld-blue-700) !important; }

.thread-event {
  border-width: 2px 2px 1px 4px !important;
  border-style: solid !important;
  border-color: var(--sld-system-border) !important;
  background: var(--sld-system-bg) !important;
  color: var(--sld-system) !important;
}
.thread-event { border-bottom-color: var(--sld-border) !important; }
.thread-event a { color: var(--sld-system) !important; font-weight: 700; }

.sldx-dashboard-chart {
  overflow: hidden;
  margin: 0 0 22px;
  border: 1px solid var(--sld-border);
  border-radius: var(--sld-radius-lg);
  background: var(--sld-surface);
  box-shadow: var(--sld-shadow-sm);
}

#line-chart-here.sldx-chart-host {
  height: auto !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
#line-chart-legend { display: none !important; }

.sldx-chart-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 24px 15px;
  border-bottom: 1px solid var(--sld-border);
  background: linear-gradient(105deg, var(--sld-surface) 58%, var(--sld-accent-soft));
}
.sldx-chart-head h2 { margin: 2px 0 !important; color: var(--sld-text) !important; font-size: 18px !important; }
.sldx-chart-head p { margin: 0; color: var(--sld-muted); font-size: 11px; }
.sldx-chart-summary { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.sldx-chart-summary span { display: grid; min-width: 105px; padding: 8px 11px; border: 1px solid var(--sld-border); border-radius: 9px; background: var(--sld-surface); color: var(--sld-muted); font-size: 9px; }
.sldx-chart-summary strong { color: var(--sld-text); font-size: 17px; line-height: 1.1; }
.sldx-chart-stage { min-height: 270px; padding: 14px 18px 0; }
.sldx-chart-stage svg { display: block; width: 100%; height: auto; min-height: 260px; overflow: visible; }
.sldx-chart-gridline { stroke: var(--sld-border); stroke-width: 1; stroke-dasharray: 3 7; }
.sldx-chart-axis { fill: var(--sld-muted); font: 10px var(--sld-font); }
.sldx-chart-line { fill: none; stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 3px 4px rgba(10, 30, 60, .12)); }
.sldx-chart-dot { stroke: var(--sld-surface); stroke-width: 3; cursor: help; }
.sldx-chart-legend { display: flex; flex-wrap: wrap; gap: 7px; padding: 13px 18px 18px; border-top: 1px solid var(--sld-border); }
.sldx-chart-series { display: grid !important; grid-template-columns: 9px minmax(0, 1fr) auto; min-height: 32px !important; align-items: center; gap: 7px; margin: 0 !important; padding: 6px 9px !important; border: 1px solid var(--sld-border) !important; border-radius: 8px !important; background: var(--sld-surface-2) !important; color: var(--sld-text-soft) !important; font-size: 10px !important; cursor: pointer; }
.sldx-chart-series i { width: 8px; height: 8px; border-radius: 50%; }
.sldx-chart-series strong { min-width: 20px; color: var(--sld-text); text-align: right; }
.sldx-chart-series[aria-pressed="false"] { opacity: .52; filter: saturate(.2); }
.sldx-chart-series:hover { border-color: var(--sld-accent) !important; opacity: 1; }

.sldx-login .sldx-login-brand {
  position: static !important;
  visibility: hidden;
  width: 100%;
  margin: 0 0 25px;
  padding: 0 0 21px;
  border-bottom: 1px solid var(--sld-border);
}
.sldx-login .sldx-login-brand.is-mounted { visibility: visible; }
.sldx-login .sldx-login-brand img { width: 138px; height: 78px; }
.sldx-login #company {
  position: static !important;
  inset: auto !important;
  float: none !important;
  width: 100% !important;
  height: auto !important;
  transform: none !important;
  text-align: center !important;
}
.sldx-login #company .content { width: 100%; text-align: center !important; }

:root[data-theme="dark"] body.sldx-login {
  background:
    radial-gradient(circle at 18% 18%, rgba(240, 163, 58, .12), transparent 32%),
    radial-gradient(circle at 82% 78%, rgba(74, 134, 222, .12), transparent 34%),
    var(--sld-bg) !important;
}
:root[data-theme="dark"] .sldx-login::before { background: linear-gradient(90deg, var(--sld-blue-600), var(--sld-accent)); }
:root[data-theme="dark"] .sldx-login #loginBox { border-color: color-mix(in srgb, var(--sld-accent) 28%, var(--sld-border)) !important; }
:root[data-theme="dark"] .sldx-login #login-message::before { color: var(--sld-accent); }

@media (max-width: 720px) {
  .sldx-chart-head { flex-direction: column; padding: 18px; }
  .sldx-chart-summary { width: 100%; justify-content: stretch; }
  .sldx-chart-summary span { flex: 1 1 120px; }
  .sldx-chart-stage { min-height: 225px; padding: 8px 7px 0; overflow-x: auto; }
  .sldx-chart-stage svg { width: 760px; min-height: 225px; }
  .sldx-chart-series { flex: 1 1 130px; }
  .sldx-login .sldx-login-brand span { display: grid; }
}

/* 5.3.0: responsive navigation, wide ticket workspace and component repairs */
:root {
  --sld-tooltip-bg: #17365f;
  --sld-tooltip-text: #ffffff;
}

:root[data-theme="dark"] {
  --sld-tooltip-bg: #f4c878;
  --sld-tooltip-text: #241a0d;
}

.sldx-legacy-plugin-nav-source { display: none !important; }

.sldx-sidebar-scroll,
#sldx-navigation { overflow-x: hidden !important; }

#sldx-navigation .sldx-nav-tree,
#sldx-navigation .sldx-nav-group,
#sldx-navigation .sldx-subnav,
#sldx-navigation .sldx-queue-item,
#sldx-navigation .sldx-queue-row { min-width: 0 !important; max-width: 100% !important; }

#sldx-navigation .sldx-nav-group.is-open > .sldx-subnav {
  width: auto !important;
  max-width: none !important;
  margin: 5px 2px 4px 22px !important;
  padding: 4px 0 4px 8px !important;
}

#sldx-navigation .sldx-queue-children {
  width: auto !important;
  max-width: 100% !important;
  margin-left: 7px !important;
  padding-left: 7px !important;
}

#sldx-navigation .sldx-queue-count {
  min-width: 24px;
  flex: 0 0 auto;
  padding-inline: 5px;
}

body.sldx-ticket-route .sldx-main { padding-inline: clamp(12px, 1.4vw, 24px) !important; }
body.sldx-ticket-route .sldx-content { max-width: none !important; margin: 0 !important; }

/* Every Staff/Admin route uses the full workspace width. */
body.sldx-staff .sldx-main { padding-inline: clamp(12px, 1.4vw, 24px) !important; }
body.sldx-staff .sldx-content { max-width: none !important; margin: 0 !important; }

.thread-entry.avatar { position: relative; }
.thread-entry > span.avatar {
  position: absolute !important;
  z-index: 5;
  top: 7px !important;
  right: auto !important;
  left: 10px !important;
  float: none !important;
  width: 36px !important;
  height: 36px !important;
  margin: 0 !important;
}

.thread-entry > span.avatar img.avatar {
  display: block;
  width: 36px !important;
  height: 36px !important;
  border: 2px solid var(--sld-surface);
  border-radius: 50%;
  background: var(--sld-surface-3);
  object-fit: cover;
  box-shadow: 0 0 0 1px var(--sld-border), var(--sld-shadow-sm);
}

.thread-entry.avatar .header,
.thread-entry.avatar .thread-header { min-height: 50px; padding-left: 56px !important; }

body.sldx .tooltip .tooltip-inner {
  max-width: 260px !important;
  padding: 7px 10px !important;
  border: 1px solid color-mix(in srgb, var(--sld-tooltip-bg) 80%, white) !important;
  border-radius: 7px !important;
  background: var(--sld-tooltip-bg) !important;
  color: var(--sld-tooltip-text) !important;
  box-shadow: var(--sld-shadow-md) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

body.sldx .tooltip.top .tooltip-arrow { border-top-color: var(--sld-tooltip-bg) !important; }
body.sldx .tooltip.bottom .tooltip-arrow { border-bottom-color: var(--sld-tooltip-bg) !important; }
body.sldx .tooltip.left .tooltip-arrow { border-left-color: var(--sld-tooltip-bg) !important; }
body.sldx .tooltip.right .tooltip-arrow { border-right-color: var(--sld-tooltip-bg) !important; }

body.sldx button.ui-datepicker-trigger {
  display: inline-grid !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  margin: 0 6px 0 3px !important;
  padding: 0 !important;
  place-items: center;
  border: 1px solid var(--sld-border-strong) !important;
  border-radius: 8px !important;
  background: var(--sld-surface) !important;
  color: var(--sld-blue-700) !important;
  vertical-align: middle;
}

body.sldx button.ui-datepicker-trigger:hover { border-color: var(--sld-blue-500) !important; background: var(--sld-blue-50) !important; }
body.sldx button.ui-datepicker-trigger img { display: none !important; }
body.sldx button.ui-datepicker-trigger::before {
  content: "\f073";
  color: inherit;
  font-family: FontAwesome;
  font-size: 14px;
  line-height: 1;
}

.sldx-dashboard-metric-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin: 2px 0 12px;
  padding: 0 2px;
}

.sldx-dashboard-metric-heading h3 { margin: 2px 0 0 !important; font-size: 17px !important; }
.sldx-dashboard-metric-heading p { margin: 0 !important; color: var(--sld-muted) !important; font-size: 11px; text-align: right; }
.sldx-metric-card strong { font-size: clamp(18px, 1.6vw, 24px); white-space: nowrap; }

@media (max-width: 720px) {
  .sldx-dashboard-metric-heading { align-items: flex-start; flex-direction: column; gap: 3px; }
  .sldx-dashboard-metric-heading p { text-align: left; }
}

/* 5.4.0: personal, permission-aware ticket dashboard */
/* 5.5.0: persistent free-form widget grid */
/* 5.6.0: explicit X/Y positioning and collision-safe pointer movement */
/* 5.6.1: fixed-size cells with viewport-derived column and row counts */
#sldx-navigation .sldx-dashboard-home-nav {
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid var(--sld-border) !important;
}

#sldx-navigation .sldx-dashboard-home-nav .sldx-nav-link {
  background: linear-gradient(110deg, var(--sld-blue-50), var(--sld-surface)) !important;
}

#sldx-navigation .sldx-dashboard-home-nav.is-current .sldx-nav-link {
  background: var(--sld-blue-700) !important;
  color: #fff !important;
  box-shadow: var(--sld-shadow-sm) !important;
}

#sldx-navigation .sldx-dashboard-home-nav.is-current .sldx-nav-icon {
  background: rgba(255, 255, 255, .16) !important;
  color: #fff !important;
}

#sldx-navigation .sldx-quick-ticket-nav {
  margin: -4px 0 10px !important;
  padding: 0 0 10px !important;
  border-bottom: 1px solid var(--sld-border) !important;
}
#sldx-navigation .sldx-quick-ticket-nav .sldx-nav-link {
  background: color-mix(in srgb, var(--sld-accent-soft) 58%, var(--sld-surface)) !important;
  color: var(--sld-text) !important;
}
#sldx-navigation .sldx-quick-ticket-nav .sldx-nav-icon {
  background: var(--sld-accent) !important;
  color: #fff !important;
}

/* 6.3.7: The support widget has its own fixed visual composition. Keep the
   logo contained and give it a dedicated backdrop; generic img rules must not
   determine its size or remove its contrast. */
.sldx-dashboard-widget-support {
  border-color: color-mix(in srgb, var(--sld-accent) 38%, var(--sld-border)) !important;
  background: linear-gradient(145deg, var(--sld-surface) 18%, var(--sld-accent-soft) 160%) !important;
}
.sldx-dashboard-widget-support .sldx-dashboard-widget-icon,
.sldx-dashboard-widget-support .sldx-dashboard-widget-count {
  background: var(--sld-accent-soft) !important;
  color: var(--sld-accent) !important;
}
.sldx-dashboard-support-card {
  position: relative;
  display: grid;
  height: 100%;
  grid-template-columns: minmax(160px, .78fr) minmax(280px, 1.4fr);
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 16px;
  padding: 16px;
}
.sldx-dashboard-support-logo {
  width: 100% !important;
  height: 100% !important;
  min-height: 110px !important;
  max-height: 170px !important;
  grid-row: 1 / 3;
  align-self: stretch;
  box-sizing: border-box;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 14px;
  background: radial-gradient(circle at 24% 18%, #334155, #111827 72%) !important;
  object-fit: contain !important;
}
.sldx-dashboard-support-copy { display: flex; min-width: 0; justify-content: center; flex-direction: column; gap: 6px; }
.sldx-dashboard-support-copy strong { color: var(--sld-text) !important; font-size: 15px; line-height: 1.25; }
.sldx-dashboard-support-copy span { color: var(--sld-muted) !important; font-size: 10px; line-height: 1.45; }
.sldx-dashboard-support-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.sldx-support-action {
  display: grid !important;
  min-width: 0 !important;
  min-height: 58px;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  margin: 0 !important;
  padding: 9px 10px !important;
  border: 1px solid var(--sld-border-strong) !important;
  border-radius: 10px !important;
  background: var(--sld-surface) !important;
  color: var(--sld-text) !important;
  text-align: left;
  box-shadow: var(--sld-shadow-sm);
}
.sldx-support-action > i { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 8px; background: var(--sld-blue-50); color: var(--sld-blue-700); }
.sldx-support-action span { display: grid; gap: 2px; }
.sldx-support-action strong { color: inherit !important; font-size: 10.5px; }
.sldx-support-action small { overflow: hidden; color: var(--sld-muted) !important; font-size: 8.5px; text-overflow: ellipsis; white-space: nowrap; }
.sldx-support-action:hover { border-color: var(--sld-blue-500) !important; transform: translateY(-1px); }
.sldx-support-action.is-error > i { background: var(--sld-danger-bg); color: var(--sld-danger); }
.sldx-support-help-trigger { display: grid !important; position: absolute; z-index: 2; top: 10px; right: 10px; width: 34px !important; height: 34px !important; min-width: 34px !important; margin: 0 !important; padding: 0 !important; place-items: center; border: 1px solid var(--sld-border-strong) !important; border-radius: 50% !important; background: var(--sld-surface-2) !important; color: var(--sld-blue-700) !important; box-shadow: var(--sld-shadow-sm) !important; }
.sldx-support-help-trigger:hover { border-color: var(--sld-blue-500) !important; background: var(--sld-blue-50) !important; color: var(--sld-blue-800) !important; }
:root[data-theme="dark"] .sldx-dashboard-widget-support { background: linear-gradient(145deg, var(--sld-surface) 18%, #2c2116 165%) !important; }

@media (max-width: 620px) {
  .sldx-dashboard-support-card { grid-template-columns: 1fr; grid-template-rows: auto auto auto; }
  .sldx-dashboard-support-logo { height: 96px !important; min-height: 96px !important; grid-row: auto; }
}

/* 6.3.8: Support reporting is a real viewport overlay, never normal page flow. */
body.sldx-support-open,
body.sldx-support-help-open { overflow: hidden; }
.sldx-support-overlay[hidden] { display: none !important; }
.sldx-support-overlay {
  display: grid;
  position: fixed !important;
  z-index: 10050 !important;
  inset: 0 !important;
  place-items: center;
  box-sizing: border-box;
  padding: 24px;
  background: rgba(7, 16, 30, .68);
  backdrop-filter: blur(7px);
}
.sldx-support-dialog {
  position: relative;
  width: min(760px, 100%);
  max-height: calc(100vh - 48px);
  overflow: auto;
  box-sizing: border-box;
  padding: 24px;
  border: 1px solid var(--sld-border-strong);
  border-radius: 18px;
  background: var(--sld-surface);
  color: var(--sld-text);
  box-shadow: 0 30px 90px rgba(4, 12, 25, .34);
}
.sldx-support-close { display: grid !important; position: absolute; z-index: 2; top: 14px; right: 14px; width: 34px !important; height: 34px !important; min-width: 34px !important; margin: 0 !important; padding: 0 !important; place-items: center; border: 1px solid var(--sld-border) !important; border-radius: 9px !important; background: var(--sld-surface-2) !important; color: var(--sld-text-soft) !important; }
.sldx-support-dialog-brand { display: grid; grid-template-columns: 118px minmax(0, 1fr); align-items: center; gap: 18px; margin: -24px -24px 22px; padding: 22px 58px 22px 24px; border-bottom: 1px solid var(--sld-border); border-radius: 18px 18px 0 0; background: linear-gradient(115deg, #111827, #1e3a5f 72%, #6f4218); color: #fff; }
.sldx-support-dialog-brand img { width: 118px !important; height: 76px !important; object-fit: contain !important; }
.sldx-support-dialog-brand .sldx-section-kicker { color: #f4a64c !important; }
.sldx-support-dialog-brand h2 { margin: 3px 0 4px !important; color: #fff !important; font-size: 22px !important; }
.sldx-support-dialog-brand p { margin: 0 !important; color: #d7e2f1 !important; font-size: 11px; }
.sldx-support-field { display: grid !important; gap: 6px; margin: 0 0 14px !important; color: var(--sld-text-soft); font-size: 10.5px; font-weight: 800; }
.sldx-support-field input[type="text"], .sldx-support-field input[type="file"], .sldx-support-field textarea { width: 100% !important; box-sizing: border-box; margin: 0 !important; border: 1px solid var(--sld-border-strong) !important; border-radius: 9px !important; background: var(--sld-surface-2) !important; color: var(--sld-text) !important; box-shadow: none !important; }
.sldx-support-field input[type="text"] { height: 40px !important; padding: 0 11px !important; }
.sldx-support-field input[type="file"] { min-height: 40px; padding: 8px 10px !important; }
.sldx-support-field textarea { min-height: 76px; padding: 10px 11px !important; resize: vertical; }
.sldx-support-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.sldx-support-priority { min-width: 0; margin: 0 0 14px; padding: 0; border: 0; color: var(--sld-text-soft); }
.sldx-support-priority-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.sldx-support-priority-options label { position: relative; min-width: 0; margin: 0; cursor: pointer; }
.sldx-support-priority-options input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }
.sldx-support-priority-options span { display: flex; min-height: 38px; align-items: center; justify-content: center; gap: 7px; box-sizing: border-box; padding: 7px 10px; border: 1px solid var(--sld-border-strong); border-radius: 9px; background: var(--sld-surface-2); color: var(--sld-text-soft); font-size: 10.5px; font-weight: 800; }
.sldx-support-priority-options input:checked + span { border-color: var(--sld-blue-500); background: var(--sld-blue-50); color: var(--sld-blue-700); }
.sldx-support-dialog-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
.sldx-support-help-dialog { width: min(720px, 100%); }
.sldx-support-help-steps { display: grid; gap: 10px; margin: 0 0 18px; padding: 0; list-style: none; }
.sldx-support-help-steps li { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; padding: 12px; border: 1px solid var(--sld-border); border-radius: 11px; background: var(--sld-surface-2); color: var(--sld-text); }
.sldx-support-help-steps li > span { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 9px; background: var(--sld-blue-50); color: var(--sld-blue-700); font-weight: 850; }
.sldx-support-help-steps strong { color: var(--sld-text) !important; font-size: 11px; }
.sldx-support-help-steps p { margin: 2px 0 0 !important; color: var(--sld-text-soft) !important; font-size: 10px; line-height: 1.45; }
:root[data-theme="dark"] .sldx-support-overlay { background: rgba(2, 6, 13, .78); }

/* Admin-only dashboard widget: latest agent sign-ins. */
.sldx-dashboard-agent-login-list { display: grid; gap: 7px; }
.sldx-dashboard-agent-login-row { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 9px 10px; border: 1px solid var(--sld-border); border-radius: 9px; background: var(--sld-surface-2); color: var(--sld-text); }
.sldx-dashboard-agent-login-row i { color: var(--sld-accent); }
.sldx-dashboard-agent-login-row strong { overflow: hidden; color: var(--sld-text) !important; text-overflow: ellipsis; white-space: nowrap; }
.sldx-dashboard-agent-login-row time { color: var(--sld-text-soft) !important; font-size: 11px; white-space: nowrap; }

@media (max-width: 620px) {
  .sldx-support-overlay { padding: 8px; }
  .sldx-support-dialog { max-height: calc(100vh - 16px); padding: 16px; border-radius: 13px; }
  .sldx-support-dialog-brand { grid-template-columns: 84px minmax(0, 1fr); margin: -16px -16px 18px; padding: 18px 48px 18px 16px; border-radius: 13px 13px 0 0; }
  .sldx-support-dialog-brand img { width: 84px !important; height: 58px !important; }
  .sldx-support-field-row, .sldx-support-priority-options { grid-template-columns: 1fr; gap: 8px; }
}

.sldx-personal-dashboard { display: grid; gap: 18px; width: 100%; }

.sldx-dashboard-home-head {
  display: flex;
  min-height: 128px;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  overflow: hidden;
  padding: clamp(20px, 2.2vw, 34px);
  border: 1px solid var(--sld-border);
  border-radius: var(--sld-radius-lg);
  background:
    radial-gradient(circle at 84% 14%, color-mix(in srgb, var(--sld-accent-soft) 82%, transparent), transparent 32%),
    linear-gradient(115deg, var(--sld-surface) 42%, var(--sld-blue-50));
  box-shadow: var(--sld-shadow-sm);
}

.sldx-dashboard-home-head h1 { margin: 3px 0 5px !important; color: var(--sld-text) !important; font-size: clamp(24px, 2.3vw, 34px) !important; line-height: 1.08; }
.sldx-dashboard-home-head p { max-width: 680px; margin: 0 !important; color: var(--sld-text-soft) !important; }
.sldx-dashboard-home-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; flex-wrap: wrap; }
.sldx-dashboard-save-state { min-width: 110px; color: var(--sld-muted); font-size: 10px; text-align: right; }
.sldx-dashboard-save-state[data-state="saved"] { color: var(--sld-success); }
.sldx-dashboard-save-state[data-state="error"] { color: var(--sld-danger); }
.sldx-dashboard-save-state[data-state="paused"] { color: var(--sld-accent); font-weight: 750; }
.sldx-personal-dashboard.is-live-paused .sldx-dashboard-widget { border-color: color-mix(in srgb, var(--sld-accent) 52%, var(--sld-border)); }
.sldx-dashboard-widget.is-live-paused { border-color: color-mix(in srgb, var(--sld-accent) 58%, var(--sld-border)); }
.sldx-dashboard-widget.is-live-paused .sldx-dashboard-widget-count::before {
  content: "\f04c";
  margin-right: 6px;
  color: var(--sld-accent);
  font-family: FontAwesome;
  font-weight: normal;
}

.sldx-primary-button,
.sldx-secondary-button {
  display: inline-flex !important;
  min-height: 38px !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0 !important;
  padding: 8px 13px !important;
  border: 1px solid var(--sld-border-strong) !important;
  border-radius: 8px !important;
  background: var(--sld-surface) !important;
  color: var(--sld-text-soft) !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  box-shadow: none !important;
}

.sldx-primary-button { border-color: var(--sld-blue-700) !important; background: var(--sld-blue-700) !important; color: #fff !important; }
.sldx-primary-button:hover { background: var(--sld-blue-600) !important; }
.sldx-secondary-button:hover { border-color: var(--sld-blue-500) !important; background: var(--sld-blue-50) !important; color: var(--sld-blue-700) !important; }

.sldx-dashboard-editor {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(230px, 360px) auto;
  align-items: end;
  gap: 16px;
  padding: 18px 20px;
  border: 1px solid color-mix(in srgb, var(--sld-accent) 34%, var(--sld-border));
  border-radius: var(--sld-radius);
  background: linear-gradient(110deg, var(--sld-accent-soft), var(--sld-surface));
}

.sldx-dashboard-editor[hidden] { display: none !important; }
.sldx-dashboard-editor > div { display: grid; gap: 2px; }
.sldx-dashboard-editor strong { color: var(--sld-text); font-size: 14px; }
.sldx-dashboard-editor small { color: var(--sld-muted); font-size: 10px; }
.sldx-dashboard-editor label { display: grid; gap: 5px; color: var(--sld-text-soft); font-size: 10px; font-weight: 750; }
.sldx-dashboard-editor select,
.sldx-dashboard-control-select {
  width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 6px 31px 6px 10px !important;
  border: 1px solid var(--sld-border-strong) !important;
  border-radius: 8px !important;
  background: var(--sld-surface) !important;
  color: var(--sld-text) !important;
  font-size: 11px !important;
}

.sldx-dashboard-loading,
.sldx-dashboard-empty {
  display: flex;
  min-height: 180px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 30px;
  border: 1px dashed var(--sld-border-strong);
  border-radius: var(--sld-radius-lg);
  background: var(--sld-surface-2);
  color: var(--sld-muted);
}

.sldx-dashboard-loading[hidden],
.sldx-dashboard-empty[hidden] { display: none !important; }
.sldx-dashboard-empty { flex-direction: column; text-align: center; }
.sldx-dashboard-empty i { color: var(--sld-blue-600); font-size: 26px; }
.sldx-dashboard-empty strong { color: var(--sld-text); }

.sldx-dashboard-grid-scroll {
  width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  scrollbar-color: var(--sld-border-strong) transparent;
}

.sldx-dashboard-widget-grid {
  display: grid;
  grid-template-columns: repeat(var(--sldx-dashboard-columns, 24), 28px);
  grid-auto-flow: row;
  grid-auto-rows: 12px;
  align-items: stretch;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-width: 960px;
}

.sldx-dashboard-widget {
  position: relative;
  display: flex;
  grid-column: var(--sldx-widget-x, 1) / span var(--sldx-widget-cols, 8);
  grid-row: var(--sldx-widget-y, 1) / span var(--sldx-widget-rows, 14);
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--sld-border);
  border-radius: var(--sld-radius-lg);
  background: var(--sld-surface);
  box-shadow: var(--sld-shadow-sm);
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.sldx-personal-dashboard.is-editing .sldx-dashboard-widget { border-style: dashed; border-color: var(--sld-blue-500); }
.sldx-personal-dashboard.is-editing .sldx-dashboard-widget-grid {
  background-image:
    linear-gradient(to right, color-mix(in srgb, var(--sld-blue-500) 10%, transparent) 1px, transparent 1px),
    linear-gradient(to bottom, color-mix(in srgb, var(--sld-blue-500) 10%, transparent) 1px, transparent 1px);
  background-size: calc(100% / var(--sldx-dashboard-columns, 24)) 100%, 100% 24px;
}
.sldx-dashboard-widget.is-dragging { opacity: .45; transform: scale(.985); }
.sldx-dashboard-widget.is-drag-target { border-color: var(--sld-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--sld-accent) 18%, transparent); }
.sldx-dashboard-widget.is-resizing { z-index: 3; user-select: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--sld-blue-500) 24%, transparent), var(--sld-shadow-md); }

.sldx-dashboard-widget-head {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr) auto;
  min-height: 66px;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--sld-border);
  background: linear-gradient(105deg, var(--sld-surface-2), var(--sld-surface));
}

.sldx-dashboard-drag {
  display: none;
  width: 26px;
  height: 34px;
  place-items: center;
  border-radius: 6px;
  color: var(--sld-muted);
  cursor: grab;
  touch-action: none;
}

.sldx-personal-dashboard.is-editing .sldx-dashboard-drag { display: grid; }
.sldx-dashboard-widget.is-dragging .sldx-dashboard-drag { cursor: grabbing; }
.sldx-dashboard-drag:hover { background: var(--sld-blue-50); color: var(--sld-blue-700); }
.sldx-dashboard-widget-icon { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; background: var(--sld-blue-50); color: var(--sld-blue-700); }
.sldx-dashboard-widget-head h2 { margin: 0 !important; color: var(--sld-text) !important; font-size: 13px !important; line-height: 1.25; }
.sldx-dashboard-widget-head p { overflow: hidden; margin: 2px 0 0 !important; color: var(--sld-muted) !important; font-size: 9.5px; text-overflow: ellipsis; white-space: nowrap; }
.sldx-dashboard-widget-count { padding: 4px 7px; border-radius: 999px; background: var(--sld-blue-50); color: var(--sld-blue-700); font-size: 9px; white-space: nowrap; }
.sldx-dashboard-widget-body { min-height: 0; flex: 1 1 auto; overflow: auto; overscroll-behavior: contain; }

.sldx-dashboard-ticket-list { display: grid; }
.sldx-dashboard-ticket-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  min-height: 58px;
  padding: 8px 12px !important;
  border-bottom: 1px solid var(--sld-border);
  background: var(--sld-surface) !important;
  color: var(--sld-text) !important;
}

.sldx-dashboard-ticket-row:last-child { border-bottom: 0; }
.sldx-dashboard-ticket-row:hover { background: var(--sld-blue-50) !important; }
.sldx-dashboard-ticket-top,
.sldx-dashboard-ticket-meta { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 10px; }
.sldx-dashboard-ticket-top strong { color: var(--sld-blue-700); font-size: 10px; }
.sldx-dashboard-ticket-subject { overflow: hidden; color: var(--sld-text); font-size: 11.5px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.sldx-dashboard-ticket-meta { color: var(--sld-text-soft) !important; font-size: 9.5px; }
.sldx-dashboard-ticket-meta span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sldx-dashboard-ticket-meta span,
.sldx-dashboard-ticket-meta time { color: var(--sld-text-soft) !important; }
.sldx-dashboard-ticket-meta time { flex: 0 0 auto; }
.sldx-dashboard-priority { padding: 2px 7px; border: 1px solid color-mix(in srgb, var(--ticket-priority, var(--sld-border-strong)) 45%, var(--sld-border)); border-radius: 999px; background: color-mix(in srgb, var(--ticket-priority, var(--sld-surface-3)) 10%, var(--sld-surface)); color: var(--sld-text-soft); font-size: 8.5px; font-weight: 800; }
.sldx-dashboard-priority[data-urgency="1"],
.sldx-dashboard-priority[data-urgency="2"] { border-color: color-mix(in srgb, var(--sld-danger) 52%, var(--sld-border)); background: var(--sld-danger-bg); color: var(--sld-danger); }

.sldx-dashboard-widget-placeholder { display: flex; min-height: 150px; align-items: center; justify-content: center; flex-direction: column; gap: 5px; padding: 22px; color: var(--sld-muted); text-align: center; }
.sldx-dashboard-widget-placeholder i { color: var(--sld-accent); font-size: 22px; }
.sldx-dashboard-widget-placeholder strong { color: var(--sld-text); font-size: 11px; }
.sldx-dashboard-widget-placeholder span { max-width: 390px; font-size: 9.5px; }
.sldx-dashboard-widget-placeholder.is-success i { color: var(--sld-success); }

.sldx-dashboard-stat-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--sld-border); }
.sldx-dashboard-stat { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; min-height: 67px; align-items: center; gap: 8px; padding: 10px 12px; background: var(--sld-surface); }
.sldx-dashboard-stat i { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; background: var(--sld-blue-50); color: var(--sld-blue-700); }
.sldx-dashboard-stat span { color: var(--sld-text-soft); font-size: 9.5px; line-height: 1.25; }
.sldx-dashboard-stat strong { color: var(--sld-text); font-size: 20px; }

.sldx-dashboard-widget-controls {
  display: flex;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  align-items: center;
  gap: 7px;
  padding: 10px;
  border-top: 1px dashed var(--sld-blue-500);
  background: var(--sld-blue-50);
  overflow-x: auto;
}

.sldx-dashboard-widget-controls .sldx-dashboard-control-select { width: auto !important; min-width: 112px; flex: 0 1 160px; }
.sldx-dashboard-widget-controls .sldx-dashboard-requester-select { min-width: 210px; flex: 1 1 280px; }
.sldx-dashboard-geometry { display: inline-flex; min-width: 94px; height: 34px; align-items: center; justify-content: center; padding: 0 8px; border: 1px solid var(--sld-border-strong); border-radius: 8px; background: var(--sld-surface); color: var(--sld-text-soft); font-size: 10px; font-weight: 800; white-space: nowrap; }
.sldx-dashboard-resize { display: none !important; position: absolute; right: 3px; bottom: 3px; z-index: 5; width: 26px !important; height: 26px !important; min-width: 26px !important; margin: 0 !important; padding: 0 !important; place-items: center; border: 0 !important; border-radius: 7px 0 7px 0 !important; background: var(--sld-blue-600) !important; color: #fff !important; cursor: nwse-resize; touch-action: none; box-shadow: 0 2px 8px rgba(15, 69, 134, .25); }
.sldx-personal-dashboard.is-editing .sldx-dashboard-resize { display: grid !important; }
.sldx-dashboard-resize:hover { background: var(--sld-blue-700) !important; }
.sldx-dashboard-mini-button { display: grid !important; width: 36px !important; height: 36px !important; min-width: 36px !important; margin: 0 !important; padding: 0 !important; place-items: center; border: 1px solid var(--sld-border-strong) !important; border-radius: 8px !important; background: var(--sld-surface) !important; color: var(--sld-text-soft) !important; }
.sldx-dashboard-widget-controls .sr-only { display: none !important; }
.sldx-dashboard-mini-button:hover { border-color: var(--sld-blue-500) !important; color: var(--sld-blue-700) !important; }
.sldx-dashboard-mini-button.is-danger:hover { border-color: var(--sld-danger) !important; background: var(--sld-danger-bg) !important; color: var(--sld-danger) !important; }

:root[data-theme="dark"] .sldx-dashboard-home-head {
  background:
    radial-gradient(circle at 84% 14%, rgba(240, 163, 58, .12), transparent 34%),
    linear-gradient(115deg, var(--sld-surface) 42%, var(--sld-blue-50));
}

:root[data-theme="dark"] #sldx-navigation .sldx-dashboard-home-nav .sldx-nav-link { background: linear-gradient(110deg, var(--sld-blue-50), var(--sld-surface-2)) !important; }
:root[data-theme="dark"] #sldx-navigation .sldx-dashboard-home-nav.is-current .sldx-nav-link { background: linear-gradient(105deg, #205d9e, #3f321f) !important; }

/* 5.7.0: complete dark-mode hardening for native and dynamically loaded legacy UI */
:root[data-theme="dark"] body.sldx { color-scheme: dark; }

:root[data-theme="dark"] body.sldx input[type="checkbox"],
:root[data-theme="dark"] body.sldx input[type="radio"] {
  width: 16px !important;
  height: 16px !important;
  margin: 2px 4px 2px 0 !important;
  border: 1px solid var(--sld-border-strong) !important;
  background-color: var(--sld-surface-2) !important;
  background-image: none !important;
  color: var(--sld-text) !important;
  vertical-align: middle;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sld-bg) 30%, transparent) !important;
  appearance: none;
  -webkit-appearance: none;
}

:root[data-theme="dark"] body.sldx input[type="checkbox"] { border-radius: 4px !important; }
:root[data-theme="dark"] body.sldx input[type="radio"] { border-radius: 50% !important; }
:root[data-theme="dark"] body.sldx input[type="checkbox"]:checked {
  border-color: var(--sld-blue-500) !important;
  background-color: var(--sld-blue-600) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M3 8.3l3 3L13 4.8'/%3E%3C/svg%3E") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 13px 13px !important;
}

:root[data-theme="dark"] body.sldx input[type="radio"]:checked {
  border-color: var(--sld-blue-500) !important;
  background: radial-gradient(circle, var(--sld-blue-500) 0 38%, var(--sld-surface-2) 43% 100%) !important;
}

:root[data-theme="dark"] body.sldx input[type="checkbox"]:disabled,
:root[data-theme="dark"] body.sldx input[type="radio"]:disabled { border-color: var(--sld-border) !important; background-color: var(--sld-surface-3) !important; opacity: .58; }

:root[data-theme="dark"] body.sldx input.dp,
:root[data-theme="dark"] body.sldx input.hasDatepicker {
  border-color: var(--sld-border-strong) !important;
  background: var(--sld-surface) !important;
  color: var(--sld-text) !important;
}

:root[data-theme="dark"] body.sldx .sldx-content table.table,
:root[data-theme="dark"] body.sldx .sldx-content table.table > tbody,
:root[data-theme="dark"] body.sldx .sldx-content table.table > tbody > tr,
:root[data-theme="dark"] body.sldx .sldx-content table.table > tbody > tr > th,
:root[data-theme="dark"] body.sldx .sldx-content table.table > tbody > tr > td {
  border-color: var(--sld-border) !important;
  background-color: transparent !important;
  color: var(--sld-text) !important;
}

:root[data-theme="dark"] body.sldx .sldx-content table.ticket_info {
  border-color: var(--sld-border) !important;
  background: var(--sld-surface-2) !important;
  color: var(--sld-text) !important;
}

:root[data-theme="dark"] body.sldx .sldx-content table.ticket_info th,
:root[data-theme="dark"] body.sldx .sldx-content table.ticket_info td { border-color: var(--sld-border) !important; background: transparent !important; color: var(--sld-text) !important; }

:root[data-theme="dark"] body.sldx .sldx-content .tab_content,
:root[data-theme="dark"] body.sldx .sldx-content .tab-content,
:root[data-theme="dark"] body.sldx .sldx-content .form-wrapper,
:root[data-theme="dark"] body.sldx .sldx-content .form-header,
:root[data-theme="dark"] body.sldx .sldx-content .form-footer { border-color: var(--sld-border) !important; background-color: var(--sld-surface) !important; color: var(--sld-text) !important; }

:root[data-theme="dark"] body.sldx div.translatable,
:root[data-theme="dark"] body.sldx span.translatable { background: transparent !important; color: var(--sld-text) !important; }

:root[data-theme="dark"] body.sldx .thread-event .type-icon {
  border-color: var(--sld-system-border) !important;
  background: var(--sld-system-bg) !important;
  color: var(--sld-system) !important;
}

:root[data-theme="dark"] body.sldx .thread-event .type-icon i { color: inherit !important; opacity: 1 !important; }

:root[data-theme="dark"] body.sldx .ui-dialog,
:root[data-theme="dark"] body.sldx .ui-dialog .ui-dialog-content,
:root[data-theme="dark"] body.sldx #popup,
:root[data-theme="dark"] body.sldx #popup .dialog,
:root[data-theme="dark"] body.sldx #popup .dialog-body,
:root[data-theme="dark"] body.sldx #popup .dialog-content,
:root[data-theme="dark"] body.sldx #popup .dialog-footer {
  border-color: var(--sld-border) !important;
  background: var(--sld-surface) !important;
  color: var(--sld-text) !important;
}

:root[data-theme="dark"] body.sldx .ui-dialog table,
:root[data-theme="dark"] body.sldx .ui-dialog tbody,
:root[data-theme="dark"] body.sldx .ui-dialog tr,
:root[data-theme="dark"] body.sldx .ui-dialog td { border-color: var(--sld-border) !important; background: transparent !important; color: var(--sld-text) !important; }

:root[data-theme="dark"] body.sldx .ui-dialog th,
:root[data-theme="dark"] body.sldx .ui-dialog .dialog-title,
:root[data-theme="dark"] body.sldx #popup th {
  border-color: var(--sld-border) !important;
  background: var(--sld-surface-2) !important;
  color: var(--sld-text) !important;
}

:root[data-theme="dark"] body.sldx #msg_info,
:root[data-theme="dark"] body.sldx #msg_notice {
  border-color: var(--sld-blue-500) !important;
  background: var(--sld-info-bg) !important;
  color: var(--sld-text) !important;
}

:root[data-theme="dark"] body.sldx .ui-datepicker,
:root[data-theme="dark"] body.sldx #ui-datepicker-div {
  border: 1px solid var(--sld-border-strong) !important;
  background: var(--sld-surface) !important;
  color: var(--sld-text) !important;
  box-shadow: var(--sld-shadow-md) !important;
}

:root[data-theme="dark"] body.sldx .ui-datepicker .ui-datepicker-header { border-color: var(--sld-border) !important; background: var(--sld-surface-2) !important; color: var(--sld-text) !important; }
:root[data-theme="dark"] body.sldx .ui-datepicker th,
:root[data-theme="dark"] body.sldx .ui-datepicker td { border-color: var(--sld-border) !important; background: transparent !important; color: var(--sld-text-soft) !important; }
:root[data-theme="dark"] body.sldx .ui-datepicker td a.ui-state-default { border-color: var(--sld-border) !important; background: var(--sld-surface-2) !important; color: var(--sld-text-soft) !important; }
:root[data-theme="dark"] body.sldx .ui-datepicker td a.ui-state-default:hover { border-color: var(--sld-blue-500) !important; background: var(--sld-blue-50) !important; color: var(--sld-blue-700) !important; }
:root[data-theme="dark"] body.sldx .ui-datepicker td a.ui-state-highlight { border-color: var(--sld-accent) !important; background: var(--sld-accent-soft) !important; color: var(--sld-accent) !important; }
:root[data-theme="dark"] body.sldx .ui-datepicker td a.ui-state-active { border-color: var(--sld-blue-500) !important; background: var(--sld-blue-600) !important; color: #fff !important; }

:root[data-theme="dark"] body.sldx .ui-autocomplete,
:root[data-theme="dark"] body.sldx .ui-menu,
:root[data-theme="dark"] body.sldx .select2-drop,
:root[data-theme="dark"] body.sldx .select2-dropdown,
:root[data-theme="dark"] body.sldx .select2-results,
:root[data-theme="dark"] body.sldx .select2-results__options {
  border-color: var(--sld-border-strong) !important;
  background: var(--sld-surface) !important;
  color: var(--sld-text) !important;
}

:root[data-theme="dark"] body.sldx .ui-menu-item,
:root[data-theme="dark"] body.sldx .ui-menu-item-wrapper,
:root[data-theme="dark"] body.sldx .select2-results__option { background: transparent !important; color: var(--sld-text) !important; }
:root[data-theme="dark"] body.sldx .ui-menu-item-wrapper.ui-state-active,
:root[data-theme="dark"] body.sldx .select2-results__option--highlighted { border-color: var(--sld-blue-500) !important; background: var(--sld-blue-50) !important; color: var(--sld-blue-700) !important; }

:root[data-theme="dark"] body.sldx .redactor-box,
:root[data-theme="dark"] body.sldx .redactor-editor,
:root[data-theme="dark"] body.sldx .redactor-toolbar,
:root[data-theme="dark"] body.sldx .redactor-dropdown,
:root[data-theme="dark"] body.sldx .redactor-modal,
:root[data-theme="dark"] body.sldx [contenteditable="true"] {
  border-color: var(--sld-border) !important;
  background-color: var(--sld-surface) !important;
  color: var(--sld-text) !important;
}

:root[data-theme="dark"] body.sldx pre,
:root[data-theme="dark"] body.sldx code,
:root[data-theme="dark"] body.sldx .well,
:root[data-theme="dark"] body.sldx .panel,
:root[data-theme="dark"] body.sldx .panel-body { border-color: var(--sld-border) !important; background-color: var(--sld-surface-2) !important; color: var(--sld-text) !important; }

/* Dark text inheritance and primary-control contrast found by the second audit. */
:root[data-theme="dark"] body.sldx .sldx-content table b,
:root[data-theme="dark"] body.sldx .sldx-content table strong,
:root[data-theme="dark"] body.sldx .sldx-content table em { color: inherit !important; }

:root[data-theme="dark"] body.sldx .thread-event b,
:root[data-theme="dark"] body.sldx .thread-event strong,
:root[data-theme="dark"] body.sldx .thread-event em { color: var(--sld-system) !important; }

:root[data-theme="dark"] body.sldx .select2-selection__rendered,
:root[data-theme="dark"] body.sldx .select2-chosen { color: var(--sld-text) !important; }

:root[data-theme="dark"] body.sldx .select2-container--disabled .select2-selection__rendered,
:root[data-theme="dark"] body.sldx .select2-container-disabled .select2-chosen { color: var(--sld-muted) !important; }

:root[data-theme="dark"] body.sldx .action-button,
:root[data-theme="dark"] body.sldx .action-button > span,
:root[data-theme="dark"] body.sldx a.manual { color: var(--sld-blue-700) !important; }

:root[data-theme="dark"] body.sldx input[type="submit"],
:root[data-theme="dark"] body.sldx button.primary,
:root[data-theme="dark"] body.sldx a.button.primary,
:root[data-theme="dark"] body.sldx .button.primary,
:root[data-theme="dark"] body.sldx .green.button,
:root[data-theme="dark"] body.sldx .blue.button,
:root[data-theme="dark"] body.sldx .sldx-ticket-action[data-sldx-action="reply"],
:root[data-theme="dark"] body.sldx .sldx-avatar {
  border-color: #347fd0 !important;
  background: #2469b4 !important;
  color: #fff !important;
}

:root[data-theme="dark"] body.sldx input[type="submit"]:hover,
:root[data-theme="dark"] body.sldx button.primary:hover,
:root[data-theme="dark"] body.sldx a.button.primary:hover,
:root[data-theme="dark"] body.sldx .button.primary:hover,
:root[data-theme="dark"] body.sldx .green.button:hover,
:root[data-theme="dark"] body.sldx .blue.button:hover { background: #2d78c9 !important; }

:root[data-theme="dark"] body.sldx .sldx-ticket-action[data-sldx-action="reply"] *,
:root[data-theme="dark"] body.sldx .green.button *,
:root[data-theme="dark"] body.sldx .blue.button * { color: #fff !important; }

:root[data-theme="dark"] body.sldx .redactor-placeholder::before {
  color: var(--sld-muted) !important;
  opacity: 1 !important;
}

@media (max-width: 980px) {
  .sldx-dashboard-home-head { align-items: flex-start; flex-direction: column; }
  .sldx-dashboard-home-actions { width: 100%; justify-content: flex-start; }
  .sldx-dashboard-save-state { order: 3; width: 100%; text-align: left; }
  .sldx-dashboard-editor { grid-template-columns: 1fr; align-items: stretch; }
}

@media (max-width: 620px) {
  .sldx-dashboard-home-head { padding: 19px; }
  .sldx-dashboard-home-actions > button { flex: 1 1 150px; }
  .sldx-dashboard-widget-head { grid-template-columns: auto auto minmax(0, 1fr); }
  .sldx-dashboard-widget-count { grid-column: 2 / -1; justify-self: start; }
  .sldx-dashboard-stat-grid { grid-template-columns: 1fr 1fr; }
  .sldx-dashboard-stat { grid-template-columns: 26px minmax(0, 1fr) auto; padding: 9px; }
  .sldx-dashboard-widget-controls { align-items: stretch; flex-wrap: wrap; }
  .sldx-dashboard-widget-controls .sldx-dashboard-control-select,
  .sldx-dashboard-widget-controls .sldx-dashboard-requester-select { width: 100% !important; min-width: 0; flex: 1 1 100%; }
}

/* 5.8.6: login-target repair and complete dark-route audit. */
/* Dark-mode route audit hardening: legacy inline colors, borders and hover surfaces. */
:root[data-theme="dark"] body.sldx .sldx-content [style*="color:#000" i],
:root[data-theme="dark"] body.sldx .sldx-content [style*="color: #000" i],
:root[data-theme="dark"] body.sldx .sldx-content [style*="color:black" i],
:root[data-theme="dark"] body.sldx .sldx-content [style*="color: black" i],
:root[data-theme="dark"] body.sldx .sldx-content font[color="#000"],
:root[data-theme="dark"] body.sldx .sldx-content font[color="#000000"],
:root[data-theme="dark"] body.sldx .sldx-content font[color="black"] {
  color: var(--sld-text) !important;
}

:root[data-theme="dark"] body.sldx .sldx-content [style*="background:#fff" i],
:root[data-theme="dark"] body.sldx .sldx-content [style*="background: #fff" i],
:root[data-theme="dark"] body.sldx .sldx-content [style*="background:white" i],
:root[data-theme="dark"] body.sldx .sldx-content [style*="background: white" i],
:root[data-theme="dark"] body.sldx .sldx-content [style*="background-color:#fff" i],
:root[data-theme="dark"] body.sldx .sldx-content [style*="background-color: #fff" i],
:root[data-theme="dark"] body.sldx .sldx-content [bgcolor="#fff"],
:root[data-theme="dark"] body.sldx .sldx-content [bgcolor="#ffffff"],
:root[data-theme="dark"] body.sldx .sldx-content [bgcolor="white"] {
  background-color: var(--sld-surface) !important;
  color: var(--sld-text) !important;
}

:root[data-theme="dark"] body.sldx .sldx-content [style*="border:" i],
:root[data-theme="dark"] body.sldx .sldx-content [style*="border-top" i],
:root[data-theme="dark"] body.sldx .sldx-content [style*="border-right" i],
:root[data-theme="dark"] body.sldx .sldx-content [style*="border-bottom" i],
:root[data-theme="dark"] body.sldx .sldx-content [style*="border-left" i] {
  border-color: var(--sld-border) !important;
}

:root[data-theme="dark"] body.sldx .sldx-content fieldset,
:root[data-theme="dark"] body.sldx .sldx-content legend,
:root[data-theme="dark"] body.sldx .sldx-content hr,
:root[data-theme="dark"] body.sldx .sldx-content .tabs,
:root[data-theme="dark"] body.sldx .sldx-content .tab_content,
:root[data-theme="dark"] body.sldx .sldx-content .tab-content,
:root[data-theme="dark"] body.sldx .sldx-content .form_table,
:root[data-theme="dark"] body.sldx .sldx-content .form-table,
:root[data-theme="dark"] body.sldx .sldx-content .form-group,
:root[data-theme="dark"] body.sldx .sldx-content .dialog,
:root[data-theme="dark"] body.sldx .sldx-content .dialog-body,
:root[data-theme="dark"] body.sldx .sldx-content .dialog-content,
:root[data-theme="dark"] body.sldx .sldx-content .dialog-footer,
:root[data-theme="dark"] body.sldx .sldx-content .thread-entry,
:root[data-theme="dark"] body.sldx .sldx-content .thread-event,
:root[data-theme="dark"] body.sldx .sldx-content .ticket_info,
:root[data-theme="dark"] body.sldx .sldx-content .ticket-data {
  border-color: var(--sld-border) !important;
}

:root[data-theme="dark"] body.sldx .sldx-content label,
:root[data-theme="dark"] body.sldx .sldx-content legend,
:root[data-theme="dark"] body.sldx .sldx-content caption,
:root[data-theme="dark"] body.sldx .sldx-content dt,
:root[data-theme="dark"] body.sldx .sldx-content dd,
:root[data-theme="dark"] body.sldx .sldx-content summary,
:root[data-theme="dark"] body.sldx .sldx-content .description,
:root[data-theme="dark"] body.sldx .sldx-content .instructions,
:root[data-theme="dark"] body.sldx .sldx-content .faded {
  color: var(--sld-text-soft) !important;
}

:root[data-theme="dark"] body.sldx .sldx-content select option,
:root[data-theme="dark"] body.sldx .sldx-content select optgroup {
  background: var(--sld-surface) !important;
  color: var(--sld-text) !important;
}

:root[data-theme="dark"] body.sldx .sldx-content table.list tbody tr:hover > td,
:root[data-theme="dark"] body.sldx .sldx-content table.queue tbody tr:hover > td,
:root[data-theme="dark"] body.sldx .sldx-content table.table tbody tr:hover > td,
:root[data-theme="dark"] body.sldx .sldx-content .tabs a:hover,
:root[data-theme="dark"] body.sldx .sldx-content .tabs li:hover > a,
:root[data-theme="dark"] body.sldx .sldx-content .tab a:hover,
:root[data-theme="dark"] body.sldx .sldx-content .dropdown-menu a:hover,
:root[data-theme="dark"] body.sldx .sldx-content .ui-menu-item:hover {
  border-color: var(--sld-border-strong) !important;
  background: var(--sld-surface-3) !important;
  color: var(--sld-blue-800) !important;
}

:root[data-theme="dark"] body.sldx .sldx-content a:not(.button):not(.sldx-primary-button):hover,
:root[data-theme="dark"] body.sldx .sldx-content a:not(.button):not(.sldx-primary-button):focus-visible {
  color: var(--sld-blue-800) !important;
}

:root[data-theme="dark"] body.sldx .ui-tooltip,
:root[data-theme="dark"] body.sldx .ui-tooltip-content,
:root[data-theme="dark"] body.sldx .tipsy-inner,
:root[data-theme="dark"] body.sldx .popover,
:root[data-theme="dark"] body.sldx .dropdown-menu {
  border-color: var(--sld-border-strong) !important;
  background: var(--sld-surface-2) !important;
  color: var(--sld-text) !important;
}

/* 6.2.5: thread-header action menus must escape the card and match the theme. */
.sldx-ticket-view .thread-entry {
  overflow: visible !important;
}

.sldx-ticket-view .thread-entry:hover,
.sldx-ticket-view .thread-entry:focus-within {
  z-index: 30;
}

.sldx-ticket-view .thread-entry .header .action-dropdown,
.sldx-ticket-view .thread-entry .thread-header .action-dropdown,
.sldx-ticket-view .thread-entry .header .noclick-dropdown,
.sldx-ticket-view .thread-entry .thread-header .noclick-dropdown {
  z-index: 5000 !important;
  margin-top: 9px !important;
}

.sldx-ticket-view .thread-entry .header .action-dropdown ul,
.sldx-ticket-view .thread-entry .thread-header .action-dropdown ul,
.sldx-ticket-view .thread-entry .header .noclick-dropdown ul,
.sldx-ticket-view .thread-entry .thread-header .noclick-dropdown ul {
  min-width: 172px !important;
  padding: 5px !important;
  border: 1px solid var(--sld-border-strong) !important;
  border-radius: 9px !important;
  background: var(--sld-surface) !important;
  color: var(--sld-text) !important;
  box-shadow: 0 14px 34px rgba(7, 18, 34, .22) !important;
}

.sldx-ticket-view .thread-entry .header .action-dropdown::before,
.sldx-ticket-view .thread-entry .thread-header .action-dropdown::before,
.sldx-ticket-view .thread-entry .header .noclick-dropdown::before,
.sldx-ticket-view .thread-entry .thread-header .noclick-dropdown::before {
  border-bottom-color: var(--sld-border-strong) !important;
}

.sldx-ticket-view .thread-entry .header .action-dropdown::after,
.sldx-ticket-view .thread-entry .thread-header .action-dropdown::after,
.sldx-ticket-view .thread-entry .header .noclick-dropdown::after,
.sldx-ticket-view .thread-entry .thread-header .noclick-dropdown::after {
  border-bottom-color: var(--sld-surface) !important;
}

.sldx-ticket-view .thread-entry .header .action-dropdown li > a,
.sldx-ticket-view .thread-entry .thread-header .action-dropdown li > a,
.sldx-ticket-view .thread-entry .header .noclick-dropdown li > a,
.sldx-ticket-view .thread-entry .thread-header .noclick-dropdown li > a {
  min-height: 26px !important;
  box-sizing: border-box;
  padding: 5px 9px !important;
  border-radius: 6px !important;
  color: var(--sld-text-soft) !important;
  line-height: 16px !important;
}

.sldx-ticket-view .thread-entry .header .action-dropdown li > a:hover,
.sldx-ticket-view .thread-entry .thread-header .action-dropdown li > a:hover,
.sldx-ticket-view .thread-entry .header .noclick-dropdown li > a:hover,
.sldx-ticket-view .thread-entry .thread-header .noclick-dropdown li > a:hover {
  background: var(--sld-blue-50) !important;
  color: var(--sld-blue-700) !important;
}

.sldx-ticket-view .thread-entry .header .action-dropdown li > a.disabled,
.sldx-ticket-view .thread-entry .thread-header .action-dropdown li > a.disabled,
.sldx-ticket-view .thread-entry .header .noclick-dropdown li.disabled > a,
.sldx-ticket-view .thread-entry .thread-header .noclick-dropdown li.disabled > a {
  color: var(--sld-muted) !important;
  opacity: .62;
}

:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry.message .header .action-dropdown ul,
:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry.message .thread-header .action-dropdown ul,
:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry.message .header .noclick-dropdown ul,
:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry.message .thread-header .noclick-dropdown ul {
  border-color: color-mix(in srgb, var(--sld-success) 42%, var(--sld-border-strong)) !important;
  background: #14251f !important;
  color: var(--sld-text) !important;
}

:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry.message .header .action-dropdown::after,
:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry.message .thread-header .action-dropdown::after,
:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry.message .header .noclick-dropdown::after,
:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry.message .thread-header .noclick-dropdown::after {
  border-bottom-color: #14251f !important;
}

:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry.message .header .action-dropdown li > a:hover,
:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry.message .thread-header .action-dropdown li > a:hover,
:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry.message .header .noclick-dropdown li > a:hover,
:root[data-theme="dark"] body.sldx .sldx-ticket-view .thread-entry.message .thread-header .noclick-dropdown li > a:hover {
  background: color-mix(in srgb, var(--sld-success) 18%, var(--sld-surface-3)) !important;
  color: #eafff4 !important;
}

/* 6.2.5: Advanced-search column chooser inherits legacy white table styles. */
:root[data-theme="dark"] body.sldx #advanced-search #columns,
:root[data-theme="dark"] body.sldx #advanced-search #columns > div,
:root[data-theme="dark"] body.sldx #advanced-search #columns table.table,
:root[data-theme="dark"] body.sldx #advanced-search #columns table.table tbody,
:root[data-theme="dark"] body.sldx #advanced-search #columns table.table tr,
:root[data-theme="dark"] body.sldx #advanced-search #columns table.table td {
  background: var(--sld-surface) !important;
  color: var(--sld-text) !important;
  border-color: var(--sld-border) !important;
}
:root[data-theme="dark"] body.sldx #advanced-search #columns table.table small,
:root[data-theme="dark"] body.sldx #advanced-search #columns table.table b,
:root[data-theme="dark"] body.sldx #advanced-search #columns table.table label {
  color: var(--sld-text-soft) !important;
}