/* Tabler palette shared by every MWP surface (approved 16.09.2026). */
:root:where(:not([data-tabler-native], [data-tabler-native] *)){
 color-scheme:dark;
 --sidebar-content-width:204px; --sidebar-inline-padding:18px;
 --sidebar-width:calc(var(--sidebar-content-width) + 36px);
 --bg:#18212f; --panel:#1f2937; --panel-2:#253244; --line:#3b495d;
 --text:#d8dee9; --muted:#a4afbf; --accent:#6bb98b; --amber:#e8b765;
 --blue:#91b4f5; --violet:#b4a0e4; --danger:#f08080;
 --primary:#356fc5; --primary-hover:#2b5ca5; --selected-bg:#2a3b55;
 --radius:8px; --control-radius:5px;
 font-family:system-ui,-apple-system,BlinkMacSystemFont,"San Francisco","Segoe UI",Roboto,"Helvetica Neue",sans-serif;
 font-size:14px;
}
html[data-theme="light"]:where(:not([data-tabler-native], [data-tabler-native] *)){
 color-scheme:light;
 --bg:#f6f8fb; --panel:#fff; --panel-2:#f6f8fb; --line:#e5e8ed;
 --text:#354052; --muted:#667382; --accent:#2b8a57; --amber:#946200;
 --blue:#356fc5; --violet:#805ad5; --danger:#d63939;
 --selected-bg:#edf2fc;
}
*:where(:not([data-tabler-native], [data-tabler-native] *)){ box-sizing: border-box; }
[hidden]:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none !important; }
.icon-sprite:where(:not([data-tabler-native], [data-tabler-native] *)){ position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }
.nav-icon:where(:not([data-tabler-native], [data-tabler-native] *)), .button-icon:where(:not([data-tabler-native], [data-tabler-native] *)), .search-icon:where(:not([data-tabler-native], [data-tabler-native] *)), .metric-icon svg:where(:not([data-tabler-native], [data-tabler-native] *)), .icon-button svg:where(:not([data-tabler-native], [data-tabler-native] *)), .activity-system-icon svg:where(:not([data-tabler-native], [data-tabler-native] *)){
  fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
body:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; min-height: 100vh; background: radial-gradient(circle at 65% -15%, #152b45 0, var(--bg) 36%); color: var(--text); }
html.modal-scroll-locked:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: hidden; }
body.modal-scroll-locked:where(:not([data-tabler-native], [data-tabler-native] *)){ position: fixed; right: 0; left: 0; width: 100%; overflow: hidden; overscroll-behavior: none; }
html[data-theme="light"] body:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--bg); }
.app-boot-screen:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: radial-gradient(circle at 50% 35%, #132b46 0, var(--bg) 48%);
  transition: opacity .16s ease;
}
.app-boot-card:where(:not([data-tabler-native], [data-tabler-native] *)){
  width: min(310px, calc(100vw - 40px));
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  gap: 13px;
  padding: 18px 20px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: color-mix(in srgb, var(--panel) 88%, transparent);
  box-shadow: 0 24px 70px rgba(0,0,0,.32);
}
.app-boot-card img:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 48px; height: 48px; }
.app-boot-card > div:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 3px; }
.app-boot-card strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 16px; }
.app-boot-card small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 12px; letter-spacing: .04em; }
.app-boot-card p:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 1 / -1; margin: 1px 0 0; color: var(--muted); font-size: 13px; text-align: center; }
.app-boot-spinner:where(:not([data-tabler-native], [data-tabler-native] *)){
  width: 20px;
  height: 20px;
  border: 2px solid color-mix(in srgb, var(--accent) 22%, var(--line));
  border-top-color: var(--accent);
  border-radius: 50%;
  animation: progress-spin .8s linear infinite;
}
html[data-theme="light"] .app-boot-screen:where(:not([data-tabler-native], [data-tabler-native] *)){ background: radial-gradient(circle at 50% 35%, #d9e8f4 0, var(--bg) 50%); color: var(--text); }
html[data-theme="light"] .app-boot-card:where(:not([data-tabler-native], [data-tabler-native] *)){ background: rgba(255,255,255,.88); box-shadow: 0 24px 60px rgba(27,46,68,.16); }
html[data-theme="light"] .auth-card:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .metrics article:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .panel:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .settings-card:where(:not([data-tabler-native], [data-tabler-native] *)){ background: rgba(255,255,255,.94); }
html[data-theme="light"] .sidebar:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--bg); }
html[data-theme="light"] input:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] select:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] textarea:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .search:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .settings-subnav:where(:not([data-tabler-native], [data-tabler-native] *)){ background: #fff; }
html[data-theme="light"] .nav-link:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .nav-link:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .settings-subnav button:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .settings-subnav button.active:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--panel-2); }
html[data-theme="light"] .nav-link.active:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--selected-bg); color: var(--text); }
html[data-theme="light"] .logout-button:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .logout-button:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ background: #dce7f1; color: var(--text); outline: 2px solid #7d91a8; outline-offset: 2px; }
html[data-theme="light"] .site-row:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .user-table tr.user-table-row:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .site-grid .site-table-row:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ background: rgba(217,228,239,.58); }
html[data-theme="light"] .activity-table tr.activity-row:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ background: rgba(217,228,239,.58); }
html[data-theme="light"] .overview-activity-item:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--bg); }
html[data-theme="light"] .primary:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--primary); color: #fff; box-shadow: 0 3px 6px -2px rgba(0,0,0,.08), 0 1px 1px rgba(0,0,0,.06); }
html[data-theme="light"] .primary:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--primary-hover); }
html[data-theme="light"] .secondary:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .action:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .user-detail-button:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .site-detail-button:where(:not([data-tabler-native], [data-tabler-native] *)){ background: #fff; color: var(--text); }
html[data-theme="light"] .secondary:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--text); border-color: #d7d8dc; box-shadow: 0 1px 1px rgba(0,0,0,.04); }
html[data-theme="light"] .secondary:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ background: #f5f5f6; border-color: #c7c8cd; }
html[data-theme="light"] .site-delete-button:where(:not([data-tabler-native], [data-tabler-native] *)){ background: #fff0f2; color: var(--danger); border-color: #dc94a0; }
html[data-theme="light"] .activity-detail-button:where(:not([data-tabler-native], [data-tabler-native] *)){ background: #fff; color: var(--text); }
html[data-theme="light"] .action:disabled:where(:not([data-tabler-native], [data-tabler-native] *)){ color: #52657b; -webkit-text-fill-color: #52657b; opacity: .62; }
html[data-theme="light"] .update-action:where(:not([data-tabler-native], [data-tabler-native] *)){ background: #e5f6ef; color: #0b7052; border-color: #70bca2; }
html[data-theme="light"] .connect-action:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .wp-admin-action:where(:not([data-tabler-native], [data-tabler-native] *)){ background: #e8f3fc; color: #1265a8; border-color: #7eafd5; }
html[data-theme="light"] .danger-action:where(:not([data-tabler-native], [data-tabler-native] *)){ background: #fff0f2; color: var(--danger); border-color: #dc94a0; }
html[data-theme="light"] .metric-icon:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .site-icon:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .avatar:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .role-pill:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .nav-link em:where(:not([data-tabler-native], [data-tabler-native] *)){ background: #dce7f1; }
html[data-theme="light"] .managed-user-avatar:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .managed-user-avatar img:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--panel); }
html[data-theme="light"] .metric-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ color: #1265a8; }
html[data-theme="light"] .metric-icon.green:where(:not([data-tabler-native], [data-tabler-native] *)){ color: #087252; }
html[data-theme="light"] .metric-icon.amber:where(:not([data-tabler-native], [data-tabler-native] *)){ color: #8b5507; }
html[data-theme="light"] .metric-icon.violet:where(:not([data-tabler-native], [data-tabler-native] *)){ color: #5844a8; }
html[data-theme="light"] .site-detail-row .site-grid-detail-cell:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .site-detail-panel:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--panel-2); }
html[data-theme="light"] .activity-detail-row td:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .activity-detail-row > td > div:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--panel-2); }
html[data-theme="light"] .status.attention:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .attention-count:where(:not([data-tabler-native], [data-tabler-native] *)){ color: #8b5507; }
html[data-theme="light"] .status.offline:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .error-text:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .form-error:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] label small[data-auth-error]:not(:empty):where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); }
html[data-theme="light"] .toast-item:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .toast-history-panel:where(:not([data-tabler-native], [data-tabler-native] *)){ background: rgba(255,255,255,.97); color: #20242b; box-shadow: 0 12px 32px rgba(24,42,62,.14); }
html[data-theme="light"] .toast-item-message:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .toast-history-item small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: #6e7380; }
button:where(:not([data-tabler-native], [data-tabler-native] *)), input:where(:not([data-tabler-native], [data-tabler-native] *)), select:where(:not([data-tabler-native], [data-tabler-native] *)){ font: inherit; }
button:where(:not([data-tabler-native], [data-tabler-native] *)){ cursor: pointer; }
.auth-screen:where(:not([data-tabler-native], [data-tabler-native] *)){
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 32px 16px;
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.auth-particle-cloud:where(:not([data-tabler-native], [data-tabler-native] *)){
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  width: min(900px, 96vw);
  height: min(900px, 96vh);
  transform: translate(-50%, -50%);
  display: block;
  pointer-events: none;
}
.auth-card:where(:not([data-tabler-native], [data-tabler-native] *)){
  width: min(440px, 100%);
  max-height: calc(100dvh - 28px);
  overflow-y: auto;
  padding: 32px;
  position: relative;
  z-index: 2;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: none!important;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  box-shadow: 0 28px 90px rgba(0,0,0,.42);
}
html[data-theme="light"] .auth-screen:where(:not([data-tabler-native], [data-tabler-native] *)){
  --panel: rgba(255,255,255,.84);
  --panel-2: #f8fbff;
  --line: rgba(33,63,92,.18);
  --text: #12243a;
  --muted: #5d6f83;
  --accent: #0f8d6d;
  --danger: #c43b52;
  color: var(--text);
  color-scheme: light;
}
html[data-theme="light"] .auth-screen:where(:not([data-tabler-native], [data-tabler-native] *))::before {
  content: none;
}
html[data-theme="light"] .auth-particle-cloud:where(:not([data-tabler-native], [data-tabler-native] *)){
  width: min(760px, 94vw);
  height: min(760px, 94vh);
  opacity: .65;
  filter: saturate(.85) contrast(1.08);
}
html[data-theme="light"] .auth-screen .auth-card:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: rgba(255,255,255,.86);
  border-color: rgba(37,64,91,.16);
  box-shadow: 0 24px 60px rgba(27,46,68,.16);
}
html[data-theme="light"] .auth-screen input:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .auth-screen select:where(:not([data-tabler-native], [data-tabler-native] *)){
  color: #12243a;
  background: rgba(255,255,255,.9);
  border-color: rgba(37,64,91,.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}
html[data-theme="light"] .auth-screen input:focus:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .auth-screen select:focus:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: #168b70;
  box-shadow: 0 0 0 3px rgba(22,139,112,.14);
}
html[data-theme="light"] .auth-screen .auth-notice:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: rgba(15,141,109,.26);
  background: rgba(15,141,109,.08);
  color: #087359;
}
.auth-brand:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 0 0 36px; }
.auth-language-switch:where(:not([data-tabler-native], [data-tabler-native] *)){
  position: absolute;
  top: 37px;
  right: 28px;
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 750;
}
.auth-language-switch select:where(:not([data-tabler-native], [data-tabler-native] *)){
  width: 72px;
  height: 34px !important;
  padding: 5px 8px;
  border: 1px solid var(--line);
  border-radius: 4px;
  background: var(--panel);
  color: var(--text);
  font-size: 13px;
}
.auth-card h1:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 34px; letter-spacing: -1.2px; }
.auth-intro:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 10px 0 24px; color: var(--muted); font-size: 13px; line-height: 1.6; }
.auth-form:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 16px; }
.auth-form label:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 7px; color: var(--text); font-size: 13px; font-weight: 750; }
.auth-form input:where(:not([data-tabler-native], [data-tabler-native] *)), .auth-form select:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; color: var(--text); background: var(--panel); border: 1px solid var(--line); border-radius: 8px; padding: 11px 12px; outline: 0; }
.auth-form input:focus:where(:not([data-tabler-native], [data-tabler-native] *)), .auth-form select:focus:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: var(--accent); }
.auth-form label small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-weight: 500; }
.auth-form label small[data-auth-error]:not(:empty):where(:not([data-tabler-native], [data-tabler-native] *)), .form-error:where(:not([data-tabler-native], [data-tabler-native] *)){ color: #ff7e8b; }
.form-error:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; min-height: 16px; margin: 0; font-size: 13px; }
.form-error:not(:empty):not([hidden]):where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; }
.auth-notice:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0 0 18px; padding: 11px 12px; border: 1px solid rgba(96,230,180,.35); border-radius: 8px; background: rgba(96,230,180,.08); color: var(--accent); font-size: 13px; line-height: 1.5; }
.text-button:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; margin: 20px auto 0; padding: 4px; border: 0; background: transparent; color: var(--accent); font-size: 13px; }

.text-button:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ text-decoration: underline; }
.text-button.subdued:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-top: 8px; color: var(--muted); }
.resend-form:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: 1fr auto; gap: 9px; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line); }
.resend-form label:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
.resend-form input:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--text); background: var(--panel); border: 1px solid var(--line); border-radius: 8px; padding: 9px 10px; outline: 0; }
.resend-form p:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 1 / -1; min-height: 15px; margin: 0; color: var(--muted); font-size: 13px; }
.forgot-form:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 16px; }
.forgot-form label:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 7px; color: var(--text); font-size: 13px; font-weight: 750; }
.forgot-form input:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; color: var(--text); background: var(--panel); border: 1px solid var(--line); border-radius: 8px; padding: 11px 12px; outline: 0; }
.forgot-form input:focus:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: var(--accent); }
.forgot-form > p[role="status"]:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 18px; margin: 0; color: var(--accent); font-size: 13px; line-height: 1.5; }
.auth-form button:disabled:where(:not([data-tabler-native], [data-tabler-native] *)){ opacity: .55; cursor: wait; }

/* Tabler integration: 00-foundation-auth.css */

html[data-design-system="tabler"] body:where(:not([data-tabler-native], [data-tabler-native] *)){ background:var(--bg); color:var(--text); font-size:14px; line-height:1.5; }
html[data-design-system="tabler"] :is(button,input,select,textarea,a,summary):focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ outline:2px solid var(--blue); outline-offset:2px; }
html[data-design-system="tabler"] .auth-card:where(:not([data-tabler-native], [data-tabler-native] *)){ border-radius:8px; }
html[data-design-system="tabler"] .auth-screen:where(:not([data-tabler-native], [data-tabler-native] *)){ --accent:var(--blue); }

html[data-design-system="tabler"] .auth-card :is(h1,h2):where(:not([data-tabler-native], [data-tabler-native] *)){ font-size:24px; letter-spacing:-.3px; }

html[data-design-system="tabler"] *:where(:not([data-tabler-native], [data-tabler-native] *)){scrollbar-color:color-mix(in srgb,var(--muted) 35%,var(--panel)) transparent;scrollbar-width:thin}
html[data-design-system="tabler"] .app-boot-screen:where(:not([data-tabler-native], [data-tabler-native] *)){background:var(--bg)}
html[data-design-system="tabler"] .app-boot-card:where(:not([data-tabler-native], [data-tabler-native] *)){border-radius:8px;background:var(--panel);box-shadow:0 8px 32px #00000012}
/* Tabler 1.5.1 MIT; component subset for MWP; legacy button aliases preserve existing handlers. Source previews/tabler-ftp/vendor/tabler.min.css; license in same directory. */
:where(html):where(:not([data-tabler-native], [data-tabler-native] *)),html[data-theme="light"]:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-blue:#066fd1;--tblr-azure:#4299e1;--tblr-indigo:#4263eb;--tblr-purple:#ae3ec9;--tblr-pink:#d6336c;--tblr-red:#d63939;--tblr-orange:#f76707;--tblr-yellow:#f59f00;--tblr-lime:#74b816;--tblr-green:#2fb344;--tblr-teal:#0ca678;--tblr-cyan:#17a2b8;--tblr-black:#000;--tblr-white:#fff;--tblr-gray:#4b5563;--tblr-gray-dark:#1f2937;--tblr-gray-100:#f3f4f6;--tblr-gray-200:#e5e7eb;--tblr-gray-300:#d1d5db;--tblr-gray-400:#9ca3af;--tblr-gray-500:#6b7280;--tblr-gray-600:#4b5563;--tblr-gray-700:#374151;--tblr-gray-800:#1f2937;--tblr-gray-900:#111827;--tblr-primary:#066fd1;--tblr-secondary:#6b7280;--tblr-success:#2fb344;--tblr-info:#4299e1;--tblr-warning:#f59f00;--tblr-danger:#d63939;--tblr-light:#f9fafb;--tblr-dark:#1f2937;--tblr-muted:#6b7280;--tblr-blue:#066fd1;--tblr-azure:#4299e1;--tblr-indigo:#4263eb;--tblr-purple:#ae3ec9;--tblr-pink:#d6336c;--tblr-red:#d63939;--tblr-orange:#f76707;--tblr-yellow:#f59f00;--tblr-lime:#74b816;--tblr-green:#2fb344;--tblr-teal:#0ca678;--tblr-cyan:#17a2b8;--tblr-primary-rgb:6,111,209;--tblr-secondary-rgb:107,114,128;--tblr-success-rgb:47,179,68;--tblr-info-rgb:66,153,225;--tblr-warning-rgb:245,159,0;--tblr-danger-rgb:214,57,57;--tblr-light-rgb:249,250,251;--tblr-dark-rgb:31,41,55;--tblr-muted-rgb:107,114,128;--tblr-blue-rgb:6,111,209;--tblr-azure-rgb:66,153,225;--tblr-indigo-rgb:66,99,235;--tblr-purple-rgb:174,62,201;--tblr-pink-rgb:214,51,108;--tblr-red-rgb:214,57,57;--tblr-orange-rgb:247,103,7;--tblr-yellow-rgb:245,159,0;--tblr-lime-rgb:116,184,22;--tblr-green-rgb:47,179,68;--tblr-teal-rgb:12,166,120;--tblr-cyan-rgb:23,162,184;--tblr-primary-text-emphasis:light-dark(rgb(0.9411764706%, 17.4117647059%, 32.7843137255%), rgb(41.4117647059%, 66.1176470588%, 89.1764705882%));--tblr-secondary-text-emphasis:light-dark(rgb(16.7843137255%, 17.8823529412%, 20.0784313725%), rgb(65.1764705882%, 66.8235294118%, 70.1176470588%));--tblr-success-text-emphasis:light-dark(rgb(7.3725490196%, 28.0784313725%, 10.6666666667%), rgb(51.0588235294%, 82.1176470588%, 56%));--tblr-info-text-emphasis:light-dark(rgb(10.3529411765%, 24%, 35.2941176471%), rgb(55.5294117647%, 76%, 92.9411764706%));--tblr-warning-text-emphasis:light-dark(rgb(38.431372549%, 24.9411764706%, 0%), rgb(97.6470588235%, 77.4117647059%, 40%));--tblr-danger-text-emphasis:light-dark(rgb(33.568627451%, 8.9411764706%, 8.9411764706%), rgb(90.3529411765%, 53.4117647059%, 53.4117647059%));--tblr-light-text-emphasis:light-dark(#374151, #f3f4f6);--tblr-dark-text-emphasis:light-dark(#374151, #d1d5db);--tblr-primary-bg-subtle:light-dark(rgb(80.4705882353%, 88.7058823529%, 96.3921568627%), rgb(0.4705882353%, 8.7058823529%, 16.3921568627%));--tblr-secondary-bg-subtle:light-dark(rgb(88.3921568627%, 88.9411764706%, 90.0392156863%), rgb(8.3921568627%, 8.9411764706%, 10.0392156863%));--tblr-success-bg-subtle:light-dark(rgb(83.6862745098%, 94.0392156863%, 85.3333333333%), rgb(3.6862745098%, 14.0392156863%, 5.3333333333%));--tblr-info-bg-subtle:light-dark(rgb(85.1764705882%, 92%, 97.6470588235%), rgb(5.1764705882%, 12%, 17.6470588235%));--tblr-warning-bg-subtle:light-dark(rgb(99.2156862745%, 92.4705882353%, 80%), rgb(19.2156862745%, 12.4705882353%, 0%));--tblr-danger-bg-subtle:light-dark(rgb(96.7843137255%, 84.4705882353%, 84.4705882353%), rgb(16.7843137255%, 4.4705882353%, 4.4705882353%));--tblr-light-bg-subtle:light-dark(rgb(97.6470588235%, 97.8431372549%, 98.2352941176%), #1f2937);--tblr-dark-bg-subtle:light-dark(#9ca3af, rgb(6.0784313725%, 8.0392156863%, 10.7843137255%));--tblr-primary-border-subtle:light-dark(rgb(60.9411764706%, 77.4117647059%, 92.7843137255%), rgb(1.4117647059%, 26.1176470588%, 49.1764705882%));--tblr-secondary-border-subtle:light-dark(rgb(76.7843137255%, 77.8823529412%, 80.0784313725%), rgb(25.1764705882%, 26.8235294118%, 30.1176470588%));--tblr-success-border-subtle:light-dark(rgb(67.3725490196%, 88.0784313725%, 70.6666666667%), rgb(11.0588235294%, 42.1176470588%, 16%));--tblr-info-border-subtle:light-dark(rgb(70.3529411765%, 84%, 95.2941176471%), rgb(15.5294117647%, 36%, 52.9411764706%));--tblr-warning-border-subtle:light-dark(rgb(98.431372549%, 84.9411764706%, 60%), rgb(57.6470588235%, 37.4117647059%, 0%));--tblr-danger-border-subtle:light-dark(rgb(93.568627451%, 68.9411764706%, 68.9411764706%), rgb(50.3529411765%, 13.4117647059%, 13.4117647059%));--tblr-light-border-subtle:light-dark(#e5e7eb, #374151);--tblr-dark-border-subtle:light-dark(#6b7280, #1f2937);--tblr-white-rgb:255,255,255;--tblr-black-rgb:0,0,0;--tblr-font-sans-serif:system-ui,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;--tblr-font-monospace:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;--tblr-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--tblr-body-font-family:var(--tblr-font-sans-serif);--tblr-body-font-size:0.875rem;--tblr-body-font-weight:400;--tblr-body-line-height:1.4285714286;--tblr-body-text-align:start;--tblr-body-color:light-dark(#6b7280, #e5e7eb);--tblr-body-color-rgb:107,114,128;--tblr-body-bg:light-dark(#fff, #111827);--tblr-body-bg-rgb:255,255,255;--tblr-emphasis-color:light-dark(#374151, #fff);--tblr-emphasis-color-rgb:55,65,81;--tblr-secondary-color:light-dark(rgba(107, 114, 128, 0.75), rgba(229, 231, 235, 0.75));--tblr-secondary-color-rgb:107,114,128;--tblr-secondary-bg:light-dark(#e5e7eb, #1f2937);--tblr-secondary-bg-rgb:229,231,235;--tblr-tertiary-color:light-dark(rgba(107, 114, 128, 0.5), rgba(229, 231, 235, 0.5));--tblr-tertiary-color-rgb:107,114,128;--tblr-tertiary-bg:light-dark(#f3f4f6, rgb(9.4117647059%, 12.7450980392%, 18.431372549%));--tblr-tertiary-bg-rgb:243,244,246;--tblr-heading-color:light-dark(var(--tblr-gray-900), var(--tblr-white));--tblr-link-color:light-dark(#066fd1, rgb(41.4117647059%, 66.1176470588%, 89.1764705882%));--tblr-link-color-rgb:6,111,209;--tblr-link-decoration:none;--tblr-link-hover-color:light-dark(rgb(1.8823529412%, 34.8235294118%, 65.568627451%), rgb(53.1294117647%, 72.8941176471%, 91.3411764706%));--tblr-link-hover-color-rgb:4.8,88.8,167.2;--tblr-link-hover-decoration:underline;--tblr-code-color:light-dark(var(--tblr-gray-600), var(--tblr-gray-400));--tblr-highlight-color:light-dark(#6b7280, #e5e7eb);--tblr-highlight-bg:light-dark(rgb(99.2156862745%, 92.4705882353%, 80%), rgb(38.431372549%, 24.9411764706%, 0%));--tblr-border-width:1px;--tblr-border-style:solid;--tblr-border-color:light-dark(var(--tblr-gray-200), rgb(17.9243046056%, 23.7063383493%, 31.8011855905%));--tblr-border-color-translucent:light-dark(color-mix(in srgb, var(--tblr-gray-800) 11.9%, transparent), rgba(128, 150, 172, 0.2));--tblr-border-radius:6px;--tblr-border-radius-sm:4px;--tblr-border-radius-lg:8px;--tblr-border-radius-xl:1rem;--tblr-border-radius-xxl:2rem;--tblr-border-radius-2xl:var(--tblr-border-radius-xxl);--tblr-border-radius-pill:100rem;--tblr-box-shadow:0px 2px 4px -1px color-mix(in srgb, var(--tblr-shadow-color) 15%, transparent),0px 4px 6px -1px color-mix(in srgb, var(--tblr-shadow-color) 20%, transparent);--tblr-box-shadow-sm:0 1px 3px 0 color-mix(in srgb, var(--tblr-shadow-color) 25%, transparent),0 1px 2px 0 color-mix(in srgb, var(--tblr-shadow-color) 15%, transparent);--tblr-box-shadow-lg:0px 4px 6px -2px color-mix(in srgb, var(--tblr-shadow-color) 12.5%, transparent),0px 10px 15px -3px color-mix(in srgb, var(--tblr-shadow-color) 20%, transparent);--tblr-box-shadow-inset:inset 0 1px 2px color-mix(in srgb, var(--tblr-shadow-color) 18.75%, transparent);--tblr-focus-ring-width:0.25rem;--tblr-focus-ring-opacity:0.25;--tblr-focus-ring-color:color-mix(in srgb, var(--tblr-primary) 25%, transparent);--tblr-form-valid-color:light-dark(#2fb344, rgb(51.0588235294%, 82.1176470588%, 56%));--tblr-form-valid-border-color:light-dark(#2fb344, rgb(51.0588235294%, 82.1176470588%, 56%));--tblr-form-invalid-color:light-dark(#d63939, rgb(90.3529411765%, 53.4117647059%, 53.4117647059%));--tblr-form-invalid-border-color:light-dark(#d63939, rgb(90.3529411765%, 53.4117647059%, 53.4117647059%))}
html:not([data-theme="light"]):where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-body-color-rgb:229,231,235;--tblr-body-bg-rgb:17,24,39;--tblr-emphasis-color-rgb:255,255,255;--tblr-secondary-color-rgb:229,231,235;--tblr-secondary-bg-rgb:31,41,55;--tblr-tertiary-color-rgb:229,231,235;--tblr-tertiary-bg-rgb:24,32.5,47;--tblr-heading-color:inherit;--tblr-link-color-rgb:105.6,168.6,227.4;--tblr-link-hover-color-rgb:135.48,185.88,232.92}
@media  (prefers-reduced-motion:no-preference){:where(html):where(:not([data-tabler-native], [data-tabler-native] *)){scroll-behavior:smooth}}
:where(html):where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-breakpoint-xs:0;--tblr-breakpoint-sm:576px;--tblr-breakpoint-md:768px;--tblr-breakpoint-lg:992px;--tblr-breakpoint-xl:1200px;--tblr-breakpoint-xxl:1400px}
:where(html) .table:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-table-color-type:initial;--tblr-table-bg-type:initial;--tblr-table-color-state:initial;--tblr-table-bg-state:initial;--tblr-table-color:inherit;--tblr-table-bg:transparent;--tblr-table-border-color:var(--tblr-border-color-translucent);--tblr-table-accent-bg:transparent;--tblr-table-striped-color:inherit;--tblr-table-striped-bg:var(--tblr-bg-surface-tertiary);--tblr-table-active-color:inherit;--tblr-table-active-bg:var(--tblr-active-bg);--tblr-table-hover-color:inherit;--tblr-table-hover-bg:color-mix(in srgb, var(--tblr-emphasis-color) 7.5%, transparent);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--tblr-table-border-color)}
:where(html) .table>:not(caption)>*>*:where(:not([data-tabler-native], [data-tabler-native] *)){padding:.75rem .75rem;color:var(--tblr-table-color-state,var(--tblr-table-color-type,var(--tblr-table-color)));background-color:var(--tblr-table-bg);border-bottom-width:var(--tblr-border-width);box-shadow:inset 0 0 0 9999px var(--tblr-table-bg-state,var(--tblr-table-bg-type,var(--tblr-table-accent-bg)))}
:where(html) .table>tbody:where(:not([data-tabler-native], [data-tabler-native] *)){vertical-align:inherit}
:where(html) .table>thead:where(:not([data-tabler-native], [data-tabler-native] *)){vertical-align:bottom}
:where(html) .table-group-divider:where(:not([data-tabler-native], [data-tabler-native] *)){border-top:calc(var(--tblr-border-width) * 2) solid var(--tblr-border-color-translucent)}
:where(html) .table-sm>:not(caption)>*>*:where(:not([data-tabler-native], [data-tabler-native] *)){padding:.25rem .25rem}
:where(html) .table-bordered>:not(caption)>*:where(:not([data-tabler-native], [data-tabler-native] *)){border-width:var(--tblr-border-width) 0}
:where(html) .table-bordered>:not(caption)>*>*:where(:not([data-tabler-native], [data-tabler-native] *)){border-width:0 var(--tblr-border-width)}
:where(html) .table-borderless>:not(caption)>*>*:where(:not([data-tabler-native], [data-tabler-native] *)){border-bottom-width:0}
:where(html) .table-borderless>:not(:first-child):where(:not([data-tabler-native], [data-tabler-native] *)){border-top-width:0}
:where(html) .table-striped>tbody>tr:nth-of-type(2n)>*:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-table-color-type:var(--tblr-table-striped-color);--tblr-table-bg-type:var(--tblr-table-striped-bg)}
:where(html) .table-striped-columns>:not(caption)>tr>:nth-child(2n):where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-table-color-type:var(--tblr-table-striped-color);--tblr-table-bg-type:var(--tblr-table-striped-bg)}
:where(html) .table-active:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-table-color-state:var(--tblr-table-active-color);--tblr-table-bg-state:var(--tblr-table-active-bg)}
:where(html) .table-hover>tbody>tr:hover>*:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-table-color-state:var(--tblr-table-hover-color);--tblr-table-bg-state:var(--tblr-table-hover-bg)}
:where(html) .table-primary:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-table-color:#000;--tblr-table-bg:rgb(80.4705882353%, 88.7058823529%, 96.3921568627%);--tblr-table-border-color:rgb(64.3764705882%, 70.9647058824%, 77.1137254902%);--tblr-table-striped-bg:rgb(76.4470588235%, 84.2705882353%, 91.5725490196%);--tblr-table-striped-color:#000;--tblr-table-active-bg:rgb(72.4235294118%, 79.8352941176%, 86.7529411765%);--tblr-table-active-color:#000;--tblr-table-hover-bg:rgb(74.4352941176%, 82.0529411765%, 89.162745098%);--tblr-table-hover-color:#000;color:var(--tblr-table-color);border-color:var(--tblr-table-border-color)}
:where(html) .table-secondary:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-table-color:#000;--tblr-table-bg:rgb(88.3921568627%, 88.9411764706%, 90.0392156863%);--tblr-table-border-color:rgb(70.7137254902%, 71.1529411765%, 72.031372549%);--tblr-table-striped-bg:rgb(83.9725490196%, 84.4941176471%, 85.537254902%);--tblr-table-striped-color:#000;--tblr-table-active-bg:rgb(79.5529411765%, 80.0470588235%, 81.0352941176%);--tblr-table-active-color:#000;--tblr-table-hover-bg:rgb(81.762745098%, 82.2705882353%, 83.2862745098%);--tblr-table-hover-color:#000;color:var(--tblr-table-color);border-color:var(--tblr-table-border-color)}
:where(html) .table-success:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-table-color:#000;--tblr-table-bg:rgb(83.6862745098%, 94.0392156863%, 85.3333333333%);--tblr-table-border-color:rgb(66.9490196078%, 75.231372549%, 68.2666666667%);--tblr-table-striped-bg:rgb(79.5019607843%, 89.337254902%, 81.0666666667%);--tblr-table-striped-color:#000;--tblr-table-active-bg:rgb(75.3176470588%, 84.6352941176%, 76.8%);--tblr-table-active-color:#000;--tblr-table-hover-bg:rgb(77.4098039216%, 86.9862745098%, 78.9333333333%);--tblr-table-hover-color:#000;color:var(--tblr-table-color);border-color:var(--tblr-table-border-color)}
:where(html) .table-info:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-table-color:#000;--tblr-table-bg:rgb(85.1764705882%, 92%, 97.6470588235%);--tblr-table-border-color:rgb(68.1411764706%, 73.6%, 78.1176470588%);--tblr-table-striped-bg:rgb(80.9176470588%, 87.4%, 92.7647058824%);--tblr-table-striped-color:#000;--tblr-table-active-bg:rgb(76.6588235294%, 82.8%, 87.8823529412%);--tblr-table-active-color:#000;--tblr-table-hover-bg:rgb(78.7882352941%, 85.1%, 90.3235294118%);--tblr-table-hover-color:#000;color:var(--tblr-table-color);border-color:var(--tblr-table-border-color)}
:where(html) .table-warning:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-table-color:#000;--tblr-table-bg:rgb(99.2156862745%, 92.4705882353%, 80%);--tblr-table-border-color:rgb(79.3725490196%, 73.9764705882%, 64%);--tblr-table-striped-bg:rgb(94.2549019608%, 87.8470588235%, 76%);--tblr-table-striped-color:#000;--tblr-table-active-bg:rgb(89.2941176471%, 83.2235294118%, 72%);--tblr-table-active-color:#000;--tblr-table-hover-bg:rgb(91.7745098039%, 85.5352941176%, 74%);--tblr-table-hover-color:#000;color:var(--tblr-table-color);border-color:var(--tblr-table-border-color)}
:where(html) .table-danger:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-table-color:#000;--tblr-table-bg:rgb(96.7843137255%, 84.4705882353%, 84.4705882353%);--tblr-table-border-color:rgb(77.4274509804%, 67.5764705882%, 67.5764705882%);--tblr-table-striped-bg:rgb(91.9450980392%, 80.2470588235%, 80.2470588235%);--tblr-table-striped-color:#000;--tblr-table-active-bg:rgb(87.1058823529%, 76.0235294118%, 76.0235294118%);--tblr-table-active-color:#000;--tblr-table-hover-bg:rgb(89.5254901961%, 78.1352941176%, 78.1352941176%);--tblr-table-hover-color:#000;color:var(--tblr-table-color);border-color:var(--tblr-table-border-color)}
:where(html) .table-light:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-table-color:#000;--tblr-table-bg:#f9fafb;--tblr-table-border-color:rgb(78.1176470588%, 78.431372549%, 78.7450980392%);--tblr-table-striped-bg:rgb(92.7647058824%, 93.137254902%, 93.5098039216%);--tblr-table-striped-color:#000;--tblr-table-active-bg:rgb(87.8823529412%, 88.2352941176%, 88.5882352941%);--tblr-table-active-color:#000;--tblr-table-hover-bg:rgb(90.3235294118%, 90.6862745098%, 91.0490196078%);--tblr-table-hover-color:#000;color:var(--tblr-table-color);border-color:var(--tblr-table-border-color)}
:where(html) .table-dark:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-table-color:#fff;--tblr-table-bg:#1f2937;--tblr-table-border-color:rgb(29.7254901961%, 32.862745098%, 37.2549019608%);--tblr-table-striped-bg:rgb(16.5490196078%, 20.2745098039%, 25.4901960784%);--tblr-table-striped-color:#fff;--tblr-table-active-bg:rgb(20.9411764706%, 24.4705882353%, 29.4117647059%);--tblr-table-active-color:#fff;--tblr-table-hover-bg:rgb(18.7450980392%, 22.3725490196%, 27.4509803922%);--tblr-table-hover-color:#fff;color:var(--tblr-table-color);border-color:var(--tblr-table-border-color)}
:where(html) .table-responsive:where(:not([data-tabler-native], [data-tabler-native] *)){overflow-x:auto;-webkit-overflow-scrolling:touch}
@media  (max-width:575.98px){:where(html) .table-responsive-sm:where(:not([data-tabler-native], [data-tabler-native] *)){overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media  (max-width:767.98px){:where(html) .table-responsive-md:where(:not([data-tabler-native], [data-tabler-native] *)){overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media  (max-width:991.98px){:where(html) .table-responsive-lg:where(:not([data-tabler-native], [data-tabler-native] *)){overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media  (max-width:1199.98px){:where(html) .table-responsive-xl:where(:not([data-tabler-native], [data-tabler-native] *)){overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media  (max-width:1399.98px){:where(html) .table-responsive-xxl:where(:not([data-tabler-native], [data-tabler-native] *)){overflow-x:auto;-webkit-overflow-scrolling:touch}}
:where(html) .form-control:where(:not([data-tabler-native], [data-tabler-native] *)){display:block;width:100%;padding:.5625rem 1rem;font-family:var(--tblr-body-font-family);font-size:.875rem;font-weight:400;line-height:1.25rem;color:var(--tblr-body-color);appearance:none;background-color:var(--tblr-bg-forms);background-clip:padding-box;border:var(--tblr-border-width) solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);box-shadow:var(--tblr-shadow-input);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media  (prefers-reduced-motion:reduce){:where(html) .form-control:where(:not([data-tabler-native], [data-tabler-native] *)){transition:none}}
:where(html) .form-control[type=file]:where(:not([data-tabler-native], [data-tabler-native] *)){overflow:hidden}
:where(html) .form-control[type=file]:not(:disabled):not([readonly]):where(:not([data-tabler-native], [data-tabler-native] *)){cursor:pointer}
:where(html) .form-control:focus:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--tblr-body-color);background-color:var(--tblr-bg-forms);border-color:rgb(51.1764705882%,71.7647058824%,90.9803921569%);outline:0;box-shadow:var(--tblr-shadow-input),0 0 0 2px var(--tblr-primary),0 0 0 .25rem color-mix(in srgb,var(--tblr-primary) 25%,transparent)}
:where(html) .form-control:where(:not([data-tabler-native], [data-tabler-native] *))::-webkit-date-and-time-value{min-width:85px;height:1.25rem;margin:0}
:where(html) .form-control:where(:not([data-tabler-native], [data-tabler-native] *))::-webkit-datetime-edit{display:block;padding:0}
:where(html) .form-control:where(:not([data-tabler-native], [data-tabler-native] *))::placeholder{color:var(--tblr-tertiary);opacity:1}
:where(html) .form-control:disabled:where(:not([data-tabler-native], [data-tabler-native] *)){background-color:var(--tblr-bg-forms-disabled);opacity:1}
:where(html) .form-control:where(:not([data-tabler-native], [data-tabler-native] *))::file-selector-button{padding:.5625rem 1rem;margin:-.5625rem -1rem;margin-inline-end:1rem;color:var(--tblr-body-color);background-color:var(--tblr-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--tblr-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media  (prefers-reduced-motion:reduce){:where(html) .form-control:where(:not([data-tabler-native], [data-tabler-native] *))::file-selector-button{transition:none}}
:where(html) .form-control:hover:not(:disabled):not([readonly]):where(:not([data-tabler-native], [data-tabler-native] *))::file-selector-button{background-color:var(--tblr-secondary-bg)}
:where(html) .form-control-plaintext:where(:not([data-tabler-native], [data-tabler-native] *)){display:block;width:100%;padding:.5625rem 0;margin-bottom:0;line-height:1.25rem;color:var(--tblr-body-color);background-color:transparent;border:solid transparent;border-width:var(--tblr-border-width) 0}
:where(html) .form-control-plaintext:focus:where(:not([data-tabler-native], [data-tabler-native] *)){outline:0}
:where(html) .form-control-plaintext.form-control-lg:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .form-control-plaintext.form-control-sm:where(:not([data-tabler-native], [data-tabler-native] *)){padding-inline-end:0;padding-inline-start:0}
:where(html) .form-control-sm:where(:not([data-tabler-native], [data-tabler-native] *)){line-height:1rem;min-height:calc(1rem + .625rem + calc(var(--tblr-border-width) * 2));padding:.3125rem .5rem;font-size:.75rem;border-radius:var(--tblr-border-radius-sm)}
:where(html) .form-control-sm:where(:not([data-tabler-native], [data-tabler-native] *))::file-selector-button{padding:.3125rem .5rem;margin:-.3125rem -.5rem;margin-inline-end:.5rem}
:where(html) .form-control-lg:where(:not([data-tabler-native], [data-tabler-native] *)){line-height:1.5rem;min-height:calc(1.5rem + 1.375rem + calc(var(--tblr-border-width) * 2));padding:.6875rem 1.5rem;font-size:1rem;border-radius:var(--tblr-border-radius-lg)}
:where(html) .form-control-lg:where(:not([data-tabler-native], [data-tabler-native] *))::file-selector-button{padding:.6875rem 1.5rem;margin:-.6875rem -1.5rem;margin-inline-end:1.5rem}
:where(html) .form-control-color:where(:not([data-tabler-native], [data-tabler-native] *)){width:3rem;height:calc(1.25rem + 1.125rem + calc(var(--tblr-border-width) * 2));padding:.5625rem}
:where(html) .form-control-color:not(:disabled):not([readonly]):where(:not([data-tabler-native], [data-tabler-native] *)){cursor:pointer}
:where(html) .form-control-color:where(:not([data-tabler-native], [data-tabler-native] *))::-moz-color-swatch{border:0!important;border-radius:var(--tblr-border-radius)}
:where(html) .form-control-color:where(:not([data-tabler-native], [data-tabler-native] *))::-webkit-color-swatch{border:0!important;border-radius:var(--tblr-border-radius)}
:where(html) .form-control-color.form-control-sm:where(:not([data-tabler-native], [data-tabler-native] *)){height:calc(1rem + .625rem + calc(var(--tblr-border-width) * 2))}
:where(html) .form-control-color.form-control-lg:where(:not([data-tabler-native], [data-tabler-native] *)){height:calc(1.5rem + 1.375rem + calc(var(--tblr-border-width) * 2))}
:where(html) .form-select:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");display:block;width:100%;padding:.5625rem 3rem .5625rem 1rem;font-family:var(--tblr-body-font-family);font-size:.875rem;font-weight:400;line-height:1.25rem;color:var(--tblr-body-color);appearance:none;background-color:var(--tblr-bg-forms);background-image:var(--tblr-form-select-bg-img),var(--tblr-form-select-bg-icon,none);background-repeat:no-repeat;background-position:right 1rem center;background-size:16px 12px;border:var(--tblr-border-width) solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);box-shadow:var(--tblr-shadow-input);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media  (prefers-reduced-motion:reduce){:where(html) .form-select:where(:not([data-tabler-native], [data-tabler-native] *)){transition:none}}
:where(html) .form-select:focus:where(:not([data-tabler-native], [data-tabler-native] *)){border-color:rgb(51.1764705882%,71.7647058824%,90.9803921569%);outline:0;box-shadow:var(--tblr-shadow-input),0 0 0 .25rem color-mix(in srgb,var(--tblr-primary) 25%,transparent)}
:where(html) .form-select[multiple]:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .form-select[size]:not([size="1"]):where(:not([data-tabler-native], [data-tabler-native] *)){padding-inline-end:1rem;background-image:none}
:where(html) .form-select:disabled:where(:not([data-tabler-native], [data-tabler-native] *)){background-color:var(--tblr-bg-forms-disabled)}
:where(html) .form-select:-moz-focusring:where(:not([data-tabler-native], [data-tabler-native] *)){color:transparent;text-shadow:0 0 0 var(--tblr-body-color)}
:where(html) .form-select-sm:where(:not([data-tabler-native], [data-tabler-native] *)){padding-top:.3125rem;padding-bottom:.3125rem;padding-inline-start:0.5rem;font-size:.75rem;border-radius:var(--tblr-border-radius-sm)}
:where(html) .form-select-lg:where(:not([data-tabler-native], [data-tabler-native] *)){padding-top:.6875rem;padding-bottom:.6875rem;padding-inline-start:1.5rem;font-size:1rem;border-radius:var(--tblr-border-radius-lg)}
:where(html) .form-check:where(:not([data-tabler-native], [data-tabler-native] *)){display:block;min-height:1.25rem;padding-inline-start:2rem;margin-bottom:.75rem}
:where(html) .form-check .form-check-input:where(:not([data-tabler-native], [data-tabler-native] *)){float:inline-start;margin-inline-start:-2rem}
:where(html) .form-check-reverse:where(:not([data-tabler-native], [data-tabler-native] *)){padding-inline-end:2rem;padding-inline-start:0;text-align:end}
:where(html) .form-check-reverse .form-check-input:where(:not([data-tabler-native], [data-tabler-native] *)){float:inline-end;margin-inline-end:-2rem;margin-inline-start:0}
:where(html) .form-check-input:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-form-check-bg:var(--tblr-bg-forms);flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.0892857143rem;vertical-align:top;appearance:none;background-color:var(--tblr-form-check-bg);background-image:var(--tblr-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);-webkit-print-color-adjust:exact;print-color-adjust:exact}
:where(html) .form-check-input[type=checkbox]:where(:not([data-tabler-native], [data-tabler-native] *)){border-radius:var(--tblr-border-radius)}
:where(html) .form-check-input[type=radio]:where(:not([data-tabler-native], [data-tabler-native] *)){border-radius:50%}
:where(html) .form-check-input:active:where(:not([data-tabler-native], [data-tabler-native] *)){filter:brightness(90%)}
:where(html) .form-check-input:focus:where(:not([data-tabler-native], [data-tabler-native] *)){border-color:rgb(51.1764705882%,71.7647058824%,90.9803921569%);outline:0;box-shadow:0 0 0 2px var(--tblr-primary),0 0 0 .25rem color-mix(in srgb,var(--tblr-primary) 25%,transparent)}
:where(html) .form-check-input:checked:where(:not([data-tabler-native], [data-tabler-native] *)){background-color:var(--tblr-primary);border-color:var(--tblr-border-color-translucent)}
:where(html) .form-check-input:checked[type=checkbox]:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e")}
:where(html) .form-check-input:checked[type=radio]:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle r='3' fill='%23fff' cx='8' cy='8' /%3e%3c/svg%3e")}
:where(html) .form-check-input[type=checkbox]:indeterminate:where(:not([data-tabler-native], [data-tabler-native] *)){background-color:var(--tblr-primary);border-color:var(--tblr-primary);--tblr-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}
:where(html) .form-check-input:disabled:where(:not([data-tabler-native], [data-tabler-native] *)){pointer-events:none;filter:none;opacity:.5}
:where(html) .form-check-input:disabled~.form-check-label:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .form-check-input[disabled]~.form-check-label:where(:not([data-tabler-native], [data-tabler-native] *)){cursor:default;opacity:.7}
:where(html) .form-switch:where(:not([data-tabler-native], [data-tabler-native] *)){padding-inline-start:2.5rem}
:where(html) .form-switch .form-check-input:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23e5e7eb'/%3e%3c/svg%3e");width:2rem;margin-inline-start:-2.5rem;background-image:var(--tblr-form-switch-bg);background-position:left center;border-radius:2rem;transition:background-position .15s ease-in-out}
@media  (prefers-reduced-motion:reduce){:where(html) .form-switch .form-check-input:where(:not([data-tabler-native], [data-tabler-native] *)){transition:none}}
:where(html) .form-switch .form-check-input:focus:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%2851.1764705882%, 71.7647058824%, 90.9803921569%%29'/%3e%3c/svg%3e")}
:where(html) .form-switch .form-check-input:checked:where(:not([data-tabler-native], [data-tabler-native] *)){background-position:right center;--tblr-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}
:where(html) .form-switch.form-check-reverse:where(:not([data-tabler-native], [data-tabler-native] *)){padding-inline-end:2.5rem;padding-inline-start:0}
:where(html) .form-switch.form-check-reverse .form-check-input:where(:not([data-tabler-native], [data-tabler-native] *)){margin-inline-end:-2.5rem;margin-inline-start:0}
:where(html) .form-check-inline:where(:not([data-tabler-native], [data-tabler-native] *)){display:inline-block;margin-inline-end:1rem}
:where(html) .btn-check:where(:not([data-tabler-native], [data-tabler-native] *)){position:absolute;clip:rect(0,0,0,0);pointer-events:none}
:where(html) .btn-check:disabled+:is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-check[disabled]+:is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)){pointer-events:none;filter:none;opacity:.4}
:where(html) .form-control.is-valid:where(:not([data-tabler-native], [data-tabler-native] *)){border-color:var(--tblr-form-valid-border-color);padding-inline-end:2.375rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1.53125rem center;background-size:1.8125rem 1.8125rem}
:where(html) .form-control.is-valid:focus:where(:not([data-tabler-native], [data-tabler-native] *)){border-color:var(--tblr-form-valid-border-color);box-shadow:var(--tblr-shadow-input),0 0 0 .25rem color-mix(in srgb,var(--tblr-success) 25%,transparent)}
:where(html) .form-select.is-valid:where(:not([data-tabler-native], [data-tabler-native] *)){border-color:var(--tblr-form-valid-border-color)}
:where(html) .form-select.is-valid:not([multiple]):not([size]):where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .form-select.is-valid:not([multiple])[size="1"]:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");padding-inline-end:5.5rem;background-position:right 1rem center,center right 3rem;background-size:16px 12px,1.8125rem 1.8125rem}
:where(html) .form-select.is-valid:focus:where(:not([data-tabler-native], [data-tabler-native] *)){border-color:var(--tblr-form-valid-border-color);box-shadow:var(--tblr-shadow-input),0 0 0 .25rem color-mix(in srgb,var(--tblr-success) 25%,transparent)}
:where(html) .form-control-color.is-valid:where(:not([data-tabler-native], [data-tabler-native] *)){width:5.375rem}
:where(html) .form-check-input.is-valid:where(:not([data-tabler-native], [data-tabler-native] *)){border-color:var(--tblr-form-valid-border-color)}
:where(html) .form-check-input.is-valid:checked:where(:not([data-tabler-native], [data-tabler-native] *)){background-color:var(--tblr-form-valid-color)}
:where(html) .form-check-input.is-valid:focus:where(:not([data-tabler-native], [data-tabler-native] *)){box-shadow:0 0 0 .25rem color-mix(in srgb,var(--tblr-success) 25%,transparent)}
:where(html) .form-check-input.is-valid~.form-check-label:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--tblr-form-valid-color)}
:where(html) .form-check-inline .form-check-input~.valid-feedback:where(:not([data-tabler-native], [data-tabler-native] *)){margin-inline-start:.5em}
:where(html) .form-control.is-invalid:where(:not([data-tabler-native], [data-tabler-native] *)){border-color:var(--tblr-form-invalid-border-color);padding-inline-end:2.375rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1.53125rem center;background-size:1.8125rem 1.8125rem}
:where(html) .form-control.is-invalid:focus:where(:not([data-tabler-native], [data-tabler-native] *)){border-color:var(--tblr-form-invalid-border-color);box-shadow:var(--tblr-shadow-input),0 0 0 .25rem color-mix(in srgb,var(--tblr-danger) 25%,transparent)}
:where(html) .form-select.is-invalid:where(:not([data-tabler-native], [data-tabler-native] *)){border-color:var(--tblr-form-invalid-border-color)}
:where(html) .form-select.is-invalid:not([multiple]):not([size]):where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .form-select.is-invalid:not([multiple])[size="1"]:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");padding-inline-end:5.5rem;background-position:right 1rem center,center right 3rem;background-size:16px 12px,1.8125rem 1.8125rem}
:where(html) .form-select.is-invalid:focus:where(:not([data-tabler-native], [data-tabler-native] *)){border-color:var(--tblr-form-invalid-border-color);box-shadow:var(--tblr-shadow-input),0 0 0 .25rem color-mix(in srgb,var(--tblr-danger) 25%,transparent)}
:where(html) .form-control-color.is-invalid:where(:not([data-tabler-native], [data-tabler-native] *)){width:5.375rem}
:where(html) .form-check-input.is-invalid:where(:not([data-tabler-native], [data-tabler-native] *)){border-color:var(--tblr-form-invalid-border-color)}
:where(html) .form-check-input.is-invalid:checked:where(:not([data-tabler-native], [data-tabler-native] *)){background-color:var(--tblr-form-invalid-color)}
:where(html) .form-check-input.is-invalid:focus:where(:not([data-tabler-native], [data-tabler-native] *)){box-shadow:0 0 0 .25rem color-mix(in srgb,var(--tblr-danger) 25%,transparent)}
:where(html) .form-check-input.is-invalid~.form-check-label:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--tblr-form-invalid-color)}
:where(html) .form-check-inline .form-check-input~.invalid-feedback:where(:not([data-tabler-native], [data-tabler-native] *)){margin-inline-start:.5em}
:where(html) :is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-padding-x:1rem;--tblr-btn-padding-y:0.5625rem;--tblr-btn-font-family:var(--tblr-body-font-family);--tblr-btn-font-size:0.875rem;--tblr-btn-font-weight:var(--tblr-font-weight-medium);--tblr-btn-line-height:1.25rem;--tblr-btn-color:var(--tblr-body-color);--tblr-btn-bg:transparent;--tblr-btn-border-width:var(--tblr-border-width);--tblr-btn-border-color:transparent;--tblr-btn-border-radius:var(--tblr-border-radius);--tblr-btn-hover-border-color:transparent;--tblr-btn-box-shadow:var(--tblr-shadow-input);--tblr-btn-disabled-opacity:0.4;--tblr-btn-disabled-color:var(--tblr-btn-color);--tblr-btn-disabled-bg:var(--tblr-btn-bg);--tblr-btn-disabled-border-color:var(--tblr-btn-border-color);--tblr-btn-active-shadow:0 0 0 #000;--tblr-btn-focus-box-shadow:0 0 0 2px var(--tblr-primary),0 0 0 0.25rem color-mix(in srgb, var(--tblr-primary) 25%, transparent);display:inline-block;padding:var(--tblr-btn-padding-y) var(--tblr-btn-padding-x);font-family:var(--tblr-btn-font-family);font-size:var(--tblr-btn-font-size);font-weight:var(--tblr-btn-font-weight);line-height:var(--tblr-btn-line-height);color:var(--tblr-btn-color);text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:var(--tblr-btn-border-width) solid var(--tblr-btn-border-color);border-radius:var(--tblr-btn-border-radius);background-color:var(--tblr-btn-bg);box-shadow:var(--tblr-btn-box-shadow);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media  (prefers-reduced-motion:reduce){:where(html) :is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)){transition:none}}
:where(html) :is(.btn,.primary,.secondary,.danger-button):hover:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--tblr-btn-hover-color);text-decoration:none;background-color:var(--tblr-btn-hover-bg);border-color:var(--tblr-btn-hover-border-color)}
:where(html) .btn-check+:is(.btn,.primary,.secondary,.danger-button):hover:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--tblr-btn-color);background-color:var(--tblr-btn-bg);border-color:var(--tblr-btn-border-color)}
:where(html) :is(.btn,.primary,.secondary,.danger-button):focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--tblr-btn-hover-color);background-color:var(--tblr-btn-hover-bg);border-color:var(--tblr-btn-hover-border-color);outline:0;box-shadow:var(--tblr-btn-box-shadow),var(--tblr-btn-focus-box-shadow)}
:where(html) .btn-check:focus-visible+:is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)){border-color:var(--tblr-btn-hover-border-color);outline:0;box-shadow:var(--tblr-btn-box-shadow),var(--tblr-btn-focus-box-shadow)}
:where(html) .btn-check:checked+:is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) :is(.btn,.primary,.secondary,.danger-button).active:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) :is(.btn,.primary,.secondary,.danger-button).show:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) :is(.btn,.primary,.secondary,.danger-button):first-child:active:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--tblr-btn-active-color);background-color:var(--tblr-btn-active-bg);border-color:var(--tblr-btn-active-border-color);box-shadow:var(--tblr-btn-active-shadow)}
:where(html) .btn-check:checked+:is(.btn,.primary,.secondary,.danger-button):focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) :is(.btn,.primary,.secondary,.danger-button).active:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) :is(.btn,.primary,.secondary,.danger-button).show:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) :is(.btn,.primary,.secondary,.danger-button):first-child:active:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){box-shadow:var(--tblr-btn-active-shadow),var(--tblr-btn-focus-box-shadow)}
:where(html) .btn-check:checked:focus-visible+:is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)){box-shadow:var(--tblr-btn-active-shadow),var(--tblr-btn-focus-box-shadow)}
:where(html) :is(.btn,.primary,.secondary,.danger-button).disabled:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) :is(.btn,.primary,.secondary,.danger-button):disabled:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--tblr-btn-disabled-color);pointer-events:none;background-color:var(--tblr-btn-disabled-bg);border-color:var(--tblr-btn-disabled-border-color);opacity:var(--tblr-btn-disabled-opacity);box-shadow:none}
:where(html) .btn-link:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-font-weight:400;--tblr-btn-color:var(--tblr-link-color);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-link-hover-color);--tblr-btn-hover-border-color:transparent;--tblr-btn-active-color:var(--tblr-link-hover-color);--tblr-btn-active-border-color:transparent;--tblr-btn-disabled-color:#4b5563;--tblr-btn-disabled-border-color:transparent;--tblr-btn-box-shadow:0 0 0 #000;text-decoration:none}
:where(html) .btn-link:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-link:hover:where(:not([data-tabler-native], [data-tabler-native] *)){text-decoration:underline}
:where(html) .btn-link:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--tblr-btn-color)}
:where(html) .btn-link:hover:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--tblr-btn-hover-color)}
:where(html) .btn-group-lg>:is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-lg:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-padding-y:0.6875rem;--tblr-btn-padding-x:1.5rem;--tblr-btn-font-size:1rem;--tblr-btn-border-radius:var(--tblr-border-radius-lg)}
:where(html) .btn-group-sm>:is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-sm:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-padding-y:0.3125rem;--tblr-btn-padding-x:0.5rem;--tblr-btn-font-size:0.75rem;--tblr-btn-border-radius:var(--tblr-border-radius-sm)}
:where(html) .dropdown:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .dropdown-center:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .dropend:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .dropstart:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .dropup:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .dropup-center:where(:not([data-tabler-native], [data-tabler-native] *)){position:relative}
:where(html) .dropdown-toggle:where(:not([data-tabler-native], [data-tabler-native] *)){white-space:nowrap}
:where(html) .dropdown-toggle:where(:not([data-tabler-native], [data-tabler-native] *)):after{content:"";display:inline-block;vertical-align:.306em;width:.36em;height:.36em;border-bottom:1px var(--tblr-border-style);border-inline-start:1px var(--tblr-border-style);margin-inline-end:.1em;margin-inline-start:.306em;transform:rotate(-45deg)}
:where(html) .dropdown-menu:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-dropdown-zindex:1000;--tblr-dropdown-min-width:11rem;--tblr-dropdown-padding-x:0;--tblr-dropdown-padding-y:0.25rem;--tblr-dropdown-spacer:1px;--tblr-dropdown-font-size:0.875rem;--tblr-dropdown-color:var(--tblr-body-color);--tblr-dropdown-bg:var(--tblr-bg-surface);--tblr-dropdown-border-color:var(--tblr-border-color-translucent);--tblr-dropdown-border-radius:var(--tblr-border-radius);--tblr-dropdown-border-width:var(--tblr-border-width);--tblr-dropdown-inner-border-radius:calc(var(--tblr-border-radius) - var(--tblr-border-width));--tblr-dropdown-divider-bg:var(--tblr-border-color-translucent);--tblr-dropdown-divider-margin-y:var(--tblr-spacer-2);--tblr-dropdown-box-shadow:var(--tblr-shadow-dropdown);--tblr-dropdown-link-color:inherit;--tblr-dropdown-link-hover-color:inherit;--tblr-dropdown-link-hover-bg:color-mix(in srgb, var(--tblr-secondary) 8%, transparent);--tblr-dropdown-link-active-color:var(--tblr-primary);--tblr-dropdown-link-active-bg:var(--tblr-active-bg);--tblr-dropdown-link-disabled-color:var(--tblr-tertiary-color);--tblr-dropdown-item-padding-x:0.75rem;--tblr-dropdown-item-padding-y:0.5rem;--tblr-dropdown-header-color:#4b5563;--tblr-dropdown-header-padding-x:0.75rem;--tblr-dropdown-header-padding-y:0.25rem;position:absolute;z-index:var(--tblr-dropdown-zindex);display:none;min-width:var(--tblr-dropdown-min-width);padding:var(--tblr-dropdown-padding-y) var(--tblr-dropdown-padding-x);margin:0;font-size:var(--tblr-dropdown-font-size);color:var(--tblr-dropdown-color);text-align:start;list-style:none;background-color:var(--tblr-dropdown-bg);background-clip:padding-box;border-radius:var(--tblr-dropdown-border-radius);box-shadow:var(--tblr-dropdown-box-shadow)}
:where(html) .dropdown-menu[data-bs-popper]:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .dropdown-menu[data-tblr-popper]:where(:not([data-tabler-native], [data-tabler-native] *)){top:100%;inset-inline-start:0;margin-top:var(--tblr-dropdown-spacer)}
:where(html) .dropdown-menu-start:where(:not([data-tabler-native], [data-tabler-native] *)){--bs-position:start}
:where(html) .dropdown-menu-start[data-bs-popper]:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .dropdown-menu-start[data-tblr-popper]:where(:not([data-tabler-native], [data-tabler-native] *)){inset-inline-end:auto;inset-inline-start:0}
:where(html) .dropdown-menu-end:where(:not([data-tabler-native], [data-tabler-native] *)){--bs-position:end}
:where(html) .dropdown-menu-end[data-bs-popper]:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .dropdown-menu-end[data-tblr-popper]:where(:not([data-tabler-native], [data-tabler-native] *)){inset-inline-end:0;inset-inline-start:auto}
@media  (min-width:576px){:where(html) .dropdown-menu-sm-start:where(:not([data-tabler-native], [data-tabler-native] *)){--bs-position:start}
:where(html) .dropdown-menu-sm-start[data-bs-popper]:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .dropdown-menu-sm-start[data-tblr-popper]:where(:not([data-tabler-native], [data-tabler-native] *)){inset-inline-end:auto;inset-inline-start:0}
:where(html) .dropdown-menu-sm-end:where(:not([data-tabler-native], [data-tabler-native] *)){--bs-position:end}
:where(html) .dropdown-menu-sm-end[data-bs-popper]:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .dropdown-menu-sm-end[data-tblr-popper]:where(:not([data-tabler-native], [data-tabler-native] *)){inset-inline-end:0;inset-inline-start:auto}}
@media  (min-width:768px){:where(html) .dropdown-menu-md-start:where(:not([data-tabler-native], [data-tabler-native] *)){--bs-position:start}
:where(html) .dropdown-menu-md-start[data-bs-popper]:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .dropdown-menu-md-start[data-tblr-popper]:where(:not([data-tabler-native], [data-tabler-native] *)){inset-inline-end:auto;inset-inline-start:0}
:where(html) .dropdown-menu-md-end:where(:not([data-tabler-native], [data-tabler-native] *)){--bs-position:end}
:where(html) .dropdown-menu-md-end[data-bs-popper]:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .dropdown-menu-md-end[data-tblr-popper]:where(:not([data-tabler-native], [data-tabler-native] *)){inset-inline-end:0;inset-inline-start:auto}}
@media  (min-width:992px){:where(html) .dropdown-menu-lg-start:where(:not([data-tabler-native], [data-tabler-native] *)){--bs-position:start}
:where(html) .dropdown-menu-lg-start[data-bs-popper]:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .dropdown-menu-lg-start[data-tblr-popper]:where(:not([data-tabler-native], [data-tabler-native] *)){inset-inline-end:auto;inset-inline-start:0}
:where(html) .dropdown-menu-lg-end:where(:not([data-tabler-native], [data-tabler-native] *)){--bs-position:end}
:where(html) .dropdown-menu-lg-end[data-bs-popper]:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .dropdown-menu-lg-end[data-tblr-popper]:where(:not([data-tabler-native], [data-tabler-native] *)){inset-inline-end:0;inset-inline-start:auto}}
@media  (min-width:1200px){:where(html) .dropdown-menu-xl-start:where(:not([data-tabler-native], [data-tabler-native] *)){--bs-position:start}
:where(html) .dropdown-menu-xl-start[data-bs-popper]:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .dropdown-menu-xl-start[data-tblr-popper]:where(:not([data-tabler-native], [data-tabler-native] *)){inset-inline-end:auto;inset-inline-start:0}
:where(html) .dropdown-menu-xl-end:where(:not([data-tabler-native], [data-tabler-native] *)){--bs-position:end}
:where(html) .dropdown-menu-xl-end[data-bs-popper]:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .dropdown-menu-xl-end[data-tblr-popper]:where(:not([data-tabler-native], [data-tabler-native] *)){inset-inline-end:0;inset-inline-start:auto}}
@media  (min-width:1400px){:where(html) .dropdown-menu-xxl-start:where(:not([data-tabler-native], [data-tabler-native] *)){--bs-position:start}
:where(html) .dropdown-menu-xxl-start[data-bs-popper]:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .dropdown-menu-xxl-start[data-tblr-popper]:where(:not([data-tabler-native], [data-tabler-native] *)){inset-inline-end:auto;inset-inline-start:0}
:where(html) .dropdown-menu-xxl-end:where(:not([data-tabler-native], [data-tabler-native] *)){--bs-position:end}
:where(html) .dropdown-menu-xxl-end[data-bs-popper]:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .dropdown-menu-xxl-end[data-tblr-popper]:where(:not([data-tabler-native], [data-tabler-native] *)){inset-inline-end:0;inset-inline-start:auto}}
:where(html) .dropup .dropdown-menu[data-bs-popper]:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .dropup .dropdown-menu[data-tblr-popper]:where(:not([data-tabler-native], [data-tabler-native] *)){top:auto;bottom:100%;margin-top:0;margin-bottom:var(--tblr-dropdown-spacer)}
:where(html) .dropup .dropdown-toggle:where(:not([data-tabler-native], [data-tabler-native] *)):after{content:"";display:inline-block;vertical-align:.306em;width:.36em;height:.36em;border-bottom:1px var(--tblr-border-style);border-inline-start:1px var(--tblr-border-style);margin-inline-end:.1em;margin-inline-start:.306em;transform:rotate(135deg)}
:where(html) .dropend .dropdown-menu[data-bs-popper]:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .dropend .dropdown-menu[data-tblr-popper]:where(:not([data-tabler-native], [data-tabler-native] *)){top:0;inset-inline-end:auto;inset-inline-start:100%;margin-top:0;margin-inline-start:var(--tblr-dropdown-spacer)}
:where(html) .dropend .dropdown-toggle:where(:not([data-tabler-native], [data-tabler-native] *)):after{content:"";display:inline-block;vertical-align:.306em;width:.36em;height:.36em;border-bottom:1px var(--tblr-border-style);border-inline-start:1px var(--tblr-border-style);margin-inline-end:.1em;margin-inline-start:.306em;transform:rotate(-135deg)}
:where(html) .dropend .dropdown-toggle:where(:not([data-tabler-native], [data-tabler-native] *))::after{vertical-align:0}
:where(html) .dropstart .dropdown-menu[data-bs-popper]:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .dropstart .dropdown-menu[data-tblr-popper]:where(:not([data-tabler-native], [data-tabler-native] *)){top:0;inset-inline-end:100%;inset-inline-start:auto;margin-top:0;margin-inline-end:var(--tblr-dropdown-spacer)}
:where(html) .dropstart .dropdown-toggle:where(:not([data-tabler-native], [data-tabler-native] *)):before{content:"";display:inline-block;vertical-align:.306em;width:.36em;height:.36em;border-bottom:1px var(--tblr-border-style);border-inline-start:1px var(--tblr-border-style);margin-inline-end:.1em;margin-inline-end:.306em;transform:rotate(45deg)}
:where(html) .dropstart .dropdown-toggle:where(:not([data-tabler-native], [data-tabler-native] *))::after{content:none}
:where(html) .dropstart .dropdown-toggle:where(:not([data-tabler-native], [data-tabler-native] *))::before{vertical-align:0}
:where(html) .dropdown-divider:where(:not([data-tabler-native], [data-tabler-native] *)){height:0;margin:var(--tblr-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--tblr-dropdown-divider-bg);opacity:1}
:where(html) .dropdown-item:where(:not([data-tabler-native], [data-tabler-native] *)){display:block;width:100%;padding:var(--tblr-dropdown-item-padding-y) var(--tblr-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--tblr-dropdown-link-color);text-align:inherit;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--tblr-dropdown-item-border-radius,0)}
:where(html) .dropdown-item:focus:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .dropdown-item:hover:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--tblr-dropdown-link-hover-color);text-decoration:none;background-color:var(--tblr-dropdown-link-hover-bg)}
:where(html) .dropdown-item.active:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .dropdown-item:active:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--tblr-dropdown-link-active-color);text-decoration:none;background-color:var(--tblr-dropdown-link-active-bg)}
:where(html) .dropdown-item.disabled:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .dropdown-item:disabled:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--tblr-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}
:where(html) .dropdown-menu.show:where(:not([data-tabler-native], [data-tabler-native] *)){display:block}
:where(html) .dropdown-header:where(:not([data-tabler-native], [data-tabler-native] *)){display:block;padding:var(--tblr-dropdown-header-padding-y) var(--tblr-dropdown-header-padding-x);margin-bottom:0;font-size:.765625rem;color:var(--tblr-dropdown-header-color);white-space:nowrap}
:where(html) .dropdown-item-text:where(:not([data-tabler-native], [data-tabler-native] *)){display:block;padding:var(--tblr-dropdown-item-padding-y) var(--tblr-dropdown-item-padding-x);color:var(--tblr-dropdown-link-color)}
:where(html) .dropdown-menu-dark:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-dropdown-color:#d1d5db;--tblr-dropdown-bg:#1f2937;--tblr-dropdown-border-color:var(--tblr-border-color-translucent);--tblr-dropdown-box-shadow: ;--tblr-dropdown-link-color:#d1d5db;--tblr-dropdown-link-hover-color:#fff;--tblr-dropdown-divider-bg:var(--tblr-border-color-translucent);--tblr-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);--tblr-dropdown-link-active-color:var(--tblr-primary);--tblr-dropdown-link-active-bg:var(--tblr-active-bg);--tblr-dropdown-link-disabled-color:#6b7280;--tblr-dropdown-header-color:#6b7280}
:where(html) .btn-group:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group-vertical:where(:not([data-tabler-native], [data-tabler-native] *)){position:relative;display:inline-flex;vertical-align:middle}
:where(html) .btn-group-vertical>:is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group>:is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)){position:relative;flex:1 1 auto}
:where(html) .btn-group-vertical>.btn-check:checked+:is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group-vertical>.btn-check:focus+:is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group-vertical>:is(.btn,.primary,.secondary,.danger-button).active:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group-vertical>:is(.btn,.primary,.secondary,.danger-button):active:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group-vertical>:is(.btn,.primary,.secondary,.danger-button):focus:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group-vertical>:is(.btn,.primary,.secondary,.danger-button):hover:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group>.btn-check:checked+:is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group>.btn-check:focus+:is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group>:is(.btn,.primary,.secondary,.danger-button).active:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group>:is(.btn,.primary,.secondary,.danger-button):active:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group>:is(.btn,.primary,.secondary,.danger-button):focus:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group>:is(.btn,.primary,.secondary,.danger-button):hover:where(:not([data-tabler-native], [data-tabler-native] *)){z-index:1}
:where(html) .btn-toolbar:where(:not([data-tabler-native], [data-tabler-native] *)){display:flex;flex-wrap:wrap;justify-content:flex-start}
:where(html) .btn-toolbar .input-group:where(:not([data-tabler-native], [data-tabler-native] *)){width:auto}
:where(html) .btn-group:where(:not([data-tabler-native], [data-tabler-native] *)){border-radius:var(--tblr-border-radius)}
:where(html) .btn-group>.btn-group:not(:first-child):where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group>:not(.btn-check:first-child)+:is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)){margin-inline-start:calc(-1 * var(--tblr-border-width))}
:where(html) .btn-group>.btn-group:not(:last-child)>:is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group>:is(.btn,.primary,.secondary,.danger-button).dropdown-toggle-split:first-child:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group>:is(.btn,.primary,.secondary,.danger-button):not(:last-child):not(.dropdown-toggle):where(:not([data-tabler-native], [data-tabler-native] *)){border-top-right-radius:0;border-bottom-right-radius:0}
:where(html) .btn-group>.btn-group:not(:first-child)>:is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group>:is(.btn,.primary,.secondary,.danger-button):nth-child(n/**/+3):where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group>:not(.btn-check)+:is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)){border-top-left-radius:0;border-bottom-left-radius:0}
:where(html) .dropdown-toggle-split:where(:not([data-tabler-native], [data-tabler-native] *)){padding-inline-end:0.75rem;padding-inline-start:0.75rem}
:where(html) .dropdown-toggle-split:where(:not([data-tabler-native], [data-tabler-native] *))::after,:where(html) .dropend .dropdown-toggle-split:where(:not([data-tabler-native], [data-tabler-native] *))::after,:where(html) .dropup .dropdown-toggle-split:where(:not([data-tabler-native], [data-tabler-native] *))::after{margin-inline-start:0}
:where(html) .dropstart .dropdown-toggle-split:where(:not([data-tabler-native], [data-tabler-native] *))::before{margin-inline-end:0}
:where(html) .btn-group-sm>:is(.btn,.primary,.secondary,.danger-button)+.dropdown-toggle-split:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-sm+.dropdown-toggle-split:where(:not([data-tabler-native], [data-tabler-native] *)){padding-inline-end:0.375rem;padding-inline-start:0.375rem}
:where(html) .btn-group-lg>:is(.btn,.primary,.secondary,.danger-button)+.dropdown-toggle-split:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-lg+.dropdown-toggle-split:where(:not([data-tabler-native], [data-tabler-native] *)){padding-inline-end:1.125rem;padding-inline-start:1.125rem}
:where(html) .btn-group.show .dropdown-toggle:where(:not([data-tabler-native], [data-tabler-native] *)){box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
:where(html) .btn-group.show .dropdown-toggle.btn-link:where(:not([data-tabler-native], [data-tabler-native] *)){box-shadow:none}
:where(html) .btn-group-vertical:where(:not([data-tabler-native], [data-tabler-native] *)){flex-direction:column;align-items:flex-start;justify-content:center}
:where(html) .btn-group-vertical>:is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group-vertical>.btn-group:where(:not([data-tabler-native], [data-tabler-native] *)){width:100%}
:where(html) .btn-group-vertical>.btn-group:not(:first-child):where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group-vertical>:is(.btn,.primary,.secondary,.danger-button):not(:first-child):where(:not([data-tabler-native], [data-tabler-native] *)){margin-top:calc(-1 * var(--tblr-border-width))}
:where(html) .btn-group-vertical>.btn-group:not(:last-child)>:is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group-vertical>:is(.btn,.primary,.secondary,.danger-button):not(:last-child):not(.dropdown-toggle):where(:not([data-tabler-native], [data-tabler-native] *)){border-bottom-right-radius:0;border-bottom-left-radius:0}
:where(html) .btn-group-vertical>.btn-group:not(:first-child)>:is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group-vertical>:is(.btn,.primary,.secondary,.danger-button):nth-child(n/**/+3):where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group-vertical>:not(.btn-check)+:is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)){border-top-left-radius:0;border-top-right-radius:0}
:where(html) .card:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-spacer-y:1.25rem;--tblr-card-spacer-x:1.25rem;--tblr-card-title-spacer-y:1.25rem;--tblr-card-title-color: ;--tblr-card-subtitle-color: ;--tblr-card-border-width:var(--tblr-border-width);--tblr-card-border-color:var(--tblr-border-color-translucent);--tblr-card-border-radius:var(--tblr-border-radius-lg);--tblr-card-box-shadow:var(--tblr-shadow-card);--tblr-card-inner-border-radius:calc(var(--tblr-border-radius-lg) - (var(--tblr-border-width)));--tblr-card-cap-padding-y:1.25rem;--tblr-card-cap-padding-x:1.25rem;--tblr-card-cap-bg:var(--tblr-bg-surface-tertiary);--tblr-card-cap-color:inherit;--tblr-card-height: ;--tblr-card-color:inherit;--tblr-card-bg:var(--tblr-bg-surface);--tblr-card-img-overlay-padding:1rem;--tblr-card-group-margin:1.5rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--tblr-card-height);color:var(--tblr-body-color);word-wrap:break-word;background-color:var(--tblr-card-bg);background-clip:border-box;border:var(--tblr-card-border-width) solid var(--tblr-card-border-color);border-radius:var(--tblr-card-border-radius);box-shadow:var(--tblr-card-box-shadow)}
:where(html) .card>.hr:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card>hr:where(:not([data-tabler-native], [data-tabler-native] *)){margin-inline-end:0;margin-inline-start:0}
:where(html) .card>.list-group:where(:not([data-tabler-native], [data-tabler-native] *)){border-top:inherit;border-bottom:inherit}
:where(html) .card>.list-group:first-child:where(:not([data-tabler-native], [data-tabler-native] *)){border-top-width:0;border-top-left-radius:var(--tblr-card-inner-border-radius);border-top-right-radius:var(--tblr-card-inner-border-radius)}
:where(html) .card>.list-group:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){border-bottom-width:0;border-bottom-right-radius:var(--tblr-card-inner-border-radius);border-bottom-left-radius:var(--tblr-card-inner-border-radius)}
:where(html) .card>.card-header+.list-group:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card>.list-group+.card-footer:where(:not([data-tabler-native], [data-tabler-native] *)){border-top:0}
:where(html) .card-body:where(:not([data-tabler-native], [data-tabler-native] *)){flex:1 1 auto;padding:var(--tblr-card-spacer-y) var(--tblr-card-spacer-x);color:var(--tblr-card-color)}
:where(html) .card-title:where(:not([data-tabler-native], [data-tabler-native] *)){margin-bottom:var(--tblr-card-title-spacer-y);color:var(--tblr-card-title-color)}
:where(html) .card-subtitle:where(:not([data-tabler-native], [data-tabler-native] *)){margin-top:calc(-.5 * var(--tblr-card-title-spacer-y));margin-bottom:0;color:var(--tblr-card-subtitle-color)}
:where(html) .card-text:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){margin-bottom:0}
:where(html) .card-link:hover:where(:not([data-tabler-native], [data-tabler-native] *)){text-decoration:none}
:where(html) .card-link+.card-link:where(:not([data-tabler-native], [data-tabler-native] *)){margin-inline-start:var(--tblr-card-spacer-x)}
:where(html) .card-header:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-header-bg:transparent;padding:var(--tblr-card-cap-padding-y) var(--tblr-card-cap-padding-x);margin-bottom:0;color:var(--tblr-card-cap-color);background-color:var(--tblr-card-header-bg,var(--tblr-card-cap-bg));border-bottom:var(--tblr-card-border-width) solid var(--tblr-card-border-color)}
:where(html) .card-header:first-child:where(:not([data-tabler-native], [data-tabler-native] *)){border-radius:var(--tblr-card-inner-border-radius) var(--tblr-card-inner-border-radius) 0 0}
:where(html) .card-footer:where(:not([data-tabler-native], [data-tabler-native] *)){padding:var(--tblr-card-cap-padding-y) var(--tblr-card-cap-padding-x);color:var(--tblr-card-cap-color);background-color:var(--tblr-card-footer-bg,var(--tblr-card-cap-bg));border-top:var(--tblr-card-border-width) solid var(--tblr-card-border-color)}
:where(html) .card-footer:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){border-radius:0 0 var(--tblr-card-inner-border-radius) var(--tblr-card-inner-border-radius)}
:where(html) .card-header-tabs:where(:not([data-tabler-native], [data-tabler-native] *)){margin-inline-end:calc(-.5 * var(--tblr-card-cap-padding-x));margin-bottom:calc(-1 * var(--tblr-card-cap-padding-y));margin-inline-start:calc(-.5 * var(--tblr-card-cap-padding-x));border-bottom:0}
:where(html) .card-header-tabs .nav-link.active:where(:not([data-tabler-native], [data-tabler-native] *)){background-color:var(--tblr-card-bg);border-bottom-color:var(--tblr-card-bg)}
:where(html) .card-header-pills:where(:not([data-tabler-native], [data-tabler-native] *)){margin-inline-end:calc(-.5 * var(--tblr-card-cap-padding-x));margin-inline-start:calc(-.5 * var(--tblr-card-cap-padding-x))}
:where(html) .card-img-overlay:where(:not([data-tabler-native], [data-tabler-native] *)){position:absolute;inset:0;padding:var(--tblr-card-img-overlay-padding);border-radius:var(--tblr-card-inner-border-radius)}
:where(html) .card-img:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card-img-bottom:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card-img-top:where(:not([data-tabler-native], [data-tabler-native] *)){width:100%}
:where(html) .card-img:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card-img-top:where(:not([data-tabler-native], [data-tabler-native] *)){border-top-left-radius:var(--tblr-card-inner-border-radius);border-top-right-radius:var(--tblr-card-inner-border-radius)}
:where(html) .card-img:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card-img-bottom:where(:not([data-tabler-native], [data-tabler-native] *)){border-bottom-right-radius:var(--tblr-card-inner-border-radius);border-bottom-left-radius:var(--tblr-card-inner-border-radius)}
:where(html) .card-group>.card:where(:not([data-tabler-native], [data-tabler-native] *)){margin-bottom:var(--tblr-card-group-margin)}
@media  (min-width:576px){:where(html) .card-group:where(:not([data-tabler-native], [data-tabler-native] *)){display:flex;flex-flow:row wrap}
:where(html) .card-group>.card:where(:not([data-tabler-native], [data-tabler-native] *)){flex:1 0 0;margin-bottom:0}
:where(html) .card-group>.card+.card:where(:not([data-tabler-native], [data-tabler-native] *)){margin-inline-start:0;border-inline-start:0}
:where(html) .card-group>.card:not(:last-child):where(:not([data-tabler-native], [data-tabler-native] *)){border-top-right-radius:0;border-bottom-right-radius:0}
:where(html) .card-group>.card:not(:last-child)>.card-header:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card-group>.card:not(:last-child)>.card-img-top:where(:not([data-tabler-native], [data-tabler-native] *)){border-top-right-radius:0}
:where(html) .card-group>.card:not(:last-child)>.card-footer:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card-group>.card:not(:last-child)>.card-img-bottom:where(:not([data-tabler-native], [data-tabler-native] *)){border-bottom-right-radius:0}
:where(html) .card-group>.card:not(:first-child):where(:not([data-tabler-native], [data-tabler-native] *)){border-top-left-radius:0;border-bottom-left-radius:0}
:where(html) .card-group>.card:not(:first-child)>.card-header:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card-group>.card:not(:first-child)>.card-img-top:where(:not([data-tabler-native], [data-tabler-native] *)){border-top-left-radius:0}
:where(html) .card-group>.card:not(:first-child)>.card-footer:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card-group>.card:not(:first-child)>.card-img-bottom:where(:not([data-tabler-native], [data-tabler-native] *)){border-bottom-left-radius:0}}
:where(html):where(:not([data-tabler-native], [data-tabler-native] *)),html[data-theme="light"]:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-carousel-indicator-active-bg:#fff;--tblr-carousel-caption-color:#fff;--tblr-carousel-control-icon-filter: }
html:not([data-theme="light"]):where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-carousel-indicator-active-bg:#000;--tblr-carousel-caption-color:#000;--tblr-carousel-control-icon-filter:invert(1) grayscale(100)}
:where(html) .spinner-border:where(:not([data-tabler-native], [data-tabler-native] *)){display:inline-block;flex-shrink:0;width:var(--tblr-spinner-width);height:var(--tblr-spinner-height);vertical-align:var(--tblr-spinner-vertical-align);border-radius:50%;animation:var(--tblr-spinner-animation-speed) linear infinite var(--tblr-spinner-animation-name)}
@keyframes  spinner-border{to{transform:rotate(360deg)}}
:where(html) .spinner-border:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-spinner-width:1.5rem;--tblr-spinner-height:1.5rem;--tblr-spinner-vertical-align:-0.125em;--tblr-spinner-border-width:2px;--tblr-spinner-animation-speed:0.75s;--tblr-spinner-animation-name:spinner-border;border:var(--tblr-spinner-border-width) solid currentColor;border-right-color:transparent}
:where(html) .spinner-border-sm:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-spinner-width:1rem;--tblr-spinner-height:1rem;--tblr-spinner-border-width:1px}
@media  (prefers-reduced-motion:reduce){:where(html) .spinner-border:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-spinner-animation-speed:1.5s}}
:where(html) .table-auto:where(:not([data-tabler-native], [data-tabler-native] *)){table-layout:auto!important}
:where(html) .table-fixed:where(:not([data-tabler-native], [data-tabler-native] *)){table-layout:fixed!important}
:where(html) .text-success:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-text-opacity:1;color:color-mix(in srgb,var(--tblr-success) calc(var(--tblr-text-opacity) * 100%),transparent)!important}
:where(html) .bg-success:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-bg-opacity:1;background-color:color-mix(in srgb,var(--tblr-success) calc(var(--tblr-bg-opacity) * 100%),transparent)!important}
:where(html) .bg-warning:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-bg-opacity:1;background-color:color-mix(in srgb,var(--tblr-warning) calc(var(--tblr-bg-opacity) * 100%),transparent)!important}
:where(html) .bg-danger:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-bg-opacity:1;background-color:color-mix(in srgb,var(--tblr-danger) calc(var(--tblr-bg-opacity) * 100%),transparent)!important}
:where(html) .bg-red:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-bg-opacity:1;background-color:color-mix(in srgb,var(--tblr-red) calc(var(--tblr-bg-opacity) * 100%),transparent)!important}
:where(html):where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-dir:1;--tblr-font-monospace:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;--tblr-font-sans-serif:system-ui,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;--tblr-font-serif:Georgia,Times New Roman,times,serif;--tblr-font-comic:Comic Sans MS,Comic Sans,Chalkboard SE,Comic Neue,sans-serif,cursive;--tblr-gray-50:#f9fafb;--tblr-gray-100:#f3f4f6;--tblr-gray-200:#e5e7eb;--tblr-gray-300:#d1d5db;--tblr-gray-400:#9ca3af;--tblr-gray-500:#6b7280;--tblr-gray-600:#4b5563;--tblr-gray-700:#374151;--tblr-gray-800:#1f2937;--tblr-gray-900:#111827;--tblr-gray-950:#030712;--tblr-white:#fff;--tblr-white-lt:color-mix(in oklab, var(--tblr-white) 10%, transparent);--tblr-black:#000;--tblr-black-lt:color-mix(in oklab, var(--tblr-black) 10%, transparent);--tblr-gray-lt:color-mix(in oklab, var(--tblr-gray) 10%, transparent);--tblr-gray-dark-lt:color-mix(in oklab, var(--tblr-gray-dark) 10%, transparent);--tblr-dark:#1f2937;--tblr-light:#f9fafb;--tblr-brand:#066fd1;--tblr-primary:#066fd1;--tblr-primary-rgb:6,111,209;--tblr-primary-fg:var(--tblr-light);--tblr-primary-darken:rgb(2.1176470588%, 39.1764705882%, 73.7647058824%);--tblr-primary-darken:color-mix(in oklab, var(--tblr-primary), transparent 20%);--tblr-primary-lt:rgb(90.2352941176%, 94.3529411765%, 98.1960784314%);--tblr-primary-lt:color-mix(in oklab, var(--tblr-primary) 10%, transparent);--tblr-primary-200:color-mix(in oklab, var(--tblr-primary) 20%, transparent);--tblr-primary-lt-rgb:230.1,240.6,250.4;--tblr-secondary:#6b7280;--tblr-secondary-rgb:107,114,128;--tblr-secondary-fg:var(--tblr-light);--tblr-secondary-darken:rgb(37.7647058824%, 40.2352941176%, 45.1764705882%);--tblr-secondary-darken:color-mix(in oklab, var(--tblr-secondary), transparent 20%);--tblr-secondary-lt:rgb(94.1960784314%, 94.4705882353%, 95.0196078431%);--tblr-secondary-lt:color-mix(in oklab, var(--tblr-secondary) 10%, transparent);--tblr-secondary-200:color-mix(in oklab, var(--tblr-secondary) 20%, transparent);--tblr-secondary-lt-rgb:240.2,240.9,242.3;--tblr-success:#2fb344;--tblr-success-rgb:47,179,68;--tblr-success-fg:var(--tblr-light);--tblr-success-darken:rgb(16.5882352941%, 63.1764705882%, 24%);--tblr-success-darken:color-mix(in oklab, var(--tblr-success), transparent 20%);--tblr-success-lt:rgb(91.8431372549%, 97.0196078431%, 92.6666666667%);--tblr-success-lt:color-mix(in oklab, var(--tblr-success) 10%, transparent);--tblr-success-200:color-mix(in oklab, var(--tblr-success) 20%, transparent);--tblr-success-lt-rgb:234.2,247.4,236.3;--tblr-info:#4299e1;--tblr-info-rgb:66,153,225;--tblr-info-fg:var(--tblr-light);--tblr-info-darken:rgb(23.2941176471%, 54%, 79.4117647059%);--tblr-info-darken:color-mix(in oklab, var(--tblr-info), transparent 20%);--tblr-info-lt:rgb(92.5882352941%, 96%, 98.8235294118%);--tblr-info-lt:color-mix(in oklab, var(--tblr-info) 10%, transparent);--tblr-info-200:color-mix(in oklab, var(--tblr-info) 20%, transparent);--tblr-info-lt-rgb:236.1,244.8,252;--tblr-warning:#f59f00;--tblr-warning-rgb:245,159,0;--tblr-warning-fg:var(--tblr-light);--tblr-warning-darken:rgb(86.4705882353%, 56.1176470588%, 0%);--tblr-warning-darken:color-mix(in oklab, var(--tblr-warning), transparent 20%);--tblr-warning-lt:rgb(99.6078431373%, 96.2352941176%, 90%);--tblr-warning-lt:color-mix(in oklab, var(--tblr-warning) 10%, transparent);--tblr-warning-200:color-mix(in oklab, var(--tblr-warning) 20%, transparent);--tblr-warning-lt-rgb:254,245.4,229.5;--tblr-danger:#d63939;--tblr-danger-rgb:214,57,57;--tblr-danger-fg:var(--tblr-light);--tblr-danger-darken:rgb(75.5294117647%, 20.1176470588%, 20.1176470588%);--tblr-danger-darken:color-mix(in oklab, var(--tblr-danger), transparent 20%);--tblr-danger-lt:rgb(98.3921568627%, 92.2352941176%, 92.2352941176%);--tblr-danger-lt:color-mix(in oklab, var(--tblr-danger) 10%, transparent);--tblr-danger-200:color-mix(in oklab, var(--tblr-danger) 20%, transparent);--tblr-danger-lt-rgb:250.9,235.2,235.2;--tblr-light:#f9fafb;--tblr-light-rgb:249,250,251;--tblr-light-fg:var(--tblr-dark);--tblr-light-darken:rgb(87.8823529412%, 88.2352941176%, 88.5882352941%);--tblr-light-darken:color-mix(in oklab, var(--tblr-light), transparent 20%);--tblr-light-lt:rgb(99.7647058824%, 99.8039215686%, 99.8431372549%);--tblr-light-lt:color-mix(in oklab, var(--tblr-light) 10%, transparent);--tblr-light-200:color-mix(in oklab, var(--tblr-light) 20%, transparent);--tblr-light-lt-rgb:254.4,254.5,254.6;--tblr-dark:#1f2937;--tblr-dark-rgb:31,41,55;--tblr-dark-fg:var(--tblr-light);--tblr-dark-darken:rgb(10.9411764706%, 14.4705882353%, 19.4117647059%);--tblr-dark-darken:color-mix(in oklab, var(--tblr-dark), transparent 20%);--tblr-dark-lt:rgb(91.2156862745%, 91.6078431373%, 92.1568627451%);--tblr-dark-lt:color-mix(in oklab, var(--tblr-dark) 10%, transparent);--tblr-dark-200:color-mix(in oklab, var(--tblr-dark) 20%, transparent);--tblr-dark-lt-rgb:232.6,233.6,235;--tblr-muted:#6b7280;--tblr-muted-rgb:107,114,128;--tblr-muted-fg:var(--tblr-light);--tblr-muted-darken:rgb(37.7647058824%, 40.2352941176%, 45.1764705882%);--tblr-muted-darken:color-mix(in oklab, var(--tblr-muted), transparent 20%);--tblr-muted-lt:rgb(94.1960784314%, 94.4705882353%, 95.0196078431%);--tblr-muted-lt:color-mix(in oklab, var(--tblr-muted) 10%, transparent);--tblr-muted-200:color-mix(in oklab, var(--tblr-muted) 20%, transparent);--tblr-muted-lt-rgb:240.2,240.9,242.3;--tblr-blue:#066fd1;--tblr-blue-rgb:6,111,209;--tblr-blue-fg:var(--tblr-light);--tblr-blue-darken:rgb(2.1176470588%, 39.1764705882%, 73.7647058824%);--tblr-blue-darken:color-mix(in oklab, var(--tblr-blue), transparent 20%);--tblr-blue-lt:rgb(90.2352941176%, 94.3529411765%, 98.1960784314%);--tblr-blue-lt:color-mix(in oklab, var(--tblr-blue) 10%, transparent);--tblr-blue-200:color-mix(in oklab, var(--tblr-blue) 20%, transparent);--tblr-blue-lt-rgb:230.1,240.6,250.4;--tblr-azure:#4299e1;--tblr-azure-rgb:66,153,225;--tblr-azure-fg:var(--tblr-light);--tblr-azure-darken:rgb(23.2941176471%, 54%, 79.4117647059%);--tblr-azure-darken:color-mix(in oklab, var(--tblr-azure), transparent 20%);--tblr-azure-lt:rgb(92.5882352941%, 96%, 98.8235294118%);--tblr-azure-lt:color-mix(in oklab, var(--tblr-azure) 10%, transparent);--tblr-azure-200:color-mix(in oklab, var(--tblr-azure) 20%, transparent);--tblr-azure-lt-rgb:236.1,244.8,252;--tblr-indigo:#4263eb;--tblr-indigo-rgb:66,99,235;--tblr-indigo-fg:var(--tblr-light);--tblr-indigo-darken:rgb(23.2941176471%, 34.9411764706%, 82.9411764706%);--tblr-indigo-darken:color-mix(in oklab, var(--tblr-indigo), transparent 20%);--tblr-indigo-lt:rgb(92.5882352941%, 93.8823529412%, 99.2156862745%);--tblr-indigo-lt:color-mix(in oklab, var(--tblr-indigo) 10%, transparent);--tblr-indigo-200:color-mix(in oklab, var(--tblr-indigo) 20%, transparent);--tblr-indigo-lt-rgb:236.1,239.4,253;--tblr-purple:#ae3ec9;--tblr-purple-rgb:174,62,201;--tblr-purple-fg:var(--tblr-light);--tblr-purple-darken:rgb(61.4117647059%, 21.8823529412%, 70.9411764706%);--tblr-purple-darken:color-mix(in oklab, var(--tblr-purple), transparent 20%);--tblr-purple-lt:rgb(96.8235294118%, 92.431372549%, 97.8823529412%);--tblr-purple-lt:color-mix(in oklab, var(--tblr-purple) 10%, transparent);--tblr-purple-200:color-mix(in oklab, var(--tblr-purple) 20%, transparent);--tblr-purple-lt-rgb:246.9,235.7,249.6;--tblr-pink:#d6336c;--tblr-pink-rgb:214,51,108;--tblr-pink-fg:var(--tblr-light);--tblr-pink-darken:rgb(75.5294117647%, 18%, 38.1176470588%);--tblr-pink-darken:color-mix(in oklab, var(--tblr-pink), transparent 20%);--tblr-pink-lt:rgb(98.3921568627%, 92%, 94.2352941176%);--tblr-pink-lt:color-mix(in oklab, var(--tblr-pink) 10%, transparent);--tblr-pink-200:color-mix(in oklab, var(--tblr-pink) 20%, transparent);--tblr-pink-lt-rgb:250.9,234.6,240.3;--tblr-red:#d63939;--tblr-red-rgb:214,57,57;--tblr-red-fg:var(--tblr-light);--tblr-red-darken:rgb(75.5294117647%, 20.1176470588%, 20.1176470588%);--tblr-red-darken:color-mix(in oklab, var(--tblr-red), transparent 20%);--tblr-red-lt:rgb(98.3921568627%, 92.2352941176%, 92.2352941176%);--tblr-red-lt:color-mix(in oklab, var(--tblr-red) 10%, transparent);--tblr-red-200:color-mix(in oklab, var(--tblr-red) 20%, transparent);--tblr-red-lt-rgb:250.9,235.2,235.2;--tblr-orange:#f76707;--tblr-orange-rgb:247,103,7;--tblr-orange-fg:var(--tblr-light);--tblr-orange-darken:rgb(87.1764705882%, 36.3529411765%, 2.4705882353%);--tblr-orange-darken:color-mix(in oklab, var(--tblr-orange), transparent 20%);--tblr-orange-lt:rgb(99.6862745098%, 94.0392156863%, 90.2745098039%);--tblr-orange-lt:color-mix(in oklab, var(--tblr-orange) 10%, transparent);--tblr-orange-200:color-mix(in oklab, var(--tblr-orange) 20%, transparent);--tblr-orange-lt-rgb:254.2,239.8,230.2;--tblr-yellow:#f59f00;--tblr-yellow-rgb:245,159,0;--tblr-yellow-fg:var(--tblr-light);--tblr-yellow-darken:rgb(86.4705882353%, 56.1176470588%, 0%);--tblr-yellow-darken:color-mix(in oklab, var(--tblr-yellow), transparent 20%);--tblr-yellow-lt:rgb(99.6078431373%, 96.2352941176%, 90%);--tblr-yellow-lt:color-mix(in oklab, var(--tblr-yellow) 10%, transparent);--tblr-yellow-200:color-mix(in oklab, var(--tblr-yellow) 20%, transparent);--tblr-yellow-lt-rgb:254,245.4,229.5;--tblr-lime:#74b816;--tblr-lime-rgb:116,184,22;--tblr-lime-fg:var(--tblr-light);--tblr-lime-darken:rgb(40.9411764706%, 64.9411764706%, 7.7647058824%);--tblr-lime-darken:color-mix(in oklab, var(--tblr-lime), transparent 20%);--tblr-lime-lt:rgb(94.5490196078%, 97.2156862745%, 90.862745098%);--tblr-lime-lt:color-mix(in oklab, var(--tblr-lime) 10%, transparent);--tblr-lime-200:color-mix(in oklab, var(--tblr-lime) 20%, transparent);--tblr-lime-lt-rgb:241.1,247.9,231.7;--tblr-green:#2fb344;--tblr-green-rgb:47,179,68;--tblr-green-fg:var(--tblr-light);--tblr-green-darken:rgb(16.5882352941%, 63.1764705882%, 24%);--tblr-green-darken:color-mix(in oklab, var(--tblr-green), transparent 20%);--tblr-green-lt:rgb(91.8431372549%, 97.0196078431%, 92.6666666667%);--tblr-green-lt:color-mix(in oklab, var(--tblr-green) 10%, transparent);--tblr-green-200:color-mix(in oklab, var(--tblr-green) 20%, transparent);--tblr-green-lt-rgb:234.2,247.4,236.3;--tblr-teal:#0ca678;--tblr-teal-rgb:12,166,120;--tblr-teal-fg:var(--tblr-light);--tblr-teal-darken:rgb(4.2352941176%, 58.5882352941%, 42.3529411765%);--tblr-teal-darken:color-mix(in oklab, var(--tblr-teal), transparent 20%);--tblr-teal-lt:rgb(90.4705882353%, 96.5098039216%, 94.7058823529%);--tblr-teal-lt:color-mix(in oklab, var(--tblr-teal) 10%, transparent);--tblr-teal-200:color-mix(in oklab, var(--tblr-teal) 20%, transparent);--tblr-teal-lt-rgb:230.7,246.1,241.5;--tblr-cyan:#17a2b8;--tblr-cyan-rgb:23,162,184;--tblr-cyan-fg:var(--tblr-light);--tblr-cyan-darken:rgb(8.1176470588%, 57.1764705882%, 64.9411764706%);--tblr-cyan-darken:color-mix(in oklab, var(--tblr-cyan), transparent 20%);--tblr-cyan-lt:rgb(90.9019607843%, 96.3529411765%, 97.2156862745%);--tblr-cyan-lt:color-mix(in oklab, var(--tblr-cyan) 10%, transparent);--tblr-cyan-200:color-mix(in oklab, var(--tblr-cyan) 20%, transparent);--tblr-cyan-lt-rgb:231.8,245.7,247.9;--tblr-x:#000;--tblr-x-rgb:0,0,0;--tblr-x-fg:var(--tblr-light);--tblr-x-darken:black;--tblr-x-darken:color-mix(in oklab, var(--tblr-x), transparent 20%);--tblr-x-lt:rgb(90%, 90%, 90%);--tblr-x-lt:color-mix(in oklab, var(--tblr-x) 10%, transparent);--tblr-x-200:color-mix(in oklab, var(--tblr-x) 20%, transparent);--tblr-x-lt-rgb:229.5,229.5,229.5;--tblr-facebook:#1877f2;--tblr-facebook-rgb:24,119,242;--tblr-facebook-fg:var(--tblr-light);--tblr-facebook-darken:rgb(8.4705882353%, 42%, 85.4117647059%);--tblr-facebook-darken:color-mix(in oklab, var(--tblr-facebook), transparent 20%);--tblr-facebook-lt:rgb(90.9411764706%, 94.6666666667%, 99.4901960784%);--tblr-facebook-lt:color-mix(in oklab, var(--tblr-facebook) 10%, transparent);--tblr-facebook-200:color-mix(in oklab, var(--tblr-facebook) 20%, transparent);--tblr-facebook-lt-rgb:231.9,241.4,253.7;--tblr-twitter:#1da1f2;--tblr-twitter-rgb:29,161,242;--tblr-twitter-fg:var(--tblr-light);--tblr-twitter-darken:rgb(10.2352941176%, 56.8235294118%, 85.4117647059%);--tblr-twitter-darken:color-mix(in oklab, var(--tblr-twitter), transparent 20%);--tblr-twitter-lt:rgb(91.137254902%, 96.3137254902%, 99.4901960784%);--tblr-twitter-lt:color-mix(in oklab, var(--tblr-twitter) 10%, transparent);--tblr-twitter-200:color-mix(in oklab, var(--tblr-twitter) 20%, transparent);--tblr-twitter-lt-rgb:232.4,245.6,253.7;--tblr-linkedin:#0a66c2;--tblr-linkedin-rgb:10,102,194;--tblr-linkedin-fg:var(--tblr-light);--tblr-linkedin-darken:rgb(3.5294117647%, 36%, 68.4705882353%);--tblr-linkedin-darken:color-mix(in oklab, var(--tblr-linkedin), transparent 20%);--tblr-linkedin-lt:rgb(90.3921568627%, 94%, 97.6078431373%);--tblr-linkedin-lt:color-mix(in oklab, var(--tblr-linkedin) 10%, transparent);--tblr-linkedin-200:color-mix(in oklab, var(--tblr-linkedin) 20%, transparent);--tblr-linkedin-lt-rgb:230.5,239.7,248.9;--tblr-google:#dc4e41;--tblr-google-rgb:220,78,65;--tblr-google-fg:var(--tblr-light);--tblr-google-darken:rgb(77.6470588235%, 27.5294117647%, 22.9411764706%);--tblr-google-darken:color-mix(in oklab, var(--tblr-google), transparent 20%);--tblr-google-lt:rgb(98.6274509804%, 93.0588235294%, 92.5490196078%);--tblr-google-lt:color-mix(in oklab, var(--tblr-google) 10%, transparent);--tblr-google-200:color-mix(in oklab, var(--tblr-google) 20%, transparent);--tblr-google-lt-rgb:251.5,237.3,236;--tblr-youtube:#f00;--tblr-youtube-rgb:255,0,0;--tblr-youtube-fg:var(--tblr-light);--tblr-youtube-darken:rgb(90%, 0%, 0%);--tblr-youtube-darken:color-mix(in oklab, var(--tblr-youtube), transparent 20%);--tblr-youtube-lt:rgb(100%, 90%, 90%);--tblr-youtube-lt:color-mix(in oklab, var(--tblr-youtube) 10%, transparent);--tblr-youtube-200:color-mix(in oklab, var(--tblr-youtube) 20%, transparent);--tblr-youtube-lt-rgb:255,229.5,229.5;--tblr-vimeo:#1ab7ea;--tblr-vimeo-rgb:26,183,234;--tblr-vimeo-fg:var(--tblr-light);--tblr-vimeo-darken:rgb(9.1764705882%, 64.5882352941%, 82.5882352941%);--tblr-vimeo-darken:color-mix(in oklab, var(--tblr-vimeo), transparent 20%);--tblr-vimeo-lt:rgb(91.0196078431%, 97.1764705882%, 99.1764705882%);--tblr-vimeo-lt:color-mix(in oklab, var(--tblr-vimeo) 10%, transparent);--tblr-vimeo-200:color-mix(in oklab, var(--tblr-vimeo) 20%, transparent);--tblr-vimeo-lt-rgb:232.1,247.8,252.9;--tblr-dribbble:#ea4c89;--tblr-dribbble-rgb:234,76,137;--tblr-dribbble-fg:var(--tblr-light);--tblr-dribbble-darken:rgb(82.5882352941%, 26.8235294118%, 48.3529411765%);--tblr-dribbble-darken:color-mix(in oklab, var(--tblr-dribbble), transparent 20%);--tblr-dribbble-lt:rgb(99.1764705882%, 92.9803921569%, 95.3725490196%);--tblr-dribbble-lt:color-mix(in oklab, var(--tblr-dribbble) 10%, transparent);--tblr-dribbble-200:color-mix(in oklab, var(--tblr-dribbble) 20%, transparent);--tblr-dribbble-lt-rgb:252.9,237.1,243.2;--tblr-github:#181717;--tblr-github-rgb:24,23,23;--tblr-github-fg:var(--tblr-light);--tblr-github-darken:rgb(8.4705882353%, 8.1176470588%, 8.1176470588%);--tblr-github-darken:color-mix(in oklab, var(--tblr-github), transparent 20%);--tblr-github-lt:rgb(90.9411764706%, 90.9019607843%, 90.9019607843%);--tblr-github-lt:color-mix(in oklab, var(--tblr-github) 10%, transparent);--tblr-github-200:color-mix(in oklab, var(--tblr-github) 20%, transparent);--tblr-github-lt-rgb:231.9,231.8,231.8;--tblr-instagram:#e4405f;--tblr-instagram-rgb:228,64,95;--tblr-instagram-fg:var(--tblr-light);--tblr-instagram-darken:rgb(80.4705882353%, 22.5882352941%, 33.5294117647%);--tblr-instagram-darken:color-mix(in oklab, var(--tblr-instagram), transparent 20%);--tblr-instagram-lt:rgb(98.9411764706%, 92.5098039216%, 93.7254901961%);--tblr-instagram-lt:color-mix(in oklab, var(--tblr-instagram) 10%, transparent);--tblr-instagram-200:color-mix(in oklab, var(--tblr-instagram) 20%, transparent);--tblr-instagram-lt-rgb:252.3,235.9,239;--tblr-pinterest:#bd081c;--tblr-pinterest-rgb:189,8,28;--tblr-pinterest-fg:var(--tblr-light);--tblr-pinterest-darken:rgb(66.7058823529%, 2.8235294118%, 9.8823529412%);--tblr-pinterest-darken:color-mix(in oklab, var(--tblr-pinterest), transparent 20%);--tblr-pinterest-lt:rgb(97.4117647059%, 90.3137254902%, 91.0980392157%);--tblr-pinterest-lt:color-mix(in oklab, var(--tblr-pinterest) 10%, transparent);--tblr-pinterest-200:color-mix(in oklab, var(--tblr-pinterest) 20%, transparent);--tblr-pinterest-lt-rgb:248.4,230.3,232.3;--tblr-vk:#6383a8;--tblr-vk-rgb:99,131,168;--tblr-vk-fg:var(--tblr-light);--tblr-vk-darken:rgb(34.9411764706%, 46.2352941176%, 59.2941176471%);--tblr-vk-darken:color-mix(in oklab, var(--tblr-vk), transparent 20%);--tblr-vk-lt:rgb(93.8823529412%, 95.137254902%, 96.5882352941%);--tblr-vk-lt:color-mix(in oklab, var(--tblr-vk) 10%, transparent);--tblr-vk-200:color-mix(in oklab, var(--tblr-vk) 20%, transparent);--tblr-vk-lt-rgb:239.4,242.6,246.3;--tblr-rss:#ffa500;--tblr-rss-rgb:255,165,0;--tblr-rss-fg:var(--tblr-dark);--tblr-rss-darken:rgb(90%, 58.2352941176%, 0%);--tblr-rss-darken:color-mix(in oklab, var(--tblr-rss), transparent 20%);--tblr-rss-lt:rgb(100%, 96.4705882353%, 90%);--tblr-rss-lt:color-mix(in oklab, var(--tblr-rss) 10%, transparent);--tblr-rss-200:color-mix(in oklab, var(--tblr-rss) 20%, transparent);--tblr-rss-lt-rgb:255,246,229.5;--tblr-flickr:#0063dc;--tblr-flickr-rgb:0,99,220;--tblr-flickr-fg:var(--tblr-light);--tblr-flickr-darken:rgb(0%, 34.9411764706%, 77.6470588235%);--tblr-flickr-darken:color-mix(in oklab, var(--tblr-flickr), transparent 20%);--tblr-flickr-lt:rgb(90%, 93.8823529412%, 98.6274509804%);--tblr-flickr-lt:color-mix(in oklab, var(--tblr-flickr) 10%, transparent);--tblr-flickr-200:color-mix(in oklab, var(--tblr-flickr) 20%, transparent);--tblr-flickr-lt-rgb:229.5,239.4,251.5;--tblr-bitbucket:#0052cc;--tblr-bitbucket-rgb:0,82,204;--tblr-bitbucket-fg:var(--tblr-light);--tblr-bitbucket-darken:rgb(0%, 28.9411764706%, 72%);--tblr-bitbucket-darken:color-mix(in oklab, var(--tblr-bitbucket), transparent 20%);--tblr-bitbucket-lt:rgb(90%, 93.2156862745%, 98%);--tblr-bitbucket-lt:color-mix(in oklab, var(--tblr-bitbucket) 10%, transparent);--tblr-bitbucket-200:color-mix(in oklab, var(--tblr-bitbucket) 20%, transparent);--tblr-bitbucket-lt-rgb:229.5,237.7,249.9;--tblr-tabler:#066fd1;--tblr-tabler-rgb:6,111,209;--tblr-tabler-fg:var(--tblr-light);--tblr-tabler-darken:rgb(2.1176470588%, 39.1764705882%, 73.7647058824%);--tblr-tabler-darken:color-mix(in oklab, var(--tblr-tabler), transparent 20%);--tblr-tabler-lt:rgb(90.2352941176%, 94.3529411765%, 98.1960784314%);--tblr-tabler-lt:color-mix(in oklab, var(--tblr-tabler) 10%, transparent);--tblr-tabler-200:color-mix(in oklab, var(--tblr-tabler) 20%, transparent);--tblr-tabler-lt-rgb:230.1,240.6,250.4;--tblr-gray-50-fg:var(--tblr-gray-50);--tblr-gray-100-fg:var(--tblr-gray-100);--tblr-gray-200-fg:var(--tblr-gray-200);--tblr-gray-300-fg:var(--tblr-gray-300);--tblr-gray-400-fg:var(--tblr-gray-400);--tblr-gray-500-fg:var(--tblr-gray-500);--tblr-gray-600-fg:var(--tblr-gray-600);--tblr-gray-700-fg:var(--tblr-gray-700);--tblr-gray-800-fg:var(--tblr-gray-800);--tblr-gray-900-fg:var(--tblr-gray-900);--tblr-gray-950-fg:var(--tblr-gray-950);--tblr-spacer-0:0;--tblr-spacer-1:0.25rem;--tblr-spacer-2:0.5rem;--tblr-spacer-3:1rem;--tblr-spacer-4:1.5rem;--tblr-spacer-5:2rem;--tblr-spacer-6:2.5rem;--tblr-font-weight-light:300;--tblr-font-weight-normal:400;--tblr-font-weight-medium:500;--tblr-font-weight-semibold:600;--tblr-font-weight-bold:700;--tblr-font-weight-headings:var(--tblr-font-weight-semibold);--tblr-font-size-h1:1.5rem;--tblr-font-size-h2:1.25rem;--tblr-font-size-h3:1rem;--tblr-font-size-h4:0.875rem;--tblr-font-size-h5:0.75rem;--tblr-font-size-h6:0.625rem;--tblr-line-height-h1:2rem;--tblr-line-height-h2:1.75rem;--tblr-line-height-h3:1.5rem;--tblr-line-height-h4:1.25rem;--tblr-line-height-h5:1rem;--tblr-line-height-h6:1rem;--tblr-line-height-base:1.4285714286;--tblr-line-height-sm:1.1428571429;--tblr-line-height-lg:1.7142857143;--tblr-line-height-xl:2;--tblr-shadow-color:light-dark(rgba(18, 18, 23, 0.4), #000);--tblr-shadow:0px 2px 4px -1px color-mix(in srgb, var(--tblr-shadow-color) 15%, transparent),0px 4px 6px -1px color-mix(in srgb, var(--tblr-shadow-color) 20%, transparent);--tblr-shadow-xs:0 1px 2px 0 color-mix(in srgb, var(--tblr-shadow-color) 12.5%, transparent);--tblr-shadow-sm:0 1px 3px 0 color-mix(in srgb, var(--tblr-shadow-color) 25%, transparent),0 1px 2px 0 color-mix(in srgb, var(--tblr-shadow-color) 15%, transparent);--tblr-shadow-md:0px 2px 4px -1px color-mix(in srgb, var(--tblr-shadow-color) 15%, transparent),0px 4px 6px -1px color-mix(in srgb, var(--tblr-shadow-color) 20%, transparent);--tblr-shadow-lg:0px 4px 6px -2px color-mix(in srgb, var(--tblr-shadow-color) 12.5%, transparent),0px 10px 15px -3px color-mix(in srgb, var(--tblr-shadow-color) 20%, transparent);--tblr-shadow-xl:0px 10px 10px -5px color-mix(in srgb, var(--tblr-shadow-color) 10%, transparent),0px 20px 25px -5px color-mix(in srgb, var(--tblr-shadow-color) 25%, transparent);--tblr-shadow-2xl:0px 25px 50px -12px color-mix(in srgb, var(--tblr-shadow-color) 62.5%, transparent);--tblr-shadow-overlay:0px 2px 4px 0px color-mix(in srgb, var(--tblr-shadow-color) 10%, transparent),0px 5px 8px 0px color-mix(in srgb, var(--tblr-shadow-color) 10%, transparent),0px 10px 18px 0px color-mix(in srgb, var(--tblr-shadow-color) 7.5%, transparent),0px 24px 48px 0px color-mix(in srgb, var(--tblr-shadow-color) 7.5%, transparent),0px 0px 0px 1px color-mix(in srgb, var(--tblr-shadow-color) 25%, transparent);--tblr-shadow-border:0px 0px 0px 1px color-mix(in srgb, var(--tblr-shadow-color) 25%, transparent);--tblr-shadow-transparent:0 0 0 0 transparent;--tblr-shadow-input:0 1px 2px 0 color-mix(in srgb, var(--tblr-shadow-color) 12.5%, transparent);--tblr-shadow-card:0 1px 2px 0 color-mix(in srgb, var(--tblr-shadow-color) 12.5%, transparent);--tblr-shadow-card-hover:0px 4px 6px -2px color-mix(in srgb, var(--tblr-shadow-color) 12.5%, transparent),0px 10px 15px -3px color-mix(in srgb, var(--tblr-shadow-color) 20%, transparent);--tblr-shadow-dropdown:0px 2px 4px 0px color-mix(in srgb, var(--tblr-shadow-color) 10%, transparent),0px 5px 8px 0px color-mix(in srgb, var(--tblr-shadow-color) 10%, transparent),0px 10px 18px 0px color-mix(in srgb, var(--tblr-shadow-color) 7.5%, transparent),0px 24px 48px 0px color-mix(in srgb, var(--tblr-shadow-color) 7.5%, transparent),0px 0px 0px 1px color-mix(in srgb, var(--tblr-shadow-color) 25%, transparent);--tblr-border-radius-scale:1;--tblr-border-radius-0:calc(0 * var(--tblr-border-radius-scale, 1));--tblr-border-radius-xs:calc(2px * var(--tblr-border-radius-scale, 1));--tblr-border-radius-sm:calc(4px * var(--tblr-border-radius-scale, 1));--tblr-border-radius-md:calc(6px * var(--tblr-border-radius-scale, 1));--tblr-border-radius-lg:calc(8px * var(--tblr-border-radius-scale, 1));--tblr-border-radius-pill:calc(100rem * var(--tblr-border-radius-scale, 1));--tblr-border-radius:var(--tblr-border-radius-md);--tblr-backdrop-opacity:0.32;--tblr-backdrop-bg:var(--tblr-bg-surface-dark);--tblr-backdrop-bg-dark:color-mix(in sRGB, var(--tblr-dark), transparent var(--tblr-backdrop-opacity));--tblr-backdrop-bg-light:color-mix(in sRGB, var(--tblr-light), transparent var(--tblr-backdrop-opacity));--tblr-backdrop-blur:4px;--tblr-backdrop-filter:blur(var(--tblr-backdrop-blur))}
:where(html):where(:not([data-tabler-native], [data-tabler-native] *)){height:100%}
:where(html):where(:not([data-tabler-native], [data-tabler-native] *)),html[data-theme="light"]:where(:not([data-tabler-native], [data-tabler-native] *)){color-scheme:light;--tblr-spacer:var(--tblr-spacer-2);--tblr-bg-surface:light-dark(var(--tblr-bg-surface-primary), var(--tblr-gray-800));--tblr-bg-surface-primary:var(--tblr-white);--tblr-bg-surface-secondary:light-dark(var(--tblr-gray-50), var(--tblr-gray-900));--tblr-bg-surface-tertiary:light-dark(var(--tblr-gray-50), var(--tblr-gray-800));--tblr-bg-surface-dark:var(--tblr-gray-900);--tblr-bg-surface-inverted:light-dark(var(--tblr-gray-900), var(--tblr-gray-100));--tblr-bg-forms:light-dark(var(--tblr-bg-surface), var(--tblr-gray-900));--tblr-bg-forms-disabled:light-dark(var(--tblr-bg-surface-secondary), var(--tblr-gray-800));--tblr-text-inverted:light-dark(var(--tblr-gray-100), var(--tblr-gray-800));--tblr-body-color:light-dark(var(--tblr-gray-700), var(--tblr-gray-200));--tblr-body-bg:light-dark(var(--tblr-bg-surface-secondary), var(--tblr-gray-900));--tblr-link-color:light-dark(var(--tblr-primary), color-mix(in srgb, var(--tblr-primary), #fff 40%));--tblr-link-hover-color:light-dark(color-mix(in srgb, var(--tblr-link-color), #000 20%), color-mix(in srgb, var(--tblr-link-color), #fff 20%));--tblr-secondary:light-dark(var(--tblr-gray-500), var(--tblr-gray-400));--tblr-tertiary:var(--tblr-gray-400);--tblr-border-color:light-dark(var(--tblr-gray-200), var(--tblr-gray-700));--tblr-border-color-translucent:light-dark(color-mix(in srgb, var(--tblr-gray-800) 11.9%, transparent), var(--tblr-dark-mode-border-color-translucent));--tblr-border-dark-color:light-dark(var(--tblr-gray-300), var(--tblr-dark-mode-border-dark-color));--tblr-border-dark-color-translucent:color-mix(in srgb, var(--tblr-gray-800) 20.7%, transparent);--tblr-border-light-color:var(--tblr-gray-200);--tblr-border-light-color-translucent:color-mix(in srgb, var(--tblr-gray-800) 4.7%, transparent);--tblr-border-active-color:light-dark(var(--tblr-gray-400), var(--tblr-dark-mode-border-active-color));--tblr-border-active-color-translucent:color-mix(in srgb, var(--tblr-gray-800) 44.8%, transparent);--tblr-icon-color:var(--tblr-gray-400);--tblr-active-bg:light-dark(color-mix(in srgb, var(--tblr-primary) 4%, transparent), rgb(13.5987232102%, 17.9854081167%, 24.1267669859%));--tblr-disabled-bg:var(--tblr-bg-surface-secondary);--tblr-disabled-color:color-mix(in srgb, var(--tblr-body-color) 40%, transparent);--tblr-code-color:light-dark(var(--tblr-gray-600), var(--tblr-gray-400));--tblr-code-bg:light-dark(var(--tblr-gray-100), var(--tblr-gray-900));--tblr-dark-mode-border-color:rgb(17.9243046056%, 23.7063383493%, 31.8011855905%);--tblr-dark-mode-border-color-translucent:rgba(128, 150, 172, 0.2);--tblr-dark-mode-border-active-color:rgb(20.8080255358%, 27.5202918377%, 36.9174646603%);--tblr-dark-mode-border-dark-color:rgb(15.0405836753%, 19.8923848609%, 26.6849065207%);--tblr-page-padding:var(--tblr-spacer-3);--tblr-page-padding-y:var(--tblr-spacer-4);--tblr-sidebar-width:16rem;--tblr-sidebar-folded-width:4rem}
@media  (max-width:991.98px){:where(html):where(:not([data-tabler-native], [data-tabler-native] *)),html[data-theme="light"]:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-page-padding:var(--tblr-spacer-2)}}
html:not([data-theme="light"]):where(:not([data-tabler-native], [data-tabler-native] *)){color-scheme:dark;--tblr-btn-color:rgb(10.71500228%, 14.1714546284%, 19.0104879161%)}
@media  print{:where(html):where(:not([data-tabler-native], [data-tabler-native] *)),html:not([data-theme="light"]):where(:not([data-tabler-native], [data-tabler-native] *)){color-scheme:light!important}}
@media  (forced-colors:active){:where(html) .btn-close:where(:not([data-tabler-native], [data-tabler-native] *)){forced-color-adjust:none}}
@media  (prefers-reduced-motion:reduce){:where(html) .badge-blink:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-animate-icon-pulse .icon:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-animate-icon-shake .icon:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-animate-icon-tada .icon:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card-gradient-animated:where(:not([data-tabler-native], [data-tabler-native] *)){animation:none!important}
:where(html) .btn-loading:where(:not([data-tabler-native], [data-tabler-native] *))::after{animation-duration:3s!important}}
:where(html) .badge:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-badge-padding-x:0.5em;--tblr-badge-padding-y:0.25em;--tblr-badge-font-size:0.85714285em;--tblr-badge-font-weight:var(--tblr-font-weight-medium);--tblr-badge-color:var(--tblr-secondary);--tblr-badge-border-radius:var(--tblr-border-radius);--tblr-badge-icon-size:1em;--tblr-badge-line-height:1;--tblr-badge-gap:0.25rem;display:inline-flex;gap:var(--tblr-badge-gap);align-items:center;justify-content:center;min-width:calc(1em + var(--tblr-badge-padding-y) * 2 + 2px);padding:var(--tblr-badge-padding-y) var(--tblr-badge-padding-x);overflow:hidden;font-size:var(--tblr-badge-font-size);font-weight:var(--tblr-badge-font-weight);line-height:var(--tblr-badge-line-height);color:var(--tblr-badge-color);text-align:center;letter-spacing:.04em;white-space:nowrap;vertical-align:bottom;-webkit-user-select:none;user-select:none;background:var(--tblr-bg-surface-secondary);border:var(--tblr-border-width) var(--tblr-border-style) transparent;border-radius:var(--tblr-badge-border-radius)}
:where(html) .badge .icon:where(:not([data-tabler-native], [data-tabler-native] *)){width:1em;height:1em;font-size:var(--tblr-badge-icon-size);stroke-width:2}
:where(html) .badge-dot:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .badge:empty:where(:not([data-tabler-native], [data-tabler-native] *)){display:inline-block;width:.5rem;min-width:0;height:.5rem;min-height:auto;padding:0;vertical-align:baseline;border-radius:var(--tblr-border-radius-pill)}
:where(html) .badge-outline:where(:not([data-tabler-native], [data-tabler-native] *)){background-color:transparent;border:var(--tblr-border-width) var(--tblr-border-style) currentColor}
:where(html) .badge-pill:where(:not([data-tabler-native], [data-tabler-native] *)){border-radius:var(--tblr-border-radius-pill)}
:where(html) .badge-list:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-list-gap:0.5rem;display:flex;flex-wrap:wrap;gap:var(--tblr-list-gap)}
:where(html) .badge-notification:where(:not([data-tabler-native], [data-tabler-native] *)){position:absolute!important;inset-inline-end:0!important;top:0!important;z-index:1;transform:translate(calc(var(--tblr-dir) * 50%),-50%)}
:where(html) .badge-blink:where(:not([data-tabler-native], [data-tabler-native] *)){animation:blink 2s infinite}
:where(html) .badge-sm:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-badge-font-size:0.71428571em;--tblr-badge-icon-size:1em;--tblr-badge-padding-y:2px;--tblr-badge-padding-x:0.25rem}
:where(html) .badge-lg:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-badge-font-size:1em;--tblr-badge-icon-size:1em;--tblr-badge-padding-y:0.25rem;--tblr-badge-padding-x:0.5rem}
:where(html) .badge-icononly:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-badge-padding-x:0}
:where(html) :is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-icon-size:1.25rem;--tblr-btn-icon-color:inherit;--tblr-btn-bg:var(--tblr-bg-surface);--tblr-btn-color:var(--tblr-body-color);--tblr-btn-border-color:var(--tblr-border-color);--tblr-btn-hover-bg:var(--tblr-btn-bg);--tblr-btn-hover-border-color:var(--tblr-border-active-color);--tblr-btn-active-color:var(--tblr-primary);--tblr-btn-active-bg:color-mix(in srgb, var(--tblr-primary) 4%, transparent);--tblr-btn-active-border-color:var(--tblr-primary);position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:calc(var(--tblr-btn-line-height) * 1 + var(--tblr-btn-padding-y) * 2 + var(--tblr-btn-border-width) * 2);min-height:calc(var(--tblr-btn-line-height) * 1 + var(--tblr-btn-padding-y) * 2 + var(--tblr-btn-border-width) * 2);white-space:nowrap;box-shadow:var(--tblr-btn-box-shadow);border-radius:var(--tblr-btn-border-radius)}
:where(html) :is(.btn,.primary,.secondary,.danger-button) .icon:where(:not([data-tabler-native], [data-tabler-native] *)){width:var(--tblr-btn-icon-size);min-width:var(--tblr-btn-icon-size);height:var(--tblr-btn-icon-size);margin:0 calc(var(--tblr-btn-padding-x)/ 2) 0 calc(var(--tblr-btn-padding-x)/ -4);font-size:var(--tblr-btn-icon-size);color:var(--tblr-btn-icon-color);vertical-align:bottom}
:where(html) :is(.btn,.primary,.secondary,.danger-button) .avatar:where(:not([data-tabler-native], [data-tabler-native] *)){width:var(--tblr-btn-icon-size);height:var(--tblr-btn-icon-size);margin:0 calc(var(--tblr-btn-padding-x)/ 2) 0 calc(var(--tblr-btn-padding-x)/ -4)}
:where(html) :is(.btn,.primary,.secondary,.danger-button) .icon-end:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) :is(.btn,.primary,.secondary,.danger-button) .icon-right:where(:not([data-tabler-native], [data-tabler-native] *)){margin:0 calc(var(--tblr-btn-padding-x)/ -4) 0 calc(var(--tblr-btn-padding-x)/ 2)}
:where(html) :is(.btn,.primary,.secondary,.danger-button) .badge:where(:not([data-tabler-native], [data-tabler-native] *)){top:auto}
:where(html) .btn-check+:is(.btn,.primary,.secondary,.danger-button):hover:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--tblr-btn-hover-color);background-color:var(--tblr-btn-hover-bg);border-color:var(--tblr-btn-hover-border-color)}
:where(html) .btn-link:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;color:rgb(2.6320109439%,48.6922024624%,91.6817145463%);background-color:transparent;border-color:transparent;box-shadow:none}
:where(html) .btn-link .icon:where(:not([data-tabler-native], [data-tabler-native] *)){color:inherit}
:where(html) .btn-link:hover:where(:not([data-tabler-native], [data-tabler-native] *)){color:rgb(1.8823529412%,34.8235294118%,65.568627451%);border-color:transparent}
:where(html) .btn-ghost:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-box-shadow:none;--tblr-btn-hover-bg:var(--tblr-bg-surface-secondary);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-color:var(--tblr-body-color)}
:where(html) .btn-primary:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-primary-fg, #fff);--tblr-btn-bg:var(--tblr-primary);--tblr-btn-hover-color:var(--tblr-primary-fg);--tblr-btn-hover-bg:var(--tblr-primary-darken);--tblr-btn-active-color:var(--tblr-primary-fg);--tblr-btn-active-bg:var(--tblr-primary-darken);--tblr-btn-disabled-bg:var(--tblr-primary);--tblr-btn-disabled-color:var(--tblr-primary-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-primary:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-primary:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-primary);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-primary);--tblr-btn-hover-color:var(--tblr-primary-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-primary);--tblr-btn-active-color:var(--tblr-primary-fg);--tblr-btn-active-bg:var(--tblr-primary);--tblr-btn-active-border-color:var(--tblr-primary);--tblr-btn-disabled-color:var(--tblr-primary);--tblr-btn-disabled-border-color:var(--tblr-primary)}
:where(html) .btn-ghost-primary:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-primary:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-primary);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-primary-fg);--tblr-btn-hover-bg:var(--tblr-primary);--tblr-btn-hover-border-color:var(--tblr-primary);--tblr-btn-active-color:var(--tblr-primary-fg);--tblr-btn-active-bg:var(--tblr-primary);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-primary);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-secondary:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-secondary-fg, #fff);--tblr-btn-bg:var(--tblr-secondary);--tblr-btn-hover-color:var(--tblr-secondary-fg);--tblr-btn-hover-bg:var(--tblr-secondary-darken);--tblr-btn-active-color:var(--tblr-secondary-fg);--tblr-btn-active-bg:var(--tblr-secondary-darken);--tblr-btn-disabled-bg:var(--tblr-secondary);--tblr-btn-disabled-color:var(--tblr-secondary-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-secondary:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-secondary:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-secondary);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-secondary);--tblr-btn-hover-color:var(--tblr-secondary-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-secondary);--tblr-btn-active-color:var(--tblr-secondary-fg);--tblr-btn-active-bg:var(--tblr-secondary);--tblr-btn-active-border-color:var(--tblr-secondary);--tblr-btn-disabled-color:var(--tblr-secondary);--tblr-btn-disabled-border-color:var(--tblr-secondary)}
:where(html) .btn-ghost-secondary:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-secondary:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-secondary);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-secondary-fg);--tblr-btn-hover-bg:var(--tblr-secondary);--tblr-btn-hover-border-color:var(--tblr-secondary);--tblr-btn-active-color:var(--tblr-secondary-fg);--tblr-btn-active-bg:var(--tblr-secondary);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-secondary);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-success:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-success-fg, #fff);--tblr-btn-bg:var(--tblr-success);--tblr-btn-hover-color:var(--tblr-success-fg);--tblr-btn-hover-bg:var(--tblr-success-darken);--tblr-btn-active-color:var(--tblr-success-fg);--tblr-btn-active-bg:var(--tblr-success-darken);--tblr-btn-disabled-bg:var(--tblr-success);--tblr-btn-disabled-color:var(--tblr-success-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-success:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-success:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-success);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-success);--tblr-btn-hover-color:var(--tblr-success-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-success);--tblr-btn-active-color:var(--tblr-success-fg);--tblr-btn-active-bg:var(--tblr-success);--tblr-btn-active-border-color:var(--tblr-success);--tblr-btn-disabled-color:var(--tblr-success);--tblr-btn-disabled-border-color:var(--tblr-success)}
:where(html) .btn-ghost-success:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-success:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-success);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-success-fg);--tblr-btn-hover-bg:var(--tblr-success);--tblr-btn-hover-border-color:var(--tblr-success);--tblr-btn-active-color:var(--tblr-success-fg);--tblr-btn-active-bg:var(--tblr-success);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-success);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-info:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-info-fg, #fff);--tblr-btn-bg:var(--tblr-info);--tblr-btn-hover-color:var(--tblr-info-fg);--tblr-btn-hover-bg:var(--tblr-info-darken);--tblr-btn-active-color:var(--tblr-info-fg);--tblr-btn-active-bg:var(--tblr-info-darken);--tblr-btn-disabled-bg:var(--tblr-info);--tblr-btn-disabled-color:var(--tblr-info-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-info:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-info:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-info);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-info);--tblr-btn-hover-color:var(--tblr-info-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-info);--tblr-btn-active-color:var(--tblr-info-fg);--tblr-btn-active-bg:var(--tblr-info);--tblr-btn-active-border-color:var(--tblr-info);--tblr-btn-disabled-color:var(--tblr-info);--tblr-btn-disabled-border-color:var(--tblr-info)}
:where(html) .btn-ghost-info:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-info:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-info);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-info-fg);--tblr-btn-hover-bg:var(--tblr-info);--tblr-btn-hover-border-color:var(--tblr-info);--tblr-btn-active-color:var(--tblr-info-fg);--tblr-btn-active-bg:var(--tblr-info);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-info);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-warning:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-warning-fg, #fff);--tblr-btn-bg:var(--tblr-warning);--tblr-btn-hover-color:var(--tblr-warning-fg);--tblr-btn-hover-bg:var(--tblr-warning-darken);--tblr-btn-active-color:var(--tblr-warning-fg);--tblr-btn-active-bg:var(--tblr-warning-darken);--tblr-btn-disabled-bg:var(--tblr-warning);--tblr-btn-disabled-color:var(--tblr-warning-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-warning:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-warning:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-warning);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-warning);--tblr-btn-hover-color:var(--tblr-warning-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-warning);--tblr-btn-active-color:var(--tblr-warning-fg);--tblr-btn-active-bg:var(--tblr-warning);--tblr-btn-active-border-color:var(--tblr-warning);--tblr-btn-disabled-color:var(--tblr-warning);--tblr-btn-disabled-border-color:var(--tblr-warning)}
:where(html) .btn-ghost-warning:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-warning:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-warning);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-warning-fg);--tblr-btn-hover-bg:var(--tblr-warning);--tblr-btn-hover-border-color:var(--tblr-warning);--tblr-btn-active-color:var(--tblr-warning-fg);--tblr-btn-active-bg:var(--tblr-warning);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-warning);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-danger:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-danger-fg, #fff);--tblr-btn-bg:var(--tblr-danger);--tblr-btn-hover-color:var(--tblr-danger-fg);--tblr-btn-hover-bg:var(--tblr-danger-darken);--tblr-btn-active-color:var(--tblr-danger-fg);--tblr-btn-active-bg:var(--tblr-danger-darken);--tblr-btn-disabled-bg:var(--tblr-danger);--tblr-btn-disabled-color:var(--tblr-danger-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-danger:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-danger:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-danger);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-danger);--tblr-btn-hover-color:var(--tblr-danger-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-danger);--tblr-btn-active-color:var(--tblr-danger-fg);--tblr-btn-active-bg:var(--tblr-danger);--tblr-btn-active-border-color:var(--tblr-danger);--tblr-btn-disabled-color:var(--tblr-danger);--tblr-btn-disabled-border-color:var(--tblr-danger)}
:where(html) .btn-ghost-danger:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-danger:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-danger);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-danger-fg);--tblr-btn-hover-bg:var(--tblr-danger);--tblr-btn-hover-border-color:var(--tblr-danger);--tblr-btn-active-color:var(--tblr-danger-fg);--tblr-btn-active-bg:var(--tblr-danger);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-danger);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-light:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-light-fg, #fff);--tblr-btn-bg:var(--tblr-light);--tblr-btn-hover-color:var(--tblr-light-fg);--tblr-btn-hover-bg:var(--tblr-light-darken);--tblr-btn-active-color:var(--tblr-light-fg);--tblr-btn-active-bg:var(--tblr-light-darken);--tblr-btn-disabled-bg:var(--tblr-light);--tblr-btn-disabled-color:var(--tblr-light-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-light:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-light:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-light);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-light);--tblr-btn-hover-color:var(--tblr-light-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-light);--tblr-btn-active-color:var(--tblr-light-fg);--tblr-btn-active-bg:var(--tblr-light);--tblr-btn-active-border-color:var(--tblr-light);--tblr-btn-disabled-color:var(--tblr-light);--tblr-btn-disabled-border-color:var(--tblr-light)}
:where(html) .btn-ghost-light:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-light:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-light);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-light-fg);--tblr-btn-hover-bg:var(--tblr-light);--tblr-btn-hover-border-color:var(--tblr-light);--tblr-btn-active-color:var(--tblr-light-fg);--tblr-btn-active-bg:var(--tblr-light);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-light);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-dark:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:var(--tblr-dark-mode-border-color);--tblr-btn-hover-border-color:var(--tblr-dark-mode-border-active-color);--tblr-btn-active-border-color:var(--tblr-dark-mode-border-active-color);--tblr-btn-color:var(--tblr-dark-fg, #fff);--tblr-btn-bg:var(--tblr-dark);--tblr-btn-hover-color:var(--tblr-dark-fg);--tblr-btn-hover-bg:var(--tblr-dark-darken);--tblr-btn-active-color:var(--tblr-dark-fg);--tblr-btn-active-bg:var(--tblr-dark-darken);--tblr-btn-disabled-bg:var(--tblr-dark);--tblr-btn-disabled-color:var(--tblr-dark-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-dark:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-dark:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-dark);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-dark);--tblr-btn-hover-color:var(--tblr-dark-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-dark);--tblr-btn-active-color:var(--tblr-dark-fg);--tblr-btn-active-bg:var(--tblr-dark);--tblr-btn-active-border-color:var(--tblr-dark);--tblr-btn-disabled-color:var(--tblr-dark);--tblr-btn-disabled-border-color:var(--tblr-dark)}
:where(html) .btn-ghost-dark:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-dark:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-dark);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-dark-fg);--tblr-btn-hover-bg:var(--tblr-dark);--tblr-btn-hover-border-color:var(--tblr-dark);--tblr-btn-active-color:var(--tblr-dark-fg);--tblr-btn-active-bg:var(--tblr-dark);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-dark);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-muted:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-muted-fg, #fff);--tblr-btn-bg:var(--tblr-muted);--tblr-btn-hover-color:var(--tblr-muted-fg);--tblr-btn-hover-bg:var(--tblr-muted-darken);--tblr-btn-active-color:var(--tblr-muted-fg);--tblr-btn-active-bg:var(--tblr-muted-darken);--tblr-btn-disabled-bg:var(--tblr-muted);--tblr-btn-disabled-color:var(--tblr-muted-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-muted:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-muted:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-muted);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-muted);--tblr-btn-hover-color:var(--tblr-muted-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-muted);--tblr-btn-active-color:var(--tblr-muted-fg);--tblr-btn-active-bg:var(--tblr-muted);--tblr-btn-active-border-color:var(--tblr-muted);--tblr-btn-disabled-color:var(--tblr-muted);--tblr-btn-disabled-border-color:var(--tblr-muted)}
:where(html) .btn-ghost-muted:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-muted:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-muted);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-muted-fg);--tblr-btn-hover-bg:var(--tblr-muted);--tblr-btn-hover-border-color:var(--tblr-muted);--tblr-btn-active-color:var(--tblr-muted-fg);--tblr-btn-active-bg:var(--tblr-muted);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-muted);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-blue:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-blue-fg, #fff);--tblr-btn-bg:var(--tblr-blue);--tblr-btn-hover-color:var(--tblr-blue-fg);--tblr-btn-hover-bg:var(--tblr-blue-darken);--tblr-btn-active-color:var(--tblr-blue-fg);--tblr-btn-active-bg:var(--tblr-blue-darken);--tblr-btn-disabled-bg:var(--tblr-blue);--tblr-btn-disabled-color:var(--tblr-blue-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-blue:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-blue:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-blue);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-blue);--tblr-btn-hover-color:var(--tblr-blue-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-blue);--tblr-btn-active-color:var(--tblr-blue-fg);--tblr-btn-active-bg:var(--tblr-blue);--tblr-btn-active-border-color:var(--tblr-blue);--tblr-btn-disabled-color:var(--tblr-blue);--tblr-btn-disabled-border-color:var(--tblr-blue)}
:where(html) .btn-ghost-blue:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-blue:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-blue);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-blue-fg);--tblr-btn-hover-bg:var(--tblr-blue);--tblr-btn-hover-border-color:var(--tblr-blue);--tblr-btn-active-color:var(--tblr-blue-fg);--tblr-btn-active-bg:var(--tblr-blue);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-blue);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-azure:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-azure-fg, #fff);--tblr-btn-bg:var(--tblr-azure);--tblr-btn-hover-color:var(--tblr-azure-fg);--tblr-btn-hover-bg:var(--tblr-azure-darken);--tblr-btn-active-color:var(--tblr-azure-fg);--tblr-btn-active-bg:var(--tblr-azure-darken);--tblr-btn-disabled-bg:var(--tblr-azure);--tblr-btn-disabled-color:var(--tblr-azure-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-azure:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-azure:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-azure);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-azure);--tblr-btn-hover-color:var(--tblr-azure-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-azure);--tblr-btn-active-color:var(--tblr-azure-fg);--tblr-btn-active-bg:var(--tblr-azure);--tblr-btn-active-border-color:var(--tblr-azure);--tblr-btn-disabled-color:var(--tblr-azure);--tblr-btn-disabled-border-color:var(--tblr-azure)}
:where(html) .btn-ghost-azure:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-azure:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-azure);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-azure-fg);--tblr-btn-hover-bg:var(--tblr-azure);--tblr-btn-hover-border-color:var(--tblr-azure);--tblr-btn-active-color:var(--tblr-azure-fg);--tblr-btn-active-bg:var(--tblr-azure);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-azure);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-indigo:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-indigo-fg, #fff);--tblr-btn-bg:var(--tblr-indigo);--tblr-btn-hover-color:var(--tblr-indigo-fg);--tblr-btn-hover-bg:var(--tblr-indigo-darken);--tblr-btn-active-color:var(--tblr-indigo-fg);--tblr-btn-active-bg:var(--tblr-indigo-darken);--tblr-btn-disabled-bg:var(--tblr-indigo);--tblr-btn-disabled-color:var(--tblr-indigo-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-indigo:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-indigo:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-indigo);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-indigo);--tblr-btn-hover-color:var(--tblr-indigo-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-indigo);--tblr-btn-active-color:var(--tblr-indigo-fg);--tblr-btn-active-bg:var(--tblr-indigo);--tblr-btn-active-border-color:var(--tblr-indigo);--tblr-btn-disabled-color:var(--tblr-indigo);--tblr-btn-disabled-border-color:var(--tblr-indigo)}
:where(html) .btn-ghost-indigo:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-indigo:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-indigo);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-indigo-fg);--tblr-btn-hover-bg:var(--tblr-indigo);--tblr-btn-hover-border-color:var(--tblr-indigo);--tblr-btn-active-color:var(--tblr-indigo-fg);--tblr-btn-active-bg:var(--tblr-indigo);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-indigo);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-purple:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-purple-fg, #fff);--tblr-btn-bg:var(--tblr-purple);--tblr-btn-hover-color:var(--tblr-purple-fg);--tblr-btn-hover-bg:var(--tblr-purple-darken);--tblr-btn-active-color:var(--tblr-purple-fg);--tblr-btn-active-bg:var(--tblr-purple-darken);--tblr-btn-disabled-bg:var(--tblr-purple);--tblr-btn-disabled-color:var(--tblr-purple-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-purple:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-purple:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-purple);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-purple);--tblr-btn-hover-color:var(--tblr-purple-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-purple);--tblr-btn-active-color:var(--tblr-purple-fg);--tblr-btn-active-bg:var(--tblr-purple);--tblr-btn-active-border-color:var(--tblr-purple);--tblr-btn-disabled-color:var(--tblr-purple);--tblr-btn-disabled-border-color:var(--tblr-purple)}
:where(html) .btn-ghost-purple:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-purple:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-purple);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-purple-fg);--tblr-btn-hover-bg:var(--tblr-purple);--tblr-btn-hover-border-color:var(--tblr-purple);--tblr-btn-active-color:var(--tblr-purple-fg);--tblr-btn-active-bg:var(--tblr-purple);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-purple);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-pink:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-pink-fg, #fff);--tblr-btn-bg:var(--tblr-pink);--tblr-btn-hover-color:var(--tblr-pink-fg);--tblr-btn-hover-bg:var(--tblr-pink-darken);--tblr-btn-active-color:var(--tblr-pink-fg);--tblr-btn-active-bg:var(--tblr-pink-darken);--tblr-btn-disabled-bg:var(--tblr-pink);--tblr-btn-disabled-color:var(--tblr-pink-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-pink:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-pink:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-pink);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-pink);--tblr-btn-hover-color:var(--tblr-pink-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-pink);--tblr-btn-active-color:var(--tblr-pink-fg);--tblr-btn-active-bg:var(--tblr-pink);--tblr-btn-active-border-color:var(--tblr-pink);--tblr-btn-disabled-color:var(--tblr-pink);--tblr-btn-disabled-border-color:var(--tblr-pink)}
:where(html) .btn-ghost-pink:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-pink:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-pink);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-pink-fg);--tblr-btn-hover-bg:var(--tblr-pink);--tblr-btn-hover-border-color:var(--tblr-pink);--tblr-btn-active-color:var(--tblr-pink-fg);--tblr-btn-active-bg:var(--tblr-pink);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-pink);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-red:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-red-fg, #fff);--tblr-btn-bg:var(--tblr-red);--tblr-btn-hover-color:var(--tblr-red-fg);--tblr-btn-hover-bg:var(--tblr-red-darken);--tblr-btn-active-color:var(--tblr-red-fg);--tblr-btn-active-bg:var(--tblr-red-darken);--tblr-btn-disabled-bg:var(--tblr-red);--tblr-btn-disabled-color:var(--tblr-red-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-red:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-red:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-red);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-red);--tblr-btn-hover-color:var(--tblr-red-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-red);--tblr-btn-active-color:var(--tblr-red-fg);--tblr-btn-active-bg:var(--tblr-red);--tblr-btn-active-border-color:var(--tblr-red);--tblr-btn-disabled-color:var(--tblr-red);--tblr-btn-disabled-border-color:var(--tblr-red)}
:where(html) .btn-ghost-red:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-red:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-red);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-red-fg);--tblr-btn-hover-bg:var(--tblr-red);--tblr-btn-hover-border-color:var(--tblr-red);--tblr-btn-active-color:var(--tblr-red-fg);--tblr-btn-active-bg:var(--tblr-red);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-red);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-orange:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-orange-fg, #fff);--tblr-btn-bg:var(--tblr-orange);--tblr-btn-hover-color:var(--tblr-orange-fg);--tblr-btn-hover-bg:var(--tblr-orange-darken);--tblr-btn-active-color:var(--tblr-orange-fg);--tblr-btn-active-bg:var(--tblr-orange-darken);--tblr-btn-disabled-bg:var(--tblr-orange);--tblr-btn-disabled-color:var(--tblr-orange-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-orange:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-orange:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-orange);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-orange);--tblr-btn-hover-color:var(--tblr-orange-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-orange);--tblr-btn-active-color:var(--tblr-orange-fg);--tblr-btn-active-bg:var(--tblr-orange);--tblr-btn-active-border-color:var(--tblr-orange);--tblr-btn-disabled-color:var(--tblr-orange);--tblr-btn-disabled-border-color:var(--tblr-orange)}
:where(html) .btn-ghost-orange:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-orange:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-orange);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-orange-fg);--tblr-btn-hover-bg:var(--tblr-orange);--tblr-btn-hover-border-color:var(--tblr-orange);--tblr-btn-active-color:var(--tblr-orange-fg);--tblr-btn-active-bg:var(--tblr-orange);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-orange);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-yellow:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-yellow-fg, #fff);--tblr-btn-bg:var(--tblr-yellow);--tblr-btn-hover-color:var(--tblr-yellow-fg);--tblr-btn-hover-bg:var(--tblr-yellow-darken);--tblr-btn-active-color:var(--tblr-yellow-fg);--tblr-btn-active-bg:var(--tblr-yellow-darken);--tblr-btn-disabled-bg:var(--tblr-yellow);--tblr-btn-disabled-color:var(--tblr-yellow-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-yellow:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-yellow:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-yellow);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-yellow);--tblr-btn-hover-color:var(--tblr-yellow-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-yellow);--tblr-btn-active-color:var(--tblr-yellow-fg);--tblr-btn-active-bg:var(--tblr-yellow);--tblr-btn-active-border-color:var(--tblr-yellow);--tblr-btn-disabled-color:var(--tblr-yellow);--tblr-btn-disabled-border-color:var(--tblr-yellow)}
:where(html) .btn-ghost-yellow:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-yellow:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-yellow);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-yellow-fg);--tblr-btn-hover-bg:var(--tblr-yellow);--tblr-btn-hover-border-color:var(--tblr-yellow);--tblr-btn-active-color:var(--tblr-yellow-fg);--tblr-btn-active-bg:var(--tblr-yellow);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-yellow);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-lime:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-lime-fg, #fff);--tblr-btn-bg:var(--tblr-lime);--tblr-btn-hover-color:var(--tblr-lime-fg);--tblr-btn-hover-bg:var(--tblr-lime-darken);--tblr-btn-active-color:var(--tblr-lime-fg);--tblr-btn-active-bg:var(--tblr-lime-darken);--tblr-btn-disabled-bg:var(--tblr-lime);--tblr-btn-disabled-color:var(--tblr-lime-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-lime:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-lime:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-lime);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-lime);--tblr-btn-hover-color:var(--tblr-lime-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-lime);--tblr-btn-active-color:var(--tblr-lime-fg);--tblr-btn-active-bg:var(--tblr-lime);--tblr-btn-active-border-color:var(--tblr-lime);--tblr-btn-disabled-color:var(--tblr-lime);--tblr-btn-disabled-border-color:var(--tblr-lime)}
:where(html) .btn-ghost-lime:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-lime:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-lime);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-lime-fg);--tblr-btn-hover-bg:var(--tblr-lime);--tblr-btn-hover-border-color:var(--tblr-lime);--tblr-btn-active-color:var(--tblr-lime-fg);--tblr-btn-active-bg:var(--tblr-lime);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-lime);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-green:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-green-fg, #fff);--tblr-btn-bg:var(--tblr-green);--tblr-btn-hover-color:var(--tblr-green-fg);--tblr-btn-hover-bg:var(--tblr-green-darken);--tblr-btn-active-color:var(--tblr-green-fg);--tblr-btn-active-bg:var(--tblr-green-darken);--tblr-btn-disabled-bg:var(--tblr-green);--tblr-btn-disabled-color:var(--tblr-green-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-green:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-green:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-green);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-green);--tblr-btn-hover-color:var(--tblr-green-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-green);--tblr-btn-active-color:var(--tblr-green-fg);--tblr-btn-active-bg:var(--tblr-green);--tblr-btn-active-border-color:var(--tblr-green);--tblr-btn-disabled-color:var(--tblr-green);--tblr-btn-disabled-border-color:var(--tblr-green)}
:where(html) .btn-ghost-green:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-green:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-green);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-green-fg);--tblr-btn-hover-bg:var(--tblr-green);--tblr-btn-hover-border-color:var(--tblr-green);--tblr-btn-active-color:var(--tblr-green-fg);--tblr-btn-active-bg:var(--tblr-green);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-green);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-teal:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-teal-fg, #fff);--tblr-btn-bg:var(--tblr-teal);--tblr-btn-hover-color:var(--tblr-teal-fg);--tblr-btn-hover-bg:var(--tblr-teal-darken);--tblr-btn-active-color:var(--tblr-teal-fg);--tblr-btn-active-bg:var(--tblr-teal-darken);--tblr-btn-disabled-bg:var(--tblr-teal);--tblr-btn-disabled-color:var(--tblr-teal-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-teal:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-teal:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-teal);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-teal);--tblr-btn-hover-color:var(--tblr-teal-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-teal);--tblr-btn-active-color:var(--tblr-teal-fg);--tblr-btn-active-bg:var(--tblr-teal);--tblr-btn-active-border-color:var(--tblr-teal);--tblr-btn-disabled-color:var(--tblr-teal);--tblr-btn-disabled-border-color:var(--tblr-teal)}
:where(html) .btn-ghost-teal:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-teal:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-teal);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-teal-fg);--tblr-btn-hover-bg:var(--tblr-teal);--tblr-btn-hover-border-color:var(--tblr-teal);--tblr-btn-active-color:var(--tblr-teal-fg);--tblr-btn-active-bg:var(--tblr-teal);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-teal);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-cyan:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-cyan-fg, #fff);--tblr-btn-bg:var(--tblr-cyan);--tblr-btn-hover-color:var(--tblr-cyan-fg);--tblr-btn-hover-bg:var(--tblr-cyan-darken);--tblr-btn-active-color:var(--tblr-cyan-fg);--tblr-btn-active-bg:var(--tblr-cyan-darken);--tblr-btn-disabled-bg:var(--tblr-cyan);--tblr-btn-disabled-color:var(--tblr-cyan-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-cyan:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-cyan:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-cyan);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-cyan);--tblr-btn-hover-color:var(--tblr-cyan-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-cyan);--tblr-btn-active-color:var(--tblr-cyan-fg);--tblr-btn-active-bg:var(--tblr-cyan);--tblr-btn-active-border-color:var(--tblr-cyan);--tblr-btn-disabled-color:var(--tblr-cyan);--tblr-btn-disabled-border-color:var(--tblr-cyan)}
:where(html) .btn-ghost-cyan:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-cyan:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-cyan);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-cyan-fg);--tblr-btn-hover-bg:var(--tblr-cyan);--tblr-btn-hover-border-color:var(--tblr-cyan);--tblr-btn-active-color:var(--tblr-cyan-fg);--tblr-btn-active-bg:var(--tblr-cyan);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-cyan);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-x:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-x-fg, #fff);--tblr-btn-bg:var(--tblr-x);--tblr-btn-hover-color:var(--tblr-x-fg);--tblr-btn-hover-bg:var(--tblr-x-darken);--tblr-btn-active-color:var(--tblr-x-fg);--tblr-btn-active-bg:var(--tblr-x-darken);--tblr-btn-disabled-bg:var(--tblr-x);--tblr-btn-disabled-color:var(--tblr-x-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-x:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-x:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-x);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-x);--tblr-btn-hover-color:var(--tblr-x-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-x);--tblr-btn-active-color:var(--tblr-x-fg);--tblr-btn-active-bg:var(--tblr-x);--tblr-btn-active-border-color:var(--tblr-x);--tblr-btn-disabled-color:var(--tblr-x);--tblr-btn-disabled-border-color:var(--tblr-x)}
:where(html) .btn-ghost-x:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-x:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-x);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-x-fg);--tblr-btn-hover-bg:var(--tblr-x);--tblr-btn-hover-border-color:var(--tblr-x);--tblr-btn-active-color:var(--tblr-x-fg);--tblr-btn-active-bg:var(--tblr-x);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-x);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-facebook:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-facebook-fg, #fff);--tblr-btn-bg:var(--tblr-facebook);--tblr-btn-hover-color:var(--tblr-facebook-fg);--tblr-btn-hover-bg:var(--tblr-facebook-darken);--tblr-btn-active-color:var(--tblr-facebook-fg);--tblr-btn-active-bg:var(--tblr-facebook-darken);--tblr-btn-disabled-bg:var(--tblr-facebook);--tblr-btn-disabled-color:var(--tblr-facebook-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-facebook:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-facebook:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-facebook);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-facebook);--tblr-btn-hover-color:var(--tblr-facebook-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-facebook);--tblr-btn-active-color:var(--tblr-facebook-fg);--tblr-btn-active-bg:var(--tblr-facebook);--tblr-btn-active-border-color:var(--tblr-facebook);--tblr-btn-disabled-color:var(--tblr-facebook);--tblr-btn-disabled-border-color:var(--tblr-facebook)}
:where(html) .btn-ghost-facebook:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-facebook:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-facebook);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-facebook-fg);--tblr-btn-hover-bg:var(--tblr-facebook);--tblr-btn-hover-border-color:var(--tblr-facebook);--tblr-btn-active-color:var(--tblr-facebook-fg);--tblr-btn-active-bg:var(--tblr-facebook);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-facebook);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-twitter:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-twitter-fg, #fff);--tblr-btn-bg:var(--tblr-twitter);--tblr-btn-hover-color:var(--tblr-twitter-fg);--tblr-btn-hover-bg:var(--tblr-twitter-darken);--tblr-btn-active-color:var(--tblr-twitter-fg);--tblr-btn-active-bg:var(--tblr-twitter-darken);--tblr-btn-disabled-bg:var(--tblr-twitter);--tblr-btn-disabled-color:var(--tblr-twitter-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-twitter:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-twitter:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-twitter);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-twitter);--tblr-btn-hover-color:var(--tblr-twitter-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-twitter);--tblr-btn-active-color:var(--tblr-twitter-fg);--tblr-btn-active-bg:var(--tblr-twitter);--tblr-btn-active-border-color:var(--tblr-twitter);--tblr-btn-disabled-color:var(--tblr-twitter);--tblr-btn-disabled-border-color:var(--tblr-twitter)}
:where(html) .btn-ghost-twitter:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-twitter:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-twitter);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-twitter-fg);--tblr-btn-hover-bg:var(--tblr-twitter);--tblr-btn-hover-border-color:var(--tblr-twitter);--tblr-btn-active-color:var(--tblr-twitter-fg);--tblr-btn-active-bg:var(--tblr-twitter);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-twitter);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-linkedin:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-linkedin-fg, #fff);--tblr-btn-bg:var(--tblr-linkedin);--tblr-btn-hover-color:var(--tblr-linkedin-fg);--tblr-btn-hover-bg:var(--tblr-linkedin-darken);--tblr-btn-active-color:var(--tblr-linkedin-fg);--tblr-btn-active-bg:var(--tblr-linkedin-darken);--tblr-btn-disabled-bg:var(--tblr-linkedin);--tblr-btn-disabled-color:var(--tblr-linkedin-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-linkedin:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-linkedin:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-linkedin);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-linkedin);--tblr-btn-hover-color:var(--tblr-linkedin-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-linkedin);--tblr-btn-active-color:var(--tblr-linkedin-fg);--tblr-btn-active-bg:var(--tblr-linkedin);--tblr-btn-active-border-color:var(--tblr-linkedin);--tblr-btn-disabled-color:var(--tblr-linkedin);--tblr-btn-disabled-border-color:var(--tblr-linkedin)}
:where(html) .btn-ghost-linkedin:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-linkedin:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-linkedin);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-linkedin-fg);--tblr-btn-hover-bg:var(--tblr-linkedin);--tblr-btn-hover-border-color:var(--tblr-linkedin);--tblr-btn-active-color:var(--tblr-linkedin-fg);--tblr-btn-active-bg:var(--tblr-linkedin);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-linkedin);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-google:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-google-fg, #fff);--tblr-btn-bg:var(--tblr-google);--tblr-btn-hover-color:var(--tblr-google-fg);--tblr-btn-hover-bg:var(--tblr-google-darken);--tblr-btn-active-color:var(--tblr-google-fg);--tblr-btn-active-bg:var(--tblr-google-darken);--tblr-btn-disabled-bg:var(--tblr-google);--tblr-btn-disabled-color:var(--tblr-google-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-google:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-google:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-google);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-google);--tblr-btn-hover-color:var(--tblr-google-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-google);--tblr-btn-active-color:var(--tblr-google-fg);--tblr-btn-active-bg:var(--tblr-google);--tblr-btn-active-border-color:var(--tblr-google);--tblr-btn-disabled-color:var(--tblr-google);--tblr-btn-disabled-border-color:var(--tblr-google)}
:where(html) .btn-ghost-google:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-google:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-google);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-google-fg);--tblr-btn-hover-bg:var(--tblr-google);--tblr-btn-hover-border-color:var(--tblr-google);--tblr-btn-active-color:var(--tblr-google-fg);--tblr-btn-active-bg:var(--tblr-google);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-google);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-youtube:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-youtube-fg, #fff);--tblr-btn-bg:var(--tblr-youtube);--tblr-btn-hover-color:var(--tblr-youtube-fg);--tblr-btn-hover-bg:var(--tblr-youtube-darken);--tblr-btn-active-color:var(--tblr-youtube-fg);--tblr-btn-active-bg:var(--tblr-youtube-darken);--tblr-btn-disabled-bg:var(--tblr-youtube);--tblr-btn-disabled-color:var(--tblr-youtube-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-youtube:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-youtube:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-youtube);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-youtube);--tblr-btn-hover-color:var(--tblr-youtube-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-youtube);--tblr-btn-active-color:var(--tblr-youtube-fg);--tblr-btn-active-bg:var(--tblr-youtube);--tblr-btn-active-border-color:var(--tblr-youtube);--tblr-btn-disabled-color:var(--tblr-youtube);--tblr-btn-disabled-border-color:var(--tblr-youtube)}
:where(html) .btn-ghost-youtube:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-youtube:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-youtube);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-youtube-fg);--tblr-btn-hover-bg:var(--tblr-youtube);--tblr-btn-hover-border-color:var(--tblr-youtube);--tblr-btn-active-color:var(--tblr-youtube-fg);--tblr-btn-active-bg:var(--tblr-youtube);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-youtube);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-vimeo:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-vimeo-fg, #fff);--tblr-btn-bg:var(--tblr-vimeo);--tblr-btn-hover-color:var(--tblr-vimeo-fg);--tblr-btn-hover-bg:var(--tblr-vimeo-darken);--tblr-btn-active-color:var(--tblr-vimeo-fg);--tblr-btn-active-bg:var(--tblr-vimeo-darken);--tblr-btn-disabled-bg:var(--tblr-vimeo);--tblr-btn-disabled-color:var(--tblr-vimeo-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-vimeo:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-vimeo:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-vimeo);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-vimeo);--tblr-btn-hover-color:var(--tblr-vimeo-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-vimeo);--tblr-btn-active-color:var(--tblr-vimeo-fg);--tblr-btn-active-bg:var(--tblr-vimeo);--tblr-btn-active-border-color:var(--tblr-vimeo);--tblr-btn-disabled-color:var(--tblr-vimeo);--tblr-btn-disabled-border-color:var(--tblr-vimeo)}
:where(html) .btn-ghost-vimeo:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-vimeo:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-vimeo);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-vimeo-fg);--tblr-btn-hover-bg:var(--tblr-vimeo);--tblr-btn-hover-border-color:var(--tblr-vimeo);--tblr-btn-active-color:var(--tblr-vimeo-fg);--tblr-btn-active-bg:var(--tblr-vimeo);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-vimeo);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-dribbble:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-dribbble-fg, #fff);--tblr-btn-bg:var(--tblr-dribbble);--tblr-btn-hover-color:var(--tblr-dribbble-fg);--tblr-btn-hover-bg:var(--tblr-dribbble-darken);--tblr-btn-active-color:var(--tblr-dribbble-fg);--tblr-btn-active-bg:var(--tblr-dribbble-darken);--tblr-btn-disabled-bg:var(--tblr-dribbble);--tblr-btn-disabled-color:var(--tblr-dribbble-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-dribbble:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-dribbble:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-dribbble);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-dribbble);--tblr-btn-hover-color:var(--tblr-dribbble-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-dribbble);--tblr-btn-active-color:var(--tblr-dribbble-fg);--tblr-btn-active-bg:var(--tblr-dribbble);--tblr-btn-active-border-color:var(--tblr-dribbble);--tblr-btn-disabled-color:var(--tblr-dribbble);--tblr-btn-disabled-border-color:var(--tblr-dribbble)}
:where(html) .btn-ghost-dribbble:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-dribbble:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-dribbble);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-dribbble-fg);--tblr-btn-hover-bg:var(--tblr-dribbble);--tblr-btn-hover-border-color:var(--tblr-dribbble);--tblr-btn-active-color:var(--tblr-dribbble-fg);--tblr-btn-active-bg:var(--tblr-dribbble);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-dribbble);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-github:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-github-fg, #fff);--tblr-btn-bg:var(--tblr-github);--tblr-btn-hover-color:var(--tblr-github-fg);--tblr-btn-hover-bg:var(--tblr-github-darken);--tblr-btn-active-color:var(--tblr-github-fg);--tblr-btn-active-bg:var(--tblr-github-darken);--tblr-btn-disabled-bg:var(--tblr-github);--tblr-btn-disabled-color:var(--tblr-github-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-github:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-github:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-github);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-github);--tblr-btn-hover-color:var(--tblr-github-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-github);--tblr-btn-active-color:var(--tblr-github-fg);--tblr-btn-active-bg:var(--tblr-github);--tblr-btn-active-border-color:var(--tblr-github);--tblr-btn-disabled-color:var(--tblr-github);--tblr-btn-disabled-border-color:var(--tblr-github)}
:where(html) .btn-ghost-github:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-github:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-github);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-github-fg);--tblr-btn-hover-bg:var(--tblr-github);--tblr-btn-hover-border-color:var(--tblr-github);--tblr-btn-active-color:var(--tblr-github-fg);--tblr-btn-active-bg:var(--tblr-github);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-github);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-instagram:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-instagram-fg, #fff);--tblr-btn-bg:var(--tblr-instagram);--tblr-btn-hover-color:var(--tblr-instagram-fg);--tblr-btn-hover-bg:var(--tblr-instagram-darken);--tblr-btn-active-color:var(--tblr-instagram-fg);--tblr-btn-active-bg:var(--tblr-instagram-darken);--tblr-btn-disabled-bg:var(--tblr-instagram);--tblr-btn-disabled-color:var(--tblr-instagram-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-instagram:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-instagram:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-instagram);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-instagram);--tblr-btn-hover-color:var(--tblr-instagram-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-instagram);--tblr-btn-active-color:var(--tblr-instagram-fg);--tblr-btn-active-bg:var(--tblr-instagram);--tblr-btn-active-border-color:var(--tblr-instagram);--tblr-btn-disabled-color:var(--tblr-instagram);--tblr-btn-disabled-border-color:var(--tblr-instagram)}
:where(html) .btn-ghost-instagram:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-instagram:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-instagram);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-instagram-fg);--tblr-btn-hover-bg:var(--tblr-instagram);--tblr-btn-hover-border-color:var(--tblr-instagram);--tblr-btn-active-color:var(--tblr-instagram-fg);--tblr-btn-active-bg:var(--tblr-instagram);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-instagram);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-pinterest:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-pinterest-fg, #fff);--tblr-btn-bg:var(--tblr-pinterest);--tblr-btn-hover-color:var(--tblr-pinterest-fg);--tblr-btn-hover-bg:var(--tblr-pinterest-darken);--tblr-btn-active-color:var(--tblr-pinterest-fg);--tblr-btn-active-bg:var(--tblr-pinterest-darken);--tblr-btn-disabled-bg:var(--tblr-pinterest);--tblr-btn-disabled-color:var(--tblr-pinterest-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-pinterest:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-pinterest:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-pinterest);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-pinterest);--tblr-btn-hover-color:var(--tblr-pinterest-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-pinterest);--tblr-btn-active-color:var(--tblr-pinterest-fg);--tblr-btn-active-bg:var(--tblr-pinterest);--tblr-btn-active-border-color:var(--tblr-pinterest);--tblr-btn-disabled-color:var(--tblr-pinterest);--tblr-btn-disabled-border-color:var(--tblr-pinterest)}
:where(html) .btn-ghost-pinterest:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-pinterest:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-pinterest);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-pinterest-fg);--tblr-btn-hover-bg:var(--tblr-pinterest);--tblr-btn-hover-border-color:var(--tblr-pinterest);--tblr-btn-active-color:var(--tblr-pinterest-fg);--tblr-btn-active-bg:var(--tblr-pinterest);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-pinterest);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-vk:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-vk-fg, #fff);--tblr-btn-bg:var(--tblr-vk);--tblr-btn-hover-color:var(--tblr-vk-fg);--tblr-btn-hover-bg:var(--tblr-vk-darken);--tblr-btn-active-color:var(--tblr-vk-fg);--tblr-btn-active-bg:var(--tblr-vk-darken);--tblr-btn-disabled-bg:var(--tblr-vk);--tblr-btn-disabled-color:var(--tblr-vk-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-vk:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-vk:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-vk);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-vk);--tblr-btn-hover-color:var(--tblr-vk-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-vk);--tblr-btn-active-color:var(--tblr-vk-fg);--tblr-btn-active-bg:var(--tblr-vk);--tblr-btn-active-border-color:var(--tblr-vk);--tblr-btn-disabled-color:var(--tblr-vk);--tblr-btn-disabled-border-color:var(--tblr-vk)}
:where(html) .btn-ghost-vk:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-vk:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-vk);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-vk-fg);--tblr-btn-hover-bg:var(--tblr-vk);--tblr-btn-hover-border-color:var(--tblr-vk);--tblr-btn-active-color:var(--tblr-vk-fg);--tblr-btn-active-bg:var(--tblr-vk);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-vk);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-rss:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-rss-fg, #fff);--tblr-btn-bg:var(--tblr-rss);--tblr-btn-hover-color:var(--tblr-rss-fg);--tblr-btn-hover-bg:var(--tblr-rss-darken);--tblr-btn-active-color:var(--tblr-rss-fg);--tblr-btn-active-bg:var(--tblr-rss-darken);--tblr-btn-disabled-bg:var(--tblr-rss);--tblr-btn-disabled-color:var(--tblr-rss-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-rss:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-rss:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-rss);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-rss);--tblr-btn-hover-color:var(--tblr-rss-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-rss);--tblr-btn-active-color:var(--tblr-rss-fg);--tblr-btn-active-bg:var(--tblr-rss);--tblr-btn-active-border-color:var(--tblr-rss);--tblr-btn-disabled-color:var(--tblr-rss);--tblr-btn-disabled-border-color:var(--tblr-rss)}
:where(html) .btn-ghost-rss:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-rss:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-rss);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-rss-fg);--tblr-btn-hover-bg:var(--tblr-rss);--tblr-btn-hover-border-color:var(--tblr-rss);--tblr-btn-active-color:var(--tblr-rss-fg);--tblr-btn-active-bg:var(--tblr-rss);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-rss);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-flickr:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-flickr-fg, #fff);--tblr-btn-bg:var(--tblr-flickr);--tblr-btn-hover-color:var(--tblr-flickr-fg);--tblr-btn-hover-bg:var(--tblr-flickr-darken);--tblr-btn-active-color:var(--tblr-flickr-fg);--tblr-btn-active-bg:var(--tblr-flickr-darken);--tblr-btn-disabled-bg:var(--tblr-flickr);--tblr-btn-disabled-color:var(--tblr-flickr-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-flickr:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-flickr:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-flickr);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-flickr);--tblr-btn-hover-color:var(--tblr-flickr-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-flickr);--tblr-btn-active-color:var(--tblr-flickr-fg);--tblr-btn-active-bg:var(--tblr-flickr);--tblr-btn-active-border-color:var(--tblr-flickr);--tblr-btn-disabled-color:var(--tblr-flickr);--tblr-btn-disabled-border-color:var(--tblr-flickr)}
:where(html) .btn-ghost-flickr:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-flickr:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-flickr);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-flickr-fg);--tblr-btn-hover-bg:var(--tblr-flickr);--tblr-btn-hover-border-color:var(--tblr-flickr);--tblr-btn-active-color:var(--tblr-flickr-fg);--tblr-btn-active-bg:var(--tblr-flickr);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-flickr);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-bitbucket:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-bitbucket-fg, #fff);--tblr-btn-bg:var(--tblr-bitbucket);--tblr-btn-hover-color:var(--tblr-bitbucket-fg);--tblr-btn-hover-bg:var(--tblr-bitbucket-darken);--tblr-btn-active-color:var(--tblr-bitbucket-fg);--tblr-btn-active-bg:var(--tblr-bitbucket-darken);--tblr-btn-disabled-bg:var(--tblr-bitbucket);--tblr-btn-disabled-color:var(--tblr-bitbucket-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-bitbucket:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-bitbucket:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-bitbucket);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-bitbucket);--tblr-btn-hover-color:var(--tblr-bitbucket-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-bitbucket);--tblr-btn-active-color:var(--tblr-bitbucket-fg);--tblr-btn-active-bg:var(--tblr-bitbucket);--tblr-btn-active-border-color:var(--tblr-bitbucket);--tblr-btn-disabled-color:var(--tblr-bitbucket);--tblr-btn-disabled-border-color:var(--tblr-bitbucket)}
:where(html) .btn-ghost-bitbucket:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-bitbucket:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-bitbucket);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-bitbucket-fg);--tblr-btn-hover-bg:var(--tblr-bitbucket);--tblr-btn-hover-border-color:var(--tblr-bitbucket);--tblr-btn-active-color:var(--tblr-bitbucket-fg);--tblr-btn-active-bg:var(--tblr-bitbucket);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-bitbucket);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-tabler:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-tabler-fg, #fff);--tblr-btn-bg:var(--tblr-tabler);--tblr-btn-hover-color:var(--tblr-tabler-fg);--tblr-btn-hover-bg:var(--tblr-tabler-darken);--tblr-btn-active-color:var(--tblr-tabler-fg);--tblr-btn-active-bg:var(--tblr-tabler-darken);--tblr-btn-disabled-bg:var(--tblr-tabler);--tblr-btn-disabled-color:var(--tblr-tabler-fg);--tblr-btn-box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-outline-tabler:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-outline.btn-tabler:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-tabler);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-tabler);--tblr-btn-hover-color:var(--tblr-tabler-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-tabler);--tblr-btn-active-color:var(--tblr-tabler-fg);--tblr-btn-active-bg:var(--tblr-tabler);--tblr-btn-active-border-color:var(--tblr-tabler);--tblr-btn-disabled-color:var(--tblr-tabler);--tblr-btn-disabled-border-color:var(--tblr-tabler)}
:where(html) .btn-ghost-tabler:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-ghost.btn-tabler:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-color:var(--tblr-tabler);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-tabler-fg);--tblr-btn-hover-bg:var(--tblr-tabler);--tblr-btn-hover-border-color:var(--tblr-tabler);--tblr-btn-active-color:var(--tblr-tabler-fg);--tblr-btn-active-bg:var(--tblr-tabler);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-tabler);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}
:where(html) .btn-group-sm>:is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-sm:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-line-height:1rem;--tblr-btn-icon-size:1rem}
:where(html) .btn-group-lg>:is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-lg:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-line-height:1.5rem;--tblr-btn-icon-size:1.5rem}
:where(html) .btn-group-xl>:is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-xl:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-line-height:2rem;--tblr-btn-icon-size:2rem;--tblr-btn-padding-y:0.6875rem;--tblr-btn-padding-x:1.75rem;--tblr-btn-font-size:1.5rem}
:where(html) .btn-pill:where(:not([data-tabler-native], [data-tabler-native] *)){padding-inline-start:1.5em;padding-inline-end:1.5em;border-radius:var(--tblr-border-radius-pill)}
:where(html) .btn-pill[class*=btn-icon]:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-pill-icon-padding-y:0.375rem;--tblr-btn-pill-icon-padding-x:15px;padding:var(--tblr-btn-pill-icon-padding-y) var(--tblr-btn-pill-icon-padding-x)}
:where(html) .btn-square:where(:not([data-tabler-native], [data-tabler-native] *)){border-radius:0}
:where(html) .btn-action:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-icon:where(:not([data-tabler-native], [data-tabler-native] *)){min-width:calc(var(--tblr-btn-line-height) + var(--tblr-btn-padding-y) * 2 + var(--tblr-btn-border-width) * 2);padding-inline-start:0;padding-inline-end:0}
:where(html) .btn-action .icon:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-icon .icon:where(:not([data-tabler-native], [data-tabler-native] *)){margin:calc(-1 * var(--tblr-btn-padding-x))}
:where(html) .btn-list:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-list-gap:0.5rem;display:flex;flex-wrap:wrap;gap:var(--tblr-list-gap)}
:where(html) .btn-list-center:where(:not([data-tabler-native], [data-tabler-native] *)){justify-content:center}
:where(html) .btn-floating:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-floating-offset:1rem;position:fixed;inset-inline-end:var(--tblr-btn-floating-offset);bottom:var(--tblr-btn-floating-offset);z-index:1030;box-shadow:var(--tblr-shadow-dropdown)}
@media  print{:where(html) .btn-floating:where(:not([data-tabler-native], [data-tabler-native] *)){display:none}}
:where(html) .btn-loading:where(:not([data-tabler-native], [data-tabler-native] *)){position:relative;color:transparent!important;text-shadow:none!important;pointer-events:none}
:where(html) .btn-loading>*:where(:not([data-tabler-native], [data-tabler-native] *)){opacity:0}
:where(html) .btn-loading:where(:not([data-tabler-native], [data-tabler-native] *))::after{position:absolute;inset-inline-start:calc(50% - var(--tblr-btn-icon-size)/ 2);top:calc(50% - var(--tblr-btn-icon-size)/ 2);display:inline-block;width:var(--tblr-btn-icon-size);height:var(--tblr-btn-icon-size);color:var(--tblr-btn-color);vertical-align:text-bottom;content:"";border:2px var(--tblr-border-style) currentColor;border-inline-end-color:transparent;animation:spinner-border .75s linear infinite;border-radius:var(--tblr-border-radius-pill)}
:where(html) .btn-action:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-border-color:transparent;--tblr-btn-bg:transparent;--tblr-btn-disabled-color:var(--tblr-secondary);color:var(--tblr-secondary);border-radius:var(--tblr-border-radius);background:0 0;box-shadow:none}
:where(html) .btn-action:where(:not([data-tabler-native], [data-tabler-native] *))::after{content:none}
:where(html) .btn-action:focus:not(:focus-visible):where(:not([data-tabler-native], [data-tabler-native] *)){outline:0;box-shadow:none}
:where(html) .btn-action:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){outline:2px solid var(--tblr-primary);outline-offset:-2px;box-shadow:none}
:where(html) .btn-action.show:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-action:hover:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--tblr-body-color);background:var(--tblr-active-bg);border-color:transparent}
:where(html) .btn-action.show:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--tblr-primary)}
@media  print{:where(html) .btn-action:where(:not([data-tabler-native], [data-tabler-native] *)){display:none}}
:where(html) .btn-actions:where(:not([data-tabler-native], [data-tabler-native] *)){display:flex}
@media  print{:where(html) .btn-actions:where(:not([data-tabler-native], [data-tabler-native] *)){display:none}}
:where(html) .btn-animate-icon .icon:where(:not([data-tabler-native], [data-tabler-native] *)){transition:transform .3s ease}
:where(html) .btn-animate-icon:focus-visible .icon:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-animate-icon:hover .icon:where(:not([data-tabler-native], [data-tabler-native] *)){transform:translateX(calc(var(--tblr-dir) * 4px))}
:where(html) .btn-animate-icon.btn-animate-icon-rotate:focus-visible .icon:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-animate-icon.btn-animate-icon-rotate:hover .icon:where(:not([data-tabler-native], [data-tabler-native] *)){transform:rotate(90deg)}
:where(html) .btn-animate-icon.btn-animate-icon-move-start:focus-visible .icon:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-animate-icon.btn-animate-icon-move-start:hover .icon:where(:not([data-tabler-native], [data-tabler-native] *)){transform:translateX(calc(var(--tblr-dir) * -4px))}
:where(html) .btn-animate-icon.btn-animate-icon-pulse:focus-visible .icon:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-animate-icon.btn-animate-icon-pulse:hover .icon:where(:not([data-tabler-native], [data-tabler-native] *)){transform:none;animation:pulse .9s}
:where(html) .btn-animate-icon.btn-animate-icon-shake:focus-visible .icon:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-animate-icon.btn-animate-icon-shake:hover .icon:where(:not([data-tabler-native], [data-tabler-native] *)){transform:none;animation:shake .9s}
:where(html) .btn-animate-icon.btn-animate-icon-tada:focus-visible .icon:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-animate-icon.btn-animate-icon-tada:hover .icon:where(:not([data-tabler-native], [data-tabler-native] *)){transform:none;animation:tada .9s}
:where(html) .btn-group:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group-vertical:where(:not([data-tabler-native], [data-tabler-native] *)){box-shadow:var(--tblr-shadow-input)}
:where(html) .btn-group-vertical>.btn-check:checked+:is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group-vertical>:is(.btn,.primary,.secondary,.danger-button).active:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group-vertical>:is(.btn,.primary,.secondary,.danger-button):active:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group>.btn-check:checked+:is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group>:is(.btn,.primary,.secondary,.danger-button).active:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group>:is(.btn,.primary,.secondary,.danger-button):active:where(:not([data-tabler-native], [data-tabler-native] *)){z-index:5}
:where(html) .btn-group-vertical>.btn-check:focus+:is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group-vertical>:is(.btn,.primary,.secondary,.danger-button):focus:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group-vertical>:is(.btn,.primary,.secondary,.danger-button):hover:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group>.btn-check:focus+:is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group>:is(.btn,.primary,.secondary,.danger-button):focus:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-group>:is(.btn,.primary,.secondary,.danger-button):hover:where(:not([data-tabler-native], [data-tabler-native] *)){z-index:1}
:where(html) .card:where(:not([data-tabler-native], [data-tabler-native] *)){transition:transform .3s ease-out,opacity .3s ease-out,box-shadow .3s ease-out}
@media  (prefers-reduced-motion:reduce){:where(html) .card:where(:not([data-tabler-native], [data-tabler-native] *)){transition:none}}
@media  print{:where(html) .card:where(:not([data-tabler-native], [data-tabler-native] *)){border:none;box-shadow:none;break-inside:avoid}}
:where(html) .card .card:where(:not([data-tabler-native], [data-tabler-native] *)){box-shadow:none}
:where(html) .card-borderless:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card-borderless .card-footer:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card-borderless .card-header:where(:not([data-tabler-native], [data-tabler-native] *)){border-color:transparent}
:where(html) .card-dashed:where(:not([data-tabler-native], [data-tabler-native] *)){border:var(--tblr-border-width) dashed var(--tblr-border-color)}
:where(html) .card-transparent:where(:not([data-tabler-native], [data-tabler-native] *)){background:0 0;border:var(--tblr-border-width) dashed var(--tblr-border-color);box-shadow:none}
:where(html) .card-stamp:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-stamp-size:7rem;position:absolute;inset-inline-end:0;top:0;width:calc(var(--tblr-stamp-size) * 1);height:calc(var(--tblr-stamp-size) * 1);max-height:100%;overflow:hidden;pointer-events:none;border-start-end-radius:6px;opacity:.2}
:where(html) .card-stamp-lg:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-stamp-size:13rem}
:where(html) .card-stamp-icon:where(:not([data-tabler-native], [data-tabler-native] *)){position:relative;inset-inline-end:calc(var(--tblr-stamp-size) * -0.25);top:calc(var(--tblr-stamp-size) * -.25);display:flex;align-items:center;justify-content:center;width:calc(var(--tblr-stamp-size) * 1);height:calc(var(--tblr-stamp-size) * 1);font-size:calc(var(--tblr-stamp-size) * .75);color:var(--tblr-card-bg,var(--tblr-bg-surface));background:var(--tblr-secondary);transform:rotate(10deg);border-radius:var(--tblr-border-radius-pill)}
:where(html) .card-stamp-icon .icon:where(:not([data-tabler-native], [data-tabler-native] *)){width:calc(var(--tblr-stamp-size) * .75);height:calc(var(--tblr-stamp-size) * .75);stroke-width:2}
:where(html) .card-img:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card-img-start:where(:not([data-tabler-native], [data-tabler-native] *)){border-top-left-radius:calc(var(--tblr-border-radius-lg) - (var(--tblr-border-width)));border-bottom-left-radius:calc(var(--tblr-border-radius-lg) - (var(--tblr-border-width)))}
:where(html) .card-img:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card-img-end:where(:not([data-tabler-native], [data-tabler-native] *)){border-top-right-radius:calc(var(--tblr-border-radius-lg) - (var(--tblr-border-width)));border-bottom-right-radius:calc(var(--tblr-border-radius-lg) - (var(--tblr-border-width)))}
:where(html) .card-img-overlay:where(:not([data-tabler-native], [data-tabler-native] *)){display:flex;flex-direction:column;justify-content:end}
:where(html) .card-img-overlay-dark:where(:not([data-tabler-native], [data-tabler-native] *)){background-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.6) 100%)}
:where(html) .card-inactive:where(:not([data-tabler-native], [data-tabler-native] *)){pointer-events:none;box-shadow:none}
:where(html) .card-inactive .card-body:where(:not([data-tabler-native], [data-tabler-native] *)){opacity:.64}
:where(html) .card-active:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-border-color:var(--tblr-primary);--tblr-card-bg:var(--tblr-active-bg)}
:where(html) .card-btn:where(:not([data-tabler-native], [data-tabler-native] *)){display:flex;flex:1;align-items:center;justify-content:center;padding:1.25rem 1.25rem;font-weight:var(--tblr-font-weight-medium);color:inherit;text-align:center;border-top:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);transition:background .3s}
@media  (prefers-reduced-motion:reduce){:where(html) .card-btn:where(:not([data-tabler-native], [data-tabler-native] *)){transition:none}}
:where(html) .card-btn:hover:where(:not([data-tabler-native], [data-tabler-native] *)){text-decoration:none;background:color-mix(in srgb,var(--tblr-primary) 4%,transparent)}
:where(html) .card-btn+.card-btn:where(:not([data-tabler-native], [data-tabler-native] *)){border-inline-start:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)}
:where(html) .card-stacked:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-stacked-offset:0.25rem;position:relative}
:where(html) .card-stacked:where(:not([data-tabler-native], [data-tabler-native] *))::after{position:absolute;inset-inline-start:var(--tblr-card-stacked-offset);inset-inline-end:var(--tblr-card-stacked-offset);top:calc(-1 * var(--tblr-card-stacked-offset));height:var(--tblr-card-stacked-offset);content:"";background:var(--tblr-card-bg,var(--tblr-bg-surface));border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-card-border-color);border-radius:var(--tblr-card-border-radius) var(--tblr-card-border-radius) 0 0}
:where(html) .card-cover:where(:not([data-tabler-native], [data-tabler-native] *)){position:relative;padding:1.25rem 1.25rem;background:#666 no-repeat center/cover}
:where(html) .card-cover:where(:not([data-tabler-native], [data-tabler-native] *))::before{position:absolute;inset-inline-start:0;inset-inline-end:0;top:0;bottom:0;content:"";background:rgba(31,41,55,.48)}
:where(html) .card-cover:first-child:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card-cover:first-child:where(:not([data-tabler-native], [data-tabler-native] *))::before{border-radius:6px 6px 0 0}
:where(html) .card-cover-blurred:where(:not([data-tabler-native], [data-tabler-native] *))::before{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
:where(html) .card-actions:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-actions-gutter:0.5rem;padding-inline-start:var(--tblr-card-actions-gutter);margin-block:calc(-1 * var(--tblr-card-actions-gutter));margin-inline:auto calc(-1 * var(--tblr-card-actions-gutter))}
:where(html) .card-actions a:where(:not([data-tabler-native], [data-tabler-native] *)){text-decoration:none}
:where(html) .card-header:where(:not([data-tabler-native], [data-tabler-native] *)){display:flex;align-items:center;color:inherit;background-color:var(--tblr-card-header-bg,var(--tblr-card-cap-bg))}
:where(html) .card-header:first-child:where(:not([data-tabler-native], [data-tabler-native] *)){border-radius:var(--tblr-card-border-radius) var(--tblr-card-border-radius) 0 0}
:where(html) .card-header-light:where(:not([data-tabler-native], [data-tabler-native] *)){background:var(--tblr-bg-surface-tertiary);border-bottom-color:transparent}
:where(html) .card-header-tabs:where(:not([data-tabler-native], [data-tabler-native] *)){flex:1;padding:calc(var(--tblr-card-cap-padding-y) * .5) calc(var(--tblr-card-cap-padding-x) * .5) 0;margin:calc(var(--tblr-card-cap-padding-y) * -1) calc(var(--tblr-card-cap-padding-x) * -1);background:var(--tblr-bg-surface-tertiary);border-radius:var(--tblr-card-border-radius) var(--tblr-card-border-radius) 0 0}
:where(html) .card-header-pills:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-header-pills-margin:0.5rem;flex:1;margin-top:calc(-1 * var(--tblr-card-header-pills-margin));margin-bottom:calc(-1 * var(--tblr-card-header-pills-margin))}
:where(html) .card-rotate-left:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card-rotate-start:where(:not([data-tabler-native], [data-tabler-native] *)){transform:rotate(-1.5deg)}
:where(html) .card-rotate-end:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card-rotate-right:where(:not([data-tabler-native], [data-tabler-native] *)){transform:rotate(1.5deg)}
:where(html) .card-link:where(:not([data-tabler-native], [data-tabler-native] *)){color:inherit}
:where(html) .card-link:hover:where(:not([data-tabler-native], [data-tabler-native] *)){color:inherit;text-decoration:none;box-shadow:0 1px 6px 0 rgba(0,0,0,.08)}
:where(html) .card-link-rotate:hover:where(:not([data-tabler-native], [data-tabler-native] *)){opacity:1;transform:rotate(1.5deg)}
:where(html) .card-link-pop:hover:where(:not([data-tabler-native], [data-tabler-native] *)){opacity:1;transform:translateY(-2px)}
:where(html) .card-footer:where(:not([data-tabler-native], [data-tabler-native] *)){margin-top:auto}
:where(html) .card-footer:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){border-radius:0 0 var(--tblr-card-border-radius) var(--tblr-card-border-radius)}
:where(html) .card-footer-transparent:where(:not([data-tabler-native], [data-tabler-native] *)){padding-top:0;background:0 0;border-color:transparent}
:where(html) .card-footer-borderless:where(:not([data-tabler-native], [data-tabler-native] *)){border-top:none}
:where(html) .card-progress:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-progress-height:0.25rem;height:var(--tblr-card-progress-height)}
:where(html) .card-progress:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){border-radius:0 0 2px 2px}
:where(html) .card-progress:first-child:where(:not([data-tabler-native], [data-tabler-native] *)){border-radius:2px 2px 0 0}
:where(html) .card-meta:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--tblr-secondary)}
:where(html) .card-title:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-title-margin-bottom:1rem;--tblr-card-title-line-height:1.5rem;display:block;margin:0 0 var(--tblr-card-title-margin-bottom);font-size:1rem;font-weight:var(--tblr-font-weight-medium);line-height:var(--tblr-card-title-line-height);color:var(--tblr-heading-color)}
:where(html) .card-header .card-title:where(:not([data-tabler-native], [data-tabler-native] *)){margin:0}
:where(html) .card-subtitle:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-subtitle-margin-start:0.25rem;margin-bottom:1.25rem;font-weight:400;color:var(--tblr-secondary)}
:where(html) .card-header .card-subtitle:where(:not([data-tabler-native], [data-tabler-native] *)){margin:0}
:where(html) .card-title .card-subtitle:where(:not([data-tabler-native], [data-tabler-native] *)){margin-block:0;margin-inline:var(--tblr-card-subtitle-margin-start) 0;font-size:.875rem}
:where(html) .card-body:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-body-padding-sm:1rem;--tblr-card-body-padding-md:2.5rem;--tblr-card-body-padding-lg:2rem;--tblr-card-body-padding-lg-up:4rem;position:relative}
:where(html) .card-body>:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){margin-bottom:0}
:where(html) .card-sm>.card-body:where(:not([data-tabler-native], [data-tabler-native] *)){padding:var(--tblr-card-body-padding-sm)}
@media  (min-width:768px){:where(html) .card-md>.card-body:where(:not([data-tabler-native], [data-tabler-native] *)){padding:var(--tblr-card-body-padding-md)}}
@media  (min-width:768px){:where(html) .card-lg>.card-body:where(:not([data-tabler-native], [data-tabler-native] *)){padding:var(--tblr-card-body-padding-lg)}}
@media  (min-width:992px){:where(html) .card-lg>.card-body:where(:not([data-tabler-native], [data-tabler-native] *)){padding:var(--tblr-card-body-padding-lg-up)}}
@media  print{:where(html) .card-body:where(:not([data-tabler-native], [data-tabler-native] *)){padding:0}}
:where(html) .card-body+.card-body:where(:not([data-tabler-native], [data-tabler-native] *)){border-top:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)}
:where(html) .card-body-scrollable:where(:not([data-tabler-native], [data-tabler-native] *)){overflow:auto}
:where(html) .card-options:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-options-top:1.5rem;--tblr-card-options-inset:0.75rem;inset-inline-end:var(--tblr-card-options-inset);top:var(--tblr-card-options-top);display:flex;margin-inline-start:auto}
:where(html) .card-options-link:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-options-link-min-width:1rem;--tblr-card-options-link-margin-start:0.25rem;display:inline-block;min-width:var(--tblr-card-options-link-min-width);margin-inline-start:var(--tblr-card-options-link-margin-start);color:var(--tblr-secondary)}
:where(html) .card-status-top:where(:not([data-tabler-native], [data-tabler-native] *)){position:absolute;inset-inline-start:calc(-1 * var(--tblr-card-border-width));inset-inline-end:calc(-1 * var(--tblr-card-border-width));top:calc(-1 * var(--tblr-card-border-width));height:3px;border-radius:var(--tblr-card-border-radius) var(--tblr-card-border-radius) 0 0}
:where(html) .card-status-start:where(:not([data-tabler-native], [data-tabler-native] *)){position:absolute;inset-inline-start:calc(-1 * var(--tblr-card-border-width));inset-inline-end:auto;top:calc(-1 * var(--tblr-card-border-width));bottom:calc(-1 * var(--tblr-card-border-width));width:3px;border-radius:var(--tblr-card-border-radius) 0 0 var(--tblr-card-border-radius)}
:where(html) .card-status-bottom:where(:not([data-tabler-native], [data-tabler-native] *)){position:absolute;inset-inline-start:calc(-1 * var(--tblr-card-border-width));inset-inline-end:calc(-1 * var(--tblr-card-border-width));top:initial;bottom:calc(-1 * var(--tblr-card-border-width));height:3px;border-radius:0 0 var(--tblr-card-border-radius) var(--tblr-card-border-radius)}
:where(html) .card-table:where(:not([data-tabler-native], [data-tabler-native] *)){margin-bottom:0!important}
:where(html) .card-table tr td:first-child:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card-table tr th:first-child:where(:not([data-tabler-native], [data-tabler-native] *)){padding-inline-start:1.25rem;border-inline-start:0;border-start-start-radius:var(--tblr-card-border-radius)}
:where(html) .card-table tr td:last-child:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card-table tr th:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){padding-inline-end:1.25rem;border-inline-end:0;border-start-end-radius:var(--tblr-card-border-radius)}
:where(html) .card-table tbody:last-child tr:last-child>:last-child:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card-table tfoot:last-child tr:last-child>:last-child:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card-table thead:last-child tr:last-child>:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){border-end-end-radius:calc(var(--tblr-card-border-radius) - var(--tblr-card-border-width))}
:where(html) .card-table tbody:last-child tr:last-child>:first-child:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card-table tfoot:last-child tr:last-child>:first-child:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card-table thead:last-child tr:last-child>:first-child:where(:not([data-tabler-native], [data-tabler-native] *)){border-end-start-radius:calc(var(--tblr-card-border-radius) - var(--tblr-card-border-width))}
:where(html) .card-table tbody tr:first-child:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card-table tfoot tr:first-child:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card-table thead tr:first-child:where(:not([data-tabler-native], [data-tabler-native] *)){border-top:0}
:where(html) .card-table tbody tr:first-child td:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card-table tbody tr:first-child th:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card-table tfoot tr:first-child td:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card-table tfoot tr:first-child th:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card-table thead tr:first-child td:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card-table thead tr:first-child th:where(:not([data-tabler-native], [data-tabler-native] *)){border-top:0}
:where(html) .card-table tbody tr:last-child td:where(:not([data-tabler-native], [data-tabler-native] *)){border-bottom:0}
:where(html) .card-table tfoot tr:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){border-bottom:0}
:where(html) .card-body+.card-table:where(:not([data-tabler-native], [data-tabler-native] *)){border-top:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-table-border-color)}
:where(html) .card-code:where(:not([data-tabler-native], [data-tabler-native] *)){padding:0;overflow:hidden}
:where(html) .card-code:first-child:where(:not([data-tabler-native], [data-tabler-native] *)){border-top-left-radius:var(--tblr-card-border-radius);border-top-right-radius:var(--tblr-card-border-radius)}
:where(html) .card-code:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){border-bottom-right-radius:var(--tblr-card-border-radius);border-bottom-left-radius:var(--tblr-card-border-radius)}
:where(html) .card-code .highlight:where(:not([data-tabler-native], [data-tabler-native] *)){margin:0;border:0}
:where(html) .card-code pre:where(:not([data-tabler-native], [data-tabler-native] *)){margin:0!important;border:0!important;border-radius:0}
:where(html) .card-chart:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-avatar-height:3.5rem;position:relative;z-index:1;height:var(--tblr-card-avatar-height)}
:where(html) .card-avatar:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-avatar-ring-width:0.25rem;margin-inline-start:auto;margin-inline-end:auto;margin-top:calc(-1 * var(--tblr-avatar-size) * .5);box-shadow:0 0 0 var(--tblr-card-avatar-ring-width) var(--tblr-card-bg,var(--tblr-bg-surface))}
:where(html) .card-body+.card-list-group:where(:not([data-tabler-native], [data-tabler-native] *)){border-top:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)}
:where(html) .card-list-group .list-group-item:where(:not([data-tabler-native], [data-tabler-native] *)){padding-inline-start:1.25rem;padding-inline-end:1.25rem;border-inline-start:0;border-inline-end:0;border-radius:0}
:where(html) .card-list-group .list-group-item:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){border-bottom:0}
:where(html) .card-list-group .list-group-item:first-child:where(:not([data-tabler-native], [data-tabler-native] *)){border-top:0}
:where(html) .card-tabs .nav-tabs:where(:not([data-tabler-native], [data-tabler-native] *)){position:relative;z-index:1;border-bottom:0}
:where(html) .card-tabs .nav-tabs .nav-link:where(:not([data-tabler-native], [data-tabler-native] *)){background:var(--tblr-bg-surface-tertiary);border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)}
:where(html) .card-tabs .nav-tabs .nav-link.active:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card-tabs .nav-tabs .nav-link:active:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .card-tabs .nav-tabs .nav-link:hover:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--tblr-body-color);border-color:var(--tblr-border-color-translucent)}
:where(html) .card-tabs .nav-tabs .nav-link.active:where(:not([data-tabler-native], [data-tabler-native] *)){color:light-dark(var(--tblr-gray-900),var(--tblr-white));background:var(--tblr-card-bg,var(--tblr-bg-surface));border-bottom-color:transparent}
:where(html) .card-tabs .nav-tabs .nav-item:not(:first-child) .nav-link:where(:not([data-tabler-native], [data-tabler-native] *)){border-start-start-radius:0}
:where(html) .card-tabs .nav-tabs .nav-item:not(:last-child) .nav-link:where(:not([data-tabler-native], [data-tabler-native] *)){border-start-end-radius:0}
:where(html) .card-tabs .nav-tabs .nav-item+.nav-item:where(:not([data-tabler-native], [data-tabler-native] *)){margin-inline-start:calc(-1 * var(--tblr-border-width))}
:where(html) .card-tabs .nav-tabs-bottom:where(:not([data-tabler-native], [data-tabler-native] *)){margin-bottom:0}
:where(html) .card-tabs .nav-tabs-bottom .nav-link:where(:not([data-tabler-native], [data-tabler-native] *)){margin-bottom:0}
:where(html) .card-tabs .nav-tabs-bottom .nav-link.active:where(:not([data-tabler-native], [data-tabler-native] *)){border-top-color:transparent}
:where(html) .card-tabs .nav-tabs-bottom .nav-item:where(:not([data-tabler-native], [data-tabler-native] *)){margin-top:calc(-1 * var(--tblr-border-width));margin-bottom:0}
:where(html) .card-tabs .nav-tabs-bottom .nav-item .nav-link:where(:not([data-tabler-native], [data-tabler-native] *)){border-bottom:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);border-radius:0 0 var(--tblr-border-radius-lg) var(--tblr-border-radius-lg)}
:where(html) .card-tabs .nav-tabs-bottom .nav-item:not(:first-child) .nav-link:where(:not([data-tabler-native], [data-tabler-native] *)){border-end-start-radius:0}
:where(html) .card-tabs .nav-tabs-bottom .nav-item:not(:last-child) .nav-link:where(:not([data-tabler-native], [data-tabler-native] *)){border-end-end-radius:0}
:where(html) .card-tabs .card:where(:not([data-tabler-native], [data-tabler-native] *)){border-end-start-radius:0}
:where(html) .card-tabs .nav-tabs+.tab-content .card:where(:not([data-tabler-native], [data-tabler-native] *)){border-start-start-radius:0!important;border-end-start-radius:var(--tblr-card-border-radius)}
:where(html) .card-tabs .tab-content:has(+ .nav-tabs) .card:where(:not([data-tabler-native], [data-tabler-native] *)){border-start-start-radius:var(--tblr-card-border-radius);border-end-start-radius:0!important}
:where(html) .card-note:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-bg:#fff7dd;--tblr-card-border-color:#fff1c9}
:where(html) .card-gradient:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient-direction:180deg;--tblr-card-gradient-opacity:86%;--tblr-card-gradient:var(--tblr-primary),var(--tblr-primary);background:radial-gradient(ellipse at center,var(--tblr-card-bg) 0%,color-mix(in sRGB,var(--tblr-card-bg) 0%,transparent) 80%) border-box,linear-gradient(var(--tblr-card-gradient-direction),color-mix(in sRGB,var(--tblr-card-bg) var(--tblr-card-gradient-opacity),transparent) 0%,var(--tblr-card-bg) 40%) border-box,linear-gradient(calc(270deg + var(--tblr-card-gradient-direction)),var(--tblr-card-gradient)) border-box}
:where(html) .card-gradient-blue:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:var(--tblr-blue),var(--tblr-blue)}
:where(html) .card-gradient-azure:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:var(--tblr-azure),var(--tblr-azure)}
:where(html) .card-gradient-indigo:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:var(--tblr-indigo),var(--tblr-indigo)}
:where(html) .card-gradient-purple:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:var(--tblr-purple),var(--tblr-purple)}
:where(html) .card-gradient-pink:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:var(--tblr-pink),var(--tblr-pink)}
:where(html) .card-gradient-red:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:var(--tblr-red),var(--tblr-red)}
:where(html) .card-gradient-orange:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:var(--tblr-orange),var(--tblr-orange)}
:where(html) .card-gradient-yellow:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:var(--tblr-yellow),var(--tblr-yellow)}
:where(html) .card-gradient-lime:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:var(--tblr-lime),var(--tblr-lime)}
:where(html) .card-gradient-green:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:var(--tblr-green),var(--tblr-green)}
:where(html) .card-gradient-teal:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:var(--tblr-teal),var(--tblr-teal)}
:where(html) .card-gradient-cyan:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:var(--tblr-cyan),var(--tblr-cyan)}
:where(html) .card-gradient-black:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:var(--tblr-black),var(--tblr-black)}
:where(html) .card-gradient-white:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:var(--tblr-white),var(--tblr-white)}
:where(html) .card-gradient-gray:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:var(--tblr-gray),var(--tblr-gray)}
:where(html) .card-gradient-gray-dark:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:var(--tblr-gray-dark),var(--tblr-gray-dark)}
:where(html) .card-gradient-primary:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:var(--tblr-primary),var(--tblr-primary)}
:where(html) .card-gradient-secondary:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:var(--tblr-secondary),var(--tblr-secondary)}
:where(html) .card-gradient-success:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:var(--tblr-success),var(--tblr-success)}
:where(html) .card-gradient-info:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:var(--tblr-info),var(--tblr-info)}
:where(html) .card-gradient-warning:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:var(--tblr-warning),var(--tblr-warning)}
:where(html) .card-gradient-danger:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:var(--tblr-danger),var(--tblr-danger)}
:where(html) .card-gradient-light:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:var(--tblr-light),var(--tblr-light)}
:where(html) .card-gradient-dark:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:var(--tblr-dark),var(--tblr-dark)}
:where(html) .card-gradient-muted:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:var(--tblr-muted),var(--tblr-muted)}
:where(html) .card-gradient-rainbow:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:#78c5d6,#459ba8,#79c267,#c5d647,#f5d63d,#f08b33,#e868a2,#be61a5}
:where(html) .card-gradient-sun:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:#fd1d1d,#fcb045}
:where(html) .card-gradient-snow:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:#333,#e9ecef}
:where(html) .card-gradient-ocean:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:#1cb5e0,#000851}
:where(html) .card-gradient-mellow:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:#f8ff00,#3ad59f}
:where(html) .card-gradient-disco:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:#fc466b,#3f5efb}
:where(html) .card-gradient-psychedelic:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:#fcc5e4,#fda34b,#ff7882,#c8699e,#7046aa,#0c1db8,#020f75}
:where(html) .card-gradient-love:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:#f235e6,#bc0707}
:where(html) .card-gradient-gold:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient:#9d4100,#bf7122,#f59f00,#ffd700}
:where(html) .card-gradient-animated:where(:not([data-tabler-native], [data-tabler-native] *)){animation:gradient-animation 15s linear infinite}
:where(html) .card-gradient-bottom:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient-direction:0deg}
:where(html) .card-gradient-end:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient-direction:270deg}
:where(html) .card-gradient-start:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-card-gradient-direction:90deg}
:where(html) .btn-close:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-btn-close-color:currentColor;--tblr-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236b7280'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");--tblr-btn-close-opacity:0.4;--tblr-btn-close-hover-opacity:0.75;--tblr-btn-close-focus-shadow:0 0 0 2px var(--tblr-primary),0 0 0 0.25rem color-mix(in srgb, var(--tblr-primary) 25%, transparent);--tblr-btn-close-focus-opacity:1;--tblr-btn-close-disabled-opacity:0.25;--tblr-btn-close-size:1em;position:relative;display:block;width:var(--tblr-btn-close-size);height:var(--tblr-btn-close-size);padding:.875em .875em;color:var(--tblr-btn-close-color);cursor:pointer;background-color:var(--tblr-btn-close-color);border:0;opacity:var(--tblr-btn-close-opacity);mask:var(--tblr-btn-close-bg) no-repeat center/calc(var(--tblr-btn-close-size) * 0.75);border-radius:var(--tblr-border-radius)}
:where(html) .btn-close:where(:not([data-tabler-native], [data-tabler-native] *))::before{position:absolute;top:50%;left:50%;width:max(100%,24px);height:max(100%,24px);content:"";transform:translate(-50%,-50%)}
:where(html) .btn-close:hover:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--tblr-btn-close-color);text-decoration:none;background-color:var(--tblr-btn-close-color);opacity:var(--tblr-btn-close-hover-opacity)}
:where(html) .btn-close:focus:where(:not([data-tabler-native], [data-tabler-native] *)){outline:0;box-shadow:var(--tblr-btn-close-focus-shadow);opacity:var(--tblr-btn-close-focus-opacity)}
:where(html) .btn-close.disabled:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .btn-close:disabled:where(:not([data-tabler-native], [data-tabler-native] *)){pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--tblr-btn-close-disabled-opacity)}
@media  print{:where(html) .btn-close:where(:not([data-tabler-native], [data-tabler-native] *)){display:none}}
:where(html) .dropdown-menu:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-dropdown-item-gap:0.5rem;--tblr-dropdown-item-icon-size:1.25rem;--tblr-dropdown-item-icon-color:var(--tblr-tertiary);--tblr-dropdown-header-padding-bottom:0.25rem;--tblr-dropdown-menu-columns-gap:0.25rem;--tblr-dropdown-arrow-offset:0.25rem;--tblr-dropdown-arrow-inset:0.75rem;--tblr-dropdown-dropend-offset:0.25rem;--tblr-dropdown-menu-card-min-width:20rem;-webkit-user-select:none;user-select:none;background-clip:border-box}
:where(html) .dropdown-menu.card:where(:not([data-tabler-native], [data-tabler-native] *)){display:none;min-width:25rem;padding:0}
:where(html) .dropdown-menu.card.show:where(:not([data-tabler-native], [data-tabler-native] *)){display:flex}
@media  print{:where(html) .dropdown-menu:where(:not([data-tabler-native], [data-tabler-native] *)){display:none}}
:where(html) .dropdown-item:where(:not([data-tabler-native], [data-tabler-native] *)){display:flex;gap:var(--tblr-dropdown-item-gap,.5rem);align-items:center;min-width:11rem;margin:0;line-height:1.4285714286}
:where(html) .dropdown-item-icon:where(:not([data-tabler-native], [data-tabler-native] *)){width:var(--tblr-dropdown-item-icon-size)!important;height:var(--tblr-dropdown-item-icon-size)!important;color:var(--tblr-dropdown-item-icon-color);text-align:center}
:where(html) .dropdown-item-indicator:where(:not([data-tabler-native], [data-tabler-native] *)){display:inline-flex;align-items:center;height:var(--tblr-dropdown-item-icon-size);line-height:1;vertical-align:bottom}
:where(html) .dropdown-header:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:.75rem;font-weight:var(--tblr-font-weight-medium);text-transform:uppercase;letter-spacing:.04em;line-height:1rem;color:var(--tblr-secondary);padding-bottom:var(--tblr-dropdown-header-padding-bottom);pointer-events:none}
:where(html) .dropdown-menu-scrollable:where(:not([data-tabler-native], [data-tabler-native] *)){height:auto;max-height:13rem;overflow-x:hidden}
:where(html) .dropdown-menu-column:where(:not([data-tabler-native], [data-tabler-native] *)){min-width:11rem}
:where(html) .dropdown-menu-column .dropdown-item:where(:not([data-tabler-native], [data-tabler-native] *)){min-width:0}
:where(html) .dropdown-menu-columns:where(:not([data-tabler-native], [data-tabler-native] *)){display:flex;flex:0 var(--tblr-dropdown-menu-columns-gap)}
:where(html) .dropdown-menu-arrow:where(:not([data-tabler-native], [data-tabler-native] *))::before{position:absolute;inset-inline-start:var(--tblr-dropdown-arrow-inset);top:calc(-1 * var(--tblr-dropdown-arrow-offset));z-index:-1;display:block;width:14px;height:14px;clip-path:inset(0 5px 5px 0);content:"";background:inherit;border:1px solid var(--tblr-dropdown-border-color);transform:rotate(45deg);transform-origin:center}
:where(html) .dropdown-menu-arrow.dropdown-menu-end:where(:not([data-tabler-native], [data-tabler-native] *))::before{inset-inline-start:auto;inset-inline-end:var(--tblr-dropdown-arrow-inset)}
:where(html) .dropend>.dropdown-menu:where(:not([data-tabler-native], [data-tabler-native] *)){margin-inline-start:calc(-1 * var(--tblr-dropdown-dropend-offset));margin-top:calc(-.25rem - 1px)}
:where(html) .dropend .dropdown-toggle:where(:not([data-tabler-native], [data-tabler-native] *))::after{margin-inline-start:auto}
:where(html) .dropdown-menu-card:where(:not([data-tabler-native], [data-tabler-native] *)){min-width:var(--tblr-dropdown-menu-card-min-width);padding:0}
:where(html) .dropdown-menu-card>.card:where(:not([data-tabler-native], [data-tabler-native] *)){margin:0;border:0;box-shadow:none}
:where(html) .form-control+.form-hint:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .form-select+.form-hint:where(:not([data-tabler-native], [data-tabler-native] *)){margin-top:var(--tblr-form-hint-control-margin-top);color:var(--tblr-secondary)}
:where(html) .form-select:-moz-focusring:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--tblr-body-color)}
:where(html) .form-control:-webkit-autofill:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--tblr-body-color);box-shadow:0 0 0 1000px var(--tblr-bg-surface-secondary) inset;-webkit-text-fill-color:var(--tblr-body-color)}
:where(html) .form-control.disabled:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .form-control:disabled:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--tblr-secondary);-webkit-user-select:none;user-select:none}
:where(html) .form-control[size]:where(:not([data-tabler-native], [data-tabler-native] *)){width:auto}
:where(html) .form-control-light:where(:not([data-tabler-native], [data-tabler-native] *)){background-color:var(--tblr-gray-100);border-color:transparent}
:where(html) .form-control-dark:where(:not([data-tabler-native], [data-tabler-native] *)){color:#fff;background-color:rgba(0,0,0,.1);border-color:transparent}
:where(html) .form-control-dark:focus:where(:not([data-tabler-native], [data-tabler-native] *)){background-color:rgba(0,0,0,.1);border-color:rgba(255,255,255,.24);box-shadow:none}
:where(html) .form-control-dark:where(:not([data-tabler-native], [data-tabler-native] *))::placeholder{color:rgba(255,255,255,.6)}
:where(html) .form-control-rounded:where(:not([data-tabler-native], [data-tabler-native] *)){border-radius:var(--tblr-border-radius-pill)}
:where(html) .form-control-flush:where(:not([data-tabler-native], [data-tabler-native] *)){padding:0;line-height:inherit;resize:none;background:0 0!important;border-color:transparent!important;box-shadow:none!important}
:where(html) .form-control:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .form-select:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-form-control-mobile-font-size:1rem}
@media  (max-width:575.98px){:where(html) .form-control:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .form-select:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:var(--tblr-form-control-mobile-font-size)}}
:where(html) .form-control-color:where(:not([data-tabler-native], [data-tabler-native] *))::-webkit-color-swatch{border:none}
:where(html) .form-control:where(:not([data-tabler-native], [data-tabler-native] *))::file-selector-button{background-color:var(--tblr-btn-color,var(--tblr-tertiary-bg))}
:where(html) .form-control:hover:not(:disabled):not([readonly]):where(:not([data-tabler-native], [data-tabler-native] *))::file-selector-button{background-color:var(--tblr-btn-color,var(--tblr-secondary-bg))}
:where(html) .form-check:where(:not([data-tabler-native], [data-tabler-native] *)){-webkit-user-select:none;user-select:none}
:where(html) .form-check.form-check-highlight .form-check-input:not(:checked)~.form-check-label:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--tblr-secondary)}
:where(html) .form-check .form-check-label-off:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--tblr-secondary)}
:where(html) .form-check .form-check-input:checked~.form-check-label-off:where(:not([data-tabler-native], [data-tabler-native] *)){display:none}
:where(html) .form-check .form-check-input:not(:checked)~.form-check-label-on:where(:not([data-tabler-native], [data-tabler-native] *)){display:none}
:where(html) .form-check-input:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-form-check-input-width:1.25rem;margin-top:0rem;background-size:var(--tblr-form-check-input-width);box-shadow:var(--tblr-shadow-input)}
:where(html) .form-check-label:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-form-check-label-required-gap:0.25rem;display:block}
:where(html) .form-check-label.required:where(:not([data-tabler-native], [data-tabler-native] *))::after{margin-inline-start:var(--tblr-form-check-label-required-gap);color:#d63939;content:"*"}
:where(html) .form-check-description:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-form-check-description-margin-top:0.25rem;display:block;margin-top:var(--tblr-form-check-description-margin-top);font-size:.75rem;color:var(--tblr-secondary)}
:where(html) .form-check-single:where(:not([data-tabler-native], [data-tabler-native] *)){margin:0}
:where(html) .form-check-single .form-check-input:where(:not([data-tabler-native], [data-tabler-native] *)){margin:0}
:where(html) .form-switch .form-check-input:where(:not([data-tabler-native], [data-tabler-native] *)){height:1.25rem;margin-top:0rem;transition:background-color .3s,background-position .3s}
@media  (prefers-reduced-motion:reduce){:where(html) .form-switch .form-check-input:where(:not([data-tabler-native], [data-tabler-native] *)){transition:none}}
:where(html) .form-switch-lg:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-form-switch-lg-padding-start:3.5rem;--tblr-form-switch-lg-min-height:1.5rem;--tblr-form-switch-lg-height:1.5rem;--tblr-form-switch-lg-width:2.75rem;--tblr-form-switch-lg-bg-size:1.5rem;--tblr-form-switch-lg-input-offset:-3.5rem;--tblr-form-switch-lg-label-padding-top:0.125rem;min-height:var(--tblr-form-switch-lg-min-height);padding-inline-start:var(--tblr-form-switch-lg-padding-start)}
:where(html) .form-switch-lg .form-check-input:where(:not([data-tabler-native], [data-tabler-native] *)){width:var(--tblr-form-switch-lg-width);height:var(--tblr-form-switch-lg-height);margin-inline-start:var(--tblr-form-switch-lg-input-offset);background-size:var(--tblr-form-switch-lg-bg-size)}
:where(html) .form-switch-lg .form-check-label:where(:not([data-tabler-native], [data-tabler-native] *)){padding-top:var(--tblr-form-switch-lg-label-padding-top)}
:where(html) .form-control.is-invalid-lite:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .form-control.is-valid-lite:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .form-select.is-invalid-lite:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .form-select.is-valid-lite:where(:not([data-tabler-native], [data-tabler-native] *)){border-color:var(--tblr-border-color)!important}
:where(html) .form-control.is-invalid:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .form-control.is-valid:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-form-feedback-icon-size:1.25rem;--tblr-form-feedback-icon-inset:1rem;padding-inline-end:calc(var(--tblr-form-feedback-icon-size) + var(--tblr-form-feedback-icon-inset) * 2)!important;background-position:right var(--tblr-form-feedback-icon-inset) center!important;background-size:var(--tblr-form-feedback-icon-size) var(--tblr-form-feedback-icon-size)!important}
:where(html) .form-control-sm.is-invalid:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .form-control-sm.is-valid:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-form-feedback-icon-size:1rem;--tblr-form-feedback-icon-inset:0.5rem}
:where(html) .form-control-lg.is-invalid:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .form-control-lg.is-valid:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-form-feedback-icon-size:1.5rem;--tblr-form-feedback-icon-inset:1.5rem}
:where(html) .form-select.is-invalid:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .form-select.is-valid:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-form-feedback-icon-size:1.25rem;background-size:16px 12px,var(--tblr-form-feedback-icon-size) var(--tblr-form-feedback-icon-size)!important}
:where(html) .table:where(:not([data-tabler-native], [data-tabler-native] *)){font:inherit}
@media  print{:where(html) .table thead:where(:not([data-tabler-native], [data-tabler-native] *)){display:table-header-group}
:where(html) .table tr:where(:not([data-tabler-native], [data-tabler-native] *)){break-inside:avoid}}
:where(html) .table thead th:where(:not([data-tabler-native], [data-tabler-native] *)){padding-top:.5rem;padding-bottom:.5rem;white-space:nowrap;background:var(--tblr-bg-surface-tertiary);font-size:.75rem;font-weight:var(--tblr-font-weight-medium);text-transform:uppercase;letter-spacing:.04em;line-height:1rem;color:var(--tblr-secondary)}
@media  print{:where(html) .table thead th:where(:not([data-tabler-native], [data-tabler-native] *)){background:0 0}}
:where(html) .table-responsive .markdown>table:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .table-responsive .prose>table:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .table-responsive .table:where(:not([data-tabler-native], [data-tabler-native] *)){margin-bottom:0}
:where(html) .table-transparent thead th:where(:not([data-tabler-native], [data-tabler-native] *)){background:0 0}
:where(html) .table-nowrap>:not(caption)>*>*:where(:not([data-tabler-native], [data-tabler-native] *)){white-space:nowrap}
:where(html) .table-vcenter>:not(caption)>*>*:where(:not([data-tabler-native], [data-tabler-native] *)){vertical-align:middle}
:where(html) .table-center>:not(caption)>*>*:where(:not([data-tabler-native], [data-tabler-native] *)){text-align:center}
:where(html) .table-mobile:where(:not([data-tabler-native], [data-tabler-native] *)){display:block}
:where(html) .table-mobile thead:where(:not([data-tabler-native], [data-tabler-native] *)){display:none}
:where(html) .table-mobile tbody:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .table-mobile tr:where(:not([data-tabler-native], [data-tabler-native] *)){display:flex;flex-direction:column}
:where(html) .table-mobile td:where(:not([data-tabler-native], [data-tabler-native] *)){display:block;padding:.75rem .75rem!important;color:var(--tblr-body-color)!important;border:none}
:where(html) .table-mobile td[data-label]:where(:not([data-tabler-native], [data-tabler-native] *))::before{font-size:.75rem;font-weight:var(--tblr-font-weight-medium);text-transform:uppercase;letter-spacing:.04em;line-height:1rem;color:var(--tblr-secondary);display:block;content:attr(data-label)}
:where(html) .table-mobile tr:where(:not([data-tabler-native], [data-tabler-native] *)){border-bottom:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)}
:where(html) .table-mobile :is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)){display:block}
@media  (max-width:575.98px){:where(html) .table-mobile-sm:where(:not([data-tabler-native], [data-tabler-native] *)){display:block}
:where(html) .table-mobile-sm thead:where(:not([data-tabler-native], [data-tabler-native] *)){display:none}
:where(html) .table-mobile-sm tbody:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .table-mobile-sm tr:where(:not([data-tabler-native], [data-tabler-native] *)){display:flex;flex-direction:column}
:where(html) .table-mobile-sm td:where(:not([data-tabler-native], [data-tabler-native] *)){display:block;padding:.75rem .75rem!important;color:var(--tblr-body-color)!important;border:none}
:where(html) .table-mobile-sm td[data-label]:where(:not([data-tabler-native], [data-tabler-native] *))::before{font-size:.75rem;font-weight:var(--tblr-font-weight-medium);text-transform:uppercase;letter-spacing:.04em;line-height:1rem;color:var(--tblr-secondary);display:block;content:attr(data-label)}
:where(html) .table-mobile-sm tr:where(:not([data-tabler-native], [data-tabler-native] *)){border-bottom:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)}
:where(html) .table-mobile-sm :is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)){display:block}}
@media  (max-width:767.98px){:where(html) .table-mobile-md:where(:not([data-tabler-native], [data-tabler-native] *)){display:block}
:where(html) .table-mobile-md thead:where(:not([data-tabler-native], [data-tabler-native] *)){display:none}
:where(html) .table-mobile-md tbody:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .table-mobile-md tr:where(:not([data-tabler-native], [data-tabler-native] *)){display:flex;flex-direction:column}
:where(html) .table-mobile-md td:where(:not([data-tabler-native], [data-tabler-native] *)){display:block;padding:.75rem .75rem!important;color:var(--tblr-body-color)!important;border:none}
:where(html) .table-mobile-md td[data-label]:where(:not([data-tabler-native], [data-tabler-native] *))::before{font-size:.75rem;font-weight:var(--tblr-font-weight-medium);text-transform:uppercase;letter-spacing:.04em;line-height:1rem;color:var(--tblr-secondary);display:block;content:attr(data-label)}
:where(html) .table-mobile-md tr:where(:not([data-tabler-native], [data-tabler-native] *)){border-bottom:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)}
:where(html) .table-mobile-md :is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)){display:block}}
@media  (max-width:991.98px){:where(html) .table-mobile-lg:where(:not([data-tabler-native], [data-tabler-native] *)){display:block}
:where(html) .table-mobile-lg thead:where(:not([data-tabler-native], [data-tabler-native] *)){display:none}
:where(html) .table-mobile-lg tbody:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .table-mobile-lg tr:where(:not([data-tabler-native], [data-tabler-native] *)){display:flex;flex-direction:column}
:where(html) .table-mobile-lg td:where(:not([data-tabler-native], [data-tabler-native] *)){display:block;padding:.75rem .75rem!important;color:var(--tblr-body-color)!important;border:none}
:where(html) .table-mobile-lg td[data-label]:where(:not([data-tabler-native], [data-tabler-native] *))::before{font-size:.75rem;font-weight:var(--tblr-font-weight-medium);text-transform:uppercase;letter-spacing:.04em;line-height:1rem;color:var(--tblr-secondary);display:block;content:attr(data-label)}
:where(html) .table-mobile-lg tr:where(:not([data-tabler-native], [data-tabler-native] *)){border-bottom:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)}
:where(html) .table-mobile-lg :is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)){display:block}}
@media  (max-width:1199.98px){:where(html) .table-mobile-xl:where(:not([data-tabler-native], [data-tabler-native] *)){display:block}
:where(html) .table-mobile-xl thead:where(:not([data-tabler-native], [data-tabler-native] *)){display:none}
:where(html) .table-mobile-xl tbody:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .table-mobile-xl tr:where(:not([data-tabler-native], [data-tabler-native] *)){display:flex;flex-direction:column}
:where(html) .table-mobile-xl td:where(:not([data-tabler-native], [data-tabler-native] *)){display:block;padding:.75rem .75rem!important;color:var(--tblr-body-color)!important;border:none}
:where(html) .table-mobile-xl td[data-label]:where(:not([data-tabler-native], [data-tabler-native] *))::before{font-size:.75rem;font-weight:var(--tblr-font-weight-medium);text-transform:uppercase;letter-spacing:.04em;line-height:1rem;color:var(--tblr-secondary);display:block;content:attr(data-label)}
:where(html) .table-mobile-xl tr:where(:not([data-tabler-native], [data-tabler-native] *)){border-bottom:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)}
:where(html) .table-mobile-xl :is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)){display:block}}
@media  (max-width:1399.98px){:where(html) .table-mobile-xxl:where(:not([data-tabler-native], [data-tabler-native] *)){display:block}
:where(html) .table-mobile-xxl thead:where(:not([data-tabler-native], [data-tabler-native] *)){display:none}
:where(html) .table-mobile-xxl tbody:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .table-mobile-xxl tr:where(:not([data-tabler-native], [data-tabler-native] *)){display:flex;flex-direction:column}
:where(html) .table-mobile-xxl td:where(:not([data-tabler-native], [data-tabler-native] *)){display:block;padding:.75rem .75rem!important;color:var(--tblr-body-color)!important;border:none}
:where(html) .table-mobile-xxl td[data-label]:where(:not([data-tabler-native], [data-tabler-native] *))::before{font-size:.75rem;font-weight:var(--tblr-font-weight-medium);text-transform:uppercase;letter-spacing:.04em;line-height:1rem;color:var(--tblr-secondary);display:block;content:attr(data-label)}
:where(html) .table-mobile-xxl tr:where(:not([data-tabler-native], [data-tabler-native] *)){border-bottom:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)}
:where(html) .table-mobile-xxl :is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)){display:block}}
:where(html) .table-sort:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-table-sort-icon-size:1rem;--tblr-table-sort-icon-margin-start:0.25rem;display:block;width:100%;padding:.5rem .75rem;margin:-.5rem -.75rem;font:inherit;color:inherit;text-align:inherit;text-transform:inherit;letter-spacing:inherit;background:inherit;border:0;transition:color .3s}
@media  (prefers-reduced-motion:reduce){:where(html) .table-sort:where(:not([data-tabler-native], [data-tabler-native] *)){transition:none}}
:where(html) .table-sort.asc:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .table-sort.desc:where(:not([data-tabler-native], [data-tabler-native] *)),:where(html) .table-sort:hover:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--tblr-body-color)}
:where(html) .table-sort:where(:not([data-tabler-native], [data-tabler-native] *))::after{display:inline-flex;width:var(--tblr-table-sort-icon-size);height:var(--tblr-table-sort-icon-size);margin-inline-start:var(--tblr-table-sort-icon-margin-start);vertical-align:bottom;content:"";background:currentColor;mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'><path d='M5 7l3 -3l3 3'/><path d='M5 10l3 3l3 -3'/></svg>")}
:where(html) .table-sort.asc:where(:not([data-tabler-native], [data-tabler-native] *))::after{mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 10l3 -3l3 3'/></svg>")}
:where(html) .table-sort.desc:where(:not([data-tabler-native], [data-tabler-native] *))::after{mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 7l3 3l3 -3'/></svg>")}
:where(html) .table-borderless thead th:where(:not([data-tabler-native], [data-tabler-native] *)){background:0 0}
:where(html) .table-selectable tbody tr .on-checked:where(:not([data-tabler-native], [data-tabler-native] *)){display:none}
:where(html) .table-selectable tbody tr .on-unchecked:where(:not([data-tabler-native], [data-tabler-native] *)){display:initial}
:where(html) .table-selectable tbody tr:has(.table-selectable-check:checked):where(:not([data-tabler-native], [data-tabler-native] *)){background-color:var(--tblr-active-bg)}
:where(html) .table-selectable tbody tr:has(.table-selectable-check:checked) .on-checked:where(:not([data-tabler-native], [data-tabler-native] *)){display:initial}
:where(html) .table-selectable tbody tr:has(.table-selectable-check:checked) .on-unchecked:where(:not([data-tabler-native], [data-tabler-native] *)){display:none}
:where(html) .card>.hr-text:where(:not([data-tabler-native], [data-tabler-native] *)){margin:0}
:where(html) .visually-hidden:where(:not([data-tabler-native], [data-tabler-native] *)){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
:where(html) .bg-success:where(:not([data-tabler-native], [data-tabler-native] *)){background-color:color-mix(in srgb,var(--tblr-success) calc(var(--tblr-bg-opacity,1) * 100%),transparent)!important}
:where(html) .bg-warning:where(:not([data-tabler-native], [data-tabler-native] *)){background-color:color-mix(in srgb,var(--tblr-warning) calc(var(--tblr-bg-opacity,1) * 100%),transparent)!important}
:where(html) .bg-danger:where(:not([data-tabler-native], [data-tabler-native] *)){background-color:color-mix(in srgb,var(--tblr-danger) calc(var(--tblr-bg-opacity,1) * 100%),transparent)!important}
:where(html) .bg-red:where(:not([data-tabler-native], [data-tabler-native] *)){background-color:color-mix(in srgb,var(--tblr-red) calc(var(--tblr-bg-opacity,1) * 100%),transparent)!important}
:where(html) .text-success:where(:not([data-tabler-native], [data-tabler-native] *)){--tblr-text-opacity:1;color:color-mix(in srgb,var(--tblr-success) calc(var(--tblr-text-opacity) * 100%),transparent)!important}
:where(html) .text-success-fg:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--tblr-success-fg)!important}
:where(html) .text-warning-fg:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--tblr-warning-fg)!important}
:where(html) .text-danger-fg:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--tblr-danger-fg)!important}
:where(html) .text-red-fg:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--tblr-red-fg)!important}.sidebar:where(:not([data-tabler-native], [data-tabler-native] *)){ position: fixed; inset: 8px auto 8px 0; width: var(--sidebar-width); padding: 20px var(--sidebar-inline-padding) 10px; border-right: 0; border-radius: 0 10px 10px 0; background: rgba(5, 14, 26, .88); backdrop-filter: blur(18px); display: flex; flex-direction: column; z-index: 2; transition: width .18s ease, padding .18s ease; }
.sidebar[data-saved-views-flyout-open="true"]:where(:not([data-tabler-native], [data-tabler-native] *)){ z-index: 200; }
.sidebar-head:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: minmax(0, 1fr) 30px; align-items: center; gap: 8px; padding: 0 0 18px; }
.brand:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: flex; align-items: center; gap: 11px; padding: 0; color: var(--text); text-decoration: none; font-size: 18px; letter-spacing: -.3px; }
.brand-mark:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 42px; height: 42px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 9px; overflow: hidden; background: transparent; }
.brand-mark img:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; height: 100%; display: block; object-fit: contain; }
.brand-copy:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; justify-items: start; gap: 3px; line-height: 1; }
.brand-copy > span:where(:not([data-tabler-native], [data-tabler-native] *)){ white-space: nowrap; }
.brand-version:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-left: 1px; color: var(--muted); font-size: 12px; font-weight: 700; line-height: 1; letter-spacing: .35px; opacity: .7; }
nav:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 1px; }
.sidebar-sites:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 1px; margin: 12px 0 6px; padding-bottom: 6px; border-bottom: 1px solid var(--line); }
.site-favorites-nav:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; gap: 1px; margin: 4px 0 5px; }
.site-nav-group-label:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 3px 8px 2px 22px; color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .12em; line-height: 1.4; text-transform: uppercase; }
.site-favorite-link:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; margin-left: 14px; color: color-mix(in srgb, var(--muted) 88%, transparent); font-size: 13px; }
.site-favorite-link > span:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.site-favorite-link .site-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 20px; height: 20px; flex: 0 0 20px; border-radius: 3px; overflow: visible; }
.site-favorite-link .site-icon img:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 0; border-radius: 3px; object-fit: contain; }
.site-favorite-link .site-icon .site-wordpress-fallback:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 0; }
.site-saved-views-nav:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 1px; }
.site-saved-view-row:where(:not([data-tabler-native], [data-tabler-native] *)){ position: relative; min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) 26px; align-items: center; gap: 5px; }
.site-saved-view-link:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; margin-left: 14px; padding-right: 3px; color: color-mix(in srgb, var(--muted) 88%, transparent); font-size: 13px; }
.site-saved-view-link span:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.site-saved-view-link .nav-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 13px; height: 13px; flex-basis: 13px; stroke-width: 1.5; }
.site-saved-view-edit:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 24px; height: 24px; padding: 0; border: 0; border-radius: 6px; display: inline-grid; place-items: center; background: transparent; color: var(--muted); opacity: 0; }
.site-saved-view-row:hover .site-saved-view-edit:where(:not([data-tabler-native], [data-tabler-native] *)), .site-saved-view-edit:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ opacity: 1; }
.site-saved-view-edit:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .site-saved-view-edit:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--panel-2); color: var(--text); }
.site-saved-view-edit svg:where(:not([data-tabler-native], [data-tabler-native] *)){
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.2px;
}
.site-saved-views-flyout:where(:not([data-tabler-native], [data-tabler-native] *)){ position: fixed; z-index: 201; left: 72px; width: 238px; padding: 10px; border: 1px solid var(--line); border-radius: 0 12px 12px 0; background: var(--panel); box-shadow: 0 18px 45px rgba(0,0,0,.24); }
.site-saved-views-flyout > strong:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; padding: 4px 8px 8px; color: var(--muted); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.site-saved-views-flyout .site-saved-view-row:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: minmax(0, 1fr) 30px; }
.site-saved-views-flyout .site-saved-view-link:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-left: 0; padding-right: 6px; }
.site-saved-views-flyout .site-saved-view-edit:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 28px; height: 28px; opacity: 1; }
.nav-link:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 28px; color: var(--muted); text-decoration: none; padding: 0 8px; border-radius: 8px; display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; font-style: normal; line-height: 20px; }
.nav-link:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .nav-link.active:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--text); background: var(--panel-2); }
.main-navigation-primary-group:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0 0 6px; padding: 0 0 6px; border-bottom: 1px solid var(--line); display: grid; gap: 1px; }
.nav-link .nav-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 14px; height: 14px; flex: 0 0 14px; }
.nav-link.active .nav-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ color: currentColor; stroke-width: 2; }
.nav-link em:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-left: auto; background: #29394f; color: var(--text); font-size: 13px; font-style: normal; min-width: 22px; padding: 3px 6px; border-radius: 12px; text-align: center; }
.toast-history-trigger:where(:not([data-tabler-native], [data-tabler-native] *)){ position: relative; grid-row: 1; grid-column: 2; justify-self: end; width: 30px; height: 30px; margin-right: 0; padding: 0; border: 1px solid var(--line); border-radius: 8px; display: grid; place-items: center; background: transparent; color: var(--muted); }
.toast-history-trigger:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .toast-history-trigger:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)), .toast-history-trigger[aria-expanded="true"]:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--panel-2); color: var(--text); }
.toast-history-trigger > svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.toast-history-trigger em:where(:not([data-tabler-native], [data-tabler-native] *)){ position: absolute; top: -7px; right: -7px; box-sizing: border-box; min-width: 19px; height: 19px; padding: 0 4px; border: 2px solid var(--bg); border-radius: 999px; display: grid; place-items: center; background: var(--danger); color: #fff; font-style: normal; font-size: 11px; font-weight: 700; line-height: 1; }
.sidebar-foot:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; min-width: 0; margin-top: auto; border-top: 1px solid var(--line); padding: 14px 0 0; display: grid; gap: 8px; overflow: visible; font-size: 13px; }
.notification-button:where(:not([data-tabler-native], [data-tabler-native] *)){ position: relative; width: 100%; max-width: 100%; min-width: 0; min-height: 28px; padding: 0 34px 0 8px; overflow: hidden; border: 0; border-radius: 8px; background: transparent; color: var(--muted); display: grid; grid-template-columns: 14px minmax(0, 1fr); align-items: center; gap: 8px; text-align: left; font-size: 13px; font-weight: 500; font-style: normal; }
.notification-button > span:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.notification-button:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--panel-2); color: var(--text); }
.notification-button .nav-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 14px; height: 14px; color: currentColor; }
.notification-button em:where(:not([data-tabler-native], [data-tabler-native] *)){ position: absolute; top: 0; right: 5px; box-sizing: border-box; min-width: 21px; height: 21px; padding: 0 5px; border: 2px solid var(--bg); border-radius: 999px; display: grid; place-items: center; background: var(--danger); color: #fff; font-style: normal; font-size: 12px; font-weight: 700; line-height: 1; z-index: 1; }
html[data-theme="light"] .notification-button em:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--danger); color: #fff; }
.sidebar-account:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; max-width: 100%; min-width: 0; padding: 6px 4px 6px 8px; display: flex; gap: 10px; align-items: center; }
.settings-footer-link:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; max-width: 100%; min-width: 0; overflow: hidden; }
.settings-footer-link > span:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-foot small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); display: block; margin-top: 2px; }
.user-summary:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; flex: 1; }
.user-summary strong:where(:not([data-tabler-native], [data-tabler-native] *)), .user-summary small:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-logout:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-top: 2px; padding-top: 9px; border-top: 1px solid var(--line); }
.logout-button:where(:not([data-tabler-native], [data-tabler-native] *)){
  width: 100%;
  min-height: 28px;
  padding: 0 8px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--muted);
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  text-align: left;
}
.logout-button .nav-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 14px; height: 14px; flex: 0 0 14px; display: block; overflow: visible; stroke-width: 2; }
.logout-button:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .logout-button:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); background: color-mix(in srgb, var(--danger) 10%, var(--panel-2)); outline: 0; }
.logout-button:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ box-shadow: 0 0 0 3px color-mix(in srgb, var(--danger) 18%, transparent); }
.sidebar-collapse-control:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--line); }
.sidebar-collapse-button:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; min-height: 28px; padding: 0 8px; border: 0; border-radius: 8px; display: flex; align-items: center; gap: 8px; background: transparent; color: var(--muted); font-size: 13px; font-weight: 500; text-align: left; }
.sidebar-collapse-button:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .sidebar-collapse-button:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--panel-2); color: var(--text); outline: 0; }
.sidebar-collapse-button:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ box-shadow: 0 0 0 3px color-mix(in srgb, var(--blue) 18%, transparent); }
.sidebar-collapse-button .nav-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 14px; height: 14px; flex: 0 0 14px; transition: transform .18s ease; }
.sidebar-resize-handle:where(:not([data-tabler-native], [data-tabler-native] *)){ position: absolute; top: 0; right: -4px; bottom: 0; width: 8px; z-index: 3; cursor: col-resize; touch-action: none; outline: 0; }
.sidebar-resize-handle:where(:not([data-tabler-native], [data-tabler-native] *))::before { position: absolute; top: 0; right: 3px; bottom: 0; width: 1px; content: ""; opacity: 0; background: linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--muted) 64%, transparent) 10%, color-mix(in srgb, var(--muted) 64%, transparent) 90%, transparent 100%); transition: width .14s ease, opacity .14s ease; }
.sidebar-resize-handle:hover:where(:not([data-tabler-native], [data-tabler-native] *))::before,
.sidebar-resize-handle:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *))::before,
html[data-sidebar-resizing="true"] .sidebar-resize-handle:where(:not([data-tabler-native], [data-tabler-native] *))::before { width: 2px; opacity: 1; }
html[data-sidebar-resizing="true"]:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-sidebar-resizing="true"] body:where(:not([data-tabler-native], [data-tabler-native] *)){ cursor: col-resize; user-select: none; }
html[data-sidebar-resizing="true"] .sidebar:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-sidebar-resizing="true"] main:where(:not([data-tabler-native], [data-tabler-native] *)){ transition: none; }
.sidebar .nav-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 14px; height: 14px; flex: 0 0 14px; }
.avatar:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #24344b; color: var(--accent); font-weight: 800; font-size: 13px; }
.account-avatar:where(:not([data-tabler-native], [data-tabler-native] *)), .avatar-preview:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: hidden; flex: 0 0 auto; }
.account-avatar img:where(:not([data-tabler-native], [data-tabler-native] *)), .avatar-preview img:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; height: 100%; object-fit: cover; }
.managed-user-avatar:where(:not([data-tabler-native], [data-tabler-native] *)){ position: relative; overflow: hidden; }
.managed-user-avatar img:where(:not([data-tabler-native], [data-tabler-native] *)){ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #24344b; }
.avatar-preview:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 72px; height: 72px; font-size: 22px; }
.avatar-settings-preview:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; gap: 16px; }
.avatar-settings-preview > div:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 5px; }
.avatar-settings-preview small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); line-height: 1.45; }
.avatar-settings-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; flex-wrap: wrap; gap: 10px; }
.avatar-settings-actions button:where(:not([data-tabler-native], [data-tabler-native] *)){ width: max-content; }
main:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0 0 0 var(--sidebar-width); padding: 8px 8px 8px 0; max-width: none; transition: margin-left .18s ease; }
html[data-sidebar-collapsed="true"] .sidebar:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 72px; padding-right: 12px; padding-left: 12px; }
html[data-sidebar-collapsed="true"] .sidebar .brand:where(:not([data-tabler-native], [data-tabler-native] *)){ justify-content: center; padding-right: 0; }
html[data-sidebar-collapsed="true"] .sidebar .brand-mark:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 32px; height: 32px; }
html[data-sidebar-collapsed="true"] .sidebar-head:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; justify-items: center; gap: 9px; }
html[data-sidebar-collapsed="true"] .toast-history-trigger:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-row: 2; grid-column: 1; justify-self: center; }
html[data-sidebar-collapsed="true"] .sidebar .brand-copy:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-sidebar-collapsed="true"] .nav-link > span:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-sidebar-collapsed="true"] .notification-button > span:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-sidebar-collapsed="true"] .user-summary:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-sidebar-collapsed="true"] .logout-button > span:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-sidebar-collapsed="true"] .sidebar-collapse-button > span:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; }
html[data-sidebar-collapsed="true"] .nav-link:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-sidebar-collapsed="true"] .notification-button:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-sidebar-collapsed="true"] .logout-button:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-sidebar-collapsed="true"] .sidebar-collapse-button:where(:not([data-tabler-native], [data-tabler-native] *)){ justify-content: center; gap: 0; padding-right: 10px; padding-left: 10px; }
html[data-sidebar-collapsed="true"] .notification-button:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 14px; }
html[data-sidebar-collapsed="true"] .sidebar-account:where(:not([data-tabler-native], [data-tabler-native] *)){ justify-content: center; padding-right: 0; padding-left: 0; }
html[data-sidebar-collapsed="true"] .nav-link em:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-sidebar-collapsed="true"] .notification-button em:where(:not([data-tabler-native], [data-tabler-native] *)){ position: absolute; top: 0; right: 0; margin: 0; }
html[data-sidebar-collapsed="true"] .nav-link:where(:not([data-tabler-native], [data-tabler-native] *)){ position: relative; }
html[data-sidebar-collapsed="true"] .sidebar-collapse-button .nav-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ transform: rotate(180deg); }
html[data-sidebar-collapsed="true"] .sidebar-sites:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 12px 0 6px; }
html[data-sidebar-collapsed="true"] .site-favorites-nav:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 4px 0 5px; }
html[data-sidebar-collapsed="true"] .site-nav-group-label:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; }
@media (max-width: 760px) { .sidebar-head:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: auto 30px; align-items: center; flex: 0 0 auto; gap: 8px; padding: 0; } .sidebar-head .brand:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 0; } .toast-history-trigger:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-row: 1; grid-column: 2; margin-right: 0; } }
html[data-sidebar-collapsed="true"] .site-favorite-link:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-left: 0; }
html[data-sidebar-collapsed="true"] .site-favorite-link > .site-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; }
html[data-sidebar-collapsed="true"] .site-saved-view-row:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; }
html[data-sidebar-collapsed="true"] .site-saved-view-link:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-left: 0; }
html[data-sidebar-collapsed="true"] .site-saved-view-edit:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; }
html[data-sidebar-collapsed="true"] .site-saved-views-flyout .site-saved-view-row:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; }
html[data-sidebar-collapsed="true"] .site-saved-views-flyout .site-saved-view-edit:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-grid; }
html[data-sidebar-collapsed="true"] .site-saved-views-flyout .site-saved-view-link:where(:not([data-tabler-native], [data-tabler-native] *)){ justify-content: flex-start; gap: 8px; padding-right: 6px; padding-left: 8px; }
html[data-sidebar-collapsed="true"] .site-saved-views-flyout .site-saved-view-link > span:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; }
html:not([data-sidebar-collapsed="true"]) .site-saved-views-flyout:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none !important; }
html[data-sidebar-collapsed="true"] main:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-left: 72px; }
.topbar:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; justify-content: space-between; align-items: center; margin-bottom: 22px; }
.sites-header-title:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; }
.topbar-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; justify-content: flex-end; align-items: center; gap: 10px; }
h1:where(:not([data-tabler-native], [data-tabler-native] *)), h2:where(:not([data-tabler-native], [data-tabler-native] *)), p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-top: 0; }
h1:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-bottom: 0; font-size: clamp(28px, 3vw, 38px); letter-spacing: -1.4px; }
h2:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-bottom: 0; font-size: 18px; letter-spacing: -.4px; }
.eyebrow:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); text-transform: uppercase; letter-spacing: 1.6px; font-size: 12px; font-weight: 800; margin-bottom: 8px; }
.primary:where(:not([data-tabler-native], [data-tabler-native] *)), .secondary:where(:not([data-tabler-native], [data-tabler-native] *)), .danger-button:where(:not([data-tabler-native], [data-tabler-native] *)){
  border: 0;
  border-radius: 9px;
  padding: 11px 16px;
  font-weight: 750;
  height: 40px;
}
.primary:where(:not([data-tabler-native], [data-tabler-native] *)), .secondary:where(:not([data-tabler-native], [data-tabler-native] *)){
  height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  transition: background-color .14s ease, border-color .14s ease, box-shadow .14s ease, color .14s ease;
}
.primary:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: var(--accent);
  color: #04120e;
  box-shadow: 0 3px 6px -2px rgba(0,0,0,.12), 0 1px 1px rgba(0,0,0,.12);
}
.primary:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--accent) 86%, #fff 14%); }
.button-with-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-flex; align-items: center; gap: 8px; }
.button-with-icon > svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 14px; height: 14px; flex: 0 0 14px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.2; }
.button-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 14px; height: 14px; stroke-width: 1.2; }
.secondary:where(:not([data-tabler-native], [data-tabler-native] *)){ border: 1px solid color-mix(in srgb, var(--line) 82%, transparent); background: var(--panel-2); color: var(--text); box-shadow: 0 1px 1px rgba(0,0,0,.08); }
.secondary:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--line) 60%, var(--text) 40%); background: color-mix(in srgb, var(--panel-2) 90%, var(--text) 10%); }
.metrics:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 18px; }
.metrics article:where(:not([data-tabler-native], [data-tabler-native] *)), .panel:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--panel) 96%, transparent); border: 1px solid var(--line); border-radius: 10px; }
.metrics article:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 20px; display: grid; grid-template-columns: 36px 1fr; align-items: center; gap: 12px; }
.metrics small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 13px; display: block; margin-bottom: 3px; }
.metrics strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 24px; letter-spacing: -1px; }
.metrics p:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 1 / -1; margin: 8px 0 0; color: var(--muted); font-size: 13px; }
.metrics p b:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); }
.metric-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; background: #152a3e; }
.metric-icon svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 20px; height: 20px; }
.green:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); } .amber:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); } .blue:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--blue); } .violet:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--violet); }
.content-grid:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: minmax(0, 1fr) 350px; gap: 18px; align-items: start; }
.content-grid.overview-layout:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; }
.content-grid.overview-layout .right-column:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.content-grid.sites-layout:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; }
.panel:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: hidden; }
.panel-head:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 68px; padding: 16px 18px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }

/* Tabler integration: 10-app-shell.css */

html[data-design-system="tabler"] .sidebar:where(:not([data-tabler-native], [data-tabler-native] *)){ inset:0 auto 0 0; background:var(--panel); border-right:1px solid var(--line); border-radius:0; backdrop-filter:none; padding-top:24px; }
html[data-design-system="tabler"] .sidebar .brand:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:18px;font-weight:700;letter-spacing:0}
html[data-design-system="tabler"] .sidebar .brand-mark:where(:not([data-tabler-native], [data-tabler-native] *)){width:36px;height:36px}
html[data-design-system="tabler"] .sidebar :is(.nav-link,.notification-button,.logout-button,.sidebar-collapse-button):where(:not([data-tabler-native], [data-tabler-native] *)){ min-height:34px;border-radius:6px;font-size:13px; }
html[data-design-system="tabler"] .sidebar .nav-link:hover:where(:not([data-tabler-native], [data-tabler-native] *)){background:var(--panel-2);color:var(--text)}
html[data-design-system="tabler"] .sidebar .nav-link.active:where(:not([data-tabler-native], [data-tabler-native] *)){background:var(--selected-bg);color:var(--blue);font-weight:600}
html[data-design-system="tabler"] .sidebar :is(.nav-link,.notification-button) .nav-icon:where(:not([data-tabler-native], [data-tabler-native] *)){width:16px;height:16px;flex-basis:16px}
html[data-design-system="tabler"] main:where(:not([data-tabler-native], [data-tabler-native] *)){padding:24px;}
html[data-design-system="tabler"] h1:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:26px;letter-spacing:-.4px;font-weight:600}
html[data-design-system="tabler"] h2:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:20px;letter-spacing:0;font-weight:600}
html[data-design-system="tabler"] .eyebrow:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:11px;letter-spacing:.06em;font-weight:500;color:var(--muted)}
html[data-design-system="tabler"] .topbar:where(:not([data-tabler-native], [data-tabler-native] *)){gap:16px;min-height:56px;margin-bottom:20px}
html[data-design-system="tabler"] :is(.panel,.metric,.storage-metric):where(:not([data-tabler-native], [data-tabler-native] *)){border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 1px 3px #00000003}
html[data-design-system="tabler"] .panel-head:where(:not([data-tabler-native], [data-tabler-native] *)){padding:20px;min-height:64px}
@media(max-width:760px){html[data-design-system="tabler"] .sidebar:where(:not([data-tabler-native], [data-tabler-native] *)){position:static;width:100%;padding:12px 16px;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line);gap:10px}html[data-design-system="tabler"] main:where(:not([data-tabler-native], [data-tabler-native] *)){margin-left:0;padding:16px}html[data-design-system="tabler"] .sidebar :is(.main-navigation,.site-workspace-navigation):where(:not([data-tabler-native], [data-tabler-native] *)){width:100%;overflow:auto}html[data-design-system="tabler"] h1:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:23px}}

@media(max-width:760px){
 html[data-design-system="tabler"] .sidebar:where(:not([data-tabler-native], [data-tabler-native] *)){display:flex;flex-direction:column;align-items:stretch;gap:12px;overflow:hidden}
 html[data-design-system="tabler"] .sidebar-head:where(:not([data-tabler-native], [data-tabler-native] *)){display:flex;justify-content:space-between;flex:none;width:100%}
 html[data-design-system="tabler"] #mainNavigation:where(:not([data-tabler-native], [data-tabler-native] *)),html[data-design-system="tabler"] .site-workspace-navigation:where(:not([data-tabler-native], [data-tabler-native] *)){display:flex;flex-flow:row nowrap;overflow-x:auto;gap:4px;max-width:100%;width:100%}
 html[data-design-system="tabler"] :is(.main-navigation-primary-group,.sidebar-sites,.site-saved-views-nav):where(:not([data-tabler-native], [data-tabler-native] *)){display:contents}
 html[data-design-system="tabler"] .sidebar-foot:where(:not([data-tabler-native], [data-tabler-native] *)){display:flex;gap:4px;overflow-x:auto;border-top:1px solid var(--line);padding-top:8px}
 html[data-design-system="tabler"] .sidebar :is(.nav-link,.notification-button,.logout-button):where(:not([data-tabler-native], [data-tabler-native] *)){flex:none;width:auto;min-width:max-content}
 html[data-design-system="tabler"] .sidebar-logout:where(:not([data-tabler-native], [data-tabler-native] *)){margin:0;padding:0;border:0}
 html[data-design-system="tabler"] .sidebar-account:where(:not([data-tabler-native], [data-tabler-native] *)),html[data-design-system="tabler"] .sidebar-collapse-control:where(:not([data-tabler-native], [data-tabler-native] *)){display:none}
}
@media(max-width:760px){html[data-design-system="tabler"] .sidebar .brand-copy:where(:not([data-tabler-native], [data-tabler-native] *)){display:grid}html[data-design-system="tabler"] .sidebar .brand-version:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:10px}}

/* Preserve sidebar inheritance when the complete Tabler body reset is loaded. */
#dashboardSidebar:where(:not([data-tabler-native], [data-tabler-native] *)){ font-family: system-ui,-apple-system,BlinkMacSystemFont,"San Francisco","Segoe UI",Roboto,"Helvetica Neue",sans-serif; font-size:14px; font-weight:400; line-height:20px; text-align:start; }

/* Explicit size for the website navigation icon. */
#dashboardSidebar #sitesNavLink .nav-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width:24px; height:24px; flex:0 0 24px; }

#dashboardSidebar #openNotifications .nav-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width:24px; height:24px; flex:0 0 24px; }

#dashboardSidebar #openNotifications:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns:24px minmax(0,1fr); gap:8px; }
html[data-sidebar-collapsed="true"] #dashboardSidebar #openNotifications:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns:24px; }

#dashboardSidebar #usersNavLink .nav-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width:24px; height:24px; flex:0 0 24px; }

#dashboardSidebar #ticketsNavLink .nav-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width:24px; height:24px; flex:0 0 24px; }

/* Inbox follows the same navigation state palette:where(:not([data-tabler-native], [data-tabler-native] *)), including its icon. */
#dashboardSidebar #openNotifications:where(:not([data-tabler-native], [data-tabler-native] *)){ color:var(--muted); background:transparent; }
#dashboardSidebar #openNotifications:is(:hover,:focus-visible):where(:not([data-tabler-native], [data-tabler-native] *)){ color:var(--text); background:var(--panel-2); }
#dashboardSidebar #openNotifications.active:where(:not([data-tabler-native], [data-tabler-native] *)){ color:var(--blue); background:var(--selected-bg); }
#dashboardSidebar .site-saved-view-link .icon-tabler-filter:where(:not([data-tabler-native], [data-tabler-native] *)){ width:24px; height:24px; flex:0 0 24px; }

#dashboardSidebar #teamNavLink .nav-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width:24px; height:24px; flex:0 0 24px; }

#dashboardSidebar :is(#librariesNavLink,#settingsNavLink) .nav-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width:24px; height:24px; flex:0 0 24px; }

#dashboardSidebar :is(#logoutButton,#toggleSidebar) .nav-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width:24px; height:24px; flex:0 0 24px; }
#dashboardSidebar #toggleSidebar .icon-tabler-arrow-autofit-content:where(:not([data-tabler-native], [data-tabler-native] *)){ transform:none; }

.site-saved-view-edit svg.icon-tabler-highlight:where(:not([data-tabler-native], [data-tabler-native] *)){ width:24px; height:24px; stroke-width:1; fill:none; }
.search:where(:not([data-tabler-native], [data-tabler-native] *)){
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--line);
  overflow: hidden;
  background: var(--panel);
  padding: 8px 11px;
  border-radius: 4px;
  color: var(--muted);
  height: 40px;
  font-size: 14px;
}
.search-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 16px; height: 16px; flex: none; }
.search input:where(:not([data-tabler-native], [data-tabler-native] *)){
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  height: 100% !important;
  margin: 0;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--text);
  -webkit-text-fill-color: var(--text);
  font-size: 13px;
}
.search input[type="search"]:where(:not([data-tabler-native], [data-tabler-native] *))::-webkit-search-decoration,
.search input[type="search"]:where(:not([data-tabler-native], [data-tabler-native] *))::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.ticket-search input:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; min-width: 0; flex: 1 1 auto; }
.site-row:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 84px; display: grid; grid-template-columns: minmax(220px, 1.5fr) .9fr .65fr auto; align-items: center; gap: 18px; padding: 16px 22px; border-bottom: 1px solid rgba(32,49,73,.7); }
.site-row:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){ border-bottom: 0; }
.site-row:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ background: rgba(25, 42, 64, .5); }
.site-main:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; gap: 12px; min-width: 0; }
.site-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ position: relative; width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; flex: none; overflow: hidden; background: transparent; color: var(--blue); font-weight: 900; }
html[data-theme="light"] .site-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ background: transparent; }
.site-icon img:where(:not([data-tabler-native], [data-tabler-native] *)){ position: absolute; inset: 0; width: 100%; height: 100%; display: block; box-sizing: border-box; object-fit: fill; object-position: center center; background: transparent; padding: 2px; }
.site-icon .site-wordpress-fallback:where(:not([data-tabler-native], [data-tabler-native] *)){ position: absolute; inset: 0; width: 100%; height: 100%; display: grid; place-items: center; box-sizing: border-box; border-radius: inherit; background: transparent; }
.site-icon .site-wordpress-fallback[hidden]:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; }
.site-icon .site-wordpress-fallback-image:where(:not([data-tabler-native], [data-tabler-native] *)){ position: absolute; inset: 0; margin: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 2px; object-fit: contain; object-position: center; background: transparent; }
.site-icon .site-wordpress-fallback-day:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; }
.site-icon .site-wordpress-fallback-night:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; }
html[data-theme="light"] .site-icon .site-wordpress-fallback-day:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; }
html[data-theme="light"] .site-icon .site-wordpress-fallback-night:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; }
.site-main strong:where(:not([data-tabler-native], [data-tabler-native] *)), .site-main small:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.site-main small:where(:not([data-tabler-native], [data-tabler-native] *)), .site-meta small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 13px; margin-top: 4px; }
.site-meta strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 13px; }
.status:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 750; }
.status:where(:not([data-tabler-native], [data-tabler-native] *))::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 8px currentColor; }
.status.healthy:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); } .status.attention:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); } .status.offline:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); }
.row-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; gap: 7px; }
.action:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 7px 9px; border-radius: 7px; border: 1px solid var(--line); background: var(--panel); color: var(--text); font-size: 13px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.action:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: var(--accent); }
.action:disabled:where(:not([data-tabler-native], [data-tabler-native] *)){ opacity: .45; cursor: not-allowed; border-color: var(--line); }
.registration-availability:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 10px 12px; border: 1px solid color-mix(in srgb, var(--accent) 38%, var(--line)); border-radius: 8px; background: color-mix(in srgb, var(--accent) 8%, transparent); color: var(--accent); font-size: 13px; font-weight: 750; }
.registration-availability.closed:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--danger) 42%, var(--line)); background: color-mix(in srgb, var(--danger) 8%, transparent); color: var(--danger); }
.update-action:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); border-color: rgba(96,230,180,.38); }
.connect-action:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--blue); border-color: rgba(102,183,255,.38); }
.wp-admin-action:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--blue); border-color: rgba(102,183,255,.38); }
.danger-action:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); border-color: rgba(255,110,125,.3); }
.danger-action:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: var(--danger); }
.site-detail-actions .action.maintenance-action:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); border-color: color-mix(in srgb, var(--amber) 45%, var(--line)); }
.site-detail-actions .action.maintenance-action.active:where(:not([data-tabler-native], [data-tabler-native] *)){
  color: #071522;
  -webkit-text-fill-color: #071522;
  border-color: var(--amber);
  background: var(--amber);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--amber) 18%, transparent);
}
.site-detail-actions .action.maintenance-action.active:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-detail-actions .action.maintenance-action.active:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){
  color: #071522;
  -webkit-text-fill-color: #071522;
  border-color: color-mix(in srgb, var(--amber) 78%, white);
  background: color-mix(in srgb, var(--amber) 86%, white);
}
.connection-state:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-grid; gap: 4px; }
.site-connection-bubble:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-flex; align-items: center; gap: 6px; width: fit-content; height: 24px; min-height: 24px; box-sizing: border-box; padding: 3px 8px; border: 1px solid var(--line); border-radius: 999px; background: color-mix(in srgb, var(--panel-2) 88%, transparent); font-size: 12px; line-height: 1; white-space: nowrap; }
.site-connection-bubble .connection:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: inherit; font-weight: 650; line-height: inherit; }
.site-connection-bubble.ok:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); background: color-mix(in srgb, var(--accent) 7%, var(--panel)); }
.site-connection-bubble.offline:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--danger) 46%, var(--line)); background: color-mix(in srgb, var(--danger) 7%, var(--panel)); }
.site-status-times:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-flex; align-items: center; gap: 5px; flex-wrap: wrap; }
.site-status-time:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-flex; align-items: center; gap: 4px; height: 24px; min-height: 24px; box-sizing: border-box; padding: 3px 8px; border: 1px solid var(--line); border-radius: 999px; background: color-mix(in srgb, var(--panel-2) 88%, transparent); font-size: 12px; line-height: 1; white-space: nowrap; }
.site-status-time.sync:where(:not([data-tabler-native], [data-tabler-native] *)), .site-status-time.backup:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 12px; }
.site-status-time small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 12px; font-weight: 700; letter-spacing: .02em; }
.site-status-time.sync .site-status-label:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-status-time.backup .site-status-label:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 12px; line-height: 1; }
.site-status-time strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--text); font-size: 12px; font-weight: 650; }
.site-status-time.sync strong:where(:not([data-tabler-native], [data-tabler-native] *)), .site-status-time.backup strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 12px; }
.site-status-time.sync:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-status-time.backup:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-status-time.sync > *:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-status-time.backup > *:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 12px; line-height: 1; }
.site-status-time.backup:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--blue) 32%, var(--line)); }
.site-status-time.site-column-job:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--blue); border-color: color-mix(in srgb, var(--blue) 52%, var(--line)); }
.site-status-time.site-column-job .button-spinner:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 10px; height: 10px; border-width: 1px; }
.site-status-time.site-column-job strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: currentColor; font-variant-numeric: tabular-nums; }
.site-status-time.backup.has-error:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--danger) 58%, var(--line)); }
.site-backup-error:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 13px; height: 13px; display: inline-grid; place-items: center; color: var(--danger); }
.site-backup-error svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7px; }
.system-status-panel:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 1 / -1; }
.onboarding-panel:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 1 / -1; overflow: hidden; border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); }
.onboarding-head:where(:not([data-tabler-native], [data-tabler-native] *)){ border-bottom: 0; padding-bottom: 12px; }
.onboarding-head p:not(.eyebrow):where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 7px 0 0; color: var(--muted); font-size: 13px; }
.onboarding-progress-copy:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; justify-items: end; }
.onboarding-progress-copy strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); font-size: 20px; }
.onboarding-progress-copy span:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 12px; }
.onboarding-progress:where(:not([data-tabler-native], [data-tabler-native] *)){ height: 5px; margin: 0 22px; overflow: hidden; border-radius: 99px; background: var(--panel-2); }
.onboarding-progress span:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; width: 0; height: 100%; border-radius: inherit; background: var(--accent); transition: width .3s ease; }
.onboarding-checklist:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; padding: 18px 22px; }
.onboarding-check:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel-soft); color: var(--text); display: flex; gap: 10px; text-align: left; }
.onboarding-check:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: var(--accent); transform: translateY(-1px); }
.onboarding-check > span:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; gap: 4px; }
.onboarding-check strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 13px; }
.onboarding-check small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 11px; line-height: 1.35; }
.onboarding-check-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 24px; height: 24px; flex: 0 0 auto; border: 1px solid var(--line); border-radius: 50%; display: grid; place-items: center; color: var(--muted); font-size: 12px; font-weight: 900; }
.onboarding-check.complete .onboarding-check-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: var(--accent); background: var(--accent); color: #04120e; }
.onboarding-check.complete strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); }
.onboarding-panel-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 0 22px 20px; display: flex; justify-content: flex-end; }
.system-status-head:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap; }
.compact-button:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 34px; padding: 7px 11px; font-size: 13px; }
.system-overall:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid var(--line); border-radius: 999px; font-size: 13px; font-weight: 800; }
.system-overall:where(:not([data-tabler-native], [data-tabler-native] *))::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: currentColor; box-shadow: 0 0 9px currentColor; }
.system-overall.healthy:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); background: color-mix(in srgb, var(--accent) 9%, transparent); border-color: color-mix(in srgb, var(--accent) 38%, var(--line)); }
.system-overall.attention:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); background: color-mix(in srgb, var(--amber) 9%, transparent); border-color: color-mix(in srgb, var(--amber) 38%, var(--line)); }
.system-overall.critical:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); background: color-mix(in srgb, var(--danger) 9%, transparent); border-color: color-mix(in srgb, var(--danger) 42%, var(--line)); }
.system-status-grid:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; padding: 18px 20px; }
.system-status-item:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; padding: 15px; display: grid; grid-template-columns: 10px minmax(0, 1fr); gap: 11px; border: 1px solid var(--line); border-radius: 11px; background: color-mix(in srgb, var(--panel-2) 82%, transparent); }
.system-status-dot:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 9px; height: 9px; margin-top: 4px; border-radius: 50%; background: currentColor; box-shadow: 0 0 9px currentColor; }
.system-status-item.healthy:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); }
.system-status-item.attention:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); }
.system-status-item.critical:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); }
.system-status-item small:where(:not([data-tabler-native], [data-tabler-native] *)), .system-status-item strong:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; }
.system-status-item small:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-bottom: 4px; color: var(--muted); font-size: 12px; font-weight: 750; text-transform: uppercase; letter-spacing: .6px; }
.system-status-item strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--text); font-size: 14px; }
.system-status-item p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 6px 0 0; color: var(--muted); font-size: 12px; line-height: 1.4; }
.system-status-foot:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 0 20px 18px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 22px; }
.system-status-foot > div:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; padding-top: 13px; border-top: 1px solid var(--line); }
.system-status-foot small:where(:not([data-tabler-native], [data-tabler-native] *)), .system-status-foot strong:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; }
.system-status-foot small:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-bottom: 4px; color: var(--muted); font-size: 12px; }
.system-status-foot strong:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: hidden; color: var(--text); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.system-status-warning:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 1 / -1; margin: 0; padding: 10px 12px; border-radius: 8px; background: color-mix(in srgb, var(--amber) 11%, transparent); color: var(--amber); font-size: 13px; font-weight: 750; }
.system-status-checked:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: 12px; text-align: right; }
.support-overview:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 18px; }
.support-metrics:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.support-metrics article:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; padding: 18px; border: 1px solid var(--line); border-radius: 13px; background: var(--panel); display: grid; gap: 6px; }
.support-metrics small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 13px; font-weight: 750; }
.support-metrics strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 30px; line-height: 1; }
.support-metrics span:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 11px; }
.support-onboarding-panel:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); }
.support-onboarding-panel .panel-head p:not(.eyebrow):where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 6px 0 0; color: var(--muted); font-size: 13px; }
.support-onboarding-checklist:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 18px 22px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.support-ticket-list:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; overflow: hidden; border-radius: 0 0 13px 13px; }
.support-ticket-row:where(:not([data-tabler-native], [data-tabler-native] *)){
  width: 100%;
  min-width: 0;
  padding: 14px 20px;
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  border-top: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
  color: var(--text);
  display: grid;
  grid-template-columns: 48px minmax(220px, 1fr) minmax(105px, auto) minmax(72px, auto) 118px;
  align-items: center;
  gap: 16px;
  text-align: left;
  font: inherit;
  cursor: pointer;
}
.support-ticket-row:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .support-ticket-row:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--accent) 7%, var(--panel)); outline: 0; }
.support-ticket-row:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ box-shadow: inset 3px 0 var(--accent); }
.support-ticket-number:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 38px; height: 30px; border-radius: 8px; background: var(--panel-2); color: var(--accent); display: grid; place-items: center; font-size: 13px; font-weight: 800; }
.support-ticket-copy:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; }
.support-ticket-copy strong:where(:not([data-tabler-native], [data-tabler-native] *)), .support-ticket-copy small:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.support-ticket-copy strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 13px; }
.support-ticket-copy small:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-top: 4px; color: var(--muted); font-size: 12px; }
.support-ticket-row .ticket-status:where(:not([data-tabler-native], [data-tabler-native] *)), .support-ticket-row .ticket-priority:where(:not([data-tabler-native], [data-tabler-native] *)){ justify-self: start; white-space: nowrap; }
.support-ticket-row time:where(:not([data-tabler-native], [data-tabler-native] *)){ justify-self: end; color: var(--muted); font-size: 12px; white-space: nowrap; }
.support-ticket-empty:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; padding: 24px 20px; border-top: 1px solid var(--line); text-align: center; }
html[data-theme="light"] .system-status-item:where(:not([data-tabler-native], [data-tabler-native] *)){ background: #f7fafc; }
html[data-theme="light"] .system-overall.healthy:where(:not([data-tabler-native], [data-tabler-native] *)){ color: #087252; }
html[data-theme="light"] .system-overall.attention:where(:not([data-tabler-native], [data-tabler-native] *)){ color: #855207; }
html[data-theme="light"] .system-overall.critical:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); }
.users-view:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 24px; }
.users-header:where(:not([data-tabler-native], [data-tabler-native] *)), .settings-header:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 6px; }
.users-header > p:where(:not([data-tabler-native], [data-tabler-native] *)), .settings-header > p:where(:not([data-tabler-native], [data-tabler-native] *)){ max-width: 460px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.users-header-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ max-width: 570px; display: flex; justify-content: flex-end; align-items: center; gap: 16px; }
.users-header-actions p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; text-align: right; }
.users-header-actions .primary:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: 0 0 auto; min-width: 168px; white-space: nowrap; }
.site-initial-backup:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; padding: 12px 14px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; }
.site-initial-backup.compact:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 10px 12px; }
.site-initial-backup.attention:where(:not([data-tabler-native], [data-tabler-native] *)), .site-initial-backup.warning:where(:not([data-tabler-native], [data-tabler-native] *)), .site-initial-backup.running:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--amber) 48%, var(--line)); background: color-mix(in srgb, var(--amber) 7%, var(--panel)); }
.site-initial-backup.failed:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--danger) 48%, var(--line)); background: color-mix(in srgb, var(--danger) 7%, var(--panel)); }
.site-initial-backup.ok:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--accent) 48%, var(--line)); background: color-mix(in srgb, var(--accent) 7%, var(--panel)); }
.site-initial-backup-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 32px; height: 32px; border-radius: 9px; display: grid; place-items: center; background: color-mix(in srgb, currentColor 8%, transparent); color: var(--accent); }
.site-initial-backup.attention .site-initial-backup-icon:where(:not([data-tabler-native], [data-tabler-native] *)), .site-initial-backup.warning .site-initial-backup-icon:where(:not([data-tabler-native], [data-tabler-native] *)), .site-initial-backup.running .site-initial-backup-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); }
.site-initial-backup.failed .site-initial-backup-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); }
.site-initial-backup-icon svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }
.site-initial-backup-icon .progress-spinner:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 18px; height: 18px; border-width: 2px; }
.site-initial-backup > div:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; gap: 3px; }
.site-initial-backup strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 13px; }
.site-initial-backup small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 12px; line-height: 1.45; }
.site-initial-backup-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.site-initial-backup-actions .secondary:where(:not([data-tabler-native], [data-tabler-native] *)){ white-space: nowrap; }
.site-status-time.backup.initial-backup-attention:where(:not([data-tabler-native], [data-tabler-native] *)), .site-status-time.backup.initial-backup-warning:where(:not([data-tabler-native], [data-tabler-native] *)), .site-status-time.backup.initial-backup-running:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--amber) 55%, var(--line)); color: var(--amber); }
.site-status-time.backup.initial-backup-failed:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--danger) 55%, var(--line)); color: var(--danger); }
@media (max-width: 560px) { .site-initial-backup:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: auto minmax(0, 1fr); } .site-initial-backup-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 2; justify-self: start; flex-wrap: wrap; } }

/* Tabler integration: 20-shared-components.css */

html[data-design-system="tabler"] body :is(.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)){height:auto;min-height:36px;padding:8px 12px;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--text);font-size:13px;font-weight:500;line-height:1.4;box-shadow:none;transform:none}
html[data-design-system="tabler"] body .primary:where(:not([data-tabler-native], [data-tabler-native] *)){background:var(--primary);border-color:var(--primary);color:#fff}
html[data-design-system="tabler"] body .primary:hover:where(:not([data-tabler-native], [data-tabler-native] *)){background:var(--primary-hover);border-color:var(--primary-hover)}
html[data-design-system="tabler"] body .secondary:hover:where(:not([data-tabler-native], [data-tabler-native] *)){background:var(--panel-2);border-color:color-mix(in srgb,var(--muted) 35%,var(--line))}
html[data-design-system="tabler"] body .danger-button:where(:not([data-tabler-native], [data-tabler-native] *)){background:#d63939;border-color:#d63939;color:#fff;font-size:12px}
html[data-design-system="tabler"] body .danger-button:hover:where(:not([data-tabler-native], [data-tabler-native] *)){background:#bc3030;box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 12%,transparent)}
html[data-design-system="tabler"] :is(button,input,select):disabled:where(:not([data-tabler-native], [data-tabler-native] *)){opacity:.5;cursor:not-allowed}
html[data-design-system="tabler"] :is(.action,.icon-button,.compact-button,.user-detail-button,.site-detail-button,.activity-detail-button):where(:not([data-tabler-native], [data-tabler-native] *)){border-radius:5px;box-shadow:none}
html[data-design-system="tabler"] :is(.search,.settings-form input,.settings-form select,dialog input,dialog select,dialog textarea):where(:not([data-tabler-native], [data-tabler-native] *)){border-radius:5px;border-color:var(--line);background:var(--panel);color:var(--text);font-size:13px}
html[data-design-system="tabler"] .search:where(:not([data-tabler-native], [data-tabler-native] *)){height:36px;min-height:36px}
html[data-design-system="tabler"] .search input:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:13px}
html[data-design-system="tabler"] :is(.status:where(:not([data-tabler-native], [data-tabler-native] *))::before,.notification-indicator) {box-shadow:none}
html[data-design-system="tabler"] :is(.role-pill,.site-connection-bubble,.site-status-time):where(:not([data-tabler-native], [data-tabler-native] *)){border-radius:4px}
html[data-design-system="tabler"] :is(.user-role-tabs,.site-connection-tabs,.settings-subnav) button.active:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--blue);border-color:var(--blue);background:var(--selected-bg)}

html[data-design-system="tabler"] :is(main,dialog) a:not([class]):where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--blue);text-underline-offset:3px}
.user-directory:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: visible; }
.user-role-tabs:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 58px; padding: 10px 18px 0; border-bottom: 1px solid var(--line); display: flex; gap: 4px; align-items: end; }
.user-role-tabs button:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 12px 16px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--muted); font-weight: 750; font-size: 13px; }
.user-role-tabs button:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .user-role-tabs button.active:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--text); border-bottom-color: var(--accent); }
.user-directory-tools:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 16px 20px; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: minmax(260px, 1fr) auto auto auto; gap: 12px; align-items: end; }
.user-directory-tools > label:not(.search):where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 6px; color: var(--muted); font-size: 12px; font-weight: 750; }
.user-directory-tools select:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 130px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 8px; outline: 0; background: #091626; color: var(--text); }
.user-search input:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; }
.user-table-wrap:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow-x: auto; }
.user-table:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; border-collapse: collapse; }
.user-table th:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 12px 16px; border-bottom: 1px solid var(--line); color: var(--muted); text-align: left; font-size: 12px; text-transform: uppercase; letter-spacing: .7px; }
.user-table td:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 15px 16px; border-bottom: 1px solid rgba(32,49,73,.7); vertical-align: middle; font-size: 13px; }
.user-table tr:last-child td:where(:not([data-tabler-native], [data-tabler-native] *)){ border-bottom: 0; }
.user-table tr.user-table-row:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ background: rgba(25,42,64,.45); }
.user-identity:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: 34px minmax(160px, 1fr); gap: 10px; align-items: center; }
.user-identity .avatar:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-row: 1 / 3; }
.user-identity strong:where(:not([data-tabler-native], [data-tabler-native] *)), .user-identity small:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 2; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user-identity small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 12px; }
.support-availability:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: 12px; font-weight: 750; }
.support-availability:where(:not([data-tabler-native], [data-tabler-native] *))::before { width: 7px; height: 7px; border-radius: 50%; background: currentColor; content: ""; }
.support-availability.available:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); }
.support-availability.busy:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); }
.support-availability.away:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); }
.role-pill:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-block; padding: 5px 8px; border-radius: 10px; background: #20324a; color: var(--text); font-size: 12px; font-weight: 750; }
.user-site-count:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--blue); font-weight: 800; }
.user-pagination:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 66px; padding: 12px 20px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; gap: 18px; }
.user-pagination p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; color: var(--muted); font-size: 13px; }
.user-pagination > div:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; gap: 12px; }
.user-pagination span:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 90px; color: var(--muted); text-align: center; font-size: 13px; }
.user-pagination button:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 8px 11px; font-size: 13px; }
.user-pagination button:disabled:where(:not([data-tabler-native], [data-tabler-native] *)){ opacity: .4; cursor: default; }
.sites-directory:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 14px; }
.site-directory:where(:not([data-tabler-native], [data-tabler-native] *)){
  height: var(--site-directory-workspace-height, calc(100dvh - 164px));
  min-height: 0;
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
  overflow: hidden;
}
.site-directory > .site-connection-tabs:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-row: 1; }
.site-directory > .site-directory-tools:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-row: 2; }
.site-directory > .site-bulk-bar:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-row: 3; }
.site-directory > .site-list-scroll:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-row: 4; }
.site-directory > .site-pagination:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-row: 5; }
.site-connection-tabs:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 58px; padding: 10px 18px 0; border-bottom: 1px solid var(--line); display: flex; gap: 4px; align-items: end; font-weight: 700; font-size: 13px; }
.site-connection-tabs button:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 12px 16px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--muted); font-weight: 700; font-size: 13px; }
.site-connection-tabs button:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .site-connection-tabs button.active:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--text); border-bottom-color: var(--accent); }
.site-connection-tabs [data-site-count]:where(:not([data-tabler-native], [data-tabler-native] *)){ color: currentColor; font-variant-numeric: tabular-nums; }
.user-role-tabs [data-user-count]:where(:not([data-tabler-native], [data-tabler-native] *)){ color: currentColor; font-variant-numeric: tabular-nums; }
.site-directory-tools:where(:not([data-tabler-native], [data-tabler-native] *)){
  position: relative;
  z-index: 20;
  padding: 16px 20px;
  border-bottom: 1px solid var(--line);
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 25% 75%;
  gap: 12px;
  align-items: end;
  background: var(--panel);
}
.site-directory-tools .site-search:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: 1 1 320px; }
.site-search-clear:where(:not([data-tabler-native], [data-tabler-native] *)){
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
}
.site-search-clear svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 14px; height: 14px; }
.site-search-clear:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-search-clear:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: color-mix(in srgb, var(--text) 8%, transparent);
  color: var(--text);
}
.site-directory-tool-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-left: auto; display: flex; align-items: center; gap: 8px; }
.site-filter-menu:where(:not([data-tabler-native], [data-tabler-native] *)){ position: relative; }
.site-filter-menu-button:where(:not([data-tabler-native], [data-tabler-native] *)){ position: relative; white-space: nowrap; }
.site-filter-menu-button[aria-expanded="true"]:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: var(--blue); color: var(--blue); }
.site-filter-count:where(:not([data-tabler-native], [data-tabler-native] *)){
  pointer-events: none;
}
.site-filter-popover:where(:not([data-tabler-native], [data-tabler-native] *)){
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 30;
  width: min(420px, calc(100vw - 40px));
  max-height: min(620px, calc(100dvh - 190px));
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel-2);
  box-shadow: 0 18px 46px rgba(0, 0, 0, .34), 0 4px 12px rgba(0, 0, 0, .18);
}
.site-filter-popover-head:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 48px; padding: 10px 12px 10px 16px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; }
.site-filter-popover-head strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 14px; }
.site-filter-popover-head button:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 30px; height: 30px; padding: 0; border: 0; border-radius: 7px; display: inline-grid; place-items: center; background: transparent; color: var(--muted); }
.site-filter-popover-head button:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .site-filter-popover-head button:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ background: rgba(255, 255, 255, .07); color: var(--text); }
.site-filter-popover-head svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 16px; height: 16px; }
.site-filter-popover-fields:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 14px 16px 16px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.site-filter-popover-fields > label:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; gap: 6px; color: var(--muted); font-size: 12px; font-weight: 750; }
.site-filter-popover-fields > .site-filter-contract:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 1 / -1; }
.site-filter-popover-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 12px 16px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.site-filter-popover-actions button:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 30px; }
.site-view-limit-status:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 12px; white-space: nowrap; }
.site-directory-tools select:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; min-width: 0; padding: 9px 11px; border: 1px solid var(--line); border-radius: 8px; outline: 0; background: #091626; color: var(--text); }
.site-filter-status:where(:not([data-tabler-native], [data-tabler-native] *)){
  min-width: 0;
  flex: 1 0 100%;
  min-height: 34px;
  padding: 6px 8px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 13px;
}
.site-filter-status > span:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: flex; align-items: center; gap: 9px; }
.site-filter-status strong:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: 0 0 auto; color: var(--accent); font-size: 13px; }
.site-filter-status #siteFilterSummary:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.site-filter-status button:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: 0 0 auto; padding: 5px 8px; border: 0; background: transparent; color: var(--blue); font-size: 13px; font-weight: 700; }
.site-filter-status button:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); }
.site-tag-manage-button:where(:not([data-tabler-native], [data-tabler-native] *)){
  white-space: nowrap;
  border: 1px solid var(--line);
  background: var(--panel);
  color: var(--blue);
  box-shadow: none;
  font-size: 13px;
}
.site-tag-manage-button:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .site-tag-manage-button:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: var(--blue);
  background: color-mix(in srgb, var(--blue) 12%, var(--panel));
}
.site-tag-manage-button .button-icon:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-filter-menu-button .button-icon:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-bulk-actions .button-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 16px; height: 16px; flex: 0 0 16px; }
.site-view-dialog:where(:not([data-tabler-native], [data-tabler-native] *)){ width: min(500px, calc(100vw - 30px)); }
.site-view-dialog form > label:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 7px; color: var(--text); font-size: 13px; font-weight: 750; }
.site-view-dialog input:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; padding: 10px 11px; border: 1px solid var(--line); border-radius: 8px; outline: 0; background: #091626; color: var(--text); }
.site-view-dialog input:focus:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: var(--accent); }
.site-view-dialog-note:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: -5px 0 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.site-view-dialog .dialog-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ flex-wrap: wrap; }
.site-table-website:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 0; min-width: 0; }
.site-name-line:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: flex; align-items: center; gap: 7px; }
.site-name-line > strong:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; flex: 1 1 auto; }
.site-ssl-indicator:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: 0 0 auto; width: 15px; height: 15px; display: inline-grid; place-items: center; color: var(--amber); }
.site-ssl-indicator svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.2px; }
.site-contract-row-chip:where(:not([data-tabler-native], [data-tabler-native] *)){
  display: inline-flex;
  align-items: center;
  height: 24px;
  min-height: 24px;
  box-sizing: border-box;
  flex: 0 0 auto;
  max-width: 150px;
  overflow: hidden;
  padding: 3px 8px;
  border: 0;
  border-radius: 999px;
  color: var(--accent);
  font-size: 10px;
  font-weight: 650;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: transparent;
  cursor: pointer;
}
.site-contract-row-chip:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .site-contract-row-chip:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, currentColor 9%, transparent); }
.site-contract-row-chip.inactive:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); }
.site-contract-row-chip.due:where(:not([data-tabler-native], [data-tabler-native] *)), .site-contract-row-chip.grace:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); }
.site-contract-row-chip.expired:where(:not([data-tabler-native], [data-tabler-native] *)), .site-contract-row-chip.suspended:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-contract-row-chip.archived:where(:not([data-tabler-native], [data-tabler-native] *)), .site-contract-row-chip.removed:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); }
.site-tag-chips:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; flex-wrap: wrap; gap: 4px; padding-left: 44px; }
.site-tag-chip:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-flex; align-items: center; gap: 5px; border: 1px solid var(--line); border-radius: 999px; background: transparent; color: var(--muted); font-size: 12px; padding: 2px 7px; }
.site-tag-chip:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: #c7c8cd; color: var(--text); background: #f5f5f6; }
.site-tag-chip i:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: 0 0 8px; width: 10px; height: 10px; aspect-ratio: 1; border-radius: 50%; background: var(--site-tag-color); border: 1px solid white; }
.site-tags-dialog:where(:not([data-tabler-native], [data-tabler-native] *)){ width: min(760px, calc(100vw - 32px)); overflow: hidden; }
.site-tags-shell:where(:not([data-tabler-native], [data-tabler-native] *)){ max-height: min(720px, var(--mwp-modal-content-max-height)); display: grid; grid-template-rows: auto auto minmax(0, 1fr) auto auto; overflow: hidden; }
.site-tags-dialog .dialog-head:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 20px 24px 17px; border-bottom: 1px solid var(--line); background: color-mix(in srgb, var(--panel-2) 72%, var(--panel)); }
.site-tags-dialog .dialog-head .eyebrow:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-bottom: 5px; }
.site-tags-dialog .dialog-head h2:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 20px; }
.site-tags-intro:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; padding: 15px 24px 0; font-size: 13px; line-height: 1.5; }
.site-tag-list:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 0; max-height: 360px; display: grid; gap: 7px; margin: 12px 24px 0; overflow-y: auto; scrollbar-gutter: stable; }
.site-tag-list .empty:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; padding: 24px; border: 1px dashed var(--line); border-radius: 10px; }
.site-tag-manager-row:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; grid-template-columns: 34px minmax(180px, 1fr) 72px 82px 76px; gap: 7px; align-items: center; padding: 6px 7px; border: 1px solid var(--line); border-radius: 8px; background: color-mix(in srgb, var(--panel-2) 58%, transparent); }
.site-tag-manager-row input[type="color"]:where(:not([data-tabler-native], [data-tabler-native] *)), .site-tag-create-row input[type="color"]:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 34px; min-width: 34px; height: 32px; padding: 3px; border-radius: 6px; cursor: pointer; }
.site-tag-manager-row input[type="text"]:where(:not([data-tabler-native], [data-tabler-native] *)), .site-tag-create-row input[type="text"]:where(:not([data-tabler-native], [data-tabler-native] *)){ height: 32px; min-height: 32px; padding: 0 10px; font-size: 13px; font-weight: 400; }
.site-tag-manager-row span:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); text-align: right; font-size: 12px; white-space: nowrap; }
.site-tag-manager-row .secondary:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-tag-manager-row .danger-action:where(:not([data-tabler-native], [data-tabler-native] *)){
  width: 100%;
  height: 30px;
  min-height: 30px;
  padding: 0 9px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--panel);
  box-shadow: none;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  transform: none;
}
.site-tag-manager-row .secondary:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-tag-manager-row .secondary:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: color-mix(in srgb, var(--line) 60%, var(--text) 40%);
  background: var(--panel-2);
  box-shadow: none;
  transform: none;
}
.site-tag-manager-row .danger-action:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: color-mix(in srgb, var(--danger) 48%, var(--line));
  background: color-mix(in srgb, var(--danger) 8%, var(--panel));
  color: var(--danger);
}
.site-tag-manager-row .danger-action:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-tag-manager-row .danger-action:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: var(--danger);
  background: color-mix(in srgb, var(--danger) 13%, var(--panel));
  box-shadow: none;
  transform: none;
}
.site-tag-create-row:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 7px; margin: 9px 24px 0; padding: 7px; border: 1px solid color-mix(in srgb, var(--accent) 34%, var(--line)); border-radius: 8px; background: color-mix(in srgb, var(--accent) 6%, var(--panel)); }
.site-tag-create-row .primary:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 100px; height: 30px; min-height: 30px; padding: 0 11px; border-radius: 6px; box-shadow: none; font-size: 13px; }
.site-tags-dialog .settings-message:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 18px; margin: 8px 24px 0; }
.site-tags-dialog .dialog-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; padding: 15px 24px; border-top: 1px solid var(--line); background: var(--panel); }
.site-search input:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; }
.site-bulk-bar:where(:not([data-tabler-native], [data-tabler-native] *)){
  min-height: 58px;
  padding: 10px 20px;
  border-bottom: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  background: color-mix(in srgb, var(--accent) 7%, var(--panel));
}
.site-bulk-bar span:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); font-size: 13px; font-weight: 750; }
.site-bulk-bar .secondary:where(:not([data-tabler-native], [data-tabler-native] *)){
  padding: 8px 12px;
  border: 1px solid var(--line);
  background: var(--panel);
  color: var(--blue);
  box-shadow: none;
}
.site-bulk-bar .secondary:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .site-bulk-bar .secondary:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: var(--blue);
  background: color-mix(in srgb, var(--blue) 12%, var(--panel));
}
.site-bulk-bar .direct-update-action:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: color-mix(in srgb, var(--amber) 55%, var(--line));
  color: var(--amber);
}
.site-bulk-bar .direct-update-action:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .site-bulk-bar .direct-update-action:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: var(--amber);
  background: color-mix(in srgb, var(--amber) 12%, var(--panel));
}
.site-bulk-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; justify-content: flex-end; align-items: center; gap: 8px; }
.site-pinned-section:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; border-bottom: 1px solid var(--line); background: color-mix(in srgb, var(--panel-2) 90%, var(--accent) 10%); }
.site-list-section-label:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 42px; padding: 9px 20px; display: flex; align-items: center; gap: 9px; border-bottom: 1px solid var(--line); background: var(--panel-2); color: var(--text); }
.site-list-section-label svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; color: var(--accent); }
.site-list-section-label strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 13px; }
.site-list-section-label span:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 13px; }
.site-pinned-grid-wrap:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; overflow: visible; }
.site-pinned-grid .site-table-row > .site-grid-cell:where(:not([data-tabler-native], [data-tabler-native] *)){ height: 63px; box-sizing: border-box; background: color-mix(in srgb, var(--panel-2) 92%, var(--accent) 8%); }
.site-other-websites-label:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--panel); }
.site-other-websites-label svg:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--blue); }
.site-list-scroll:where(:not([data-tabler-native], [data-tabler-native] *)){
  --site-directory-scroll-width: 1560px;
  min-height: 0;
  position: relative;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  transition: box-shadow .16s ease;
}
.site-list-scroll:focus:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-list-scroll:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ outline: none; box-shadow: none; }
.site-directory.can-scroll-table-down .site-list-scroll:where(:not([data-tabler-native], [data-tabler-native] *)){ box-shadow: inset 0 -18px 18px -20px rgba(0, 0, 0, .9); }
.site-directory.can-scroll-table-up.can-scroll-table-down .site-list-scroll:where(:not([data-tabler-native], [data-tabler-native] *)){ box-shadow: inset 0 18px 18px -20px rgba(0, 0, 0, .9), inset 0 -18px 18px -20px rgba(0, 0, 0, .9); }
.site-directory.can-scroll-table-up:not(.can-scroll-table-down) .site-list-scroll:where(:not([data-tabler-native], [data-tabler-native] *)){ box-shadow: inset 0 18px 18px -20px rgba(0, 0, 0, .9); }
.site-grid-wrap:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; overflow: visible; }
.site-grid:where(:not([data-tabler-native], [data-tabler-native] *)){
  --site-directory-columns:
    38px
    38px
    68px
    minmax(250px, 1.7fr)
    minmax(164px, .72fr)
    minmax(170px, .68fr)
    minmax(130px, .55fr)
    minmax(140px, .6fr)
    minmax(460px, 1.7fr);
  display: block;
  width: 100%;
  min-width: var(--site-directory-scroll-width);
}
.site-grid-head:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-grid-body:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; width: 100%; }
.site-grid-header-row:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-grid-body > .site-table-row:where(:not([data-tabler-native], [data-tabler-native] *)){
  display: grid;
  grid-template-columns: var(--site-directory-columns);
  width: 100%;
  align-items: stretch;
}
.site-grid-header:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-grid-body > .site-table-row > .site-grid-cell:where(:not([data-tabler-native], [data-tabler-native] *)){
  min-width: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.site-grid-body > .site-detail-row:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-grid-body > .site-grid-message:where(:not([data-tabler-native], [data-tabler-native] *)){
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
}
.site-grid-body > .site-detail-row > .site-grid-detail-cell:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-grid-body > .site-grid-message > .site-grid-message-cell:where(:not([data-tabler-native], [data-tabler-native] *)){
  grid-column: 1 / -1;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
}
.site-grid-header:where(:not([data-tabler-native], [data-tabler-native] *)){
  position: sticky;
  top: 0;
  z-index: 5;
  padding: 12px 14px;
  border-bottom: 1px solid var(--line);
  background: var(--panel);
  color: var(--muted);
  text-align: left;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .7px;
  box-shadow: 0 7px 14px rgba(2, 10, 20, .12);
}
.site-grid-cell:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 14px; border-bottom: 1px solid rgba(32,49,73,.7); font-size: 13px; }
.site-sync-status-column:where(:not([data-tabler-native], [data-tabler-native] *)), .site-backup-status-column:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 12px; }
.site-grid .site-table-row:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ background: rgba(25,42,64,.45); }
.site-grid input[type="checkbox"]:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 16px; height: 16px; accent-color: var(--accent); }
.sites-directory.queue-view .site-selection-column:where(:not([data-tabler-native], [data-tabler-native] *)),
.sites-directory.queue-view .site-pin-column:where(:not([data-tabler-native], [data-tabler-native] *)),
.sites-directory.queue-view .site-actions-column:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; }
.sites-directory.queue-view .site-directory-tools:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; }
.sites-directory.queue-view .site-name-line:where(:not([data-tabler-native], [data-tabler-native] *)){ justify-content: flex-start; }
.sites-directory.queue-view .site-public-name-link:where(:not([data-tabler-native], [data-tabler-native] *)){
  flex: 0 1 auto;
  width: auto;
  max-width: 100%;
}
.sites-directory.queue-view .site-public-name-link strong:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: 0 1 auto; }
.sites-directory.queue-view .site-grid:where(:not([data-tabler-native], [data-tabler-native] *)){
  --site-directory-columns:
    68px
    minmax(280px, 1.7fr)
    minmax(164px, .72fr)
    minmax(120px, .55fr)
    minmax(130px, .55fr)
    minmax(140px, .6fr);
  min-width: 950px;
}
.sites-directory.connection-column-hidden .site-list-scroll:where(:not([data-tabler-native], [data-tabler-native] *)){
  --site-directory-scroll-width: 1390px;
}
.sites-directory.connection-column-hidden .site-grid:where(:not([data-tabler-native], [data-tabler-native] *)){
  --site-directory-columns:
    38px
    38px
    68px
    minmax(300px, 1.9fr)
    minmax(190px, .85fr)
    minmax(130px, .55fr)
    minmax(140px, .6fr)
    minmax(460px, 1.7fr);
}
.sites-directory.connection-column-hidden .site-connection-column:where(:not([data-tabler-native], [data-tabler-native] *)){
  display: none;
}
.sites-directory.queue-view.connection-column-hidden .site-list-scroll:where(:not([data-tabler-native], [data-tabler-native] *)){
  --site-directory-scroll-width: 830px;
}
.sites-directory.queue-view.connection-column-hidden .site-grid:where(:not([data-tabler-native], [data-tabler-native] *)){
  --site-directory-columns:
    68px
    minmax(320px, 1.9fr)
    minmax(180px, .8fr)
    minmax(130px, .55fr)
    minmax(140px, .6fr);
  min-width: 830px;
}
.site-selection-column:where(:not([data-tabler-native], [data-tabler-native] *)){ width: auto; padding-left: 4px !important; padding-right: 4px !important; justify-content: center; }
.site-pin-column:where(:not([data-tabler-native], [data-tabler-native] *)){ width: auto; padding-left: 4px !important; padding-right: 4px !important; justify-content: center; text-align: center; }
.site-logo-column:where(:not([data-tabler-native], [data-tabler-native] *)){ position: relative; padding-left: 11px !important; padding-right: 11px !important; justify-content: center; text-align: center; }
.site-pin-button:where(:not([data-tabler-native], [data-tabler-native] *)){
  position: relative;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 7px;
  display: inline-grid;
  place-items: center;
  background: transparent;
  color: var(--muted);
}
.site-pin-button svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.2px; }
.site-pin-button:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .site-pin-button:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: var(--blue); background: color-mix(in srgb, var(--blue) 10%, transparent); color: var(--blue); }
.site-pin-button.is-active:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--accent) 52%, var(--line)); background: color-mix(in srgb, var(--accent) 10%, transparent); color: var(--accent); }
.site-pin-button.is-active svg:where(:not([data-tabler-native], [data-tabler-native] *)){ fill: currentColor; }
.site-workspace-link:where(:not([data-tabler-native], [data-tabler-native] *)){
  -webkit-appearance: none;
  appearance: none;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.site-workspace-logo:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 46px; height: 46px; padding: 4px; border-radius: 8px; display: grid; place-items: center; align-self: center; justify-self: center; }
.site-identity-copy:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; gap: 0; }
.site-public-name-link:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; flex: 1 1 auto; display: flex; align-items: center; gap: 7px; border-radius: 6px; text-align: left; }
.site-public-name-link strong:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; flex: 1 1 auto; }
.site-workspace-link:hover strong:where(:not([data-tabler-native], [data-tabler-native] *)), .site-public-name-link:hover strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.site-workspace-link:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ outline: 2px solid var(--blue); outline-offset: 3px; }
.site-external-link:where(:not([data-tabler-native], [data-tabler-native] *)), .site-external-link:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ color: inherit; text-decoration: none; border-radius: 6px; }
.site-url-link:where(:not([data-tabler-native], [data-tabler-native] *)){ max-width: 100%; display: inline-flex; align-items: center; gap: 3px; }
.site-url-link small:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; }
.site-url-link svg:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: 0 0 12px; width: 12px; height: 12px; stroke: currentColor; stroke-width: 1; }
.site-url-link:hover small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--blue); text-decoration: none; }
.site-external-link:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ outline: 2px solid var(--blue); outline-offset: 3px; }
.site-logo-column .site-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 36px; height: 36px; }
.site-logo-column .site-icon:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-logo-column .site-icon img:where(:not([data-tabler-native], [data-tabler-native] *)){ border-radius: 6px; }
.site-identity-copy strong:where(:not([data-tabler-native], [data-tabler-native] *)), .site-identity-copy small:where(:not([data-tabler-native], [data-tabler-native] *)), .site-owner strong:where(:not([data-tabler-native], [data-tabler-native] *)), .site-owner small:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.site-identity-copy small:where(:not([data-tabler-native], [data-tabler-native] *)), .site-owner small:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-top: 3px; color: var(--muted); font-size: 12px; }
.site-version-column:where(:not([data-tabler-native], [data-tabler-native] *)){ white-space: nowrap; }
.site-wordpress-version:where(:not([data-tabler-native], [data-tabler-native] *)), .site-mobile-wordpress-version:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-flex; align-items: center; width: max-content; height: 24px; min-height: 24px; box-sizing: border-box; padding: 3px 8px; border: 1px solid color-mix(in srgb, var(--accent) 42%, var(--line)); border-radius: 999px; background: color-mix(in srgb, var(--accent) 9%, transparent); color: var(--accent); font-size: 12px; font-weight: 650; line-height: 1; }
.site-wordpress-version.update-available:where(:not([data-tabler-native], [data-tabler-native] *)), .site-mobile-wordpress-version.update-available:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--amber) 52%, var(--line)); background: color-mix(in srgb, var(--amber) 10%, transparent); color: var(--amber); }
.site-wordpress-version.unknown:where(:not([data-tabler-native], [data-tabler-native] *)), .site-mobile-wordpress-version.unknown:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: var(--line); background: transparent; color: var(--muted); }
.site-mobile-wordpress-version:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; margin-top: 5px; }
.site-php-version:where(:not([data-tabler-native], [data-tabler-native] *)), .site-mobile-php-version:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-flex; align-items: center; width: max-content; height: 24px; min-height: 24px; box-sizing: border-box; margin-left: 5px; padding: 3px 8px; border: 1px solid color-mix(in srgb, var(--blue) 38%, var(--line)); border-radius: 999px; background: color-mix(in srgb, var(--blue) 7%, transparent); color: var(--blue); font-size: 12px; font-weight: 650; line-height: 1; }
.site-php-version.unknown:where(:not([data-tabler-native], [data-tabler-native] *)), .site-mobile-php-version.unknown:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: var(--line); background: transparent; color: var(--muted); }
.site-mobile-php-version:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; }
.site-owner strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 13px; }
.site-actions-column:where(:not([data-tabler-native], [data-tabler-native] *)){ isolation: isolate; justify-content: flex-end; }
.site-row-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ position: relative; z-index: 0; width: 100%; display: flex; justify-content: flex-end; align-items: center; gap: 7px; white-space: nowrap; }
.site-detail-button:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-left: 40px; }
.site-quick-action:where(:not([data-tabler-native], [data-tabler-native] *)), .site-detail-button:where(:not([data-tabler-native], [data-tabler-native] *)), .site-delete-button:where(:not([data-tabler-native], [data-tabler-native] *)){ position: relative; width: 32px; height: 32px; padding: 0; border: 1px solid var(--line); border-radius: 7px; background: var(--panel); color: var(--text); display: inline-grid; place-items: center; }
.site-quick-action svg:where(:not([data-tabler-native], [data-tabler-native] *)), .site-detail-button svg:where(:not([data-tabler-native], [data-tabler-native] *)), .site-delete-button svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
.site-quick-action:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--blue); }
.site-quick-action:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .site-quick-action:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: var(--blue); background: color-mix(in srgb, var(--blue) 12%, var(--panel)); }
.site-quick-action:disabled:where(:not([data-tabler-native], [data-tabler-native] *)){ opacity: .65; cursor: wait; }
.site-sync-action.is-syncing svg:where(:not([data-tabler-native], [data-tabler-native] *)){ animation: site-sync-spin .8s linear infinite; }
.site-update-action:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); }
.site-update-action:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .site-update-action:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: var(--accent); background: color-mix(in srgb, var(--accent) 12%, var(--panel)); }
.site-update-action.no-updates:disabled:where(:not([data-tabler-native], [data-tabler-native] *)){ opacity: .38; cursor: not-allowed; }
.site-update-progress-ring:where(:not([data-tabler-native], [data-tabler-native] *)){
  --site-update-progress: 0;
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  border-radius: 50%;
  background: conic-gradient(var(--accent) calc(var(--site-update-progress) * 1%), color-mix(in srgb, var(--accent) 20%, var(--line)) 0);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 0);
  mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 0);
}
.site-update-progress-ring.is-indeterminate:where(:not([data-tabler-native], [data-tabler-native] *)){
  box-sizing: border-box;
  border: 2px solid color-mix(in srgb, var(--accent) 24%, var(--line));
  border-top-color: var(--accent);
  background: transparent;
  -webkit-mask: none;
  mask: none;
  animation: progress-spin .8s linear infinite;
}
.site-action-badge:where(:not([data-tabler-native], [data-tabler-native] *)){ position: absolute; top: -7px; right: -7px; min-width: 19px; height: 19px; padding: 0 5px; border: 2px solid var(--panel); border-radius: 10px; display: grid; place-items: center; background: var(--danger); color: #fff; font-style: normal; font-size: 11px; font-weight: 800; line-height: 1; z-index: 1; }
.site-emergency-action:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); }
.site-emergency-action:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .site-emergency-action:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: var(--danger); background: color-mix(in srgb, var(--danger) 12%, var(--panel)); }
.site-maintenance-action:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); }
.site-maintenance-action:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .site-maintenance-action:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: var(--amber); background: color-mix(in srgb, var(--amber) 12%, var(--panel)); }
.site-maintenance-action.active:where(:not([data-tabler-native], [data-tabler-native] *)){
  color: #071522;
  -webkit-text-fill-color: #071522;
  border-color: var(--amber);
  background: var(--amber);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--amber) 18%, transparent);
}
.site-maintenance-action.active:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .site-maintenance-action.active:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--amber) 86%, white); }
@keyframes site-sync-spin { to { transform: rotate(360deg); } }
html[data-theme="light"] .site-quick-action:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: #fff;
  color: #165f96;
  border-color: #aebfd0;
  box-shadow: 0 1px 2px rgba(20,34,54,.08);
}
html[data-theme="light"] .site-quick-action:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .site-quick-action:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: #e7f2fb;
  color: #084d83;
  border-color: #4386b9;
  outline: 2px solid rgba(22,114,189,.18);
  outline-offset: 2px;
}
html[data-theme="light"] .site-maintenance-action:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: #fff8e6;
  color: #855207;
  border-color: #d4aa56;
}
html[data-theme="light"] .site-maintenance-action:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .site-maintenance-action:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: #ffedbd;
  color: #684000;
  border-color: #a96708;
  outline-color: rgba(169,103,8,.2);
}
html[data-theme="light"] .site-maintenance-action.active:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: #a96708;
  color: #fff;
  -webkit-text-fill-color: #fff;
  border-color: #855207;
}
.site-detail-button:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .site-detail-button[aria-expanded="true"]:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: var(--blue); color: var(--blue); }
.site-delete-button:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); border-color: color-mix(in srgb, var(--danger) 48%, var(--line)); }
.site-delete-button:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .site-delete-button:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ color: #fff; border-color: var(--danger); background: var(--danger); }
html[data-theme="light"] .site-delete-button:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .site-delete-button:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ color: #fff; border-color: var(--danger); background: var(--danger); }
.site-detail-row .site-grid-detail-cell:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 0; background: rgba(5,14,26,.38); }
.site-detail-panel:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 16px 93px 16px 90px; display: flex; justify-content: space-between; align-items: center; gap: 20px; background: rgba(5,14,26,.36); }
.site-detail-delete:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: 0 0 auto; align-self: center; margin-left: auto; }
.site-detail-facts:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; flex: 1 1 auto; flex-wrap: wrap; gap: 9px 18px; color: var(--muted); font-size: 12px; align-items: center; }
.site-detail-facts strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--text); }
.site-connection-stack:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 160px; display: inline-grid; align-items: start; gap: 4px; }
html[data-dashboard-view="sites"] .site-connection-action:where(:not([data-tabler-native], [data-tabler-native] *)){ width: auto; min-width: 0; height: 28px; min-height: 28px; justify-self: start; align-self: center; padding: 0 10px; border-radius: 6px; font-size: 12px; line-height: 1; }
.site-offline-reconnect:where(:not([data-tabler-native], [data-tabler-native] *)){ cursor: pointer; }
.site-offline-reconnect:disabled:where(:not([data-tabler-native], [data-tabler-native] *)){ cursor: not-allowed; opacity: .58; }
.site-queue-state:where(:not([data-tabler-native], [data-tabler-native] *)){ width: max-content; margin: 0; display: inline-flex; align-items: center; gap: 5px; color: var(--blue); font-size: 11px; font-weight: 750; white-space: nowrap; }
.site-queue-state .button-spinner:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 9px; height: 9px; border-width: 1px; }
.site-queue-state small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 11px; }
.site-detail-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.site-pagination:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 66px; padding: 12px 20px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; gap: 18px; background: var(--panel); box-shadow: 0 -8px 18px rgba(2,10,20,.12); z-index: 4; }
.site-pagination > span:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 13px; }
.site-pagination > div:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; gap: 12px; }
.site-pagination div span:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 90px; color: var(--muted); text-align: center; font-size: 13px; }
.site-pagination button:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 8px 11px; font-size: 13px; }
.site-pagination button:disabled:where(:not([data-tabler-native], [data-tabler-native] *)){ opacity: .4; cursor: default; }
.sr-only:where(:not([data-tabler-native], [data-tabler-native] *)){ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

/* Tabler integration: 30-directories.css */

html[data-design-system="tabler"] :is(.user-table,.activity-table,.client-table):where(:not([data-tabler-native], [data-tabler-native] *)){font-size:13px}
html[data-design-system="tabler"] :is(.user-table,.activity-table,.client-table) th:where(:not([data-tabler-native], [data-tabler-native] *)){background:var(--panel-2);color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}
html[data-design-system="tabler"] :is(.user-table,.activity-table,.client-table) td:where(:not([data-tabler-native], [data-tabler-native] *)){height:52px;border-color:var(--line)}
html[data-design-system="tabler"] :is(.user-directory-tools,.site-directory-tools,.activity-tools):where(:not([data-tabler-native], [data-tabler-native] *)){padding:16px 20px;gap:12px;background:var(--panel)}
html[data-design-system="tabler"] :is(.user-pagination,.site-pagination,.activity-pagination):where(:not([data-tabler-native], [data-tabler-native] *)){padding:12px 20px;background:var(--panel-2);color:var(--muted);font-size:12px}


html[data-design-system="tabler"] .site-tag-manager-row:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns:48px minmax(0,1fr) 72px 82px 76px; }
html[data-design-system="tabler"] .site-tag-create-row:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns:48px minmax(0,1fr) auto; }
html[data-design-system="tabler"] :is(.site-tag-manager-row,.site-tag-create-row) input[type="color"]:where(:not([data-tabler-native], [data-tabler-native] *)){ width:48px; min-width:48px; height:36px; min-height:36px; padding:3px; cursor:pointer; }
html[data-design-system="tabler"] :is(.site-tag-manager-row,.site-tag-create-row) input[type="color"]:where(:not([data-tabler-native], [data-tabler-native] *))::-webkit-color-swatch-wrapper { padding:0; }
html[data-design-system="tabler"] :is(.site-tag-manager-row,.site-tag-create-row) input[type="color"]:where(:not([data-tabler-native], [data-tabler-native] *))::-webkit-color-swatch { border:0; border-radius:3px; }
html[data-design-system="tabler"] :is(.site-tag-manager-row,.site-tag-create-row) input[type="color"]:where(:not([data-tabler-native], [data-tabler-native] *))::-moz-color-swatch { border:0; border-radius:3px; }
@media(max-width:760px) { html[data-design-system="tabler"] :is(.site-tag-manager-row,.site-tag-create-row):where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns:48px minmax(0,1fr); } }

.site-pin-button svg.icon-tabler-star:where(:not([data-tabler-native], [data-tabler-native] *)){ width:16px; height:16px; flex:0 0 16px; fill:none; stroke-width:1; }

#siteOtherWebsitesLabel svg.icon-tabler-world:where(:not([data-tabler-native], [data-tabler-native] *)){ width:17px; height:17px; flex:0 0 17px; stroke-width:1; }

#sitePinnedSection > .site-list-section-label svg.icon-tabler-star:where(:not([data-tabler-native], [data-tabler-native] *)){ width:16px; height:16px; flex:0 0 16px; fill:none; stroke-width:1; }

.site-identity-copy:hover .site-public-name-link strong:where(:not([data-tabler-native], [data-tabler-native] *)){ text-decoration: none; }
.settings-view:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 24px; }
.settings-subnav:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; padding: 5px; border: 1px solid var(--line); border-radius: 10px; background: #091626; display: flex; gap: 5px; }
.settings-subnav button:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: 1; padding: 10px 14px; border: 0; border-radius: 7px; background: transparent; color: var(--muted); font-weight: 750; font-size: 13px; }
.settings-subnav button:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .settings-subnav button.active:where(:not([data-tabler-native], [data-tabler-native] *)){ background: #1b2a40; color: var(--text); }
.settings-section:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 18px; }
@supports (display: grid-lanes) {
  .settings-section:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid-lanes; }
}
.settings-section .settings-card:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; }
.settings-card:where(:not([data-tabler-native], [data-tabler-native] *)){ width: min(720px, 100%); overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: linear-gradient(145deg, rgba(17,31,50,.96), rgba(10,24,40,.96)); }
.settings-card-head:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 22px 24px; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; align-items: end; gap: 24px; }
.settings-card-head > p:where(:not([data-tabler-native], [data-tabler-native] *)){ max-width: 340px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.settings-form:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 24px; display: grid; gap: 18px; }
.settings-form label:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 7px; color: var(--text); font-size: 13px; font-weight: 750; }
.profile-settings-form > label:where(:not([data-tabler-native], [data-tabler-native] *)), .support-profile-fields > label:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; }
.support-profile-fields:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 18px; }
.notification-field-group:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 14px; }
.desktop-push-settings:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 16px; display: grid; gap: 14px; border: 1px solid var(--line); border-radius: 10px; background: color-mix(in srgb, var(--panel-2) 72%, transparent); }
.desktop-push-head:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.desktop-push-head strong:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; font-size: 14px; }
.desktop-push-head p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 4px 0 0; color: var(--muted); font-size: 13px; font-weight: 500; line-height: 1.45; }
.desktop-push-state:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: 0 0 auto; padding: 5px 8px; border-radius: 999px; background: color-mix(in srgb, var(--line) 58%, transparent); color: var(--muted); font-size: 12px; font-weight: 750; }
.desktop-push-state.active:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--accent) 16%, transparent); color: var(--accent); }
.desktop-push-state.error:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--danger) 13%, transparent); color: var(--danger); }
.desktop-push-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; flex-wrap: wrap; gap: 8px; }
.desktop-push-policy-grid:where(:not([data-tabler-native], [data-tabler-native] *)), .desktop-push-quiet-grid:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.desktop-push-policy-grid > label:where(:not([data-tabler-native], [data-tabler-native] *)), .desktop-push-quiet-grid > label:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 6px; color: var(--muted); font-size: 13px; font-weight: 700; }
.desktop-push-policy-grid select:where(:not([data-tabler-native], [data-tabler-native] *)), .desktop-push-quiet-grid input:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; min-height: 38px; }
.desktop-push-quiet:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; padding: 13px; display: grid; gap: 11px; border: 1px solid var(--line); border-radius: 9px; }
.desktop-push-quiet legend:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 0 5px; color: var(--text); font-size: 13px; font-weight: 800; }
.desktop-push-quiet-grid:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: minmax(110px, .7fr) minmax(110px, .7fr) minmax(180px, 1.6fr); }
.desktop-push-options:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; flex-wrap: wrap; gap: 10px 20px; }
.desktop-push-targets:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 11px 12px; border: 1px solid var(--line); border-radius: 9px; background: var(--panel); }
.desktop-push-targets summary:where(:not([data-tabler-native], [data-tabler-native] *)){ cursor: pointer; color: var(--text); font-size: 13px; font-weight: 800; }
.desktop-push-targets[open] summary:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-bottom: 11px; }
.desktop-push-target-list:where(:not([data-tabler-native], [data-tabler-native] *)){ max-height: 230px; margin-top: 10px; display: grid; gap: 6px; overflow-y: auto; overscroll-behavior: contain; }
.desktop-push-target:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; padding: 8px 9px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 9px; border: 1px solid var(--line); border-radius: 7px; }
.desktop-push-target span:where(:not([data-tabler-native], [data-tabler-native] *)), .desktop-push-target strong:where(:not([data-tabler-native], [data-tabler-native] *)), .desktop-push-target small:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: block; }
.desktop-push-target strong:where(:not([data-tabler-native], [data-tabler-native] *)), .desktop-push-target small:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.desktop-push-target strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 12px; }
.desktop-push-target small:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-top: 2px; color: var(--muted); font-size: 11px; }
.desktop-push-devices:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 7px; }
.desktop-push-device:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; padding: 9px 10px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); }
.desktop-push-device > label:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 9px; }
.desktop-push-device label span:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; }
.desktop-push-device strong:where(:not([data-tabler-native], [data-tabler-native] *)), .desktop-push-device small:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.desktop-push-device strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 13px; }
.desktop-push-device small:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-top: 3px; color: var(--muted); font-size: 12px; }
.desktop-push-device button:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 28px; padding: 0 9px; }
.desktop-push-platform-note:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; color: var(--muted); font-size: 12px; font-weight: 550; line-height: 1.5; }
@media (max-width: 620px) { .desktop-push-policy-grid:where(:not([data-tabler-native], [data-tabler-native] *)), .desktop-push-quiet-grid:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; } }
.settings-form input:where(:not([data-tabler-native], [data-tabler-native] *)), .settings-form select:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; color: var(--text); background: var(--panel); border: 1px solid var(--line); border-radius: 4px; padding: 11px 12px; outline: 0; }
.settings-form input:focus:where(:not([data-tabler-native], [data-tabler-native] *)), .settings-form select:focus:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: var(--accent); }
.settings-form input[readonly]:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); cursor: default; }
.settings-form label small:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 0; color: #ff7e8b; }
.settings-form .checkbox-setting:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: auto 1fr; justify-content: start; align-items: center; gap: 10px; font-weight: 650; }
.settings-form .checkbox-setting input:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 17px; height: 17px; accent-color: var(--accent); }
.settings-form .primary:where(:not([data-tabler-native], [data-tabler-native] *)){ justify-self: start; }
.account-deletion-card:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--danger) 42%, var(--line)); }
.account-deletion-card .settings-card-head:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--danger) 5%, transparent); }
.account-deletion-settings:where(:not([data-tabler-native], [data-tabler-native] *)){ align-content: start; }
.account-deletion-state:where(:not([data-tabler-native], [data-tabler-native] *)){
  padding: 13px 14px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: color-mix(in srgb, var(--panel-2) 76%, transparent);
  display: grid;
  gap: 4px;
}
.account-deletion-state strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--text); font-size: 13px; }
.account-deletion-state span:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 12px; line-height: 1.45; }
.account-deletion-state.pending:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--amber) 58%, var(--line)); background: color-mix(in srgb, var(--amber) 7%, var(--panel)); }
.account-deletion-state.pending strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); }
.mfa-settings:where(:not([data-tabler-native], [data-tabler-native] *)){ gap: 16px; }
.mfa-status-line:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 10px; background: rgba(8,21,36,.52); }
.mfa-status-line > div:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 5px; }
.mfa-status-line small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 13px; line-height: 1.45; }
#mfaStatusPill:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 12px; font-weight: 700; line-height: 1; }
.mfa-inline-form:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 13px; padding: 16px; border: 1px solid var(--line); border-radius: 10px; background: rgba(8,21,36,.38); }
.mfa-inline-form h3:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; font-size: 13px; }
.mfa-inline-form button:where(:not([data-tabler-native], [data-tabler-native] *)){ justify-self: start; }
.mfa-enrollment:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 14px; }
.settings-mfa-enrollment:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: auto minmax(0, 1fr); align-items: start; padding: 16px; border: 1px solid var(--accent); border-radius: 12px; background: rgba(91,226,190,.06); }
.settings-mfa-enrollment .mfa-inline-form:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 1 / -1; }
.mfa-qr-code:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 210px; min-height: 210px; display: grid; place-items: center; padding: 10px; border-radius: 10px; background: #fff; }
.mfa-qr-code svg:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; width: 100%; height: auto; }
.mfa-enrollment p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; color: var(--text); font-size: 13px; font-weight: 650; line-height: 1.55; }
.mfa-enrollment code:where(:not([data-tabler-native], [data-tabler-native] *)){
  display: block;
  width: 100%;
  margin-top: 10px;
  padding: 12px 14px;
  border: 1px solid #34465d;
  border-radius: 8px;
  color: #f5f8fc;
  background: #0b1726;
  font: 700 14px/1.55 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing: .045em;
  overflow-wrap: anywhere;
  white-space: normal;
  user-select: all;
}
.mfa-enabled-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; align-items: start; }
.mfa-recovery-result:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 12px; padding: 16px; border: 1px solid #f3b44f; border-radius: 12px; background: rgba(243,180,79,.08); }
.mfa-recovery-result p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.mfa-recovery-result pre:where(:not([data-tabler-native], [data-tabler-native] *)){
  margin: 0;
  padding: 14px 16px;
  border: 1px solid #34465d;
  border-radius: 8px;
  background: #0b1726;
  color: #f5f8fc;
  font: 700 14px/1.7 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing: .04em;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  user-select: all;
}
.mfa-recovery-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; flex-wrap: wrap; gap: 10px; }
html[data-theme="light"] .mfa-status-line:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .mfa-inline-form:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: #ccd7e3;
  background: #f7fafc;
  box-shadow: 0 1px 2px rgba(20, 34, 54, .06);
}
html[data-theme="light"] .mfa-enrollment code:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: #b8c7d6;
  color: var(--text);
  background: #fff;
}
html[data-theme="light"] .mfa-recovery-result pre:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: #b8c7d6;
  color: var(--text);
  background: #fff;
}
#mfaLoginView:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 14px; }
#mfaLoginView[hidden]:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; }
#mfaLoginView .mfa-qr-code:where(:not([data-tabler-native], [data-tabler-native] *)){ width: min(210px, 100%); min-height: 0; justify-self: center; }
#mfaLoginView .mfa-enrollment:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: color-mix(in srgb, var(--panel-2) 86%, transparent); }
html[data-theme="light"] #mfaLoginView .mfa-enrollment:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: #ccd7e3; background: rgba(255,255,255,.78); }
@media (max-width: 700px) {
  .settings-mfa-enrollment:where(:not([data-tabler-native], [data-tabler-native] *)), .mfa-enabled-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; }
  .mfa-qr-code:where(:not([data-tabler-native], [data-tabler-native] *)){ width: min(210px, 100%); justify-self: center; }
}
.settings-message:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 18px; margin: 0; color: var(--accent); font-size: 13px; line-height: 1.5; }
.component-overview:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 20px 24px 24px; display: grid; gap: 18px; }
.component-version-list:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 9px; }
.component-version-item:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; padding: 13px 14px; display: grid; grid-template-columns: 9px minmax(0, 1fr) auto auto; align-items: center; gap: 12px; border: 1px solid var(--line); border-radius: 10px; background: rgba(7,17,31,.4); }
.component-version-item.healthy:where(:not([data-tabler-native], [data-tabler-native] *)), .component-connector-row.healthy:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); }
.component-version-item.attention:where(:not([data-tabler-native], [data-tabler-native] *)), .component-connector-row.attention:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); }
.component-version-item.critical:where(:not([data-tabler-native], [data-tabler-native] *)), .component-connector-row.critical:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); }
.component-status-dot:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 8px; height: 8px; border-radius: 50%; background: currentColor; box-shadow: 0 0 8px currentColor; }
.component-version-copy strong:where(:not([data-tabler-native], [data-tabler-native] *)), .component-version-copy p:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; }
.component-version-copy strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--text); font-size: 13px; }
.component-version-copy p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 3px 0 0; color: var(--muted); font-size: 11px; line-height: 1.4; }
.component-version-meta:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; gap: 12px; color: var(--muted); font-size: 11px; }
.component-version-meta span:where(:not([data-tabler-native], [data-tabler-native] *)), .component-version-meta b:where(:not([data-tabler-native], [data-tabler-native] *)){ white-space: nowrap; }
.component-version-meta b:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-left: 4px; color: var(--text); }
.component-status-label:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 5px 8px; border: 1px solid currentColor; border-radius: 999px; font-size: 11px; font-weight: 800; white-space: nowrap; }
.component-connectors:where(:not([data-tabler-native], [data-tabler-native] *)){ border-top: 1px solid var(--line); }
.component-connectors-head:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 16px 0 10px; display: flex; align-items: end; justify-content: space-between; gap: 16px; }
.component-connectors-head h3:where(:not([data-tabler-native], [data-tabler-native] *)), .component-connectors-head p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; }
.component-connectors-head h3:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 13px; }
.component-connectors-head p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-top: 4px; color: var(--muted); font-size: 11px; }
.component-connectors-head > div:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.component-connectors-head > div:last-child span:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 4px 7px; border-radius: 999px; background: var(--panel-2); color: var(--muted); font-size: 11px; font-weight: 750; }
.component-connector-row:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 11px 0; display: grid; grid-template-columns: 9px minmax(0, 1fr) auto auto; align-items: center; gap: 10px; border-top: 1px solid var(--line); }
.component-connector-row > div strong:where(:not([data-tabler-native], [data-tabler-native] *)), .component-connector-row > div small:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; }
.component-connector-row > div strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--text); font-size: 13px; }
.component-connector-row > div small:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-top: 3px; color: var(--muted); font-size: 11px; overflow-wrap: anywhere; }
.component-connector-row > span:nth-of-type(2):where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--text); font-size: 12px; font-weight: 750; }
.component-connector-row > p:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 2 / -1; margin: -4px 0 0; color: var(--muted); font-size: 11px; }
.component-empty:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 10px 0 0; }
.component-overview-foot:where(:not([data-tabler-native], [data-tabler-native] *)){ padding-top: 2px; display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.component-overview-foot small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 11px; }
.component-overview-foot button:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 7px 10px; font-size: 12px; }
html[data-theme="light"] .component-version-item:where(:not([data-tabler-native], [data-tabler-native] *)){ background: #f7fafc; }
html[data-theme="light"] .component-connectors-head > div:last-child span:where(:not([data-tabler-native], [data-tabler-native] *)){ background: #e7eef6; }
.release-history:where(:not([data-tabler-native], [data-tabler-native] *)){ position: relative; box-sizing: border-box; max-height: calc((66px * 3) + (9px * 2) + 44px); padding: 20px 24px 24px; display: grid; gap: 9px; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
.release-history:where(:not([data-tabler-native], [data-tabler-native] *))::before { content: ""; position: absolute; top: 31px; bottom: 35px; left: 31px; width: 1px; background: var(--line); }
.release-entry:where(:not([data-tabler-native], [data-tabler-native] *)){ position: relative; border: 1px solid var(--line); border-radius: 10px; background: rgba(7,17,31,.4); }
.release-entry.current:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--accent) 60%, var(--line)); }
.release-entry summary:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 66px; padding: 12px 13px; display: grid; grid-template-columns: 11px minmax(0, 1fr) auto auto auto; align-items: center; gap: 10px; cursor: pointer; list-style: none; }
.release-entry summary:where(:not([data-tabler-native], [data-tabler-native] *))::-webkit-details-marker { display: none; }
.release-marker:where(:not([data-tabler-native], [data-tabler-native] *)){ z-index: 1; width: 9px; height: 9px; border: 2px solid var(--panel); border-radius: 50%; background: var(--muted); box-shadow: 0 0 0 3px var(--line); }
.release-entry.current .release-marker:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--accent); box-shadow: 0 0 8px var(--accent); }
.release-heading strong:where(:not([data-tabler-native], [data-tabler-native] *)), .release-heading small:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; }
.release-heading strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--text); font-size: 13px; }
.release-heading small:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-top: 4px; color: var(--muted); font-size: 12px; }
.release-entry time:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 11px; white-space: nowrap; }
.release-type:where(:not([data-tabler-native], [data-tabler-native] *)), .release-current:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 5px 7px; border-radius: 999px; font-size: 10px; font-weight: 800; white-space: nowrap; }
.release-type:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--panel-2); color: var(--muted); }
.release-type.security:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); }
.release-current:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--accent) 14%, transparent); color: var(--accent); }
.release-entry ul:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0 14px 14px 43px; padding: 12px 16px 12px 28px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; line-height: 1.55; }
.release-entry li + li:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-top: 5px; }
html[data-theme="light"] .release-entry:where(:not([data-tabler-native], [data-tabler-native] *)){ background: #f7fafc; }
.storage-settings-body:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 22px 24px 8px; display: grid; gap: 18px; }
.storage-settings-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 8px 24px 24px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.storage-metrics:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.storage-metrics > div:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; padding: 14px; border: 1px solid var(--line); border-radius: 10px; background: rgba(7,17,31,.4); }
.storage-metrics small:where(:not([data-tabler-native], [data-tabler-native] *)), .storage-metrics strong:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; }
.storage-metrics small:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 30px; color: var(--muted); font-size: 12px; line-height: 1.4; }
.storage-metrics strong:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-top: 7px; font-size: 18px; overflow-wrap: anywhere; }
html[data-theme="light"] .storage-metrics > div:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: #ccd7e3;
  background: #f7fafc;
  box-shadow: 0 1px 2px rgba(20, 34, 54, .06);
}
.storage-status-list:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; border-top: 1px solid var(--line); }
.storage-status-list > div:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 11px 2px; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; gap: 18px; font-size: 13px; }
.storage-status-list dt:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); }
.storage-status-list dd:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; text-align: right; font-weight: 750; }
.storage-status-list .status-ok:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); }
.storage-status-list .status-note:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); }
.storage-lock-note:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; padding: 12px 14px; border-left: 3px solid var(--amber); border-radius: 6px; background: rgba(255,190,92,.08); color: var(--muted); font-size: 13px; line-height: 1.55; }
.storage-error:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; padding: 12px 14px; border: 1px solid rgba(240,79,103,.45); border-radius: 8px; color: #ff7e8b; font-size: 13px; line-height: 1.5; }
.storage-errors h3:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0 0 8px; font-size: 13px; }
.storage-errors ul:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.storage-errors li:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 11px 0; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: minmax(120px, .45fr) 1fr; gap: 14px; }
.storage-errors li div small:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; margin-top: 3px; color: var(--muted); font-size: 11px; }
.storage-errors li p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; color: #ff7e8b; font-size: 12px; line-height: 1.45; overflow-wrap: anywhere; }
.account-state:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); font-size: 12px; font-weight: 800; }
.account-state.pending:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); }
.account-state.disabled:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); }
.account-state.deletion_pending:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); }
.account-security:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 2; display: flex!important; flex-wrap: wrap; gap: 5px; overflow: visible!important; white-space: normal!important; }
.account-security .account-state:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-flex; width: max-content; padding: 3px 7px; border: 1px solid currentColor; border-radius: 999px; line-height: 1.2; }
.account-state.test-account:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); }
.account-state.mfa-bypass:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); }
.account-state.mfa-enabled:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); }
.account-state.mfa-required:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); }
.customer-deletion-error:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; margin-top: 4px; color: var(--danger); font-size: 11px; }
.user-row-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; justify-content: flex-end; align-items: center; gap: 7px; }
.customer-actions-menu:where(:not([data-tabler-native], [data-tabler-native] *)){ position: relative; }
.customer-actions-menu summary:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 7px 10px; border: 1px solid var(--line); border-radius: 7px; background: var(--panel); color: var(--text); cursor: pointer; font-size: 13px; font-weight: 700; list-style: none; }
.customer-actions-menu summary:where(:not([data-tabler-native], [data-tabler-native] *))::-webkit-details-marker { display: none; }
.customer-actions-menu[open] summary:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: var(--blue); color: var(--blue); }
.customer-actions-menu > div:where(:not([data-tabler-native], [data-tabler-native] *)){ position: fixed; z-index: 1200; top: var(--customer-menu-top, 0); left: var(--customer-menu-left, 0); right: auto; min-width: 170px; max-height: calc(100dvh - 16px); overflow-y: auto; padding: 6px; border: 1px solid var(--line); border-radius: 9px; background: var(--panel-2); box-shadow: 0 16px 35px rgba(0,0,0,.35); }
.customer-actions-menu.opens-up > div:where(:not([data-tabler-native], [data-tabler-native] *)){ bottom: auto; }
.customer-actions-menu button:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; padding: 9px 10px; border: 0; border-radius: 6px; background: transparent; color: var(--text); text-align: left; font-size: 13px; }
.customer-actions-menu button:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--blue) 11%, transparent); }
.customer-actions-menu button.danger-text:where(:not([data-tabler-native], [data-tabler-native] *)){ color: #ff7e8b; }
.loading.compact:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 24px 16px; }
.error-text:where(:not([data-tabler-native], [data-tabler-native] *)){ color: #ff7e8b; }
.role-empty:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 34px 20px; color: var(--muted); text-align: center; font-size: 13px; }
.attention-list:where(:not([data-tabler-native], [data-tabler-native] *)), .job-list:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 8px 20px 16px; }
.attention-item:where(:not([data-tabler-native], [data-tabler-native] *)), .job-item:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 14px 2px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.attention-item:last-child:where(:not([data-tabler-native], [data-tabler-native] *)), .job-item:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){ border-bottom: 0; }
.attention-item strong:where(:not([data-tabler-native], [data-tabler-native] *)), .attention-item small:where(:not([data-tabler-native], [data-tabler-native] *)), .job-item strong:where(:not([data-tabler-native], [data-tabler-native] *)), .job-item small:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; font-size: 13px; }
.attention-item small:where(:not([data-tabler-native], [data-tabler-native] *)), .job-item small:where(:not([data-tabler-native], [data-tabler-native] *)), .muted:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 13px; }
.attention-count:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 29px; height: 29px; display: grid; place-items: center; border-radius: 9px; color: var(--amber); background: rgba(255,190,92,.1); font-weight: 800; }
.attention-system-item:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: auto minmax(220px, 1fr) auto; align-items: start; }
.attention-copy:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; }
.attention-copy details:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-top: 8px; color: var(--muted); font-size: 13px; }
.attention-copy summary:where(:not([data-tabler-native], [data-tabler-native] *)){ width: max-content; color: var(--blue); cursor: pointer; font-weight: 750; }
.attention-copy details p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 8px 0 5px; max-width: 720px; line-height: 1.45; }
.attention-copy details code:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 11px; overflow-wrap: anywhere; }
.attention-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; gap: 7px; flex-wrap: wrap; justify-content: flex-end; }
.right-column:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 18px; }
.activity-panel:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 1 / -1; overflow: visible; }
.content-grid.overview-layout .attention-panel:where(:not([data-tabler-native], [data-tabler-native] *)),
.content-grid.overview-layout .activity-panel:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: auto; }
.activity-head:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 74px; }
.activity-head > p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; color: var(--muted); font-size: 13px; }
.activity-open-button:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 36px; padding: 8px 12px; border-radius: 9px; gap: 7px; color: var(--text); text-decoration: none; white-space: nowrap; }
.activity-open-button .button-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 16px; height: 16px; stroke-width: 1.2; }
.activity-open-button:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--blue) 55%, var(--line)); background: var(--panel-2); color: var(--blue); }
.overview-activity-list:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; }
.overview-activity-item:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; padding: 13px 20px; border-top: 1px solid var(--line); display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 12px; }
.overview-activity-item:first-child:where(:not([data-tabler-native], [data-tabler-native] *)){ border-top: 0; }
.overview-activity-item:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ background: rgba(25,42,64,.45); }
.overview-activity-item > .site-icon:where(:not([data-tabler-native], [data-tabler-native] *)), .overview-activity-item > .activity-system-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 34px; height: 34px; }
.overview-activity-copy:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; }
.overview-activity-copy strong:where(:not([data-tabler-native], [data-tabler-native] *)), .overview-activity-copy small:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.overview-activity-copy strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 13px; }
.overview-activity-copy small:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-top: 4px; color: var(--muted); font-size: 12px; }
.activity-view:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 0; padding: 0; }
.activity-view-header:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 60px; padding: 0 16px; align-items: center; border-bottom: 1px solid var(--line); }
.activity-view-header h1:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; font-size: 16px; }
.activity-directory:where(:not([data-tabler-native], [data-tabler-native] *)){ border-radius: 0; }
.activity-tools:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 16px 20px; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: minmax(260px, 1fr) repeat(5, auto); gap: 12px; align-items: end; }
.activity-tools > label:not(.search):where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 6px; color: var(--muted); font-size: 12px; font-weight: 750; }
.activity-tools select:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 120px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 8px; outline: 0; background: #091626; color: var(--text); }
.activity-search input:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; }
.activity-table-wrap:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow-x: auto; }
.activity-table:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; border-collapse: collapse; }
.activity-table th:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 12px 14px; border-bottom: 1px solid var(--line); color: var(--muted); text-align: left; font-size: 12px; text-transform: uppercase; letter-spacing: .7px; }
.activity-table td:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 14px; border-bottom: 1px solid rgba(32,49,73,.7); vertical-align: middle; font-size: 13px; }
.activity-table tr.activity-row:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ background: rgba(25,42,64,.45); }
.activity-row td:nth-child(1):where(:not([data-tabler-native], [data-tabler-native] *)){ width: 145px; white-space: nowrap; color: var(--muted); }
.activity-row td:nth-child(3):where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 250px; }
.activity-row td:nth-child(3) strong:where(:not([data-tabler-native], [data-tabler-native] *)), .activity-row td:nth-child(3) small:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; }
.activity-row td:nth-child(3) small:where(:not([data-tabler-native], [data-tabler-native] *)){ max-width: 560px; margin-top: 4px; color: var(--muted); line-height: 1.4; }
.activity-site:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; gap: 10px; vertical-align: middle; align-items: center; min-width: 0; }
.activity-site > span:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; }
.activity-site .site-icon:where(:not([data-tabler-native], [data-tabler-native] *)), .activity-system-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: 0 0 34px; width: 34px; height: 34px; }
.activity-site strong:where(:not([data-tabler-native], [data-tabler-native] *)), .activity-site small:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; max-width: 230px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.activity-site small:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-top: 3px; color: var(--muted); font-size: 12px; }
.activity-system-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; place-items: center; border-radius: 10px; background: #142943; color: var(--violet); }
.activity-system-icon svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 19px; height: 19px; }
.activity-state:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; font-size: 12px; font-weight: 800; }
.activity-state:where(:not([data-tabler-native], [data-tabler-native] *))::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.activity-state.success:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); } .activity-state.failed:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); }
.activity-state.pending:where(:not([data-tabler-native], [data-tabler-native] *)), .activity-state.warning:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); } .activity-state.running:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--blue); }
.activity-state.info:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); }
.activity-detail-button:where(:not([data-tabler-native], [data-tabler-native] *)){ border: 1px solid var(--line); border-radius: 7px; padding: 7px 10px; background: var(--panel); color: var(--text); white-space: nowrap; font-size: 13px; font-weight: 700; }
.activity-detail-button:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .activity-detail-button[aria-expanded="true"]:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: var(--blue); color: var(--blue); }
.activity-detail-row td:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 0; background: rgba(5,14,26,.38); }
.activity-detail-row > td > div:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 16px 20px; background: rgba(5,14,26,.36); }
.activity-detail-row p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0 0 12px; font-size: 13px; }
.activity-detail-row dl:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px 18px; }
.activity-detail-row dl div:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; }
.activity-detail-row dt:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 12px; }
.activity-detail-row dd:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 3px 0 0; overflow-wrap: anywhere; font-size: 13px; }
.activity-pagination:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 66px; padding: 12px 20px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; gap: 18px; }
.activity-pagination > span:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 13px; }
.activity-pagination > div:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; gap: 12px; }
.activity-pagination div span:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 90px; color: var(--muted); text-align: center; font-size: 13px; }
.activity-pagination button:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 8px 11px; font-size: 13px; }
.activity-pagination button:disabled:where(:not([data-tabler-native], [data-tabler-native] *)){ opacity: .4; cursor: default; }
html[data-dashboard-view="activity"] .activity-view:where(:not([data-tabler-native], [data-tabler-native] *)){
    --activity-panel: #0d0f13;
    --activity-raised: #14171c;
    --activity-line: #252930;
    --activity-line-strong: #343941;
    --activity-muted: #8b9099;
    --activity-text: #f0f1f3;
    --activity-hover: #191c22;
    gap: 0;
    padding: 0;
}
html[data-dashboard-view="activity"] .activity-view-header:where(:not([data-tabler-native], [data-tabler-native] *)){
    min-height: 44px;
    margin-bottom: 0;
    padding: 0 8px 0 12px;
    align-items: center;
    border: 1px solid var(--activity-line);
    border-radius: 8px 8px 0 0;
    background: var(--activity-panel);
}
html[data-dashboard-view="activity"] .activity-view-header h1:where(:not([data-tabler-native], [data-tabler-native] *)){
    margin: 0;
    color: var(--activity-text);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
}
html[data-dashboard-view="activity"] .activity-directory:where(:not([data-tabler-native], [data-tabler-native] *)){
    height: var(--activity-directory-workspace-height, calc(100dvh - 104px));
    min-height: 0;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    border-top: 0;
    border-color: var(--activity-line);
    border-radius: 0 0 11px 11px;
    background: var(--activity-panel);
    box-shadow: none;
    min-height: calc(100dvh - 60px);
    overflow: visible;
}
html[data-dashboard-view="activity"] .activity-directory > .activity-status-tabs:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-row: 1; }
html[data-dashboard-view="activity"] .activity-directory > .activity-tools:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-row: 2; }
html[data-dashboard-view="activity"] .activity-directory > .activity-table-wrap:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-row: 3; }
html[data-dashboard-view="activity"] .activity-directory > .activity-pagination:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-row: 4; }
.activity-status-tabs:where(:not([data-tabler-native], [data-tabler-native] *)){
    min-height: 48px;
    padding: 7px 12px 0;
    border-bottom: 1px solid var(--activity-line, var(--line));
    display: flex;
    align-items: end;
    gap: 1px;
    overflow-x: auto;
}
.activity-status-tabs button:where(:not([data-tabler-native], [data-tabler-native] *)){
    min-height: 40px;
    padding: 9px 12px;
    border: 0;
    border-bottom: 1px solid transparent;
    background: transparent;
    color: var(--activity-muted, var(--muted));
    font-size: 13px;
    font-weight: 620;
    white-space: nowrap;
    transition: color .14s ease, background-color .14s ease, border-color .14s ease;
}
.activity-status-tabs button:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ background: rgba(255, 255, 255, .025); color: #cfd2d8; }
.activity-status-tabs button.active:where(:not([data-tabler-native], [data-tabler-native] *)){ border-bottom-color: var(--accent); color: var(--activity-text, var(--text)); }
html[data-dashboard-view="activity"] .activity-tools:where(:not([data-tabler-native], [data-tabler-native] *)){
    position: relative;
    padding: 12px 14px 13px;
    border-bottom-color: var(--activity-line);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
html[data-dashboard-view="activity"] .activity-search:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: 1 1 240px; }
html[data-dashboard-view="activity"] .activity-tools .search:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="activity"] .activity-filter-menu-button:where(:not([data-tabler-native], [data-tabler-native] *)){
    height: 34px;
    min-height: 34px;
    border: 1px solid var(--activity-line);
    border-radius: 6px;
    background: rgba(255, 255, 255, .025);
    color: #d8dbe1;
    box-shadow: none;
    transition: border-color .14s ease, background-color .14s ease;
}
html[data-dashboard-view="activity"] .activity-tools .search:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 6px 9px; }
html[data-dashboard-view="activity"] .activity-tools .search:focus-within:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="activity"] .activity-filter-menu-button:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="activity"] .activity-filter-menu-button[aria-expanded="true"]:where(:not([data-tabler-native], [data-tabler-native] *)){
    border-color: var(--activity-line-strong);
    background: rgba(255, 255, 255, .045);
}
.activity-filter-menu:where(:not([data-tabler-native], [data-tabler-native] *)){ position: relative; margin-left: auto; }
.activity-filter-menu-button:where(:not([data-tabler-native], [data-tabler-native] *)){ position: relative; min-height: 34px; }
.activity-filter-count:where(:not([data-tabler-native], [data-tabler-native] *)){
    top: -10px;
    right: -5px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    min-width: 22px;
    height: 22px;
    padding: 0;
    border-radius: 50%;
    border-color: var(--activity-panel, var(--panel));
    font-size: 12px;
    line-height: 1;
}
.activity-filter-popover:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: var(--activity-line); background: var(--activity-raised); }
.activity-filter-fields > .activity-filter-per-page:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 1 / -1; }
.activity-filter-status:where(:not([data-tabler-native], [data-tabler-native] *)){
    flex: 1 0 100%;
    min-width: 0;
    min-height: 34px;
    padding: 7px 4px 0;
    border-top: 1px solid var(--activity-line);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--muted);
    font-size: 12px;
}
.activity-filter-status > span:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: flex; align-items: center; gap: 9px; }
.activity-filter-status strong:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: 0 0 auto; color: var(--accent); font-size: 12px; }
.activity-filter-status #activityFilterSummary:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.activity-filter-status button:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: 0 0 auto; padding: 5px 8px; border: 0; background: transparent; color: var(--blue); font-size: 12px; font-weight: 700; }
html[data-dashboard-view="activity"] .activity-table th:where(:not([data-tabler-native], [data-tabler-native] *)){
    padding: 10px 12px;
    border-bottom-color: var(--activity-line);
    color: #747a84;
    font-size: 11px;
    letter-spacing: .08em;
}
html[data-dashboard-view="activity"] .activity-table thead:where(:not([data-tabler-native], [data-tabler-native] *)){
    position: sticky;
    top: 0;
    z-index: 5;
    background: var(--activity-panel);
}
html[data-dashboard-view="activity"] .activity-table-wrap:where(:not([data-tabler-native], [data-tabler-native] *)){
    min-height: 0;
    position: relative;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    box-shadow: none;
}
html[data-dashboard-view="activity"] .activity-table-wrap:focus:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="activity"] .activity-table-wrap:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ outline: none; }
html[data-dashboard-view="activity"] .activity-table td:where(:not([data-tabler-native], [data-tabler-native] *)){
    height: 62px;
    padding: 10px 12px;
    border-bottom-color: var(--activity-line);
    font-size: 13px;
}
html[data-dashboard-view="activity"] .activity-row:where(:not([data-tabler-native], [data-tabler-native] *)){ cursor: pointer; transition: background-color .12s ease; }
html[data-dashboard-view="activity"] .activity-row:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="activity"] .activity-row.is-expanded:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--activity-hover); }
html[data-dashboard-view="activity"] .activity-row:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ outline: 2px solid var(--blue); outline-offset: -2px; }
html[data-dashboard-view="activity"] .activity-detail-row td:where(:not([data-tabler-native], [data-tabler-native] *)){ height: auto; background: transparent; }
html[data-dashboard-view="activity"] .activity-detail-row > td > div:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--activity-raised); }
html[data-dashboard-view="activity"] .activity-pagination:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 56px; border-top-color: var(--activity-line); }
html[data-theme="light"][data-dashboard-view="activity"] .activity-view:where(:not([data-tabler-native], [data-tabler-native] *)){
    --activity-panel: var(--panel);
    --activity-raised: #fff;
    --activity-line: rgba(22, 27, 34, .09);
    --activity-line-strong: rgba(22, 27, 34, .16);
    --activity-muted: #777d87;
    --activity-text: #17191d;
    --activity-hover: var(--bg);
}
html[data-theme="light"][data-dashboard-view="activity"] .activity-view-header:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="activity"] .activity-directory:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--activity-panel); }
html[data-theme="light"][data-dashboard-view="activity"] .activity-tools:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--panel); }
html[data-theme="light"][data-dashboard-view="activity"] .activity-tools .search:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="activity"] .activity-filter-menu-button:where(:not([data-tabler-native], [data-tabler-native] *)){
    border-color: var(--activity-line);
    background: rgba(22, 27, 34, .025);
    color: #486d88;
}
html[data-theme="light"][data-dashboard-view="activity"] .activity-tools .search:focus-within:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="activity"] .activity-filter-menu-button:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="activity"] .activity-filter-menu-button[aria-expanded="true"]:where(:not([data-tabler-native], [data-tabler-native] *)){
    border-color: var(--activity-line-strong);
    background: rgba(22, 27, 34, .045);
}
html[data-theme="light"][data-dashboard-view="activity"] .activity-status-tabs button:hover:where(:not([data-tabler-native], [data-tabler-native] *)){
    background: rgba(22, 27, 34, .025);
    color: #303032;
}
html[data-theme="light"][data-dashboard-view="activity"] .activity-filter-popover:where(:not([data-tabler-native], [data-tabler-native] *)){ background: #fff; }
@media (max-width: 620px) {
    html[data-dashboard-view="activity"] .activity-directory:where(:not([data-tabler-native], [data-tabler-native] *)){ height: auto; display: block; overflow: visible; }
    html[data-dashboard-view="activity"] .activity-table-wrap:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow-x: auto; overflow-y: visible; scrollbar-gutter: auto; box-shadow: none !important; }
    html[data-dashboard-view="activity"] .activity-table thead:where(:not([data-tabler-native], [data-tabler-native] *)){ position: static; }
    .activity-filter-menu:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-left: 0; }
    .activity-filter-menu-button:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; justify-content: center; }
    .activity-filter-popover:where(:not([data-tabler-native], [data-tabler-native] *)){ position: fixed; top: 96px; right: 12px; left: 12px; width: auto; max-height: calc(100dvh - 112px); }
    .activity-filter-fields:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; }
    .activity-filter-fields > .activity-filter-per-page:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: auto; }
    .activity-filter-status:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: flex-start; flex-direction: column; }
}
.release-history-pagination:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 52px; padding: 10px 18px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: flex-end; gap: 12px; }
.release-history-pagination span:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 170px; color: var(--muted); text-align: center; font-size: 13px; }
.release-history-pagination button:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 8px 11px; font-size: 13px; }
.release-history-pagination button:disabled:where(:not([data-tabler-native], [data-tabler-native] *)){ opacity: .4; cursor: default; }
.loading:where(:not([data-tabler-native], [data-tabler-native] *)), .empty:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 48px 20px; text-align: center; color: var(--muted); }
.add-site-tags:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 8px; min-width: 0; }
.add-site-tags-head:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: baseline; gap: 7px; font-size: 13px; }
.add-site-tags-head strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-weight: 750; }
.add-site-selected-tags:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; flex-wrap: wrap; gap: 6px; }
.add-site-selected-tags:empty:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; }
.add-site-tags:has(#addSiteTagSearch[aria-expanded="true"]) .add-site-selected-tags:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; }
.add-site-selected-tag:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-flex; align-items: center; gap: 6px; min-height: 26px; padding: 3px 8px; border: 1px solid color-mix(in srgb, var(--site-tag-color) 60%, var(--line)); border-radius: 999px; background: color-mix(in srgb, var(--site-tag-color) 9%, transparent); color: var(--text); font-size: 12px; font-weight: 700; }
.add-site-selected-tag i:where(:not([data-tabler-native], [data-tabler-native] *)), .add-site-tag-option i:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 9px; height: 9px; flex: 0 0 9px; border-radius: 50%; background: var(--site-tag-color); }
.add-site-selected-tag span:where(:not([data-tabler-native], [data-tabler-native] *)){ max-width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.add-site-selected-tag svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 12px; height: 12px; color: var(--muted); }
.add-site-tag-picker:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 6px; }
.add-site-tag-options:where(:not([data-tabler-native], [data-tabler-native] *)){ position: static; max-height: 112px; display: flex; flex-wrap: wrap; align-content: flex-start; gap: 6px; overflow-y: auto; padding: 8px; border: 1px solid var(--line); border-radius: 8px; background: color-mix(in srgb, var(--panel-2) 52%, transparent); box-shadow: none; scrollbar-width: thin; }
.add-site-tag-option:where(:not([data-tabler-native], [data-tabler-native] *)){ width: auto; min-height: 30px; display: inline-flex; align-items: center; gap: 7px; padding: 5px 9px; border: 1px solid var(--line); border-radius: 999px; background: var(--panel); color: var(--text); text-align: left; font-size: 12px; font-weight: 700; }
.add-site-tag-option:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .add-site-tag-option:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: var(--site-tag-color); background: color-mix(in srgb, var(--site-tag-color) 7%, var(--panel)); }
.add-site-tag-option[aria-selected="true"]:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: var(--site-tag-color); background: color-mix(in srgb, var(--site-tag-color) 12%, var(--panel)); color: var(--text); }
.add-site-tag-option[aria-selected="true"]:where(:not([data-tabler-native], [data-tabler-native] *))::after { content: '✓'; color: var(--accent); font-size: 12px; font-weight: 900; }
.add-site-tag-empty:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; padding: 12px; color: var(--muted); text-align: center; font-size: 13px; }
.add-site-tag-create-toggle:where(:not([data-tabler-native], [data-tabler-native] *)){ justify-self: start; min-height: 28px; padding: 3px 0; border: 0; background: transparent; color: var(--accent); font-size: 13px; font-weight: 750; }
.add-site-tag-create-toggle:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ color: color-mix(in srgb, var(--accent) 75%, white); }
.add-site-tag-create:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 40px minmax(0, 1fr) auto; gap: 7px; align-items: center; }
.add-site-tag-create:not([hidden]):where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; }
.add-site-tag-create input[type="color"]:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 40px; padding: 3px; cursor: pointer; }
.add-site-tag-create .secondary:where(:not([data-tabler-native], [data-tabler-native] *)){ height: 28px; min-height: 28px; padding: 0 10px; border-radius: 999px; box-shadow: none; font-size: 13px; font-weight: 500; line-height: 1; }
.add-site-tags .settings-message:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 0; margin: 0; font-size: 12px; }
@media (max-width: 520px) {
  .add-site-tag-create:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 40px minmax(0, 1fr); }
  .add-site-tag-create .secondary:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 1 / -1; width: auto; justify-self: end; }
}
.action-confirm-dialog:where(:not([data-tabler-native], [data-tabler-native] *)){ width: min(520px, calc(100vw - 30px)); }
.action-confirm-dialog .action-confirm-shell:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 17px; padding: 24px; }
.backups-dialog:where(:not([data-tabler-native], [data-tabler-native] *)){ width: min(1100px, calc(100vw - 30px)); min-width: min(980px, calc(100vw - 30px)); }
html[data-theme="light"] .customer-actions-menu summary:where(:not([data-tabler-native], [data-tabler-native] *)), html[data-theme="light"] .customer-actions-menu > div:where(:not([data-tabler-native], [data-tabler-native] *)){ background: #fff; color: var(--text); }

/* Tabler integration: 40-settings-activity.css */

html[data-design-system="tabler"] :is(.settings-card,.settings-section,.settings-subnav,.system-status,.onboarding-checklist article):where(:not([data-tabler-native], [data-tabler-native] *)){border-radius:8px;background:var(--panel);border-color:var(--line);box-shadow:none}
html[data-design-system="tabler"] .settings-form :is(input,select):where(:not([data-tabler-native], [data-tabler-native] *)){min-height:36px;padding:8px 12px}
html[data-design-system="tabler"] .settings-form label:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:13px;font-weight:500}
html[data-design-system="tabler"] .settings-subnav button:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:13px;min-height:36px;border-radius:5px}
html[data-design-system="tabler"] :is(.action-confirm-shell):where(:not([data-tabler-native], [data-tabler-native] *)){padding:24px}

html[data-design-system="tabler"] .settings-card-head:where(:not([data-tabler-native], [data-tabler-native] *)){align-items:flex-start;flex-direction:column;gap:8px}
html[data-design-system="tabler"] .settings-card-head p:where(:not([data-tabler-native], [data-tabler-native] *)){max-width:65ch;margin:0;font-size:13px}

.status-pill:where(:not([data-tabler-native], [data-tabler-native] *)){ display:inline-flex; align-items:center; padding:4px 8px; border:1px solid var(--line); border-radius:4px; font-size:12px; color:var(--muted); background:var(--panel-2); }
.status-pill.healthy:where(:not([data-tabler-native], [data-tabler-native] *)){ color:var(--accent); border-color:color-mix(in srgb,var(--accent) 40%,var(--line)); }
.status-pill.attention:where(:not([data-tabler-native], [data-tabler-native] *)){ color:var(--amber); border-color:color-mix(in srgb,var(--amber) 40%,var(--line)); }

html[data-design-system="tabler"][data-dashboard-view="activity"] .activity-directory:where(:not([data-tabler-native], [data-tabler-native] *)){ height:auto; min-height:0; }
html[data-design-system="tabler"][data-dashboard-view="activity"] .activity-table-wrap:where(:not([data-tabler-native], [data-tabler-native] *)){ max-height:65dvh; overflow:auto; }


/* Fill the remaining viewport while keeping pagination outside the scroll area. */
@media (min-width: 761px) {
  html[data-design-system="tabler"][data-dashboard-view="activity"] .activity-directory:where(:not([data-tabler-native], [data-tabler-native] *)){ height:var(--activity-directory-workspace-height, calc(100dvh - 144px)); }
  html[data-design-system="tabler"][data-dashboard-view="activity"] .activity-table-wrap:where(:not([data-tabler-native], [data-tabler-native] *)){ max-height:none; min-height:0; }
  html[data-dashboard-view="activity"] #activityView .inbox-layout:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height:0; }
}
/* Transitional dialog markup. The build excludes data-tabler-native surfaces.
   Shared bounds:where(:not([data-tabler-native], [data-tabler-native] *)), motion and dismissal presentation live in native/25-modals.css.
   Feature modules own widths and their inner layouts. */

dialog:where(:not([data-tabler-native], [data-tabler-native] *)){
  width: min(480px, calc(100vw - 30px));
  padding: 0;
}
dialog form:where(:not([data-tabler-native], [data-tabler-native] *)){
  padding: 24px;
  display: grid;
  gap: 17px;
  overflow: auto;
}

.dialog-head:where(:not([data-tabler-native], [data-tabler-native] *)), .dialog-actions:where(:not([data-tabler-native], [data-tabler-native] *)){
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.dialog-actions:where(:not([data-tabler-native], [data-tabler-native] *)){
  justify-content: flex-end;
  margin-top: 5px;
}

/* Form controls shared by transitional dialogs. */
dialog label:where(:not([data-tabler-native], [data-tabler-native] *)){
  display: grid;
  gap: 7px;
  font-size: 13px;
  font-weight: 750;
}
dialog input:where(:not([data-tabler-native], [data-tabler-native] *)), dialog select:where(:not([data-tabler-native], [data-tabler-native] *)), dialog textarea:where(:not([data-tabler-native], [data-tabler-native] *)){
  width: 100%;
  height: 40px;
  color: var(--text);
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 4px;
  padding: 11px 12px;
  outline: 0;
}
dialog textarea:where(:not([data-tabler-native], [data-tabler-native] *)){
  resize: vertical;
  min-height: 96px;
  font: inherit;
  line-height: 1.45;
}
dialog input:focus:where(:not([data-tabler-native], [data-tabler-native] *)), dialog select:focus:where(:not([data-tabler-native], [data-tabler-native] *)), dialog textarea:focus:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: var(--accent);
}
dialog label small:where(:not([data-tabler-native], [data-tabler-native] *)){
  color: #ff7e8b;
  min-height: 0;
}
dialog label small:not(:empty):where(:not([data-tabler-native], [data-tabler-native] *)){
  margin-top: 1px;
}

/* Tabler appearance for dialogs that still use the legacy markup. */
html[data-design-system="tabler"] dialog:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-radius: 8px;
  background: var(--panel);
  color: var(--text);
  border: 1px solid var(--line);
  box-shadow: 0 16px 60px #0003;
}
html[data-design-system="tabler"] dialog form:where(:not([data-tabler-native], [data-tabler-native] *)){
  margin: 0;
}
html[data-design-system="tabler"] dialog .dialog-head:where(:not([data-tabler-native], [data-tabler-native] *)){
  gap: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--line);
}
html[data-design-system="tabler"] dialog .dialog-head h2:where(:not([data-tabler-native], [data-tabler-native] *)){
  font-size: 18px;
  font-weight: 600;
}
html[data-design-system="tabler"] dialog .dialog-actions:where(:not([data-tabler-native], [data-tabler-native] *)){
  gap: 8px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
  flex-wrap: wrap;
}
html[data-design-system="tabler"] dialog :is(label,input,select,textarea):where(:not([data-tabler-native], [data-tabler-native] *)){
  font-size: 13px;
}
html[data-design-system="tabler"] dialog :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([type=file]):not([type=hidden]),select):where(:not([data-tabler-native], [data-tabler-native] *)){
  min-height: 36px;
  padding: 8px 12px;
}
@media (max-width: 600px) {
  html[data-design-system="tabler"] dialog form:where(:not([data-tabler-native], [data-tabler-native] *)){
    padding: 16px;
  }
  html[data-design-system="tabler"] dialog .dialog-actions:where(:not([data-tabler-native], [data-tabler-native] *)){
    justify-content: flex-end;
  }
}

.notification-list:where(:not([data-tabler-native], [data-tabler-native] *)){ max-height: min(580px, 65vh); overflow-y: auto; border: 1px solid var(--line); border-radius: 11px; }
.notification-item:where(:not([data-tabler-native], [data-tabler-native] *)){ position: relative; padding: 16px 16px 16px 30px; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 1fr auto; gap: 14px; align-items: center; }
.notification-item:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){ border-bottom: 0; }
.notification-item.unread:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--blue) 7%, transparent); }
.notification-item.resolved:where(:not([data-tabler-native], [data-tabler-native] *)){ opacity: .7; }
.notification-indicator:where(:not([data-tabler-native], [data-tabler-native] *)){ position: absolute; left: 14px; top: 22px; width: 7px; height: 7px; border-radius: 50%; background: var(--danger); box-shadow: 0 0 8px currentColor; }
.notification-indicator.warning:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--amber); }
.notification-title:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; justify-content: space-between; gap: 16px; }
.notification-title time:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); white-space: nowrap; font-size: 12px; }
.notification-item small:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; margin-top: 3px; color: var(--blue); font-size: 12px; }
.notification-item p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 8px 0 0; color: var(--muted); font-size: 13px; line-height: 1.45; }
.notification-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.notification-delete-link:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 34px; padding: 7px 10px; border: 1px solid color-mix(in srgb, var(--danger) 52%, var(--line)); border-radius: 7px; background: color-mix(in srgb, var(--danger) 7%, transparent); color: var(--danger); font-size: 12px; font-weight: 750; }
.notification-delete-link:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--danger) 15%, transparent); border-color: var(--danger); }
.notification-site-link:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 8px 10px; border: 1px solid var(--line); border-radius: 7px; background: var(--panel-2); color: var(--text); white-space: nowrap; font-size: 13px; font-weight: 700; }
.icon-button:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 36px; height: 36px; padding: 0; border: 0; border-radius: 9px; background: transparent; color: var(--muted); display: grid; place-items: center; }
.icon-button:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--panel-2); color: var(--text); }
.icon-button svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 21px; height: 21px; }
.operation-progress:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: auto 1fr; align-items: center; gap: 12px; padding: 13px 14px; border: 1px solid color-mix(in srgb, var(--accent) 42%, var(--line)); border-radius: 10px; background: color-mix(in srgb, var(--accent) 8%, var(--panel)); }
.operation-progress:not([hidden]):where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; }
.operation-progress > div:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 4px; min-width: 0; }
.operation-progress strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 13px; }
.operation-progress small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); line-height: 1.4; }
.progress-spinner:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 24px; height: 24px; border: 3px solid color-mix(in srgb, var(--accent) 24%, var(--line)); border-top-color: var(--accent); border-radius: 50%; animation: progress-spin .8s linear infinite; }
.operation-progress.success:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--accent) 65%, var(--line)); }
.operation-progress.success .progress-spinner:where(:not([data-tabler-native], [data-tabler-native] *)){ animation: none; border: 0; background: var(--accent); position: relative; }
.operation-progress.success .progress-spinner:where(:not([data-tabler-native], [data-tabler-native] *))::after { content: '✓'; position: absolute; inset: 0; display: grid; place-items: center; color: #fff; font-weight: 900; }
.operation-progress.failed:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--danger) 65%, var(--line)); background: color-mix(in srgb, var(--danger) 8%, var(--panel)); }
.operation-progress.failed .progress-spinner:where(:not([data-tabler-native], [data-tabler-native] *)){ animation: none; border-color: var(--danger); }
.operation-progress.pending:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--blue) 62%, var(--line)); background: color-mix(in srgb, var(--blue) 7%, var(--panel)); }
.operation-progress.pending .progress-spinner:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--blue) 24%, var(--line)); border-top-color: var(--blue); }
.operation-progress.running:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--amber) 62%, var(--line)); background: color-mix(in srgb, var(--amber) 8%, var(--panel)); }
.operation-progress.running .progress-spinner:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--amber) 24%, var(--line)); border-top-color: var(--amber); }
.update-schedule-dialog:where(:not([data-tabler-native], [data-tabler-native] *)){ width: min(720px, calc(100vw - 30px)); overflow-x: hidden; }
.update-schedule-dialog form:where(:not([data-tabler-native], [data-tabler-native] *)),
.update-schedule-card:where(:not([data-tabler-native], [data-tabler-native] *)),
.update-policy-section-head:where(:not([data-tabler-native], [data-tabler-native] *)),
.update-policy-inventory:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; max-width: 100%; }
.clone-sequence:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.clone-sequence span:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; gap: 7px; min-width: 0; padding: 9px 10px; border: 1px solid var(--line); border-radius: 9px; color: var(--muted); font-size: 12px; font-weight: 700; line-height: 1.25; }
.clone-sequence strong:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 20px; height: 20px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; background: color-mix(in srgb, var(--accent) 16%, var(--panel-2)); color: var(--accent); font-size: 12px; }
.clone-warning:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 13px 14px; border: 1px solid color-mix(in srgb, var(--danger) 46%, var(--line)); border-radius: 10px; background: color-mix(in srgb, var(--danger) 7%, var(--panel)); }
.clone-warning strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: #ff8e99; }
.clone-warning p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 5px 0 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.clone-target-summary:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: auto 1fr; gap: 3px 12px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel-2); }
.clone-target-summary span:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-row: 1 / 3; align-self: center; color: var(--muted); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }
.clone-target-summary strong:where(:not([data-tabler-native], [data-tabler-native] *)), .clone-target-summary small:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.clone-target-summary small:where(:not([data-tabler-native], [data-tabler-native] *)), .confirmation-hint:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 12px; }
.confirmation-hint:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: -10px 0 0; }
.update-schedule-card:where(:not([data-tabler-native], [data-tabler-native] *)){ gap: 16px; }
.update-schedule-switches:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.update-schedule-pause-hint:where(:not([data-tabler-native], [data-tabler-native] *)){
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin: -6px 0 0;
  padding: 9px 10px;
  border: 1px solid color-mix(in srgb, var(--amber) 42%, var(--line));
  border-radius: 9px;
  background: color-mix(in srgb, var(--amber) 9%, var(--panel));
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}
.update-schedule-pause-hint[hidden]:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; }
.update-schedule-pause-hint strong:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: 0 0 auto; color: var(--amber); }
.update-policy-grid:where(:not([data-tabler-native], [data-tabler-native] *)){
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.update-policy-groups:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin: 0; padding: 12px; border: 1px solid var(--line); border-radius: 10px; }
.update-policy-groups legend:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 0 6px; color: var(--muted); font-size: 13px; font-weight: 800; }
.update-policy-groups label:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-flex; grid-template-columns: auto auto; align-items: center; gap: 7px; }
.update-policy-groups input:where(:not([data-tabler-native], [data-tabler-native] *)){ width: auto; }
.update-policy-section-head:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; }
.update-policy-section-head > div:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 3px; }
.update-policy-section-head strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 13px; }
.update-policy-section-head small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 12px; line-height: 1.4; }
.update-policy-inventory:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; display: grid; grid-template-columns: minmax(0, 1fr); grid-auto-rows: max-content; align-content: start; gap: 10px; max-height: min(42vh, 400px); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; padding-right: 3px; }
.update-policy-inventory .update-group:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; min-width: 0; max-width: 100%; overflow: hidden!important; background: color-mix(in srgb, var(--panel) 72%, transparent); }
.update-policy-inventory .update-group-head:where(:not([data-tabler-native], [data-tabler-native] *)),
.update-policy-inventory .update-item:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; min-width: 0; max-width: 100%; }
.update-policy-item-state:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-flex; align-items: center; gap: 5px; color: var(--muted); font-size: 12px; white-space: nowrap; }
.update-policy-item-state:where(:not([data-tabler-native], [data-tabler-native] *))::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--muted); }
.update-policy-item-state.active:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); }
.update-policy-item-state.active:where(:not([data-tabler-native], [data-tabler-native] *))::before { background: var(--accent); box-shadow: 0 0 7px color-mix(in srgb, var(--accent) 70%, transparent); }
.safe-update-sequence:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.safe-update-sequence span:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; gap: 7px; min-width: 0; padding: 9px 10px; border: 1px solid var(--line); border-radius: 9px; color: var(--muted); font-size: 12px; font-weight: 700; line-height: 1.25; }
.safe-update-sequence strong:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 20px; height: 20px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; background: color-mix(in srgb, var(--accent) 16%, var(--panel-2)); color: var(--accent); font-size: 12px; }
.safe-update-inventory:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 12px; max-height: min(42vh, 390px); overflow: auto; }
.update-group:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: visible!important; border: 1px solid var(--line); border-radius: 11px; }
.update-group-head:where(:not([data-tabler-native], [data-tabler-native] *)){
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  background: var(--panel-2);
  border-radius: 11px;
}
.update-group-head h3:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; font-size: 13px; }
.update-group-head small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); }
.update-item:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 11px; padding: 11px 12px; border-top: 1px solid var(--line); cursor: pointer; }
.update-item input:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 16px; height: 16px; margin: 0; }
.update-item-copy:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 3px; min-width: 0; }
.update-item-copy strong:where(:not([data-tabler-native], [data-tabler-native] *)), .update-item-copy small:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.update-item-copy small:where(:not([data-tabler-native], [data-tabler-native] *)), .update-version:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 12px; }
.update-version:where(:not([data-tabler-native], [data-tabler-native] *)){ white-space: nowrap; }
.update-item-blocked:where(:not([data-tabler-native], [data-tabler-native] *)){ cursor: not-allowed; background: color-mix(in srgb, var(--danger) 7%, transparent); }
.update-item-blocked input:where(:not([data-tabler-native], [data-tabler-native] *)){ accent-color: var(--danger); }
.update-item-blocked .update-item-copy strong:where(:not([data-tabler-native], [data-tabler-native] *)),
.update-item-blocked .update-version:where(:not([data-tabler-native], [data-tabler-native] *)){ color: color-mix(in srgb, var(--danger) 78%, var(--text)); }
.update-item-blocked .update-item-copy small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: color-mix(in srgb, var(--danger) 72%, var(--muted)); white-space: normal; }
.safe-update-empty:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 18px; border: 1px dashed var(--line); border-radius: 11px; color: var(--muted); text-align: center; }
.direct-update-action:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--amber) 55%, var(--line)); color: var(--amber); }
.direct-update-action:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--amber) 12%, var(--panel-2)); border-color: var(--amber); }
.background-job-action:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-grid; place-items: center; gap: 0; overflow: hidden; color: var(--accent); border-color: color-mix(in srgb, var(--accent) 48%, var(--line)); }
.background-job-action:disabled:where(:not([data-tabler-native], [data-tabler-native] *)){ opacity: 1; cursor: progress; }
.button-spinner:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 12px; height: 12px; flex: 0 0 auto; border: 2px solid color-mix(in srgb, var(--accent) 24%, var(--line)); border-top-color: var(--accent); border-radius: 50%; animation: progress-spin .8s linear infinite; }
form[aria-busy="true"] input:where(:not([data-tabler-native], [data-tabler-native] *)){ opacity: .7; }
@keyframes progress-spin { to { transform: rotate(360deg); } }
.backup-list:where(:not([data-tabler-native], [data-tabler-native] *)){
  display: grid;
  gap: 5px;
  max-height: min(55vh, 520px);
  overflow: auto;
  padding: 0 15px 0 0;
}
.backup-offline-recovery-note:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 4px; padding: 12px 14px; border: 1px solid color-mix(in srgb, var(--amber) 62%, var(--line)); border-radius: 10px; background: color-mix(in srgb, var(--amber) 9%, var(--panel)); }
.backup-offline-recovery-note strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); }
.backup-offline-recovery-note small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); line-height: 1.45; }
.site-backups-action.offline-recovery-action:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); border-color: color-mix(in srgb, var(--amber) 58%, var(--line)); }
.storage-protection-status:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: -4px 0 2px; color: var(--accent); font-size: .78rem; font-weight: 700; }
.backup-quota-status:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 7px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 10px; background: color-mix(in srgb, var(--panel) 92%, var(--accent) 8%); }
.backup-quota-status > div:first-child:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.backup-quota-status small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); line-height: 1.4; }
.backup-quota-status.warning:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--amber) 68%, var(--line)); }
.backup-quota-status.critical:where(:not([data-tabler-native], [data-tabler-native] *)), .backup-quota-status.blocked:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--red) 68%, var(--line)); }
.backup-quota-meter:where(:not([data-tabler-native], [data-tabler-native] *)){ height: 7px; overflow: hidden; border-radius: 999px; background: color-mix(in srgb, var(--line) 72%, transparent); }
.backup-quota-meter span:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; height: 100%; border-radius: inherit; background: var(--accent); }
.backup-quota-status.warning .backup-quota-meter span:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--amber); }
.backup-quota-status.critical .backup-quota-meter span:where(:not([data-tabler-native], [data-tabler-native] *)), .backup-quota-status.blocked .backup-quota-meter span:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--red); }
.schedule-switch:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-flex; align-items: center; gap: 8px; font-weight: 700; }
.schedule-switch input[type="checkbox"]:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 16px; height: 16px; }
.schedule-distribution-help:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: -2px 0 0; color: var(--muted); font-size: 12px; line-height: 1.45; }
.automation-warning:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 11px 12px; border: 1px solid color-mix(in srgb, var(--amber) 70%, var(--line)); border-radius: 10px; background: color-mix(in srgb, var(--amber) 10%, var(--panel)); }
.automation-warning[hidden]:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; }
.automation-warning > div:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 3px; }
.automation-warning small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); line-height: 1.4; }
.automation-warning button:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: 0 0 auto; }
.backup-item:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 12px; border: 1px solid var(--line); border-radius: 10px; padding: 12px; }
.backup-item > div:first-child:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 4px; min-width: 0; }
.clone-telemetry:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 8px; padding: 10px 0; font-variant-numeric: tabular-nums; }
.clone-steps:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; flex-wrap: wrap; gap: 6px 12px; list-style: none; padding: 0; margin: 0 0 4px; color: var(--muted); font-size: 13px; }
.clone-steps .is-done:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); }
.clone-steps .is-current:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--text); font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.clone-meter:where(:not([data-tabler-native], [data-tabler-native] *)){ height: 8px; overflow: hidden; background: var(--line); border-radius: 4px; }
.clone-meter > span:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; height: 100%; background: var(--accent); }
.clone-meter:not([aria-valuenow]):where(:not([data-tabler-native], [data-tabler-native] *)){ border: 1px dashed var(--muted); background: transparent; }
.clone-telemetry [data-clone-clock]:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 4px; }
.backup-item .clone-stale:where(:not([data-tabler-native], [data-tabler-native] *)), .clone-rollback:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); }
/* Compact directory banner only: keep full status text and responsive wrapping. */
#siteCloneProgress > [data-clone-progress]:where(:not([data-tabler-native], [data-tabler-native] *)){ gap: 8px 12px; padding: 8px 12px; }
#siteCloneProgress > [data-clone-progress] > div:first-child:where(:not([data-tabler-native], [data-tabler-native] *)){ gap: 3px; }
#siteCloneProgress > [data-clone-progress] strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 14px; line-height: 1.3; overflow-wrap: anywhere; }
#siteCloneProgress .clone-telemetry:where(:not([data-tabler-native], [data-tabler-native] *)){ gap: 5px; padding: 5px 0; }
#siteCloneProgress .clone-steps:where(:not([data-tabler-native], [data-tabler-native] *)){ gap: 4px 10px; margin-bottom: 0; }
#siteCloneProgress .clone-meter:where(:not([data-tabler-native], [data-tabler-native] *)){ height: 6px; }
#siteCloneProgress [data-clone-clock]:where(:not([data-tabler-native], [data-tabler-native] *)){ gap: 3px; }
#siteCloneProgress .backup-actions .danger-button:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 36px; padding: 7px 12px; }
@media (max-width: 760px), (pointer: coarse) {
  #siteCloneProgress .backup-actions .danger-button:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 44px; }
}
.backup-title-row:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; gap: 8px; min-width: 0; }
.backup-test-badge:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-grid; place-items: center; width: 21px; height: 21px; flex: 0 0 21px; color: var(--accent); }
.backup-test-badge.warning:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); }
.backup-test-badge.failed:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); }
.backup-test-badge svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; height: 100%; fill: color-mix(in srgb, currentColor 12%, transparent); stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.backup-item small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 13px; overflow-wrap: anywhere; }
.backup-initial-failure-group:where(:not([data-tabler-native], [data-tabler-native] *)){ border: 1px solid color-mix(in srgb, var(--danger) 42%, var(--line)); border-radius: 10px; background: color-mix(in srgb, var(--danger) 5%, var(--panel)); overflow: hidden; }
.backup-initial-failure-group > summary:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 12px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.backup-initial-failure-group > summary small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 12px; }
.backup-initial-failure-summary-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.backup-initial-failure-summary-actions .action:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 30px; padding: 6px 10px; white-space: nowrap; }
.backup-initial-failure-attempts:where(:not([data-tabler-native], [data-tabler-native] *)){ border-top: 1px solid var(--line); display: grid; }
.backup-initial-failure-attempts > div:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 9px 12px; display: grid; gap: 3px; }
.backup-initial-failure-attempts > div + div:where(:not([data-tabler-native], [data-tabler-native] *)){ border-top: 1px solid var(--line); }
.backup-initial-failure-attempts small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 12px; overflow-wrap: anywhere; }
.backup-job-item:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: auto minmax(0, 1fr) auto; border-color: color-mix(in srgb, var(--accent) 55%, var(--line)); background: color-mix(in srgb, var(--accent) 8%, var(--panel)); }
.backup-job-item > div:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 4px; min-width: 0; }
.backup-job-item .progress-spinner:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 20px; height: 20px; border-width: 2px; }
.backup-job-item .backup-job-error:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); }
.backup-job-progress-detail:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; flex-wrap: wrap; align-items: center; gap: 5px 8px; }
.backup-upload-metrics:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-flex; flex-wrap: wrap; align-items: center; color: var(--muted); font-variant-numeric: tabular-nums; }
.backup-progress-comparison:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.backup-progress-comparison strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--text); font-weight: 700; }
.backup-progress-arrow:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 13px; height: 13px; flex: 0 0 13px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.backup-job-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.backup-item .backup-phase-timings:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; color: var(--muted); line-height: 1.45; font-variant-numeric: tabular-nums; }
.backup-item .backup-phase-timings strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--text); }
.backup-item .backup-file-warning:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); line-height: 1.45; }
.backup-item .backup-file-warning strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: inherit; }
.backup-item .restore-test-note:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); line-height: 1.45; }
.backup-item .restore-test-note strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: inherit; }
.restore-test-result:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 7px; margin-top: 4px; padding: 10px 12px; border: 1px solid color-mix(in srgb, var(--amber) 58%, var(--line)); border-radius: 9px; background: color-mix(in srgb, var(--amber) 8%, var(--panel)); color: var(--text); }
.restore-test-result-head:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.restore-test-result-head > span:first-child:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 1px; }
.restore-test-result-head small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 12px; }
.restore-test-result p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; color: var(--muted); font-size: 13px; line-height: 1.45; overflow-wrap: anywhere; }
.restore-test-result .restore-test-cause:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); }
.restore-test-result .restore-test-cause strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: inherit; }
.restore-test-result.access-control:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--accent) 58%, var(--line)); background: color-mix(in srgb, var(--accent) 7%, var(--panel)); }
.restore-test-result.access-control .restore-test-result-head > span:first-child > strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); }
.restore-test-result .restore-test-environment-note:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 8px 10px; border-left: 3px solid var(--amber); border-radius: 6px; background: color-mix(in srgb, var(--amber) 8%, var(--panel)); color: var(--muted); }
.restore-test-result .restore-test-environment-note strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); }
.restore-test-facts:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 12px; line-height: 1.4; }
.restore-test-facts summary:where(:not([data-tabler-native], [data-tabler-native] *)){ width: fit-content; cursor: pointer; color: var(--text); font-weight: 700; }
.restore-test-facts dl:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin: 7px 0 0; }
.restore-test-facts dl > div:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 2px; padding: 7px 8px; border: 1px solid var(--line); border-radius: 7px; background: var(--panel); }
.restore-test-facts dt:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); }
.restore-test-facts dd:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; color: var(--text); font-weight: 700; overflow-wrap: anywhere; }
.restore-test-facts dd.failed:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); }
.restore-test-facts dd.passed:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); }
.restore-test-facts dd.attention:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); }
.backup-actions .clean-restore-action:disabled:where(:not([data-tabler-native], [data-tabler-native] *)){ opacity: .48; cursor: not-allowed; }
.restore-warning:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 6px; padding: 14px; border: 1px solid color-mix(in srgb, var(--danger) 55%, var(--line)); border-radius: 12px; background: color-mix(in srgb, var(--danger) 10%, var(--panel)); }
.restore-warning strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); }
.restore-warning span:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); line-height: 1.45; }
.restore-plan:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 16px 0; }
.restore-plan-item:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 3px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel-soft); }
.restore-plan-item small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); }
.restore-plan-note:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 1 / -1; color: var(--muted); line-height: 1.45; }
.restore-actions .danger-button:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 230px; }
.recovery-security-note:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 6px; margin-bottom: 16px; padding: 14px; border: 1px solid color-mix(in srgb, var(--amber) 55%, var(--line)); border-radius: 12px; background: color-mix(in srgb, var(--amber) 9%, var(--panel)); }
.recovery-security-note span:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); line-height: 1.5; }
.recovery-profile-grid:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
.recovery-profile-grid .wide:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 1 / -1; }
.recovery-database-head:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin: 8px 0 14px; padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: color-mix(in srgb, var(--accent) 6%, var(--panel)); }
.recovery-database-head h3:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0 0 5px; font-size: 18px; line-height: 1.2; }
.recovery-database-head p:where(:not([data-tabler-native], [data-tabler-native] *)){ max-width: 46ch; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.recovery-database-head code:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--text); }
.recovery-database-head button:where(:not([data-tabler-native], [data-tabler-native] *)){ justify-self: end; max-width: 100%; min-height: 38px; padding: 9px 13px; }
.recovery-danger-zone:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 4px 0 14px; border: 1px solid color-mix(in srgb, var(--danger) 35%, var(--line)); border-radius: 10px; background: color-mix(in srgb, var(--danger) 4%, var(--panel)); }
.recovery-danger-zone[hidden]:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; }
.recovery-danger-zone summary:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 10px 12px; color: var(--muted); font-size: 13px; font-weight: 750; cursor: pointer; list-style-position: inside; }
.recovery-danger-zone[open] summary:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); border-bottom: 1px solid color-mix(in srgb, var(--danger) 28%, var(--line)); }
.recovery-danger-zone > div:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px; }
.recovery-danger-zone p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; color: var(--muted); font-size: 13px; line-height: 1.45; }
.recovery-danger-zone .danger-action:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: 0 0 auto; background: color-mix(in srgb, var(--danger) 9%, var(--panel)); color: var(--danger); border-color: color-mix(in srgb, var(--danger) 62%, var(--line)); }
.clean-restore-action:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--danger) 72%, var(--line)); }
@media (max-width: 620px) { .recovery-profile-grid:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; } .recovery-profile-grid .wide:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: auto; } .recovery-database-head button:where(:not([data-tabler-native], [data-tabler-native] *)){ justify-self: stretch; width: 100%; } .recovery-danger-zone > div:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: stretch; flex-direction: column; } }
.danger-button:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; border: 1px solid color-mix(in srgb, var(--danger) 80%, #fff); background: var(--danger); color: #fff; font-weight: 850; box-shadow: 0 9px 24px color-mix(in srgb, var(--danger) 32%, transparent); transition: background .16s ease, transform .16s ease, box-shadow .16s ease; }
.danger-button:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--danger) 84%, #000); box-shadow: 0 11px 28px color-mix(in srgb, var(--danger) 42%, transparent); transform: translateY(-1px); }
.danger-button:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ outline: 3px solid color-mix(in srgb, var(--danger) 45%, #fff); outline-offset: 3px; }
.danger-button:active:where(:not([data-tabler-native], [data-tabler-native] *)){ transform: translateY(0); }
.danger-button:disabled:where(:not([data-tabler-native], [data-tabler-native] *)){ opacity: .58; cursor: wait; transform: none; box-shadow: none; }
.backup-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-self: center; gap: 7px; flex-wrap: wrap; justify-content: flex-end; }
@media (max-width: 760px) { .backup-item:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: minmax(0, 1fr); } .backup-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ justify-content: flex-start; } .restore-test-result-head:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: flex-start; flex-direction: column; } }
@media (max-width: 520px) { .backup-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: minmax(0, 1fr); width: 100%; } .backup-actions .action:where(:not([data-tabler-native], [data-tabler-native] *)), .backup-actions .danger-button:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; } .restore-test-facts dl:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 760px) { .update-policy-grid:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr 1fr; } }
.optional:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-weight: 500; }
.connection:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-flex; align-items: center; gap: 5px; color: var(--muted); font-size: 12px; }
.connection.connected:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); }
.connection.offline:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); font-weight: 800; }
.connector-enrollment-button:where(:not([data-tabler-native], [data-tabler-native] *)){
  position: relative;
}

.connector-enrollment-button em:where(:not([data-tabler-native], [data-tabler-native] *)){
  display: inline-grid;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  place-items: center;
  border-radius: 999px;
  background: var(--danger);
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.connector-enrollments-dialog:where(:not([data-tabler-native], [data-tabler-native] *)){
  width: min(680px, calc(100vw - 32px));
}

.connector-enrollments-shell:where(:not([data-tabler-native], [data-tabler-native] *)){
  display: grid;
  gap: 12px;
  padding: 20px;
}

.connector-enrollments-shell > .dialog-head:where(:not([data-tabler-native], [data-tabler-native] *)){
  align-items: flex-start;
}

.connector-enrollments-shell > .dialog-head h2:where(:not([data-tabler-native], [data-tabler-native] *)){
  margin-top: 3px;
  font-size: 20px;
}

.connector-enrollments-shell > .muted:where(:not([data-tabler-native], [data-tabler-native] *)){
  margin: -2px 0 2px;
  font-size: 13px;
  line-height: 1.5;
}

.connector-enrollment-toolbar:where(:not([data-tabler-native], [data-tabler-native] *)){
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 42px;
  padding: 8px 11px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--panel-2);
  color: var(--muted);
  font-size: 13px;
}

.connector-enrollment-toolbar label:where(:not([data-tabler-native], [data-tabler-native] *)),
.connector-enrollment-select:where(:not([data-tabler-native], [data-tabler-native] *)){
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.connector-enrollment-toolbar input[type="checkbox"]:where(:not([data-tabler-native], [data-tabler-native] *)),
.connector-enrollment-select input[type="checkbox"]:where(:not([data-tabler-native], [data-tabler-native] *)){
  appearance: auto;
  flex: 0 0 16px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 4px;
  accent-color: var(--accent);
  cursor: pointer;
}

.connector-enrollment-list:where(:not([data-tabler-native], [data-tabler-native] *)){
  display: grid;
  max-height: min(48vh, 420px);
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 12px;
}

.connector-enrollment-item:where(:not([data-tabler-native], [data-tabler-native] *)){
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 72px;
  padding: 11px 12px;
  border-bottom: 1px solid var(--line);
}

.connector-enrollment-item:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-bottom: 0;
}

.connector-enrollment-item.failed:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: color-mix(in srgb, var(--danger) 5%, transparent);
}

.connector-enrollment-item > button:where(:not([data-tabler-native], [data-tabler-native] *)){
  min-height: 34px;
  padding: 7px 11px;
  font-size: 13px;
}

.connector-enrollment-copy svg:where(:not([data-tabler-native], [data-tabler-native] *)){
  flex: 0 0 11px;
  width: 11px;
  height: 11px;
  stroke-width: 1.8;
}

.connector-enrollment-copy:where(:not([data-tabler-native], [data-tabler-native] *)){
  display: grid;
  min-width: 0;
  gap: 2px;
}

.connector-enrollment-copy strong:where(:not([data-tabler-native], [data-tabler-native] *)){
  display: block;
  min-width: 0;
  overflow: hidden;
  color: var(--text);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.connector-enrollment-copy a:where(:not([data-tabler-native], [data-tabler-native] *)){
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  min-width: 0;
  align-items: center;
  gap: 3px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.3;
}

.connector-enrollment-copy a span:where(:not([data-tabler-native], [data-tabler-native] *)){
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.connector-enrollment-copy a:hover span:where(:not([data-tabler-native], [data-tabler-native] *)),
.connector-enrollment-copy a:focus-visible span:where(:not([data-tabler-native], [data-tabler-native] *)){
  color: var(--blue);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.connector-enrollment-copy small:where(:not([data-tabler-native], [data-tabler-native] *)),
.connector-enrollment-copy p:where(:not([data-tabler-native], [data-tabler-native] *)){
  margin: 0;
  color: var(--muted);
  font-size: 11px;
}

.connector-enrollment-copy p:where(:not([data-tabler-native], [data-tabler-native] *)){
  color: var(--danger);
}

.connector-enrollments-shell > .form-error:empty:where(:not([data-tabler-native], [data-tabler-native] *)){
  display: none;
}

.connector-enrollments-shell > .dialog-actions:where(:not([data-tabler-native], [data-tabler-native] *)){
  margin: 0 -20px -20px;
  padding: 14px 20px;
  border-top: 1px solid var(--line);
  background: var(--panel-2);
}

.connector-enrollments-shell > .dialog-actions button:where(:not([data-tabler-native], [data-tabler-native] *)){
  min-height: 38px;
}

.connector-enrollment-empty:where(:not([data-tabler-native], [data-tabler-native] *)){
  padding: 36px 20px;
  text-align: center;
}

.connector-enrollment-empty p:where(:not([data-tabler-native], [data-tabler-native] *)){
  margin: 6px 0 0;
  color: var(--muted);
}

@media (max-width: 680px) {
  .connector-enrollments-shell:where(:not([data-tabler-native], [data-tabler-native] *)){
    padding: 16px;
  }

  .connector-enrollments-shell > .dialog-actions:where(:not([data-tabler-native], [data-tabler-native] *)){
    margin: 0 -16px -16px;
    padding: 13px 16px;
  }

  .connector-enrollment-item:where(:not([data-tabler-native], [data-tabler-native] *)){
    grid-template-columns: auto minmax(0, 1fr);
  }

  .connector-enrollment-item > button:where(:not([data-tabler-native], [data-tabler-native] *)){
    grid-column: 1 / -1;
    width: 100%;
  }
}

.backup-live-progress:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 7px; margin-top: 10px; }
.backup-live-progress small:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; }
.backup-phase-history:where(:not([data-tabler-native], [data-tabler-native] *)){ padding-left: 18px; margin: 6px 0; font-size: 13px; color: var(--muted); }
.backup-live-progress summary:where(:not([data-tabler-native], [data-tabler-native] *)),
.restore-test-details > summary:where(:not([data-tabler-native], [data-tabler-native] *)){ cursor: pointer; font-size: 13px; }
html[data-design-system="tabler"] :is(.update-option,.update-item,.connector-enrollment-row):where(:not([data-tabler-native], [data-tabler-native] *)){font-size:13px;min-height:48px}

html[data-design-system="tabler"] .add-site-connector-head:where(:not([data-tabler-native], [data-tabler-native] *)){display:flex;align-items:center;justify-content:space-between;gap:12px}
html[data-design-system="tabler"] .add-site-connector-steps:where(:not([data-tabler-native], [data-tabler-native] *)){display:grid;gap:16px}
html[data-design-system="tabler"] .add-site-connector-steps p:where(:not([data-tabler-native], [data-tabler-native] *)){margin:4px 0 12px;color:var(--muted)}
html[data-design-system="tabler"] .add-site-package:where(:not([data-tabler-native], [data-tabler-native] *)){display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 0}
html[data-design-system="tabler"] .add-site-package small:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--muted);font-size:12px}
html[data-design-system="tabler"] .add-site-steps:where(:not([data-tabler-native], [data-tabler-native] *)){display:grid;gap:20px;margin:0;padding:8px 0 8px 22px}
html[data-design-system="tabler"] .add-site-steps p:where(:not([data-tabler-native], [data-tabler-native] *)){margin:4px 0 10px;color:var(--muted);font-size:13px}
html[data-design-system="tabler"] .add-site-manual summary:where(:not([data-tabler-native], [data-tabler-native] *)){cursor:pointer;padding:12px 0}
html[data-design-system="tabler"] .add-site-manual summary :is(strong,small):where(:not([data-tabler-native], [data-tabler-native] *)){display:block}
html[data-design-system="tabler"] .add-site-manual summary small:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--muted);font-size:12px;margin-top:4px}

/* Feedback is readable before and after form submission. */
html[data-design-system="tabler"] .form-message:where(:not([data-tabler-native], [data-tabler-native] *)){ margin:12px 0; padding:12px 16px; border:1px solid var(--line); border-radius:6px; font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
html[data-design-system="tabler"] .form-message.error-message:where(:not([data-tabler-native], [data-tabler-native] *)){ color:var(--danger); border-color:color-mix(in srgb,var(--danger) 45%,var(--line)); background:color-mix(in srgb,var(--danger) 7%,var(--panel)); }
.site-workspace-navigation:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 0; overflow-y: auto; align-content: start; gap: 2px; }
.site-workspace-favorite-toggle:where(:not([data-tabler-native], [data-tabler-native] *)){
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 7px;
  display: inline-grid;
  place-items: center;
  background: color-mix(in srgb, var(--panel-2) 78%, transparent);
  color: var(--muted);
  cursor: pointer;
}
.site-workspace-favorite-toggle svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.4px; }
.site-workspace-favorite-toggle:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-workspace-favorite-toggle:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--accent) 62%, var(--line)); background: color-mix(in srgb, var(--accent) 12%, var(--panel)); color: var(--accent); outline: 0; }
.site-workspace-favorite-toggle.is-active:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--accent) 58%, var(--line)); background: color-mix(in srgb, var(--accent) 14%, var(--panel)); color: var(--accent); }
.site-workspace-favorite-toggle.is-active svg:where(:not([data-tabler-native], [data-tabler-native] *)){ fill: currentColor; }
.site-workspace-favorite-toggle:disabled:where(:not([data-tabler-native], [data-tabler-native] *)){ opacity: .62; cursor: wait; }
.site-workspace-environment-switch:where(:not([data-tabler-native], [data-tabler-native] *)){
  height: 26px;
  flex: 0 0 auto;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 7px;
  display: inline-flex;
  align-items: stretch;
  background: color-mix(in srgb, var(--panel-2) 78%, transparent);
}
.site-workspace-environment-switch button:where(:not([data-tabler-native], [data-tabler-native] *)){
  min-width: 58px;
  height: 24px;
  padding: 0 9px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--muted);
  font-size: 11px;
  font-weight: 750;
  box-shadow: none;
  cursor: pointer;
}
.site-workspace-environment-switch button + button:where(:not([data-tabler-native], [data-tabler-native] *)){ border-left: 1px solid var(--line); }
.site-workspace-environment-switch button:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-workspace-environment-switch button:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: color-mix(in srgb, var(--accent) 9%, var(--panel));
  color: var(--accent);
  outline: 0;
  box-shadow: none;
  transform: none;
}
.site-workspace-environment-switch button.active:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: color-mix(in srgb, var(--accent) 16%, var(--panel));
  color: var(--accent);
}
.site-workspace-navigation button.nav-link:where(:not([data-tabler-native], [data-tabler-native] *)){
  width: 100%;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.site-workspace-navigation button.nav-link:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-workspace-navigation button.nav-link:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--panel-2); }
.site-workspace-navigation #siteWorkspaceUpdateBadge:where(:not([data-tabler-native], [data-tabler-native] *)){
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 22px;
    width: 22px;
    min-width: 22px;
    height: 22px;
    padding: 0;
    border-radius: 50%;
    line-height: 1;
}
.site-workspace-back:where(:not([data-tabler-native], [data-tabler-native] *)){
    min-height: 34px;
    margin-bottom: 10px;
    border: 1px solid var(--line);
    color: var(--text);
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
}
.site-workspace-sidebar-site:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; margin-bottom: 12px; padding: 12px 8px; border-bottom: 1px solid var(--line); display: flex; align-items: center; gap: 10px; }
.site-workspace-sidebar-site .site-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 36px; height: 36px; flex: 0 0 36px; border-radius: 3px; overflow: visible; background: transparent; }
.site-workspace-sidebar-site .site-icon img:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 0; border-radius: 3px; background: transparent; object-fit: contain; }
.site-workspace-sidebar-site > span:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; gap: 3px; }
.site-workspace-sidebar-site strong:where(:not([data-tabler-native], [data-tabler-native] *)), .site-workspace-sidebar-site small:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.site-workspace-sidebar-site strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 13px; }
.site-workspace-sidebar-site small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 11px; }
.site-workspace-view:where(:not([data-tabler-native], [data-tabler-native] *)){
    min-height: calc(100dvh - 16px);
    border-radius: 10px;
    background: var(--panel);
    display: grid;
    align-content: start;
    gap: 8px;
}
html[data-theme="light"][data-dashboard-view="site-workspace"] .site-workspace-view:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--bg); }
.site-workspace-header:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 72px; padding: 12px 16px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.site-workspace-heading:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; }
.site-workspace-heading .eyebrow:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-bottom: 5px; }
.site-workspace-heading > div:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: flex; align-items: center; gap: 11px; }
.site-workspace-heading > div > span:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; gap: 3px; }
.site-workspace-title-row:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: flex; align-items: center; gap: 7px; }
.site-workspace-heading h1:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; color: var(--text); font-size: 20px; line-height: 1.4; font-weight: 600; letter-spacing: 0; overflow-wrap: anywhere; }
.site-workspace-heading a:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; color: var(--muted); font-size: 12px; text-decoration: none; overflow-wrap: anywhere; }
.site-workspace-heading a:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--blue); }
.site-workspace-heading-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; }
.site-workspace-heading-icon .site-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 38px; height: 38px; border-radius: 3px; overflow: visible; background: transparent; }
.site-workspace-heading-icon .site-icon img:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 0; border-radius: 3px; background: transparent; object-fit: contain; }
html[data-theme="light"] .site-workspace-sidebar-site .site-icon:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .site-workspace-heading-icon .site-icon:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .site-workspace-sidebar-site .site-icon img:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"] .site-workspace-heading-icon .site-icon img:where(:not([data-tabler-native], [data-tabler-native] *)){ background: transparent; }
.site-workspace-header-actions:where(:not([data-tabler-native], [data-tabler-native] *)), .site-workspace-action-grid:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.site-workspace-header-actions button:not(.site-quick-action) svg:where(:not([data-tabler-native], [data-tabler-native] *)), .site-workspace-action-grid button svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.2; }

.site-workspace-content:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 12px; }
.site-workspace-takeover-progress:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; padding: 14px 16px; border: 1px solid color-mix(in srgb, var(--accent) 58%, var(--line)); border-radius: 10px; display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 13px; background: color-mix(in srgb, var(--accent) 8%, var(--panel)); }
.site-workspace-takeover-spinner:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: color-mix(in srgb, var(--accent) 14%, transparent); color: var(--accent); }
.site-workspace-takeover-spinner .button-spinner:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 16px; height: 16px; border-width: 2px; }
.site-workspace-takeover-copy:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; gap: 4px; }
.site-workspace-takeover-copy > small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); font-size: 11px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.site-workspace-takeover-copy > strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 13px; }
.site-workspace-takeover-copy > p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; overflow: hidden; color: var(--muted); font-size: 12px; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; }
.site-workspace-takeover-steps:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-top: 3px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; }
.site-workspace-takeover-steps span:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; padding: 3px 6px; border-radius: 999px; overflow: hidden; background: color-mix(in srgb, var(--line) 62%, transparent); color: var(--muted); font-size: 10px; font-weight: 750; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.site-workspace-takeover-steps span.completed:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--accent) 13%, transparent); color: var(--accent); }
.site-workspace-takeover-steps span.active:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--accent); color: #fff; }
.site-workspace-takeover-copy progress:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; height: 6px; margin-top: 2px; overflow: hidden; border: 0; border-radius: 999px; background: color-mix(in srgb, var(--line) 72%, transparent); appearance: none; }
.site-workspace-takeover-copy progress:where(:not([data-tabler-native], [data-tabler-native] *))::-webkit-progress-bar { border-radius: 999px; background: color-mix(in srgb, var(--line) 72%, transparent); }
.site-workspace-takeover-copy progress:where(:not([data-tabler-native], [data-tabler-native] *))::-webkit-progress-value { border-radius: 999px; background: var(--accent); transition: width .25s ease; }
.site-workspace-takeover-copy progress:where(:not([data-tabler-native], [data-tabler-native] *))::-moz-progress-bar { border-radius: 999px; background: var(--accent); }
.site-workspace-takeover-percent:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 46px; color: var(--accent); font-size: 13px; text-align: right; }
.site-monitoring-workspace:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 16px; }
.site-monitoring-head:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: center; }
.site-monitoring-state-banner:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; padding: 14px 16px; border: 1px solid var(--line); border-radius: 10px; display: grid; grid-template-columns: 38px minmax(0, 1fr); align-items: center; gap: 12px; background: color-mix(in srgb, var(--panel-2) 66%, transparent); }
.site-monitoring-state-banner > span:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; background: color-mix(in srgb, currentColor 11%, transparent); color: var(--muted); }
.site-monitoring-state-banner > span svg:where(:not([data-tabler-native], [data-tabler-native] *)), .site-monitoring-incident > span svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }
.site-monitoring-state-banner > div:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; gap: 3px; }
.site-monitoring-state-banner small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 10px; font-weight: 850; letter-spacing: .1em; }
.site-monitoring-state-banner strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 17px; }
.site-monitoring-state-banner p:where(:not([data-tabler-native], [data-tabler-native] *)), .site-monitoring-state-banner em:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; color: var(--muted); font-size: 12px; font-style: normal; line-height: 1.45; }
.site-monitoring-state-banner em:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: hidden; color: var(--danger); text-overflow: ellipsis; white-space: nowrap; }
.site-monitoring-state-banner.ok:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--accent) 38%, var(--line)); background: color-mix(in srgb, var(--accent) 7%, var(--panel)); }
.site-monitoring-state-banner.ok > span:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); }
.site-monitoring-state-banner.attention:where(:not([data-tabler-native], [data-tabler-native] *)), .site-monitoring-state-banner.maintenance:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--amber) 45%, var(--line)); background: color-mix(in srgb, var(--amber) 7%, var(--panel)); }
.site-monitoring-state-banner.attention > span:where(:not([data-tabler-native], [data-tabler-native] *)), .site-monitoring-state-banner.maintenance > span:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); }
.site-monitoring-state-banner.failed:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--danger) 48%, var(--line)); background: color-mix(in srgb, var(--danger) 7%, var(--panel)); }
.site-monitoring-state-banner.failed > span:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); }
.site-monitoring-metrics:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
.site-monitoring-metrics article:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; min-height: 92px; padding: 13px; border: 1px solid var(--line); border-radius: 9px; display: grid; align-content: center; gap: 5px; background: color-mix(in srgb, var(--panel-2) 58%, transparent); }
.site-monitoring-metrics small:where(:not([data-tabler-native], [data-tabler-native] *)), .site-monitoring-metrics span:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; }
.site-monitoring-metrics small:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 10px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.site-monitoring-metrics strong:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: hidden; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; }
.site-monitoring-metrics span:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 11px; }
.site-monitoring-metrics article.ok strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); }
.site-monitoring-metrics article.attention strong:where(:not([data-tabler-native], [data-tabler-native] *)), .site-monitoring-metrics article.maintenance strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); }
.site-monitoring-metrics article.failed strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); }
.site-monitoring-history:where(:not([data-tabler-native], [data-tabler-native] *)), .site-monitoring-incidents:where(:not([data-tabler-native], [data-tabler-native] *)){ padding-top: 14px; border-top: 1px solid var(--line); display: grid; gap: 12px; }
.site-monitoring-history > header:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; }
.site-monitoring-history h3:where(:not([data-tabler-native], [data-tabler-native] *)), .site-monitoring-incidents h3:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 3px 0 0; font-size: 14px; }
.site-monitoring-ranges:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; gap: 5px; }
.site-monitoring-ranges button.active:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--accent) 48%, var(--line)); background: color-mix(in srgb, var(--accent) 12%, var(--panel)); color: var(--accent); }
.site-monitoring-chart:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; padding: 10px 12px 8px; border: 1px solid var(--line); border-radius: 9px; background: color-mix(in srgb, var(--panel-2) 58%, transparent); }
.site-monitoring-chart svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; height: 180px; overflow: visible; }
.site-monitoring-chart line:where(:not([data-tabler-native], [data-tabler-native] *)){ stroke: color-mix(in srgb, var(--line) 72%, transparent); stroke-width: 1; }
.site-monitoring-chart polyline:where(:not([data-tabler-native], [data-tabler-native] *)){ fill: none; stroke: var(--blue); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; vector-effect: non-scaling-stroke; }
.site-monitoring-chart circle:where(:not([data-tabler-native], [data-tabler-native] *)){ fill: var(--blue); stroke: var(--panel); stroke-width: 2; vector-effect: non-scaling-stroke; }
.site-monitoring-chart circle.down:where(:not([data-tabler-native], [data-tabler-native] *)){ fill: var(--danger); }
.site-monitoring-chart circle.degraded:where(:not([data-tabler-native], [data-tabler-native] *)), .site-monitoring-chart circle.maintenance:where(:not([data-tabler-native], [data-tabler-native] *)){ fill: var(--amber); }
.site-monitoring-chart figcaption:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; justify-content: space-between; color: var(--muted); font-size: 10px; }
.site-monitoring-chart figcaption strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--text); font-size: 11px; }
.site-monitoring-empty:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 150px; border: 1px dashed var(--line); border-radius: 9px; display: grid; place-items: center; color: var(--muted); font-size: 13px; text-align: center; }
.site-monitoring-incidents > header > p:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){ max-width: 760px; margin: 6px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.site-monitoring-incidents > div:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 7px; }
.site-monitoring-incident:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 11px 13px; border: 1px solid var(--line); border-radius: 9px; display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 10px; background: color-mix(in srgb, var(--panel-2) 58%, transparent); }
.site-monitoring-incident > span:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); }
.site-monitoring-incident.open:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--danger) 42%, var(--line)); }
.site-monitoring-incident.open > span:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); }
.site-monitoring-incident > div:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; gap: 3px; }
.site-monitoring-incident strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 13px; }
.site-monitoring-incident p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; overflow: hidden; color: var(--muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.site-monitoring-incident small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 10px; }
.site-security-workspace:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 14px; }
.site-security-head:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: center; }
.site-security-head > div:where(:not([data-tabler-native], [data-tabler-native] *)){ max-width: 850px; }
.site-security-summary:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 88px; padding: 14px; border: 1px solid var(--line); border-radius: 9px; display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 12px; background: color-mix(in srgb, var(--panel-2) 58%, transparent); }
.site-security-summary > span:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 42px; height: 42px; border-radius: 9px; display: grid; place-items: center; background: color-mix(in srgb, var(--muted) 10%, var(--panel)); color: var(--muted); }
.site-security-summary > span svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.site-security-summary > div:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; gap: 3px; }
.site-security-summary small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 10px; font-weight: 850; letter-spacing: .08em; }
.site-security-summary strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 16px; }
.site-security-summary p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; color: var(--muted); font-size: 11px; }
.site-security-summary time:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 10px; white-space: nowrap; }
.site-security-summary.critical:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--danger) 46%, var(--line)); background: color-mix(in srgb, var(--danger) 7%, var(--panel)); }
.site-security-summary.critical > span:where(:not([data-tabler-native], [data-tabler-native] *)), .site-security-summary.critical strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); }
.site-security-summary.warning:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--amber) 44%, var(--line)); background: color-mix(in srgb, var(--amber) 7%, var(--panel)); }
.site-security-summary.warning > span:where(:not([data-tabler-native], [data-tabler-native] *)), .site-security-summary.warning strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); }
.site-security-summary.protected:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--accent) 44%, var(--line)); background: color-mix(in srgb, var(--accent) 7%, var(--panel)); }
.site-security-summary.protected > span:where(:not([data-tabler-native], [data-tabler-native] *)), .site-security-summary.protected strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); }
.site-security-grid:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.site-security-card:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; padding: 13px; border: 1px solid var(--line); border-radius: 9px; display: grid; grid-template-rows: auto 1fr auto; gap: 11px; background: color-mix(in srgb, var(--panel-2) 48%, transparent); }
.site-security-card > header:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: center; gap: 9px; }
.site-security-card > header > span:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 34px; height: 34px; border-radius: 8px; display: grid; place-items: center; background: color-mix(in srgb, var(--accent) 10%, var(--panel)); color: var(--accent); }
.site-security-card > header svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
.site-security-card h3:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; font-size: 13px; }
.site-security-card header p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 2px 0 0; color: var(--muted); font-size: 10px; }
.site-security-card > ul:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; padding: 0; display: grid; gap: 5px; list-style: none; }
.site-security-card > button:where(:not([data-tabler-native], [data-tabler-native] *)){ justify-self: start; }
.site-security-finding:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; padding: 8px 9px; border: 1px solid color-mix(in srgb, var(--line) 78%, transparent); border-radius: 7px; display: grid; grid-template-columns: 24px minmax(0, 1fr); align-items: start; gap: 7px; background: color-mix(in srgb, var(--panel) 70%, transparent); }
.site-security-finding-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 24px; height: 24px; border-radius: 6px; display: grid; place-items: center; background: color-mix(in srgb, var(--muted) 8%, transparent); color: var(--muted); }
.site-security-finding-icon svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.site-security-finding > span:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; gap: 2px; }
.site-security-finding strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 11px; line-height: 1.35; }
.site-security-finding small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 10px; line-height: 1.45; }
.site-security-finding.critical:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--danger) 35%, var(--line)); }
.site-security-finding.critical .site-security-finding-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--danger) 10%, transparent); color: var(--danger); }
.site-security-finding.warning:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--amber) 32%, var(--line)); }
.site-security-finding.warning .site-security-finding-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--amber) 10%, transparent); color: var(--amber); }
.site-security-finding.passed .site-security-finding-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--accent) 10%, transparent); color: var(--accent); }
.site-security-finding.info .site-security-finding-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--blue) 10%, transparent); color: var(--blue); }
.site-security-events:where(:not([data-tabler-native], [data-tabler-native] *)){ padding-top: 13px; border-top: 1px solid var(--line); display: grid; gap: 9px; }
.site-security-events > header:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
.site-security-events h3:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 3px 0 0; font-size: 13px; }
.site-security-events > ul:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; padding: 0; border: 1px solid var(--line); border-radius: 9px; overflow: hidden; display: grid; list-style: none; }
.site-security-events li:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; padding: 8px 10px; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 7px minmax(0, 1fr) auto; align-items: center; gap: 9px; }
.site-security-events li:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){ border-bottom: 0; }
.site-security-events li > span:nth-child(2):where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; gap: 2px; }
.site-security-events strong:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.site-security-events small:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: hidden; color: var(--muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.site-security-events time:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 10px; white-space: nowrap; }
.site-security-event-state:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 7px; height: 7px; border-radius: 50%; background: var(--blue); }
.site-security-event-state.warning:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--amber); }
.site-security-event-state.failed:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--danger); }
.site-security-meta:where(:not([data-tabler-native], [data-tabler-native] *)){ padding-top: 10px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--muted); font-size: 10px; }
.site-security-meta span:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-flex; align-items: center; gap: 5px; }
.site-security-meta svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.site-components-workspace:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 14px; }
.site-components-head:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: center; }
.site-components-head-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; justify-content: flex-end; gap: 7px; }
.site-components-metrics:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.site-components-metrics article:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; min-height: 86px; padding: 13px; border: 1px solid var(--line); border-radius: 9px; display: grid; align-content: center; gap: 4px; background: color-mix(in srgb, var(--panel-2) 58%, transparent); }
.site-components-metrics small:where(:not([data-tabler-native], [data-tabler-native] *)), .site-components-metrics span:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; }
.site-components-metrics small:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.site-components-metrics strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 17px; }
.site-components-metrics span:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 11px; }
.site-components-metrics article.ok strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); }
.site-components-metrics article.attention strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); }
.site-components-tabs:where(:not([data-tabler-native], [data-tabler-native] *)){ padding-top: 12px; border-top: 1px solid var(--line); display: flex; align-items: center; gap: 6px; overflow-x: auto; }
.site-components-tabs button:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 116px; justify-content: space-between; }
.site-components-tabs button.active:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--accent) 48%, var(--line)); background: color-mix(in srgb, var(--accent) 11%, var(--panel)); color: var(--accent); }
.site-components-tabs em:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; display: inline-grid; place-items: center; background: color-mix(in srgb, currentColor 10%, transparent); font-size: 11px; font-style: normal; }
.site-components-toolbar:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: minmax(240px, 1fr) auto; align-items: center; gap: 8px; }
.site-components-toolbar .search:where(:not([data-tabler-native], [data-tabler-native] *)){ max-width: none; }
.site-component-status-filter:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 34px; padding: 3px; border: 1px solid var(--line); border-radius: 8px; display: inline-flex; align-items: center; gap: 3px; background: color-mix(in srgb, var(--panel-2) 66%, transparent); }
.site-component-status-filter button:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 26px; padding: 0 9px; border: 0; border-radius: 6px; display: inline-flex; align-items: center; gap: 6px; background: transparent; color: var(--muted); box-shadow: none; font-size: 11px; font-weight: 750; white-space: nowrap; }
.site-component-status-filter button:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--text) 6%, transparent); color: var(--text); transform: none; }
.site-component-status-filter button.active:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--panel); color: var(--accent); box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 34%, var(--line)); }
.site-component-status-filter em:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; display: inline-grid; place-items: center; background: color-mix(in srgb, currentColor 10%, transparent); font-size: 10px; font-style: normal; }
.site-components-connector-notice:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 11px 12px; border: 1px solid color-mix(in srgb, var(--amber) 36%, var(--line)); border-radius: 9px; display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: center; gap: 10px; background: color-mix(in srgb, var(--amber) 7%, var(--panel)); color: var(--text); }
.site-components-connector-notice > svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 20px; height: 20px; fill: none; stroke: var(--amber); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
.site-components-connector-notice div:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; gap: 3px; }
.site-components-connector-notice strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 12px; }
.site-components-connector-notice p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; color: var(--muted); font-size: 11px; line-height: 1.45; }
.site-component-list:where(:not([data-tabler-native], [data-tabler-native] *)){ --site-component-grid: minmax(0, 1fr) 104px 122px 136px 244px; border: 1px solid var(--line); border-radius: 10px; overflow: visible; isolation: isolate; }
.site-component-table-head:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 36px; padding: 0 10px; border-bottom: 1px solid var(--line); border-radius: 9px 9px 0 0; display: grid; grid-template-columns: var(--site-component-grid); align-items: center; gap: 10px; background: color-mix(in srgb, var(--panel-2) 72%, var(--panel)); color: var(--muted); font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.site-component-table-head span:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){ text-align: right; }
.site-component-row:where(:not([data-tabler-native], [data-tabler-native] *)){ position: relative; min-width: 0; min-height: 58px; padding: 8px 10px; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: var(--site-component-grid); align-items: center; gap: 10px; background: var(--panel); }
.site-component-row:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){ border-bottom: 0; }
.site-component-row:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--panel-2) 72%, transparent); }
.site-component-row.has-update:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--primary) 3.5%, var(--panel)); }
.site-component-row.has-update:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--primary) 6%, var(--panel)); }
.site-component-row.has-update:where(:not([data-tabler-native], [data-tabler-native] *))::before { position: absolute; inset: 8px auto 8px 0; width: 2px; border-radius: 999px; background: var(--primary); content: ''; }
.site-component-identity:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; grid-template-columns: 18px 32px minmax(0, 1fr); align-items: center; gap: 9px; }
.site-component-identity > span:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; gap: 3px; }
.site-component-identity strong:where(:not([data-tabler-native], [data-tabler-native] *)), .site-component-identity small:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.site-component-identity strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 13px; }
.site-component-identity small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 10px; }
.site-component-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 32px; height: 32px; border-radius: 8px; display: grid; place-items: center; background: color-mix(in srgb, var(--accent) 10%, var(--panel-2)); color: var(--accent); }
.site-component-icon svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }
.site-component-cell:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; justify-items: start; gap: 5px; }
.site-component-mobile-label:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; color: var(--muted); font-size: 7px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.site-component-badge:where(:not([data-tabler-native], [data-tabler-native] *)){ max-width: 100%; min-height: 23px; padding: 0 8px; border: 1px solid var(--line); border-radius: 999px; display: inline-flex; align-items: center; overflow: hidden; background: var(--panel-2); color: var(--muted); font-size: 10px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.site-component-badge.active:where(:not([data-tabler-native], [data-tabler-native] *)), .site-component-badge.installed:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--accent) 40%, var(--line)); background: color-mix(in srgb, var(--accent) 9%, var(--panel)); color: var(--accent); }
.site-component-badge.paused:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--amber) 44%, var(--line)); background: color-mix(in srgb, var(--amber) 9%, var(--panel)); color: var(--amber); }
.site-component-badge.excluded:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--danger) 30%, var(--line)); color: var(--danger); }
.site-component-version strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 13px; }
.site-component-version > span:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 10px; }
.site-component-action:where(:not([data-tabler-native], [data-tabler-native] *)){ position: relative; min-width: 0; min-height: 30px; display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
.site-component-action:empty:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 0; }
.site-component-action .compact-button:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 112px; min-height: 30px; padding-inline: 9px; justify-content: center; white-space: nowrap; }
.site-component-state-action:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--text); }
.site-component-protected:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 26px; padding: 0 8px; border: 1px solid var(--line); border-radius: 7px; display: inline-flex; align-items: center; gap: 5px; color: var(--muted); font-size: 10px; font-weight: 750; white-space: nowrap; }
.site-component-protected svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
.site-component-menu:where(:not([data-tabler-native], [data-tabler-native] *)){ position: relative; }
.site-component-menu > summary:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 30px; height: 30px; border: 1px solid var(--line); border-radius: 7px; display: grid; place-items: center; background: var(--panel); color: var(--muted); cursor: pointer; list-style: none; }
.site-component-menu > summary:where(:not([data-tabler-native], [data-tabler-native] *))::-webkit-details-marker { display: none; }
.site-component-menu > summary:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .site-component-menu[open] > summary:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); background: color-mix(in srgb, var(--accent) 8%, var(--panel)); color: var(--accent); }
.site-component-menu > summary svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 16px; height: 16px; fill: currentColor; stroke: currentColor; }
.site-component-menu > div:where(:not([data-tabler-native], [data-tabler-native] *)){ position: absolute; z-index: 6; top: calc(100% + 5px); right: 0; min-width: 154px; padding: 4px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); box-shadow: 0 12px 28px rgba(15, 23, 42, .16); }
.site-component-menu button:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; min-height: 30px; padding: 0 9px; border: 0; border-radius: 6px; justify-content: flex-start; background: transparent; box-shadow: none; font-size: 11px; }
.site-component-menu button:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--text) 6%, transparent); transform: none; }
.site-components-empty:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 150px; padding: 24px; display: grid; place-content: center; justify-items: center; gap: 5px; color: var(--muted); text-align: center; }
.site-components-empty strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--text); font-size: 13px; }
.site-components-empty p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; font-size: 12px; }
.site-components-meta:where(:not([data-tabler-native], [data-tabler-native] *)){ padding-top: 10px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--muted); font-size: 10px; }
.site-components-meta span:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-flex; align-items: center; gap: 5px; }
.site-components-meta svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.5; }
@media (max-width: 1100px) {
  .site-components-metrics:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-component-list:where(:not([data-tabler-native], [data-tabler-native] *)){ --site-component-grid: minmax(0, 1fr) 90px 108px 120px 214px; }
}
@media (max-width: 760px) {
  .site-components-toolbar:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; }
  .site-components-head:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: flex-start; flex-direction: column; }
  .site-components-head-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; justify-content: flex-start; flex-wrap: wrap; }
  .site-component-status-filter:where(:not([data-tabler-native], [data-tabler-native] *)){ max-width: 100%; overflow-x: auto; }
  .site-component-list:where(:not([data-tabler-native], [data-tabler-native] *)){ border: 0; display: grid; gap: 8px; }
  .site-component-table-head:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; }
  .site-component-row:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 0; padding: 11px; border: 1px solid var(--line); border-radius: 9px; grid-template-columns: minmax(0, 1fr) auto; align-items: start; }
  .site-component-identity:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 1 / -1; }
  .site-component-mobile-label:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; }
  .site-component-action:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 1 / -1; justify-content: flex-start; }
  .site-component-action .compact-button:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: 0 1 auto; }
  .site-component-menu > div:where(:not([data-tabler-native], [data-tabler-native] *)){ right: auto; left: 0; }
  .site-components-meta:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: flex-start; flex-direction: column; }
}
@media (max-width: 520px) {
  .site-components-metrics:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; }
  .site-components-tabs button:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 108px; }
  .site-component-row:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr 1fr; }
}
.site-workspace-panel:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 16px; }
.site-workspace-panel .panel-head:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 0 0 14px; }
.site-workspace-panel .panel-head p:not(.eyebrow):where(:not([data-tabler-native], [data-tabler-native] *)), .site-workspace-panel > p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 7px 0 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.site-workspace-action-grid:where(:not([data-tabler-native], [data-tabler-native] *)){ padding-top: 12px; border-top: 1px solid var(--line); }
html[data-theme="dark"] .site-workspace-action-grid:where(:not([data-tabler-native], [data-tabler-native] *)){ padding-top: 0; border-top: 0; }
.site-workspace-action-grid .danger-button:where(:not([data-tabler-native], [data-tabler-native] *)){
    min-height: 34px;
    border-color: color-mix(in srgb, var(--danger) 48%, var(--line));
    background: transparent;
    color: var(--danger);
    box-shadow: none;
    font-size: 13px;
}
.site-workspace-action-grid .danger-button:hover:where(:not([data-tabler-native], [data-tabler-native] *)){
    border-color: var(--danger);
    background: color-mix(in srgb, var(--danger) 10%, transparent);
    color: var(--danger);
    transform: none;
}
.site-workspace-settings-actions [data-delete-site]:where(:not([data-tabler-native], [data-tabler-native] *)){
  margin-left: auto;
  border-color: color-mix(in srgb, var(--danger) 55%, var(--line));
  background: color-mix(in srgb, var(--danger) 7%, var(--panel));
}
.site-workspace-settings-actions [data-delete-site]:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-workspace-settings-actions [data-delete-site]:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--danger) 13%, var(--panel)); }
.site-workspace-users:where(:not([data-tabler-native], [data-tabler-native] *)){ height: calc(100dvh - 108px); min-height: 420px; padding-bottom: 0; display: grid; grid-template-rows: auto auto minmax(0, 1fr) auto; overflow: hidden; }
.site-workspace-users .panel-head:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 62px; align-items: center; }
.site-workspace-users #reloadSiteWorkspaceUsers:where(:not([data-tabler-native], [data-tabler-native] *)){ height: 34px; min-height: 34px; padding: 0 12px; border-radius: 6px; box-shadow: none; }
.site-workspace-user-tools:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 12px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); display: grid; grid-template-columns: minmax(260px, 1fr) 190px; gap: 10px; align-items: end; }
.site-workspace-user-tools > label:not(.search):where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 5px; color: var(--muted); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.site-workspace-select-control > span:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-workspace-role-control:where(:not([data-tabler-native], [data-tabler-native] *)){ position: relative; display: block; min-width: 0; }
.site-workspace-select-control > span:where(:not([data-tabler-native], [data-tabler-native] *))::after,
.site-workspace-role-control:where(:not([data-tabler-native], [data-tabler-native] *))::after { position: absolute; top: 50%; right: 12px; width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; content: ""; pointer-events: none; transform: translateY(-68%) rotate(45deg); }
.site-workspace-user-tools .search:where(:not([data-tabler-native], [data-tabler-native] *)){ height: 32px; min-height: 32px; padding: 5px 9px; border-radius: 6px; background: transparent; }
.site-workspace-user-tools .search input:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 0; font-size: 13px; }
.site-workspace-user-tools select:where(:not([data-tabler-native], [data-tabler-native] *)){ appearance: none; width: 100%; height: 32px; min-height: 32px; padding: 0 34px 0 10px; border: 1px solid var(--line); border-radius: 6px; background-color: transparent; color: var(--text); box-shadow: none; cursor: pointer; font-size: 13px; font-weight: 500; }
.site-workspace-user-tools .search:focus-within:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-workspace-user-tools select:focus:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-workspace-user-row select:focus:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--line) 55%, var(--text) 45%); outline: 0; }
.site-workspace-user-list-scroll:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 0; margin: 0 -16px; overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable; scrollbar-width: thin; scrollbar-color: var(--line) transparent; }
.site-workspace-user-list-scroll:where(:not([data-tabler-native], [data-tabler-native] *))::-webkit-scrollbar { width: 8px; height: 8px; }
.site-workspace-user-list-scroll:where(:not([data-tabler-native], [data-tabler-native] *))::-webkit-scrollbar-track { background: transparent; }
.site-workspace-user-list-scroll:where(:not([data-tabler-native], [data-tabler-native] *))::-webkit-scrollbar-thumb { border: 2px solid transparent; border-radius: 999px; background: var(--line); background-clip: padding-box; }
.site-workspace-user-directory:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 880px; }
.site-workspace-user-head:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-workspace-user-row:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: minmax(280px, 1.5fr) minmax(150px, .65fr) minmax(110px, .45fr) minmax(220px, auto); gap: 14px; align-items: center; }
.site-workspace-user-head:where(:not([data-tabler-native], [data-tabler-native] *)){ position: sticky; top: 0; z-index: 2; min-height: 34px; padding: 0 16px; border-bottom: 1px solid var(--line); background: var(--panel); color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.site-workspace-user-row:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 66px; padding: 9px 16px; border-bottom: 1px solid var(--line); }
.site-workspace-user-row:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--text) 3%, transparent); }
.site-workspace-user-row.protected:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--blue) 3%, transparent); }
.site-workspace-user-identity:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: flex; align-items: center; gap: 10px; }
.site-workspace-user-identity > img:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-workspace-user-identity > span:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 34px; height: 34px; flex: 0 0 34px; border-radius: 50%; object-fit: cover; display: grid; place-items: center; background: var(--panel-2); color: var(--accent); font-size: 13px; font-weight: 850; }
.site-workspace-user-identity > div:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; gap: 3px; }
.site-workspace-user-identity strong:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-workspace-user-identity small:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.site-workspace-user-identity strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 13px; }
.site-workspace-user-identity small:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-workspace-user-row time:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 11px; }
.site-workspace-user-protection:where(:not([data-tabler-native], [data-tabler-native] *)){ justify-self: start; margin-top: 2px; padding: 2px 7px; border: 1px solid color-mix(in srgb, var(--blue) 40%, var(--line)); border-radius: 999px; background: color-mix(in srgb, var(--blue) 8%, transparent); color: var(--blue); font-size: 10px; font-style: normal; font-weight: 800; line-height: 1.35; }
.site-workspace-user-row select:where(:not([data-tabler-native], [data-tabler-native] *)){ appearance: none; width: 100%; height: 34px; min-height: 34px; padding: 0 34px 0 11px; border: 1px solid var(--line); border-radius: 6px; background-color: var(--panel-2); color: var(--text); box-shadow: none; cursor: pointer; font-size: 13px; }
.site-workspace-user-row select:disabled:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--line) 80%, transparent); color: var(--muted); cursor: not-allowed; opacity: .72; }
.site-workspace-role-control:has(select:disabled):where(:not([data-tabler-native], [data-tabler-native] *))::after { opacity: .35; }
.site-workspace-user-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; justify-content: flex-end; gap: 7px; }
.site-workspace-user-actions .compact-button:where(:not([data-tabler-native], [data-tabler-native] *)){ height: 34px; min-height: 34px; padding: 0 11px; border-radius: 6px; font-size: 13px; box-shadow: none; }
.site-workspace-user-actions .danger-button:where(:not([data-tabler-native], [data-tabler-native] *)){ border: 1px solid color-mix(in srgb, var(--danger) 55%, var(--line)); background: color-mix(in srgb, var(--danger) 7%, var(--panel)); color: var(--danger); font-size: 12px; }
.site-workspace-user-actions .danger-button:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-workspace-user-actions .danger-button:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: var(--danger); background: color-mix(in srgb, var(--danger) 13%, var(--panel)); color: var(--danger); box-shadow: none; transform: none; }
.site-workspace-user-actions .danger-button:disabled:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--danger) 24%, var(--line)); background: transparent; color: color-mix(in srgb, var(--danger) 45%, var(--muted)); cursor: not-allowed; opacity: .62; }
.site-workspace-user-actions svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.2; }
.site-workspace-user-pagination:where(:not([data-tabler-native], [data-tabler-native] *)){ position: relative; z-index: 3; min-height: 48px; margin: 0 -16px; padding: 8px 16px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; background: var(--panel); color: var(--muted); font-size: 12px; }
.site-workspace-user-pagination > div:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; gap: 12px; }
.site-workspace-user-pagination .compact-button:where(:not([data-tabler-native], [data-tabler-native] *)){ height: 30px; min-height: 30px; padding: 0 10px; border-radius: 6px; box-shadow: none; }
.site-workspace-activity .panel-head:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: center; }
.site-workspace-activity .panel-head > button:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: 0 0 auto; }
.site-workspace-activity-list:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0 -16px; border-top: 1px solid var(--line); }
.site-workspace-activity-head:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-workspace-activity-row:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: 150px minmax(280px, 1fr) 140px 130px; gap: 16px; align-items: center; }
.site-workspace-activity-head:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 36px; padding: 0 16px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.site-workspace-activity-entry:where(:not([data-tabler-native], [data-tabler-native] *)){ border-bottom: 1px solid var(--line); }
.site-workspace-activity-row:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 62px; padding: 9px 16px; cursor: pointer; list-style: none; }
.site-workspace-activity-row:where(:not([data-tabler-native], [data-tabler-native] *))::-webkit-details-marker { display: none; }
.site-workspace-activity-row:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ outline: 2px solid var(--blue); outline-offset: -2px; }
.site-workspace-activity-title:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; gap: 12px; min-width: 0; }
.site-workspace-activity-toggle:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-flex; align-items: center; gap: 4px; flex: 0 0 auto; color: var(--blue); font-size: 12px; }
.site-workspace-activity-toggle > span:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-block; }
.site-workspace-activity-entry[open] .site-workspace-activity-toggle > span:where(:not([data-tabler-native], [data-tabler-native] *)){ transform: rotate(90deg); }
.site-workspace-activity-details:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 16px; border-top: 1px solid var(--line); background: var(--tblr-bg-surface-secondary); overflow-wrap: anywhere; font-size: 13px; }
.site-workspace-activity-details p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0 0 12px; white-space: pre-wrap; }
.site-workspace-activity-details > :last-child:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-bottom: 0; }
.site-workspace-activity-details dl:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 12px 18px; }
.site-workspace-activity-details dl > div:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; }
.site-workspace-activity-details dt:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 12px; }
.site-workspace-activity-details dd:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 4px 0 0; white-space: pre-wrap; }
.site-workspace-activity-row:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--text) 3%, transparent); }
.site-workspace-activity-row time:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-workspace-activity-row > span:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 12px; }
.site-workspace-activity-row > div:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; gap: 4px; }
.site-workspace-activity-row strong:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-workspace-activity-row small:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.site-workspace-activity-row strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 13px; }
.site-workspace-activity-row small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 12px; }
.site-workspace-activity-pagination:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 48px; margin: 0 -16px -16px; padding: 8px 16px; display: flex; align-items: center; justify-content: space-between; color: var(--muted); font-size: 12px; }
.site-workspace-activity-pagination > div:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; gap: 12px; }
.site-workspace-activity-pagination .compact-button:where(:not([data-tabler-native], [data-tabler-native] *)){ height: 30px; min-height: 30px; padding: 0 10px; border-radius: 6px; box-shadow: none; }
.site-workspace-user-pagination .compact-button:disabled:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-workspace-activity-pagination .compact-button:disabled:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-workspace-user-pagination .compact-button:disabled:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-workspace-activity-pagination .compact-button:disabled:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-workspace-user-pagination .compact-button:disabled:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)),
.site-workspace-activity-pagination .compact-button:disabled:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: var(--line);
  background: transparent;
  color: var(--muted);
  -webkit-text-fill-color: var(--muted);
  opacity: .4;
  cursor: default;
  pointer-events: none;
  box-shadow: none;
  transform: none;
  outline: 0;
}
.site-workspace-two-column:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.code-snippet-workspace:where(:not([data-tabler-native], [data-tabler-native] *)){ height: calc(100dvh - 108px); min-height: 420px; display: grid; grid-template-rows: auto auto minmax(0, 1fr); overflow: hidden; }
.code-snippet-head:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: center; }
.code-snippet-head code:where(:not([data-tabler-native], [data-tabler-native] *)), .code-snippet-code-field code:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 1px 4px; border-radius: 4px; background: var(--panel-2); color: var(--text); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: .92em; }
.code-snippet-head-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; gap: 8px; }
.code-snippet-head-actions button:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 34px; height: 34px; padding: 0 12px; border-radius: 6px; box-shadow: none; }
.code-snippet-head-actions svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.3; }
.code-snippet-remote-stack:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-bottom: 14px; display: grid; gap: 8px; }
.code-snippet-remote-status:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 52px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; display: flex; align-items: center; gap: 10px; background: var(--panel-2); }
.code-snippet-remote-status > span:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 28px; height: 28px; flex: 0 0 28px; border-radius: 50%; display: grid; place-items: center; background: color-mix(in srgb, var(--accent) 12%, transparent); color: var(--accent); }
.code-snippet-remote-status.warning > span:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--amber) 13%, transparent); color: var(--amber); }
.code-snippet-remote-status.inactive > span:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--muted) 12%, transparent); color: var(--muted); }
.code-snippet-remote-status svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.4; }
.code-snippet-remote-status > div:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; flex: 1 1 auto; display: grid; gap: 2px; }
.code-snippet-remote-status strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 13px; }
.code-snippet-remote-status small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 12px; line-height: 1.4; }
.code-snippet-remote-status > button:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: 0 0 auto; height: 32px; min-height: 32px; margin-left: auto; padding: 0 11px; border-radius: 6px; box-shadow: none; }
.code-snippet-remote-mismatch:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 58px; padding: 10px 12px; border: 1px solid color-mix(in srgb, var(--amber) 42%, var(--line)); border-radius: 8px; display: flex; align-items: center; gap: 10px; background: color-mix(in srgb, var(--amber) 8%, var(--panel)); }
.code-snippet-remote-mismatch > span:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 28px; height: 28px; flex: 0 0 28px; border-radius: 50%; display: grid; place-items: center; background: color-mix(in srgb, var(--amber) 15%, transparent); color: var(--amber); }
.code-snippet-remote-mismatch svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.4; }
.code-snippet-remote-mismatch > div:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; flex: 1 1 auto; display: grid; gap: 2px; }
.code-snippet-remote-mismatch strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); font-size: 13px; }
.code-snippet-remote-mismatch small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 12px; line-height: 1.4; }
.code-snippet-remote-mismatch > button:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: 0 0 auto; min-height: 32px; height: 32px; margin-left: auto; padding: 0 11px; border-radius: 6px; box-shadow: none; }
.code-snippet-layout:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 0; border: 1px solid var(--line); border-radius: 9px; overflow: hidden; display: grid; grid-template-columns: minmax(210px, 270px) minmax(0, 1fr); background: transparent; }
.code-snippet-list:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; min-height: 0; border-right: 1px solid var(--line); overflow-y: auto; overscroll-behavior: contain; background: color-mix(in srgb, var(--panel-2) 58%, transparent); }
.code-snippet-list-summary:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 46px; padding: 10px 12px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.code-snippet-list-summary strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 13px; }
.code-snippet-list-summary span:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 11px; }
.code-snippet-list-item:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; min-height: 62px; padding: 10px 12px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; display: flex; align-items: center; justify-content: space-between; gap: 8px; background: transparent; color: var(--text); text-align: left; box-shadow: none; }
.code-snippet-list-item:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .code-snippet-list-item:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)), .code-snippet-list-item.active:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--blue) 8%, var(--panel)); transform: none; }
.code-snippet-list-item.active:where(:not([data-tabler-native], [data-tabler-native] *)){ box-shadow: inset 3px 0 var(--accent); }
.code-snippet-list-item > span:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; gap: 4px; }
.code-snippet-list-item strong:where(:not([data-tabler-native], [data-tabler-native] *)), .code-snippet-list-item small:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.code-snippet-list-item strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 13px; }
.code-snippet-list-item small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 11px; }
.code-snippet-status:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 58px; min-height: 22px; padding: 3px 7px; border: 1px solid var(--line); border-radius: 999px; display: inline-grid; place-items: center; color: var(--muted); font-size: 10px; font-style: normal; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
.code-snippet-status.active:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); color: var(--accent); }
.code-snippet-status.draft:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--amber) 45%, var(--line)); color: var(--amber); }
.code-snippet-status.error:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--danger) 45%, var(--line)); color: var(--danger); }
.code-snippet-editor:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; min-height: 0; padding: 16px; overflow-y: auto; overscroll-behavior: contain; display: grid; align-content: start; gap: 14px; background: transparent; }
.code-snippet-editor[aria-busy="true"]:where(:not([data-tabler-native], [data-tabler-native] *)){ opacity: .72; }
.code-snippet-editor-title:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 42px; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.code-snippet-editor-title .eyebrow:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-bottom: 4px; }
.code-snippet-editor-title h3:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 15px; }
.code-snippet-error:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 10px 12px; border: 1px solid color-mix(in srgb, var(--danger) 45%, var(--line)); border-radius: 7px; display: grid; gap: 3px; background: color-mix(in srgb, var(--danger) 7%, transparent); }
.code-snippet-error strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); font-size: 12px; }
.code-snippet-error span:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 12px; line-height: 1.45; overflow-wrap: anywhere; }
.code-snippet-library-source:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 10px 12px; border: 1px solid var(--line); border-radius: 7px; display: flex; align-items: center; gap: 10px; background: var(--panel-2); }
.code-snippet-library-source > span:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 28px; height: 28px; flex: 0 0 28px; border-radius: 50%; display: grid; place-items: center; background: color-mix(in srgb, var(--accent) 11%, transparent); color: var(--accent); }
.code-snippet-library-source.update:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--amber) 48%, var(--line)); }
.code-snippet-library-source.update > span:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--amber) 12%, transparent); color: var(--amber); }
.code-snippet-library-source svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.4; }
.code-snippet-library-source > div:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; gap: 2px; }
.code-snippet-library-source strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 12px; }
.code-snippet-library-source small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 11px; line-height: 1.4; }
.code-snippet-fields:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: minmax(0, 1fr) 170px; gap: 12px; }
.code-snippet-fields > label:where(:not([data-tabler-native], [data-tabler-native] *)), .code-snippet-version-row label:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; gap: 6px; color: var(--text); font-size: 12px; font-weight: 750; }
.code-snippet-fields > label.wide:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 1 / -1; }
.code-snippet-fields input:where(:not([data-tabler-native], [data-tabler-native] *)), .code-snippet-fields select:where(:not([data-tabler-native], [data-tabler-native] *)), .code-snippet-fields textarea:where(:not([data-tabler-native], [data-tabler-native] *)), .code-snippet-version-row select:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; border: 1px solid var(--line); border-radius: 6px; background: transparent; color: var(--text); outline: 0; box-shadow: none; font-size: 13px; }
.code-snippet-fields input:where(:not([data-tabler-native], [data-tabler-native] *)), .code-snippet-fields select:where(:not([data-tabler-native], [data-tabler-native] *)), .code-snippet-version-row select:where(:not([data-tabler-native], [data-tabler-native] *)){ height: 36px; padding: 0 10px; }
.code-snippet-fields input:focus:where(:not([data-tabler-native], [data-tabler-native] *)), .code-snippet-fields select:focus:where(:not([data-tabler-native], [data-tabler-native] *)), .code-snippet-fields textarea:focus:where(:not([data-tabler-native], [data-tabler-native] *)), .code-snippet-version-row select:focus:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--accent) 75%, var(--line)); }
.code-snippet-code-field > small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 11px; font-weight: 500; line-height: 1.4; }
.code-snippet-fields textarea:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 260px; padding: 12px 14px; resize: vertical; tab-size: 2; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 13px; line-height: 1.6; }
.code-snippet-version-row:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 12px; border: 1px solid var(--line); border-radius: 7px; display: grid; grid-template-columns: minmax(200px, 1fr) auto; align-items: end; gap: 10px; background: var(--panel-2); }
.code-snippet-version-row[hidden]:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; }
.code-snippet-version-row button:where(:not([data-tabler-native], [data-tabler-native] *)){ height: 36px; min-height: 36px; border-radius: 6px; box-shadow: none; }
.code-snippet-editor-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 49px; padding-top: 14px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.code-snippet-editor-actions-left:where(:not([data-tabler-native], [data-tabler-native] *)), .code-snippet-editor-actions-right:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; gap: 8px; }
.code-snippet-editor-actions-right:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-left: auto; justify-content: flex-end; }
.code-snippet-editor-actions button:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 34px; height: 34px; padding: 0 12px; border-radius: 6px; box-shadow: none; }
html[data-dashboard-view="libraries"] main:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 100dvh; }
.libraries-view:where(:not([data-tabler-native], [data-tabler-native] *)){ height: calc(100dvh - 16px); min-height: 680px; display: grid; grid-template-rows: auto minmax(0, 1fr); gap: 16px; }
.libraries-header:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: end; justify-content: space-between; gap: 28px; }
.libraries-header > p:where(:not([data-tabler-native], [data-tabler-native] *)){ max-width: 560px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; text-align: right; }
.libraries-tabs:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 5px; border: 1px solid var(--line); border-radius: 10px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; background: var(--panel); }
.libraries-tabs button:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 38px; padding: 0 13px; border: 0; border-radius: 7px; display: flex; align-items: center; justify-content: center; gap: 8px; background: transparent; color: var(--muted); font-size: 13px; font-weight: 750; }
.libraries-tabs button:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .libraries-tabs button.active:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--panel-2); color: var(--text); }
.libraries-tabs svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.4; }
.libraries-tabs em:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; display: inline-grid; place-items: center; background: color-mix(in srgb, var(--muted) 13%, transparent); font-size: 11px; font-style: normal; }
.library-marketplace:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 0; overflow: hidden; display: grid; grid-template-rows: auto auto minmax(0, 1fr); }
.library-marketplace-head:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 62px; padding: 10px 14px; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; }
.library-marketplace-head .libraries-tabs:where(:not([data-tabler-native], [data-tabler-native] *)){ width: min(620px, 100%); padding: 0; border: 0; background: transparent; }
.library-marketplace-head-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.library-marketplace-head-actions button:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 36px; height: 36px; }
.library-marketplace-toolbar:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 10px 14px; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: minmax(260px, 1fr) 190px 160px; gap: 8px; background: color-mix(in srgb, var(--panel-2) 68%, transparent); }
.library-marketplace-toolbar .search:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; }
.library-marketplace-toolbar input:where(:not([data-tabler-native], [data-tabler-native] *)), .library-marketplace-toolbar select:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; height: 36px; min-height: 36px; border-radius: 7px; background: transparent; font-size: 12px; }
.library-marketplace-grid:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 0; padding: 14px; overflow-y: auto; overscroll-behavior: contain; display: grid; grid-template-columns: repeat(auto-fill, minmax(215px, 1fr)); grid-auto-rows: min-content; align-content: start; gap: 12px; background: color-mix(in srgb, var(--panel-2) 35%, transparent); }
.library-marketplace-grid > .loading:where(:not([data-tabler-native], [data-tabler-native] *)), .library-marketplace-empty:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 1 / -1; min-height: 260px; align-self: stretch; display: grid; place-items: center; }
.library-product-card:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 11px; background: var(--panel); }
.library-product-card:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .library-product-card:focus-within:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--accent) 52%, var(--line)); box-shadow: 0 12px 26px rgba(6, 18, 34, .12); }
.library-product-card.archived:where(:not([data-tabler-native], [data-tabler-native] *)){ opacity: .72; }
.library-product-open:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; padding: 0; border: 0; border-radius: 0; display: grid; grid-template-rows: 118px minmax(134px, auto); background: transparent; color: var(--text); text-align: left; box-shadow: none; }
.library-product-open:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .library-product-open:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ background: transparent; transform: none; }
.library-product-media:where(:not([data-tabler-native], [data-tabler-native] *)){ position: relative; overflow: hidden; display: grid; place-items: center; background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 14%, var(--panel-2)), color-mix(in srgb, var(--blue) 8%, var(--panel))); }
.library-product-media img:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; height: 100%; display: block; object-fit: cover; }
.library-product-media > em:where(:not([data-tabler-native], [data-tabler-native] *)){ position: absolute; top: 9px; left: 9px; min-height: 21px; padding: 0 8px; border: 1px solid color-mix(in srgb, white 30%, transparent); border-radius: 999px; display: inline-flex; align-items: center; background: rgba(7, 17, 31, .72); color: #fff; font-size: 10px; font-style: normal; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; backdrop-filter: blur(10px); }
.library-product-ribbon:where(:not([data-tabler-native], [data-tabler-native] *)){ position: absolute; top: 9px; right: 9px; z-index: 1; min-height: 22px; max-width: calc(100% - 86px); padding: 0 9px; overflow: hidden; border: 1px solid color-mix(in srgb, currentColor 38%, transparent); border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--accent) 90%, #06111f); color: #fff; font-size: 10px; font-weight: 850; letter-spacing: .035em; line-height: 1; text-overflow: ellipsis; white-space: nowrap; box-shadow: 0 6px 15px rgba(6, 18, 34, .18); }
.library-product-ribbon[hidden]:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; }
.library-product-ribbon.success:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--accent) 82%, #064e3b); }
.library-product-ribbon.blue:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--blue) 88%, #0c1c35); }
.library-product-ribbon.warning:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--amber) 88%, #402004); }
.library-product-ribbon.danger:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--danger) 88%, #450b17); }
.library-product-fallback:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 48px; height: 48px; border-radius: 13px; display: grid; place-items: center; background: color-mix(in srgb, var(--panel) 82%, transparent); color: var(--accent); }
.library-product-fallback svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.3; }
.library-product-body:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; padding: 12px; display: grid; align-content: start; gap: 7px; }
.library-product-body > strong:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: hidden; color: var(--text); font-size: 13px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.library-product-body > small:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 36px; overflow: hidden; display: -webkit-box; color: var(--muted); font-size: 11px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.library-product-meta:where(:not([data-tabler-native], [data-tabler-native] *)), .library-product-version:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; justify-content: space-between; gap: 7px; color: var(--muted); font-size: 10px; }
.library-product-version:where(:not([data-tabler-native], [data-tabler-native] *)){ justify-content: flex-start; padding-top: 5px; border-top: 1px solid var(--line); font-weight: 700; }
.library-product-version svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 12px; height: 12px; fill: none; stroke: var(--accent); stroke-width: 1.4; }
.library-product-state:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 19px; padding: 0 6px; border: 1px solid var(--line); border-radius: 999px; display: inline-flex; align-items: center; color: var(--muted); font-weight: 800; }
.library-product-state.published:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); color: var(--accent); }
.library-product-state.draft:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--amber) 50%, var(--line)); color: var(--amber); }
.site-plugin-policy:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-bottom: 14px; padding: 14px; border: 1px solid var(--line); border-radius: 10px; display: flex; align-items: center; justify-content: space-between; gap: 18px; background: var(--panel-2); }
.site-plugin-policy > div:first-child:where(:not([data-tabler-native], [data-tabler-native] *)), .site-plugin-policy-error:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: flex; align-items: flex-start; gap: 10px; }
.site-plugin-policy-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 34px; height: 34px; flex: 0 0 auto; border-radius: 9px; display: grid; place-items: center; background: color-mix(in srgb, var(--accent) 11%, transparent); color: var(--accent); }
.site-plugin-policy-icon svg:where(:not([data-tabler-native], [data-tabler-native] *)), .site-plugin-policy-error svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.4; }
.site-plugin-policy > div:first-child > div:where(:not([data-tabler-native], [data-tabler-native] *)), .site-plugin-policy-error > div:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 4px; }
.site-plugin-policy strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 13px; }
.site-plugin-policy p:where(:not([data-tabler-native], [data-tabler-native] *)){ max-width: 720px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.site-plugin-policy small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 10px; }
.site-plugin-policy-toggle:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 190px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 9px; display: flex; align-items: center; gap: 9px; background: var(--panel); cursor: pointer; }
.site-plugin-policy-toggle input:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 17px; height: 17px; }
.site-plugin-policy-toggle span:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 2px; }
.site-plugin-policy-toggle span strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 11px; }
.site-plugin-policy-toggle span small:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 10px; }
.site-plugin-policy-error:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); }
html[data-theme="light"] .library-marketplace-toolbar input:where(:not([data-tabler-native], [data-tabler-native] *)), html[data-theme="light"] .library-marketplace-toolbar select:where(:not([data-tabler-native], [data-tabler-native] *)){ background: #fff; color: var(--text); }
.libraries-panel:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 0; overflow: hidden; display: grid; grid-template-rows: auto minmax(0, 1fr); }
.libraries-panel-head:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 82px; padding: 16px 18px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.libraries-panel-head h2:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 16px; }
.libraries-panel-head p:not(.eyebrow):where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 4px 0 0; color: var(--muted); font-size: 12px; line-height: 1.45; }
.central-snippet-library:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 0; height: 100%; display: grid; grid-template-rows: auto minmax(0, 1fr); background: transparent; }
.central-snippet-library > .loading:where(:not([data-tabler-native], [data-tabler-native] *)){ align-self: center; }
.library-expansion-placeholder:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 420px; padding: 42px; display: flex; align-items: center; justify-content: center; gap: 18px; text-align: left; }
.library-expansion-placeholder > span:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 48px; height: 48px; flex: 0 0 48px; border-radius: 50%; display: grid; place-items: center; background: var(--panel-2); color: var(--blue); }
.library-expansion-placeholder svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.3; }
.library-expansion-placeholder p:not(.eyebrow):where(:not([data-tabler-native], [data-tabler-native] *)){ max-width: 620px; margin: 6px 0 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.code-snippet-library-status-filter:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-flex; align-items: center; gap: 4px; }
.code-snippet-library-status-filter button:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 82px; border: 1px solid var(--line); background: transparent; color: var(--muted); font-size: 12px; font-weight: 700; }
.code-snippet-library-status-filter button:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .code-snippet-library-status-filter button:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); background: color-mix(in srgb, var(--accent) 6%, transparent); color: var(--text); transform: none; }
.code-snippet-library-status-filter button.active:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--accent) 55%, var(--line)); background: color-mix(in srgb, var(--accent) 11%, var(--panel)); color: var(--accent); }
.code-snippet-library-status-filter button span:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; display: inline-grid; place-items: center; background: color-mix(in srgb, currentColor 9%, transparent); font-size: 10px; }
html[data-theme="light"] .code-snippet-layout:where(:not([data-tabler-native], [data-tabler-native] *)), html[data-theme="light"] .code-snippet-editor:where(:not([data-tabler-native], [data-tabler-native] *)){ background: transparent; }
html[data-theme="light"] .code-snippet-fields input:where(:not([data-tabler-native], [data-tabler-native] *)), html[data-theme="light"] .code-snippet-fields select:where(:not([data-tabler-native], [data-tabler-native] *)), html[data-theme="light"] .code-snippet-fields textarea:where(:not([data-tabler-native], [data-tabler-native] *)), html[data-theme="light"] .code-snippet-version-row select:where(:not([data-tabler-native], [data-tabler-native] *)){ background: #fff; color: var(--text); -webkit-text-fill-color: var(--text); }
.wp-config-workspace:where(:not([data-tabler-native], [data-tabler-native] *)){ height: calc(100dvh - 108px); min-height: 560px; padding-bottom: 0; display: grid; grid-template-rows: auto auto auto minmax(0, 1fr) auto auto; overflow: hidden; }
.wp-config-head:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: flex-start; }
.wp-config-head-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; gap: 8px; }
.wp-config-head-actions button:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 34px; height: 34px; }
.wp-config-file-status:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 50px; padding: 8px 11px; border: 1px solid var(--line); border-radius: 8px; display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; align-items: center; gap: 9px; background: color-mix(in srgb, var(--panel-2) 72%, transparent); }
.wp-config-file-status > span:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: color-mix(in srgb, var(--blue) 12%, transparent); color: var(--blue); }
.wp-config-file-status svg:where(:not([data-tabler-native], [data-tabler-native] *)), .wp-config-load-error svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.4; }
.wp-config-file-status > div:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; gap: 2px; }
.wp-config-file-status strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 13px; }
.wp-config-file-status small:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: hidden; color: var(--muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.wp-config-file-status code:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 11px; }
.wp-config-presets:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 49px; padding: 8px 0; display: flex; align-items: center; gap: 7px; overflow-x: auto; }
.wp-config-presets > span:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-right: 3px; font-size: 12px; font-weight: 800; white-space: nowrap; }
.wp-config-presets button:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 31px; height: 31px; padding: 0 10px; white-space: nowrap; }
.wp-config-presets small:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-left: auto; color: var(--muted); font-size: 11px; line-height: 1.4; text-align: right; }
.wp-config-editor:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 0; border: 1px solid var(--line); border-radius: 9px; display: grid; grid-template-columns: 235px minmax(0, 1fr); overflow: hidden; background: color-mix(in srgb, var(--panel-2) 44%, transparent); }
.wp-config-groups:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; padding: 7px; border-right: 1px solid var(--line); display: grid; align-content: start; gap: 4px; overflow-y: auto; }
.wp-config-groups button:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; min-height: 54px; padding: 8px 10px; border: 1px solid transparent; border-radius: 7px; display: grid; align-content: center; gap: 3px; background: transparent; color: var(--text); text-align: left; box-shadow: none; }
.wp-config-groups button:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: var(--line); background: color-mix(in srgb, var(--panel) 68%, transparent); transform: none; }
.wp-config-groups button.active:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); background: color-mix(in srgb, var(--accent) 10%, var(--panel)); }
.wp-config-groups strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 12px; }
.wp-config-groups small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 10px; font-weight: 500; line-height: 1.35; }
.wp-config-settings:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; min-height: 0; padding: 14px; overflow-y: auto; overscroll-behavior: contain; }
.wp-config-settings > header:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-bottom: 11px; }
.wp-config-settings > header .eyebrow:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-bottom: 4px; }
.wp-config-settings > header h3:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 13px; }
.wp-config-setting:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 88px; padding: 10px 11px; border: 1px solid var(--line); border-radius: 8px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(180px, 260px); align-items: center; gap: 16px; background: color-mix(in srgb, var(--panel) 72%, transparent); }
.wp-config-setting + .wp-config-setting:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-top: 8px; }
.wp-config-setting.is-changed:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--accent) 62%, var(--line)); box-shadow: inset 3px 0 0 var(--accent); }
.wp-config-setting.is-sensitive:not(.is-changed):where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--amber) 28%, var(--line)); }
.wp-config-setting.is-locked:where(:not([data-tabler-native], [data-tabler-native] *)){ opacity: .72; }
.wp-config-setting-copy:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; gap: 4px; }
.wp-config-setting-copy > span:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.wp-config-setting-copy strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 13px; }
.wp-config-setting-copy em:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 18px; padding: 0 6px; border: 1px solid var(--line); border-radius: 999px; display: inline-flex; align-items: center; color: var(--muted); font-size: 10px; font-style: normal; font-weight: 700; }
.wp-config-setting-copy p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; color: var(--muted); font-size: 11px; line-height: 1.45; }
.wp-config-setting-copy small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); font-size: 10px; line-height: 1.4; }
.wp-config-setting-copy .wp-config-lock-note:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); }
.wp-config-setting-control:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; justify-items: stretch; gap: 5px; }
.wp-config-setting-control > select:where(:not([data-tabler-native], [data-tabler-native] *)), .wp-config-number:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; min-width: 0; height: 36px; border: 1px solid var(--line); border-radius: 7px; background: transparent; color: var(--text); box-shadow: none; font-size: 12px; }
.wp-config-setting-control > select:where(:not([data-tabler-native], [data-tabler-native] *)){ height: 36px !important; padding: 0 9px; border-radius: 7px !important; background: var(--panel); color-scheme: dark; }
.wp-config-setting-control > select:focus:where(:not([data-tabler-native], [data-tabler-native] *)), .wp-config-number:focus-within:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--accent) 75%, var(--line)); }
.wp-config-setting-control > select option:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--panel); color: #f5f8fc; -webkit-text-fill-color: #f5f8fc; }
.wp-config-setting-control code:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: hidden; color: var(--muted); font-size: 10px; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.wp-config-number:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; overflow: hidden; }
.wp-config-number input:where(:not([data-tabler-native], [data-tabler-native] *)){ appearance: textfield; width: 100%; height: 100% !important; min-height: 0; margin: 0; padding: 0 9px; border: 0 !important; border-radius: 0 !important; background: transparent; color: var(--text); outline: 0; box-shadow: none; font-size: 12px; }
.wp-config-number span:where(:not([data-tabler-native], [data-tabler-native] *)){ padding-right: 9px; color: var(--muted); font-size: 11px; }
.wp-config-switch:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 36px; padding: 0 9px; border: 1px solid var(--line); border-radius: 7px; display: flex; align-items: center; gap: 8px; cursor: pointer; }
.wp-config-switch input:where(:not([data-tabler-native], [data-tabler-native] *)){ position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.wp-config-switch > span:where(:not([data-tabler-native], [data-tabler-native] *)){ position: relative; width: 30px; height: 18px; border-radius: 999px; flex: 0 0 auto; background: color-mix(in srgb, var(--muted) 35%, transparent); transition: background .16s ease; }
.wp-config-switch > span:where(:not([data-tabler-native], [data-tabler-native] *))::after { content: ""; position: absolute; top: 3px; left: 3px; width: 12px; height: 12px; border-radius: 50%; background: #fff; transition: transform .16s ease; }
.wp-config-switch input:checked + span:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--accent); }
.wp-config-switch input:checked + span:where(:not([data-tabler-native], [data-tabler-native] *))::after { transform: translateX(12px); }
.wp-config-switch input:focus-visible + span:where(:not([data-tabler-native], [data-tabler-native] *)){ outline: 2px solid var(--blue); outline-offset: 2px; }
.wp-config-switch strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 12px; }
.wp-config-preflight:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 55px; margin-top: 9px; padding: 9px 11px; border: 1px solid color-mix(in srgb, var(--accent) 55%, var(--line)); border-radius: 8px; display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: center; gap: 9px; background: color-mix(in srgb, var(--accent) 9%, transparent); }
.wp-config-preflight > svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 20px; height: 20px; fill: none; stroke: var(--accent); stroke-width: 1.4; }
.wp-config-preflight > div:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 2px; }
.wp-config-preflight strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 12px; }
.wp-config-preflight p:where(:not([data-tabler-native], [data-tabler-native] *)), .wp-config-preflight small:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; color: var(--muted); font-size: 10px; line-height: 1.4; }
.wp-config-preflight small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); }
.wp-config-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 52px; padding: 9px 0; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.wp-config-actions > span:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 11px; }
.wp-config-actions > div:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; justify-content: flex-end; gap: 7px; }
.wp-config-actions button:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 34px; height: 34px; padding: 0 11px; box-shadow: none; }
.wp-config-workspace[aria-busy="true"]:where(:not([data-tabler-native], [data-tabler-native] *)){ pointer-events: none; opacity: .72; }
.wp-config-load-error:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 250px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 16px; text-align: center; }
.wp-config-load-error > div:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; gap: 10px; text-align: left; }
.wp-config-load-error > div > svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 28px; height: 28px; color: var(--amber); }
.wp-config-load-error p:not(.eyebrow):where(:not([data-tabler-native], [data-tabler-native] *)){ margin-top: 5px; }
html[data-theme="light"] .wp-config-file-status:where(:not([data-tabler-native], [data-tabler-native] *)), html[data-theme="light"] .wp-config-setting:where(:not([data-tabler-native], [data-tabler-native] *)){ background: #fff; }
html[data-theme="light"] .wp-config-setting-control > select:where(:not([data-tabler-native], [data-tabler-native] *)), html[data-theme="light"] .wp-config-number:where(:not([data-tabler-native], [data-tabler-native] *)), html[data-theme="light"] .wp-config-switch:where(:not([data-tabler-native], [data-tabler-native] *)){ background: #fff; color: var(--text); -webkit-text-fill-color: var(--text); }
html[data-theme="light"] .wp-config-setting-control > select:where(:not([data-tabler-native], [data-tabler-native] *)){ color-scheme: light; }
html[data-theme="light"] .wp-config-setting-control > select option:where(:not([data-tabler-native], [data-tabler-native] *)){ background: #fff; color: var(--text); -webkit-text-fill-color: var(--text); }
.htaccess-workspace:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-rows: auto auto auto minmax(0, 1fr) auto auto; }
.htaccess-file-status > span:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--accent) 12%, transparent); color: var(--accent); }
.htaccess-presets small:where(:not([data-tabler-native], [data-tabler-native] *)){ max-width: 46%; }
.htaccess-risk.attention:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--amber) 45%, var(--line)); color: var(--amber); }
.htaccess-compatibility:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 50px; padding: 8px 11px; border: 1px solid color-mix(in srgb, var(--amber) 48%, var(--line)); border-radius: 8px; display: flex; align-items: center; gap: 9px; background: color-mix(in srgb, var(--amber) 8%, transparent); }
.htaccess-compatibility > svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 20px; height: 20px; flex: 0 0 auto; fill: none; stroke: var(--amber); stroke-width: 1.4; }
.htaccess-compatibility div:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 2px; }
.htaccess-compatibility strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 12px; }
.htaccess-compatibility p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; color: var(--muted); font-size: 10px; line-height: 1.4; }
.htaccess-revisions:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-top: 7px; padding: 10px; border-top: 1px solid var(--line); display: grid; gap: 7px; }
.wp-config-revisions:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 1 / -1; }
.htaccess-revisions > strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 11px; text-transform: uppercase; letter-spacing: .1em; }
.htaccess-revisions select:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; height: 34px !important; padding: 0 8px; border: 1px solid var(--line); border-radius: 7px !important; background: var(--panel); color: var(--text); color-scheme: dark; font-size: 11px; }
.htaccess-revisions select option:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--panel); color: #f5f8fc; -webkit-text-fill-color: #f5f8fc; }
.htaccess-revisions button:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 31px !important; height: 31px; padding: 0 9px !important; text-align: center !important; }
.htaccess-revisions small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 10px; line-height: 1.35; }
.htaccess-preflight:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: start; }
.htaccess-preflight details:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-top: 5px; }
.htaccess-preflight summary:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--text); cursor: pointer; font-size: 10px; font-weight: 700; }
.htaccess-preflight pre:where(:not([data-tabler-native], [data-tabler-native] *)){ max-height: 170px; margin: 7px 0 0; padding: 9px; border: 1px solid var(--line); border-radius: 7px; overflow: auto; background: color-mix(in srgb, var(--panel) 76%, transparent); color: var(--text); font-size: 10px; line-height: 1.45; white-space: pre; }
html[data-theme="light"] .htaccess-revisions select:where(:not([data-tabler-native], [data-tabler-native] *)){ background: #fff; color: var(--text); color-scheme: light; -webkit-text-fill-color: var(--text); }
html[data-theme="light"] .htaccess-revisions select option:where(:not([data-tabler-native], [data-tabler-native] *)){ background: #fff; color: var(--text); -webkit-text-fill-color: var(--text); }
.site-workspace-placeholder:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 190px; padding: 28px; display: flex; align-items: center; justify-content: center; gap: 16px; text-align: left; }
.site-workspace-placeholder > span:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: var(--panel-2); color: var(--blue); }
.site-workspace-placeholder svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.2; }
.site-workspace-placeholder p:where(:not([data-tabler-native], [data-tabler-native] *)){ max-width: 620px; margin: 5px 0 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
html[data-theme="light"][data-dashboard-view="site-workspace"] body:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--bg); }
html[data-theme="light"][data-dashboard-view="site-workspace"] .site-workspace-header:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="site-workspace"] .site-workspace-panel:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="site-workspace"] .site-workspace-placeholder:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--panel); }
html[data-theme="light"][data-dashboard-view="site-workspace"] .site-workspace-navigation .nav-link:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="site-workspace"] .site-workspace-navigation .nav-link.active:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="site-workspace"] .site-workspace-navigation button.nav-link:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--selected-bg); }
html[data-sidebar-collapsed="true"] .site-workspace-sidebar-site:where(:not([data-tabler-native], [data-tabler-native] *)){ justify-content: center; padding-right: 0; padding-left: 0; }
html[data-sidebar-collapsed="true"] .site-workspace-sidebar-site > span:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; }
.database-access-workspace:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 14px; }
.database-access-head:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: center; }
.database-access-head .button-with-icon svg:where(:not([data-tabler-native], [data-tabler-native] *)),
.database-access-status > span svg:where(:not([data-tabler-native], [data-tabler-native] *)),
.database-access-mode-icon svg:where(:not([data-tabler-native], [data-tabler-native] *)),
.database-access-load-error svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.4; }
.database-access-status:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 13px 14px; border: 1px solid var(--line); border-radius: 8px; display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 11px; align-items: center; background: color-mix(in srgb, var(--panel-2) 70%, transparent); }
.database-access-status > span:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: color-mix(in srgb, var(--amber) 12%, transparent); color: var(--amber); }
.database-access-status.ok > span:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--accent) 12%, transparent); color: var(--accent); }
.database-access-status > div:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; gap: 3px; }
.database-access-status strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 13px; }
.database-access-status p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; color: var(--muted); font-size: 12px; line-height: 1.45; }
.database-access-status em:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 4px 8px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: 11px; font-style: normal; font-weight: 800; }
.database-access-settings-link:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; }
.database-access-settings-link a:where(:not([data-tabler-native], [data-tabler-native] *)){ text-decoration: none; }
.database-access-mode-grid:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.database-access-mode-grid > article:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; padding: 16px; border: 1px solid var(--line); border-radius: 9px; display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; align-content: start; background: color-mix(in srgb, var(--panel-2) 54%, transparent); }
.database-access-mode-grid > article.database-access-write:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--amber) 34%, var(--line)); }
.database-access-mode-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 8px; display: grid; place-items: center; color: var(--accent); }
.database-access-write .database-access-mode-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); }
.database-access-mode-grid article > div:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; }
.database-access-mode-grid h3:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 3px 0 7px; font-size: 15px; }
.database-access-mode-grid p:not(.eyebrow):where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.database-access-mode-grid ul:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 10px 0 0; padding-left: 17px; color: var(--muted); font-size: 11px; line-height: 1.7; }
.database-access-mode-grid > article > button:where(:not([data-tabler-native], [data-tabler-native] *)),
.database-access-write-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 1 / -1; }
.database-access-mode-grid > article > button:where(:not([data-tabler-native], [data-tabler-native] *)){ justify-self: end; }
.database-access-write-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; justify-content: flex-end; gap: 8px; }
.database-access-backup:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-top: 12px; padding: 9px 10px; border: 1px solid color-mix(in srgb, var(--amber) 38%, var(--line)); border-radius: 7px; display: grid; gap: 3px; background: color-mix(in srgb, var(--amber) 7%, transparent); }
.database-access-backup.ok:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--accent) 38%, var(--line)); background: color-mix(in srgb, var(--accent) 7%, transparent); }
.database-access-backup strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 11px; }
.database-access-backup small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 11px; line-height: 1.4; }
.database-access-sessions:where(:not([data-tabler-native], [data-tabler-native] *)){ padding-top: 4px; }
.database-access-section-head:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.database-access-section-head h3:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-top: 3px; font-size: 13px; }
.database-access-section-head > span:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 11px; font-weight: 800; }
.database-access-session-list:where(:not([data-tabler-native], [data-tabler-native] *)){ border-top: 1px solid var(--line); }
.database-access-session-list article:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 56px; padding: 9px 0; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center; }
.database-access-session-list article > div:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; gap: 4px; }
.database-access-session-list strong:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.database-access-session-list small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 11px; line-height: 1.4; }
.database-access-load-error:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 250px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 16px; text-align: center; }
.database-access-load-error > div:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; gap: 10px; text-align: left; }
.database-access-load-error > div > svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 28px; height: 28px; color: var(--amber); }
.database-workspace-summary:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.database-workspace-summary article:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 12px 14px; border: 1px solid var(--line); border-radius: 8px; display: grid; gap: 3px; background: color-mix(in srgb, var(--panel-2) 58%, transparent); }
.database-workspace-summary span:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 16px; font-weight: 800; }
.database-workspace-summary small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 11px; font-weight: 700; }
.database-write-gate:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 14px; border: 1px solid color-mix(in srgb, var(--amber) 35%, var(--line)); border-radius: 9px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: end; background: color-mix(in srgb, var(--amber) 6%, transparent); }
.database-write-gate.is-active:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); background: color-mix(in srgb, var(--accent) 6%, transparent); }
.database-write-gate h3:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 3px 0 5px; font-size: 13px; }
.database-write-gate > div > p:not(.eyebrow):where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.database-write-gate .database-access-backup:where(:not([data-tabler-native], [data-tabler-native] *)){ max-width: 560px; }
.database-workspace-layout:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 430px; border: 1px solid var(--line); border-radius: 9px; display: grid; grid-template-columns: minmax(210px, 24%) minmax(0, 1fr); overflow: hidden; }
.database-table-list:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; border-right: 1px solid var(--line); display: flex; flex-direction: column; background: color-mix(in srgb, var(--panel-2) 55%, transparent); overflow: auto; }
.database-table-list > div:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 50px; padding: 10px 12px; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; }
.database-table-list > div span:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 11px; font-weight: 800; }
.database-table-list button:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; padding: 9px 12px; border: 0; border-bottom: 1px solid color-mix(in srgb, var(--line) 65%, transparent); border-radius: 0; display: grid; gap: 3px; color: inherit; background: transparent; text-align: left; }
.database-table-list button:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .database-table-list button.active:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--accent) 9%, transparent); }
.database-table-list button.active:where(:not([data-tabler-native], [data-tabler-native] *)){ box-shadow: inset 3px 0 0 var(--accent); }
.database-table-list button strong:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.database-table-list button small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 10px; }
.database-table-browser:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: flex; flex-direction: column; }
.database-table-head:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 50px; padding: 9px 12px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.database-table-head h3:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-top: 2px; font-size: 13px; }
.database-table-head > span:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 10px; }
.database-table-toolbar:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 58px; padding: 10px 12px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 12px; background: color-mix(in srgb, var(--panel-2) 38%, transparent); }
.database-table-search:where(:not([data-tabler-native], [data-tabler-native] *)){ width: min(100%, 460px); min-width: 0; }
.database-table-search-field:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; height: 38px; min-width: 180px; padding-left: 11px; border: 1px solid var(--line); border-radius: 8px; display: flex; align-items: center; gap: 8px; overflow: hidden; background: var(--panel); transition: border-color .16s ease, box-shadow .16s ease; }
.database-table-search-field:focus-within:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--accent) 70%, var(--line)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 11%, transparent); }
.database-table-search-field > svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 15px; height: 15px; flex: 0 0 auto; fill: none; stroke: var(--muted); stroke-width: 1.7; }
.database-table-search-field:focus-within > svg:where(:not([data-tabler-native], [data-tabler-native] *)){ stroke: var(--accent); }
#databaseTableSearchInput:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; min-width: 80px; height: 100% !important; min-height: 0; margin: 0; padding: 0 !important; border: 0 !important; border-radius: 0 !important; outline: 0; background: transparent !important; box-shadow: none !important; font-size: 12px; }
#databaseTableSearchInput:focus:where(:not([data-tabler-native], [data-tabler-native] *)){ border: 0 !important; box-shadow: none !important; }
.database-table-search-clear:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 30px; height: 100%; flex: 0 0 auto; padding: 0; border: 0; border-radius: 0; display: grid; place-items: center; color: var(--muted); background: transparent; }
.database-table-search-clear:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--text); background: var(--panel-2); }
.database-table-search-clear svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.database-table-search-submit:where(:not([data-tabler-native], [data-tabler-native] *)){ height: 100%; min-width: 76px; padding: 0 13px; border: 0; border-left: 1px solid var(--line); border-radius: 0; color: var(--text); background: var(--panel-2); box-shadow: none; font-size: 12px; font-weight: 750; }
.database-table-search-submit:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); background: color-mix(in srgb, var(--accent) 8%, var(--panel-2)); }
.database-table-toolbar > span:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 11px; font-weight: 700; }
.database-table-notice:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; padding: 8px 10px; border-bottom: 1px solid var(--line); color: var(--muted); background: color-mix(in srgb, var(--amber) 7%, transparent); font-size: 11px; }
.database-table-scroll:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 280px; max-height: 520px; overflow: auto; }
.database-data-table:where(:not([data-tabler-native], [data-tabler-native] *)){ width: max-content; min-width: 100%; border-collapse: collapse; font-size: 11px; }
.database-data-table th:where(:not([data-tabler-native], [data-tabler-native] *)), .database-data-table td:where(:not([data-tabler-native], [data-tabler-native] *)){ max-width: 300px; padding: 7px 9px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.database-data-table th:where(:not([data-tabler-native], [data-tabler-native] *)){ position: sticky; top: 0; z-index: 1; background: var(--panel); font-size: 11px; white-space: nowrap; }
.database-data-table th small:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-top: 2px; display: block; color: var(--muted); font-size: 7px; font-weight: 500; }
.database-data-table td > span:where(:not([data-tabler-native], [data-tabler-native] *)){ max-width: 280px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.database-data-table td.is-sensitive:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-style: italic; }
.database-null:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-family: ui-monospace, monospace; font-style: italic; }
.database-data-table .database-row-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ position: sticky; right: 0; min-width: 164px; background: var(--panel); white-space: nowrap; }
.database-data-table td.database-row-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; gap: 6px; }
.database-table-pagination:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 49px; padding: 8px 10px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: flex-end; gap: 9px; }
.database-table-pagination span:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 11px; }
.database-workspace-empty:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 330px; display: grid; place-items: center; color: var(--muted); font-size: 12px; text-align: center; }
.file-workspace:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 14px; }
.file-workspace[aria-busy="true"]:where(:not([data-tabler-native], [data-tabler-native] *)){ pointer-events: none; opacity: .72; }
.file-workspace-setup:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 260px; padding: 32px; border: 1px dashed var(--line); border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 14px; text-align: center; background: color-mix(in srgb, var(--panel-2) 42%, transparent); }
.file-workspace-setup > span:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 54px; height: 54px; border-radius: 14px; display: grid; place-items: center; background: color-mix(in srgb, var(--accent) 12%, transparent); color: var(--accent); }
.file-workspace-setup svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.4; }
.file-workspace-setup h3:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0 0 6px; font-size: 15px; }
.file-workspace-setup p:where(:not([data-tabler-native], [data-tabler-native] *)){ max-width: 620px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.file-workspace-centered-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 150px; display: grid; place-items: center; }
.file-access-status:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 13px 14px; border: 1px solid var(--line); border-radius: 8px; display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 11px; align-items: center; background: color-mix(in srgb, var(--panel-2) 70%, transparent); }
.file-access-status > span:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: color-mix(in srgb, var(--amber) 12%, transparent); color: var(--amber); }
.file-access-status.ok > span:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--accent) 12%, transparent); color: var(--accent); }
.file-access-status svg:where(:not([data-tabler-native], [data-tabler-native] *)), .file-access-mode-grid > article > span svg:where(:not([data-tabler-native], [data-tabler-native] *)), .file-workspace-head-actions svg:where(:not([data-tabler-native], [data-tabler-native] *)), .file-name-button svg:where(:not([data-tabler-native], [data-tabler-native] *)), .file-row-actions svg:where(:not([data-tabler-native], [data-tabler-native] *)), .file-breadcrumbs svg:where(:not([data-tabler-native], [data-tabler-native] *)), .file-quarantine-list svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.4; }
.file-access-status > div:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; gap: 3px; }
.file-access-status strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 13px; }
.file-access-status p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; color: var(--muted); font-size: 12px; line-height: 1.45; }
.file-access-status em:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 4px 8px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: 11px; font-style: normal; font-weight: 800; }
.file-access-mode-grid:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.file-access-mode-grid > article:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; padding: 16px; border: 1px solid var(--line); border-radius: 9px; display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; align-content: start; background: color-mix(in srgb, var(--panel-2) 54%, transparent); }
.file-access-mode-grid > article.write:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--amber) 34%, var(--line)); }
.file-access-mode-grid > article > span:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 8px; display: grid; place-items: center; color: var(--accent); }
.file-access-mode-grid > article.write > span:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); }
.file-access-mode-grid h3:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 3px 0 7px; font-size: 15px; }
.file-access-mode-grid p:not(.eyebrow):where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.file-access-mode-grid > article > button:where(:not([data-tabler-native], [data-tabler-native] *)), .file-access-mode-grid > article > div:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 1 / -1; justify-self: end; }
.file-access-mode-grid > article > div:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; gap: 8px; }
.file-workspace-head-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.file-breadcrumbs:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 38px; padding: 7px 10px; border: 1px solid var(--line); border-radius: 8px; display: flex; align-items: center; gap: 4px; overflow-x: auto; background: color-mix(in srgb, var(--panel-2) 48%, transparent); }
.file-breadcrumbs button:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 26px; padding: 4px 7px; border: 0; border-radius: 6px; display: inline-flex; align-items: center; gap: 5px; color: var(--muted); background: transparent; box-shadow: none; font-size: 11px; font-weight: 750; white-space: nowrap; }
.file-breadcrumbs button:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .file-breadcrumbs button:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--text); background: color-mix(in srgb, var(--accent) 8%, transparent); }
.file-breadcrumbs > svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 12px; height: 12px; flex: 0 0 auto; color: var(--muted); }
.file-table-scroll:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 320px; max-height: 560px; border: 1px solid var(--line); border-radius: 9px; overflow: auto; background: color-mix(in srgb, var(--panel-2) 22%, transparent); }
.file-table:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; border-collapse: collapse; font-size: 11px; }
.file-table th:where(:not([data-tabler-native], [data-tabler-native] *)), .file-table td:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 42px; padding: 8px 10px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: middle; }
.file-table th:where(:not([data-tabler-native], [data-tabler-native] *)){ position: sticky; top: 0; z-index: 1; color: var(--muted); background: var(--panel); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; white-space: nowrap; }
.file-table th:first-child:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; }
.file-table td:not(:first-child):where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); white-space: nowrap; }
.file-name-button:where(:not([data-tabler-native], [data-tabler-native] *)){ max-width: min(620px, 52vw); min-height: 30px; padding: 4px 7px; border: 0; display: inline-flex; align-items: center; gap: 8px; overflow: hidden; color: var(--text); background: transparent; box-shadow: none; text-align: left; }
.file-name-button:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); background: color-mix(in srgb, var(--accent) 7%, transparent); }
.file-name-button svg:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: 0 0 auto; color: var(--accent); }
.file-name-button span:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.file-row-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; justify-content: flex-end; gap: 5px; }
.file-row-actions button:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 30px; height: 30px; min-height: 0; padding: 0; border: 1px solid var(--line); border-radius: 7px; display: grid; place-items: center; color: var(--muted); background: transparent; box-shadow: none; }
.file-row-actions button:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--text); background: var(--panel-2); }
.file-row-actions button.danger:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--danger) 42%, var(--line)); color: var(--danger); background: color-mix(in srgb, var(--danger) 7%, transparent); }
.file-row-actions svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 14px; height: 14px; }
.file-quarantine-list:where(:not([data-tabler-native], [data-tabler-native] *)){ border-top: 1px solid var(--line); }
.file-quarantine-list > div:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.file-quarantine-list > div > span:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 11px; font-weight: 800; }
.file-quarantine-list article:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 58px; padding: 9px 0; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 10px; align-items: center; }
.file-quarantine-list article > span:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center; color: var(--amber); background: color-mix(in srgb, var(--amber) 9%, transparent); }
.file-quarantine-list article.blocked:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); }
.file-quarantine-list article.blocked > span:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); background: color-mix(in srgb, var(--danger) 9%, transparent); }
.file-quarantine-list article > div:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; gap: 3px; }
.file-quarantine-list strong:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.file-quarantine-list small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 10px; line-height: 1.4; }
.file-quarantine-list code:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: hidden; color: var(--muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.file-dialog-field:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 6px; color: var(--muted); font-size: 12px; font-weight: 700; }
.file-dialog-field input:where(:not([data-tabler-native], [data-tabler-native] *)), .file-dialog-field textarea:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; }
.file-change-diff:where(:not([data-tabler-native], [data-tabler-native] *)){ max-height: min(42vh, 420px); margin: 0; padding: 12px; border: 1px solid var(--line); border-radius: 8px; overflow: auto; background: color-mix(in srgb, var(--panel-2) 65%, transparent); color: var(--text); font: 9px/1.5 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; white-space: pre; }

@media (max-width: 1100px) { .site-workspace-user-head:where(:not([data-tabler-native], [data-tabler-native] *)), .site-workspace-activity-head:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; } .site-workspace-user-row:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: minmax(230px, 1fr) 160px; } .site-workspace-user-row > time:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; } .site-workspace-activity-row:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 125px minmax(240px, 1fr) 120px; } .site-workspace-activity-row > span:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; } }
@media (max-width: 820px) { .database-access-mode-grid:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; } .database-write-gate:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; } .database-workspace-layout:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; } .database-table-list:where(:not([data-tabler-native], [data-tabler-native] *)){ max-height: 210px; border-right: 0; border-bottom: 1px solid var(--line); } }
@media (max-width: 620px) { .database-access-status:where(:not([data-tabler-native], [data-tabler-native] *)), .database-access-session-list article:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; } .database-access-status > span:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; } .database-access-status em:where(:not([data-tabler-native], [data-tabler-native] *)){ justify-self: start; } .database-access-mode-grid > article:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; } .database-access-mode-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; } .database-access-write-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: stretch; flex-direction: column; } .database-access-write-actions button:where(:not([data-tabler-native], [data-tabler-native] *)), .database-access-write-actions a:where(:not([data-tabler-native], [data-tabler-native] *)), .database-access-mode-grid > article > button:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; justify-self: stretch; } .database-access-session-list .danger-button:where(:not([data-tabler-native], [data-tabler-native] *)){ justify-self: start; } .database-workspace-summary:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; } .database-table-toolbar:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: stretch; flex-direction: column; } .database-table-search:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; } .database-table-toolbar > span:where(:not([data-tabler-native], [data-tabler-native] *)){ align-self: flex-end; } }
@media (max-width: 900px) { .site-workspace-two-column:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; } .wp-config-editor:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 190px minmax(0, 1fr); } .wp-config-setting:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; } }
@media (max-width: 1100px) { .site-monitoring-metrics:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .site-monitoring-head:where(:not([data-tabler-native], [data-tabler-native] *)), .site-monitoring-history > header:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: stretch; flex-direction: column; } .site-monitoring-head > button:where(:not([data-tabler-native], [data-tabler-native] *)){ align-self: flex-start; } .site-monitoring-ranges:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow-x: auto; } .site-monitoring-chart svg:where(:not([data-tabler-native], [data-tabler-native] *)){ height: 150px; } }
@media (max-width: 520px) { .site-monitoring-metrics:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; } .site-monitoring-ranges:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: 1fr; } .site-monitoring-ranges button:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; } .site-monitoring-state-banner:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 32px minmax(0, 1fr); } .site-monitoring-state-banner > span:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 32px; height: 32px; } .site-monitoring-incident p:where(:not([data-tabler-native], [data-tabler-native] *)), .site-monitoring-state-banner em:where(:not([data-tabler-native], [data-tabler-native] *)){ white-space: normal; } }
@media (max-width: 900px) { .site-security-grid:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; } }
@media (max-width: 760px) { .site-security-head:where(:not([data-tabler-native], [data-tabler-native] *)), .site-security-events > header:where(:not([data-tabler-native], [data-tabler-native] *)), .site-security-meta:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: flex-start; flex-direction: column; } .site-security-summary:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 38px minmax(0, 1fr); } .site-security-summary > span:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 38px; height: 38px; } .site-security-summary time:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 2; } }
@media (max-width: 520px) { .site-security-events li:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 7px minmax(0, 1fr); } .site-security-events time:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 2; } .site-security-events small:where(:not([data-tabler-native], [data-tabler-native] *)){ white-space: normal; } }
@media (max-width: 980px) { .code-snippet-layout:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 210px minmax(0, 1fr); } .code-snippet-fields:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; } .code-snippet-fields > label.wide:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: auto; } }
@media (max-width: 1040px) { .central-snippet-library .code-snippet-library-status-filter:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 1 / -1; justify-self: end; } }
@media (max-width: 760px) { .site-workspace-navigation:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; overflow-x: auto; overflow-y: hidden; } .site-workspace-sidebar-site:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; } .site-workspace-back:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0 8px 0 0; } .site-workspace-view:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: auto; } .site-workspace-header:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: flex-start; flex-direction: column; } .site-workspace-users:where(:not([data-tabler-native], [data-tabler-native] *)), .code-snippet-workspace:where(:not([data-tabler-native], [data-tabler-native] *)), .wp-config-workspace:where(:not([data-tabler-native], [data-tabler-native] *)){ height: auto; min-height: 560px; } .wp-config-presets:where(:not([data-tabler-native], [data-tabler-native] *)){ flex-wrap: wrap; } .wp-config-presets small:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; max-width: none; margin-left: 0; text-align: left; } .wp-config-editor:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; overflow: visible; } .wp-config-groups:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: repeat(2, minmax(0, 1fr)); border-right: 0; border-bottom: 1px solid var(--line); overflow: visible; } .wp-config-settings:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: visible; } .htaccess-revisions:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-top: 0; border-top: 0; } }
@media (max-width: 760px) {
.file-access-mode-grid:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; } .file-access-status:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 30px minmax(0, 1fr); } .file-access-status em:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 2; justify-self: start; } .file-workspace-head-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; justify-content: flex-start; } .file-table-scroll:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 280px; } .file-table th:nth-child(2):where(:not([data-tabler-native], [data-tabler-native] *)), .file-table th:nth-child(3):where(:not([data-tabler-native], [data-tabler-native] *)), .file-table td:nth-child(2):where(:not([data-tabler-native], [data-tabler-native] *)), .file-table td:nth-child(3):where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; } .file-name-button:where(:not([data-tabler-native], [data-tabler-native] *)){ max-width: 56vw; } .file-quarantine-list article:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 30px minmax(0, 1fr); } .file-quarantine-list article > button:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 2; justify-self: start; } }
@media (max-width: 620px) { .site-workspace-user-tools:where(:not([data-tabler-native], [data-tabler-native] *)), .site-workspace-user-row:where(:not([data-tabler-native], [data-tabler-native] *)), .site-workspace-activity-row:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; } .site-workspace-user-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ justify-content: flex-start; } .site-workspace-settings-actions [data-delete-site]:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-left: 0; } .site-workspace-user-pagination:where(:not([data-tabler-native], [data-tabler-native] *)), .site-workspace-activity-pagination:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: flex-start; flex-direction: column; gap: 8px; } .code-snippet-head:where(:not([data-tabler-native], [data-tabler-native] *)), .wp-config-head:where(:not([data-tabler-native], [data-tabler-native] *)), .wp-config-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: flex-start; flex-direction: column; } .code-snippet-head-actions:where(:not([data-tabler-native], [data-tabler-native] *)), .wp-config-head-actions:where(:not([data-tabler-native], [data-tabler-native] *)), .wp-config-actions > div:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; } .code-snippet-head-actions button:where(:not([data-tabler-native], [data-tabler-native] *)), .wp-config-actions button:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: 1 1 auto; } .code-snippet-layout:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 0; grid-template-columns: 1fr; } .code-snippet-list:where(:not([data-tabler-native], [data-tabler-native] *)){ max-height: 230px; overflow: auto; border-right: 0; border-bottom: 1px solid var(--line); } .code-snippet-version-row:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; } .code-snippet-editor-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: stretch; flex-direction: column-reverse; } .code-snippet-editor-actions-left:where(:not([data-tabler-native], [data-tabler-native] *)), .code-snippet-editor-actions-right:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; } .code-snippet-editor-actions-right:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-left: 0; flex-wrap: wrap; } .code-snippet-editor-actions button:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: 1 1 auto; } .wp-config-file-status:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 30px minmax(0, 1fr); } .wp-config-file-status > code:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; } .wp-config-groups:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; } }
@media (max-width: 620px) { .site-workspace-takeover-progress:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 30px minmax(0, 1fr); padding: 12px; } .site-workspace-takeover-spinner:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 30px; height: 30px; } .site-workspace-takeover-percent:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 2; min-width: 0; text-align: left; } .site-workspace-takeover-steps:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; } }
@media (max-width: 760px) { html[data-dashboard-view="libraries"] main:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 0; } .libraries-view:where(:not([data-tabler-native], [data-tabler-native] *)){ height: auto; min-height: 0; } .libraries-header:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: flex-start; flex-direction: column; } .libraries-header > p:where(:not([data-tabler-native], [data-tabler-native] *)){ text-align: left; } .libraries-tabs:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; } .libraries-panel-head:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: flex-start; flex-direction: column; } .central-snippet-library:where(:not([data-tabler-native], [data-tabler-native] *)){ height: auto; min-height: 620px; } .central-snippet-library .code-snippet-library-status-filter:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: auto; width: 100%; justify-self: stretch; } .central-snippet-library .code-snippet-library-status-filter button:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; flex: 1 1 0; } .library-expansion-placeholder:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: flex-start; flex-direction: column; } }

.app-update-notice:where(:not([data-tabler-native], [data-tabler-native] *)){ position: fixed; left: 50%; bottom: 24px; width: min(760px, calc(100vw - 48px)); transform: translateX(-50%); z-index: 9999; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 16px 18px; border: 1px solid var(--accent); border-radius: 11px; background: var(--panel-2); color: var(--text); box-shadow: 0 18px 50px rgba(0,0,0,.48); }
.app-update-notice[hidden]:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; }
.app-update-notice > div:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; gap: 4px; }
.app-update-notice strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); font-size: 14px; }
.app-update-notice span:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 13px; line-height: 1.45; }
.app-update-notice .primary:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: 0 0 auto; white-space: nowrap; }
@media (max-width: 600px) { .app-update-notice:where(:not([data-tabler-native], [data-tabler-native] *)){ bottom: 12px; width: calc(100vw - 24px); align-items: stretch; flex-direction: column; gap: 12px; } .app-update-notice .primary:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; } }
@media (max-width: 1100px) { .metrics:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: repeat(2, 1fr); } .content-grid:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; } .right-column:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr 1fr; } .system-status-grid:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: repeat(2, minmax(0, 1fr)); } .user-directory-tools:where(:not([data-tabler-native], [data-tabler-native] *)), .site-directory-tools:where(:not([data-tabler-native], [data-tabler-native] *)), .activity-tools:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr 1fr; } }
@media (max-width: 1100px) { .content-grid.overview-layout .right-column:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; } }
@media (max-width: 760px) { .sidebar:where(:not([data-tabler-native], [data-tabler-native] *)){ position: static; width: auto; height: auto; padding: 16px; border-radius: 0; flex-direction: row; align-items: center; overflow-x: auto; } .brand:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 0 14px 0 0; } .brand > span:last-child:where(:not([data-tabler-native], [data-tabler-native] *)), .sidebar-account:where(:not([data-tabler-native], [data-tabler-native] *)), .sidebar-collapse-control:where(:not([data-tabler-native], [data-tabler-native] *)), .sidebar-resize-handle:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; } nav:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; } .sidebar-foot:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; margin: 0; padding: 0; border: 0; } .nav-link:where(:not([data-tabler-native], [data-tabler-native] *)){ white-space: nowrap; } main:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; padding: 8px 8px 8px 0; } .topbar:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: flex-end; } .metrics:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr 1fr; } .site-row:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr auto; } .site-meta:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; } .right-column:where(:not([data-tabler-native], [data-tabler-native] *)), .content-grid.overview-layout .right-column:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; } }
@media (max-width: 520px) { .topbar:where(:not([data-tabler-native], [data-tabler-native] *)), .users-header:where(:not([data-tabler-native], [data-tabler-native] *)), .settings-header:where(:not([data-tabler-native], [data-tabler-native] *)), .settings-card-head:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 18px; } .topbar-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; justify-content: stretch; } .topbar-actions > button:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; justify-content: center; } .users-header-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ max-width: none; display: grid; justify-content: stretch; } .users-header-actions p:where(:not([data-tabler-native], [data-tabler-native] *)){ text-align: left; } .metrics:where(:not([data-tabler-native], [data-tabler-native] *)), .storage-metrics:where(:not([data-tabler-native], [data-tabler-native] *)), .system-status-grid:where(:not([data-tabler-native], [data-tabler-native] *)), .system-status-foot:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; } .system-status-head:where(:not([data-tabler-native], [data-tabler-native] *)){ justify-content: flex-start; } .panel-head:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: flex-start; flex-direction: column; } .search:where(:not([data-tabler-native], [data-tabler-native] *)), .search input:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; } .site-row:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; } .row-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ padding-left: 50px; } .user-directory-tools:where(:not([data-tabler-native], [data-tabler-native] *)), .site-directory-tools:where(:not([data-tabler-native], [data-tabler-native] *)), .activity-tools:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; } .user-role-tabs:where(:not([data-tabler-native], [data-tabler-native] *)), .site-connection-tabs:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow-x: auto; } .user-pagination:where(:not([data-tabler-native], [data-tabler-native] *)), .site-pagination:where(:not([data-tabler-native], [data-tabler-native] *)), .activity-pagination:where(:not([data-tabler-native], [data-tabler-native] *)), .site-detail-panel:where(:not([data-tabler-native], [data-tabler-native] *)), .storage-settings-actions:where(:not([data-tabler-native], [data-tabler-native] *)), .component-connectors-head:where(:not([data-tabler-native], [data-tabler-native] *)), .component-overview-foot:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: stretch; flex-direction: column; } .user-pagination > div:where(:not([data-tabler-native], [data-tabler-native] *)), .site-pagination > div:where(:not([data-tabler-native], [data-tabler-native] *)), .activity-pagination > div:where(:not([data-tabler-native], [data-tabler-native] *)){ justify-content: space-between; } .site-detail-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ justify-content: flex-start; } .site-detail-delete:where(:not([data-tabler-native], [data-tabler-native] *)){ align-self: flex-end; } .activity-detail-row dl:where(:not([data-tabler-native], [data-tabler-native] *)), .storage-errors li:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; } .component-version-item:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 9px minmax(0, 1fr); } .component-version-meta:where(:not([data-tabler-native], [data-tabler-native] *)), .component-version-item > .component-status-label:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 2; justify-self: start; } .component-connector-row:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 9px minmax(0, 1fr) auto; } .component-connector-row > .component-status-label:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 2 / -1; justify-self: start; } .component-connectors-head > div:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){ justify-content: flex-start; } .release-entry summary:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 11px minmax(0, 1fr) auto; } .release-entry time:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 2; }.release-type:where(:not([data-tabler-native], [data-tabler-native] *)), .release-current:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 2 / -1; justify-self: start; } .release-entry ul:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-left: 24px; } }
@media (max-width: 700px) {
  .site-tags-dialog:where(:not([data-tabler-native], [data-tabler-native] *)){ width: calc(100vw - 20px); }
  .site-tags-dialog .dialog-head:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 17px 18px 14px; }
  .site-tags-intro:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 13px 18px 0; }
  .site-tag-list:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 12px 18px 0; }
  .site-tag-manager-row:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 34px minmax(0, 1fr); }
  .site-tag-manager-row span:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 2; text-align: left; }
  .site-tag-manager-row .secondary:where(:not([data-tabler-native], [data-tabler-native] *)), .site-tag-manager-row .danger-action:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 1 / -1; }
  .site-tag-create-row:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 34px minmax(0, 1fr); margin: 10px 18px 0; }
  .site-tag-create-row .primary:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 1 / -1; width: 100%; }
  .site-tags-dialog .settings-message:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 7px 18px 0; }
  .site-tags-dialog .dialog-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 13px 18px; }
}
@media (max-width: 520px) { .user-row-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: stretch; flex-direction: column; } .customer-actions-menu > div:where(:not([data-tabler-native], [data-tabler-native] *)){ left: 0; right: auto; } }
@media (max-width: 520px) { .restore-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: 1fr; } .restore-actions .danger-button:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; width: 100%; } }
@media (max-width: 700px) { .attention-system-item:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: auto minmax(0, 1fr); } .attention-system-item .attention-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 1 / -1; justify-content: flex-start; padding-left: 40px; } }
@media (max-width: 1050px) { .onboarding-checklist:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 1050px) { .support-metrics:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) {
.onboarding-checklist:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; } .onboarding-progress-copy:where(:not([data-tabler-native], [data-tabler-native] *)){ justify-items: start; } }
@media (max-width: 1100px) { .site-directory-tools:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: minmax(0, 1fr) auto; } .site-directory-tool-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ justify-self: end; } .site-filter-status:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 1 / -1; } }
@media (max-width: 700px) { .site-version-column:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; } .site-mobile-wordpress-version:where(:not([data-tabler-native], [data-tabler-native] *)), .site-mobile-php-version:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-flex; } }
@media (max-width: 760px) {
  .site-directory:where(:not([data-tabler-native], [data-tabler-native] *)){ height: auto; display: block; overflow: visible; }
  .site-list-scroll:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: visible; scrollbar-gutter: auto; box-shadow: none !important; }
  .site-grid-wrap:where(:not([data-tabler-native], [data-tabler-native] *)), .site-pinned-grid-wrap:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow-x: auto; overflow-y: visible; scrollbar-gutter: auto; box-shadow: none !important; }
  .site-grid-header:where(:not([data-tabler-native], [data-tabler-native] *)){ position: static; }
  .site-pagination:where(:not([data-tabler-native], [data-tabler-native] *)){ box-shadow: none; }
}
@media (max-width: 760px) {
  .library-marketplace-head:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; }
  .library-marketplace-head .libraries-tabs:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .library-marketplace-head-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; }
  .library-marketplace-head-actions button:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: 1 1 0; justify-content: center; }
  .library-marketplace-toolbar:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; }
  .site-plugin-policy:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: stretch; flex-direction: column; }
  .site-plugin-policy-toggle:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; }
}
@media (max-width: 520px) {
  .library-marketplace-head .libraries-tabs:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; }
  .library-marketplace-head-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: stretch; flex-direction: column; }
  .library-marketplace-grid:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
  .site-workspace-title-row:where(:not([data-tabler-native], [data-tabler-native] *)){ flex-wrap: wrap; }
  .site-workspace-title-row h1:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: 1 1 calc(100% - 40px); }
  .site-workspace-environment-switch:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-left: 33px; }
}

/* Feste Button-Basis: Aktionsbuttons bleiben in allen Themes flach. */
.primary:where(:not([data-tabler-native], [data-tabler-native] *)),
.secondary:where(:not([data-tabler-native], [data-tabler-native] *)),
.danger-button:where(:not([data-tabler-native], [data-tabler-native] *)){
    box-shadow: none !important;
    font-size: 13px;
    font-weight: 500;
}


/* Tabler integration: 60-site-workspace.css */

html[data-design-system="tabler"][data-dashboard-view="site-workspace"] :is(body,.site-workspace-view):where(:not([data-tabler-native], [data-tabler-native] *)){background:var(--bg)}
html[data-design-system="tabler"] .site-workspace-header:where(:not([data-tabler-native], [data-tabler-native] *)){padding:16px 20px;border-radius:8px;background:var(--panel);min-height:72px}
html[data-design-system="tabler"] .site-workspace-header h1:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:20px;letter-spacing:0}
html[data-design-system="tabler"] .site-workspace-panel:where(:not([data-tabler-native], [data-tabler-native] *)){padding:24px;background:var(--panel);border-radius:8px}
html[data-design-system="tabler"] .site-workspace-panel .panel-head:where(:not([data-tabler-native], [data-tabler-native] *)){padding:0 0 20px}
html[data-design-system="tabler"] :is(.site-security-card,.site-security-finding,.wp-config-setting,.site-component-row,.database-access-mode,.file-access-mode-grid>article):where(:not([data-tabler-native], [data-tabler-native] *)){border-color:var(--line);border-radius:6px;background:var(--panel)}
html[data-design-system="tabler"] :is(.site-component-row,.site-workspace-user-row):where(:not([data-tabler-native], [data-tabler-native] *)){min-height:56px;padding-block:12px;font-size:13px}
html[data-design-system="tabler"] :is(.site-security-finding,.site-staging-card):where(:not([data-tabler-native], [data-tabler-native] *)){padding:16px}
html[data-design-system="tabler"] .site-security-finding :is(strong,h3):where(:not([data-tabler-native], [data-tabler-native] *)){font-size:14px}
html[data-design-system="tabler"] .site-security-finding p:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:13px}
html[data-design-system="tabler"] .site-security-finding.critical:where(:not([data-tabler-native], [data-tabler-native] *)){border-color:color-mix(in srgb,var(--danger) 45%,var(--line));background:color-mix(in srgb,var(--danger) 4%,var(--panel))}
html[data-design-system="tabler"] .site-security-finding.warning:where(:not([data-tabler-native], [data-tabler-native] *)){border-color:color-mix(in srgb,var(--amber) 45%,var(--line));background:color-mix(in srgb,var(--amber) 4%,var(--panel))}
html[data-design-system="tabler"] :is(.wp-config-groups,.htaccess-revisions,.code-snippet-list,.libraries-tabs):where(:not([data-tabler-native], [data-tabler-native] *)){background:var(--panel-2);border-color:var(--line)}
html[data-design-system="tabler"] :is(.wp-config-setting,.site-performance-result):where(:not([data-tabler-native], [data-tabler-native] *)){border-radius:6px}
html[data-design-system="tabler"] .code-snippet-editor-actions:where(:not([data-tabler-native], [data-tabler-native] *)){border-top:0;min-height:49px;padding-top:14px}
@media(max-width:760px){html[data-design-system="tabler"] .site-workspace-panel:where(:not([data-tabler-native], [data-tabler-native] *)){padding:16px}html[data-design-system="tabler"] .site-workspace-header:where(:not([data-tabler-native], [data-tabler-native] *)){padding:16px}}

/* Actionable findings and PageSpeed reports share Tabler cards and table rhythm. */
html[data-design-system="tabler"] .site-security-action-list:where(:not([data-tabler-native], [data-tabler-native] *)){list-style:none;margin:0;padding:0;display:grid;gap:12px}
html[data-design-system="tabler"] .site-security-action-list .site-security-finding:where(:not([data-tabler-native], [data-tabler-native] *)){grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px}
html[data-design-system="tabler"] .site-security-finding-copy:where(:not([data-tabler-native], [data-tabler-native] *)){display:grid;gap:4px;min-width:0}
html[data-design-system="tabler"] .site-security-finding-copy small:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:12px;color:var(--muted);line-height:1.5}
html[data-design-system="tabler"] .site-security-finding button:where(:not([data-tabler-native], [data-tabler-native] *)){white-space:nowrap}
html[data-design-system="tabler"] .site-security-all:where(:not([data-tabler-native], [data-tabler-native] *)){border-top:1px solid var(--line);padding-top:16px;margin-top:20px}
html[data-design-system="tabler"] .site-security-all summary:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:13px;font-weight:600;cursor:pointer;margin-bottom:16px}
html[data-design-system="tabler"] .panel-head>button:where(:not([data-tabler-native], [data-tabler-native] *)){flex-shrink:0;white-space:nowrap}
html[data-design-system="tabler"] .performance-workspace:where(:not([data-tabler-native], [data-tabler-native] *)){display:grid;gap:24px}
html[data-design-system="tabler"] .performance-toolbar:where(:not([data-tabler-native], [data-tabler-native] *)){display:flex;flex-wrap:wrap;align-items:center;gap:16px;color:var(--muted);font-size:13px}
html[data-design-system="tabler"] .performance-devices:where(:not([data-tabler-native], [data-tabler-native] *)){display:flex;gap:8px}
html[data-design-system="tabler"] .performance-devices .active:where(:not([data-tabler-native], [data-tabler-native] *)){background:var(--selected-bg);color:var(--blue);border-color:var(--blue)}
html[data-design-system="tabler"] :is(.performance-result,.performance-field,.performance-empty):where(:not([data-tabler-native], [data-tabler-native] *)){border:1px solid var(--line);border-radius:8px;background:var(--panel-2);padding:20px}
html[data-design-system="tabler"] .performance-score:where(:not([data-tabler-native], [data-tabler-native] *)){display:flex;align-items:center;gap:24px;margin-bottom:16px}
html[data-design-system="tabler"] .performance-score>strong:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:38px;font-weight:600;line-height:1}
html[data-design-system="tabler"] .performance-score small:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:13px;color:var(--muted)}
html[data-design-system="tabler"] .performance-score p:where(:not([data-tabler-native], [data-tabler-native] *)){margin:4px 0;font-size:13px}
html[data-design-system="tabler"] .performance-score .good:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--accent)}
html[data-design-system="tabler"] .performance-score .average:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--amber)}
html[data-design-system="tabler"] .performance-score .poor:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--danger)}
html[data-design-system="tabler"] .performance-metrics:where(:not([data-tabler-native], [data-tabler-native] *)){display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
html[data-design-system="tabler"] .performance-metrics>div:where(:not([data-tabler-native], [data-tabler-native] *)){display:grid;gap:6px;align-content:start}
html[data-design-system="tabler"] .performance-metrics :is(span,small):where(:not([data-tabler-native], [data-tabler-native] *)){font-size:12px;color:var(--muted)}
html[data-design-system="tabler"] .performance-metrics strong:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:20px;font-weight:600}
html[data-design-system="tabler"] .performance-workspace .site-security-finding:where(:not([data-tabler-native], [data-tabler-native] *)){grid-template-columns:minmax(0,1fr)}
html[data-design-system="tabler"] .performance-workspace :is(h3,p):where(:not([data-tabler-native], [data-tabler-native] *)){margin:0 0 12px}
html[data-design-system="tabler"] .performance-workspace h3:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:16px;font-weight:600}
html[data-design-system="tabler"] .performance-workspace summary:where(:not([data-tabler-native], [data-tabler-native] *)){cursor:pointer;font-size:13px}
html[data-design-system="tabler"] :is(.performance-details,.performance-settings):where(:not([data-tabler-native], [data-tabler-native] *)){padding-top:16px;border-top:1px solid var(--line)}
html[data-design-system="tabler"] :is(.performance-notice,.performance-error):where(:not([data-tabler-native], [data-tabler-native] *)){padding:12px 16px;border:1px solid color-mix(in srgb,var(--amber) 40%,var(--line));border-radius:6px;color:var(--amber);background:color-mix(in srgb,var(--amber) 6%,var(--panel))}
html[data-design-system="tabler"] .performance-error:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--danger);border-color:var(--danger)}
html[data-design-system="tabler"] .performance-history-scroll:where(:not([data-tabler-native], [data-tabler-native] *)){overflow:auto;border:1px solid var(--line);border-radius:6px}
html[data-design-system="tabler"] .performance-history table:where(:not([data-tabler-native], [data-tabler-native] *)){width:100%;border-collapse:collapse;font-size:13px}
html[data-design-system="tabler"] .performance-history :is(th,td):where(:not([data-tabler-native], [data-tabler-native] *)){padding:12px 16px;border-bottom:1px solid var(--line);text-align:left}
html[data-design-system="tabler"] .performance-history th:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:11px;text-transform:uppercase;color:var(--muted);background:var(--panel-2)}
html[data-design-system="tabler"] .performance-settings form:where(:not([data-tabler-native], [data-tabler-native] *)){display:grid;gap:8px}
html[data-design-system="tabler"] .performance-settings form>div:where(:not([data-tabler-native], [data-tabler-native] *)){display:flex;flex-wrap:wrap;gap:8px}
html[data-design-system="tabler"] .performance-settings input:where(:not([data-tabler-native], [data-tabler-native] *)){flex:1;min-width:200px;border:1px solid var(--line);border-radius:5px;padding:8px 12px;background:var(--panel);color:var(--text)}
@media(max-width:1300px){html[data-design-system="tabler"] .site-workspace-header:where(:not([data-tabler-native], [data-tabler-native] *)){align-items:flex-start;flex-direction:column;gap:12px}html[data-design-system="tabler"] .site-workspace-heading:where(:not([data-tabler-native], [data-tabler-native] *)){width:100%}html[data-design-system="tabler"] .performance-metrics:where(:not([data-tabler-native], [data-tabler-native] *)){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){html[data-design-system="tabler"] .site-security-action-list .site-security-finding:where(:not([data-tabler-native], [data-tabler-native] *)){grid-template-columns:24px minmax(0,1fr)}html[data-design-system="tabler"] .site-security-finding>button:where(:not([data-tabler-native], [data-tabler-native] *)){grid-column:2;justify-self:start}html[data-design-system="tabler"] .performance-workspace .site-security-finding:where(:not([data-tabler-native], [data-tabler-native] *)){grid-template-columns:minmax(0,1fr)}html[data-design-system="tabler"] .performance-metrics:where(:not([data-tabler-native], [data-tabler-native] *)){grid-template-columns:1fr 1fr}html[data-design-system="tabler"] .performance-score:where(:not([data-tabler-native], [data-tabler-native] *)){gap:16px}html[data-design-system="tabler"] .site-security-summary time:where(:not([data-tabler-native], [data-tabler-native] *)){grid-column:2}}

/* WordPress.org repository: shared Tabler surfaces and bounded media. */
.library-marketplace-head .libraries-tabs:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns:repeat(4,minmax(0,1fr)); width:min(760px,100%); }
.library-marketplace.repository-active:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-rows:auto minmax(0,1fr); }
#wordPressRepositoryPanel:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width:0; min-height:0; display:grid; grid-template-rows:auto auto minmax(0,1fr) auto; overflow:hidden; }
.repository-toolbar:where(:not([data-tabler-native], [data-tabler-native] *)){ display:grid; grid-template-columns:minmax(0,1fr) 210px auto; gap:12px; padding:16px; border-bottom:1px solid var(--line); }
.repository-toolbar .search:where(:not([data-tabler-native], [data-tabler-native] *)){ width:100%; min-width:0; }
.repository-toolbar .search svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width:18px; height:18px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.5; }
.repository-toolbar input:where(:not([data-tabler-native], [data-tabler-native] *)),.repository-toolbar select:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width:0; width:100%; color:var(--text); background:var(--panel); border:1px solid var(--line); border-radius:5px; padding:9px 12px; }
.repository-toolbar .search input:where(:not([data-tabler-native], [data-tabler-native] *)){ border:0; background:transparent; }
.repository-source:where(:not([data-tabler-native], [data-tabler-native] *)){ margin:0; padding:12px 16px; color:var(--muted); font-size:12px; }
.repository-grid:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height:0; overflow:auto; display:grid; grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr)); gap:16px; padding:0 16px 16px; align-content:start; }
.repository-card:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width:0; display:flex; flex-direction:column; gap:16px; padding:16px; border:1px solid var(--line); border-radius:8px; background:var(--panel); color:var(--text); text-align:left; box-shadow:none; }
.repository-card:hover:where(:not([data-tabler-native], [data-tabler-native] *)),.repository-card:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color:var(--blue); background:var(--panel-2); }
.repository-card-head:where(:not([data-tabler-native], [data-tabler-native] *)){ display:flex; gap:12px; align-items:center; min-width:0; }
.repository-card-head > img:where(:not([data-tabler-native], [data-tabler-native] *)),.repository-card-head > svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width:56px; height:56px; flex:0 0 56px; object-fit:contain; border-radius:8px; }
.repository-card-head > span:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width:0; display:grid; gap:4px; }
.repository-card-head strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size:14px; line-height:1.4; overflow-wrap:anywhere; }
.repository-card-head small:where(:not([data-tabler-native], [data-tabler-native] *)){ color:var(--muted); font-size:12px; }
.repository-description:where(:not([data-tabler-native], [data-tabler-native] *)){ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; font-size:13px; line-height:1.5; }
.repository-facts:where(:not([data-tabler-native], [data-tabler-native] *)),.repository-card-footer:where(:not([data-tabler-native], [data-tabler-native] *)){ display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; color:var(--muted); font-size:12px; }
.repository-facts:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-top:auto; }
.repository-card-footer:where(:not([data-tabler-native], [data-tabler-native] *)){ border-top:1px solid var(--line); padding-top:12px; width:100%; }
.repository-card-footer > span:where(:not([data-tabler-native], [data-tabler-native] *)){ color:var(--blue); }
.repository-pagination:where(:not([data-tabler-native], [data-tabler-native] *)){ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 16px; border-top:1px solid var(--line); font-size:13px; }
@media(max-width:760px) {
 .library-marketplace-head .libraries-tabs:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns:repeat(2,minmax(0,1fr)); }
 .repository-toolbar:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns:minmax(0,1fr) auto; }
 .repository-toolbar .search:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column:1/-1; }
 .repository-pagination:where(:not([data-tabler-native], [data-tabler-native] *)){ flex-wrap:wrap; }
}

/* Complete feature states using existing Tabler tokens. */
.component-selection-bar:where(:not([data-tabler-native], [data-tabler-native] *)){ display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:16px; border:1px solid var(--line); border-radius:8px; background:var(--panel-2); }
.component-selection-bar label:where(:not([data-tabler-native], [data-tabler-native] *)){ display:flex; align-items:center; gap:8px; font-size:13px; }
.component-selection-bar > span:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-right:auto; color:var(--muted); font-size:13px; }
.component-select:where(:not([data-tabler-native], [data-tabler-native] *)),.component-selection-bar input[type=checkbox]:where(:not([data-tabler-native], [data-tabler-native] *)){ width:18px; height:18px; margin:0; accent-color:var(--primary); }
.component-select-placeholder:where(:not([data-tabler-native], [data-tabler-native] *)){ display:inline-block; width:18px; flex:0 0 18px; }
.site-monitoring-chart .monitoring-maintenance-band:where(:not([data-tabler-native], [data-tabler-native] *)){ fill:var(--amber); fill-opacity:.12; }
.monitoring-legend:where(:not([data-tabler-native], [data-tabler-native] *)){ display:flex; flex-wrap:wrap; gap:12px; color:var(--blue); }
.monitoring-legend .degraded:where(:not([data-tabler-native], [data-tabler-native] *)),.monitoring-legend .maintenance:where(:not([data-tabler-native], [data-tabler-native] *)){ color:var(--amber); }
.monitoring-legend .down:where(:not([data-tabler-native], [data-tabler-native] *)){ color:var(--danger); }
.site-monitoring-chart figcaption:where(:not([data-tabler-native], [data-tabler-native] *)){ flex-wrap:wrap; gap:12px; font-size:12px; line-height:1.5; }
.monitoring-calculation-note:where(:not([data-tabler-native], [data-tabler-native] *)){ color:var(--muted); font-size:12px; line-height:1.5; }
.site-security-clear:where(:not([data-tabler-native], [data-tabler-native] *)){ padding:16px; border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line)); border-radius:8px; background:color-mix(in srgb,var(--accent) 7%,var(--panel)); color:var(--text); }
.site-workspace-load-error:where(:not([data-tabler-native], [data-tabler-native] *)){ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:20px; padding:20px; border:1px solid color-mix(in srgb,var(--danger) 40%,var(--line)); border-radius:8px; background:var(--panel); }
.site-workspace-load-error > div:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width:0; flex:1 1 280px; overflow-wrap:anywhere; }
.site-workspace-load-error p:where(:not([data-tabler-native], [data-tabler-native] *)){ line-height:1.5; }
@media(max-width:760px) { .component-selection-bar > button:where(:not([data-tabler-native], [data-tabler-native] *)){flex:1 1 200px}.site-workspace-load-error>button:where(:not([data-tabler-native], [data-tabler-native] *)){width:100%} }

/* One vertical rhythm from workspace header through overview sections. */
html[data-design-system="tabler"] :is(.site-workspace-view,.site-workspace-content):where(:not([data-tabler-native], [data-tabler-native] *)){ gap:16px; }

/* Short user lists size to content; only long lists need scrolling. */
html[data-design-system="tabler"] .site-workspace-view:has(.site-workspace-users):where(:not([data-tabler-native], [data-tabler-native] *)){ min-height:0; }
html[data-design-system="tabler"] .site-workspace-users:where(:not([data-tabler-native], [data-tabler-native] *)){ height:auto; min-height:0; grid-template-rows:auto auto auto auto; align-content:start; }
html[data-design-system="tabler"] .site-workspace-users .site-workspace-user-list-scroll:where(:not([data-tabler-native], [data-tabler-native] *)){ max-height:60dvh; scrollbar-gutter:auto; }

/* Content determines page height; editors retain their own useful minimum. */
html[data-design-system="tabler"] :is(.site-workspace-view,.libraries-view,.central-snippet-library,.wp-config-workspace,.code-snippet-workspace):where(:not([data-tabler-native], [data-tabler-native] *)){ height:auto; min-height:0; align-content:start; }
html[data-design-system="tabler"] .site-workspace-content:where(:not([data-tabler-native], [data-tabler-native] *)){ align-content:start; }
html[data-design-system="tabler"] :is(.library-marketplace-grid,.repository-grid):where(:not([data-tabler-native], [data-tabler-native] *)){ max-height:65dvh; }
html[data-design-system="tabler"] .library-expansion-placeholder:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height:180px; }
html[data-design-system="tabler"] .database-workspace-layout:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height:0; }


.site-workspace-users .panel-head:where(:not([data-tabler-native], [data-tabler-native] *)){ flex-wrap:wrap; }
.site-workspace-users .panel-head > div:first-child:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-right:auto; }
.site-workspace-users .panel-head .site-user-creation-notice:where(:not([data-tabler-native], [data-tabler-native] *)){ flex:1 0 100%; margin:4px 0 0; padding:12px; border:1px solid var(--line); border-radius:6px; background:var(--panel-2); color:var(--text); font-size:13px; line-height:1.5; }
.site-user-creation-notice a:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-left:8px; }

.site-component-identity strong:where(:not([data-tabler-native], [data-tabler-native] *)){ white-space:normal; overflow-wrap:anywhere; line-height:1.4; }

/* Repository details follow the Tabler modal header/body/footer layout. */
#repositoryPluginDialog:where(:not([data-tabler-native], [data-tabler-native] *)){ width:min(1040px,calc(100vw - 32px)); padding:0; overflow:hidden; border-radius:8px; }
#repositoryPluginDialog[open]:where(:not([data-tabler-native], [data-tabler-native] *)){ display:flex; flex-direction:column; }
#repositoryPluginDialog .repository-source:where(:not([data-tabler-native], [data-tabler-native] *)){ margin:0 0 16px; color:var(--muted); font-size:12px; }
#repositoryPluginDialog details:where(:not([data-tabler-native], [data-tabler-native] *)){ border:1px solid var(--line); border-radius:8px; margin-bottom:12px; overflow:hidden; }
#repositoryPluginDialog summary:where(:not([data-tabler-native], [data-tabler-native] *)){ padding:12px 16px; font-weight:600; cursor:pointer; background:var(--panel-2); }
@media(max-width:600px) {
 #repositoryPluginDialog:where(:not([data-tabler-native], [data-tabler-native] *)){ width:calc(100vw - 16px); }
}

/* Desktop inventory has one outer frame; individual rows are not cards. */
@media (min-width: 761px) {
  html[data-design-system="tabler"] .site-component-list:where(:not([data-tabler-native], [data-tabler-native] *)){ border-radius: 8px; }
  html[data-design-system="tabler"] .site-component-list > .site-component-table-head:where(:not([data-tabler-native], [data-tabler-native] *)){ border-radius: 7px 7px 0 0; }
  html[data-design-system="tabler"] .site-component-list > .site-component-row:where(:not([data-tabler-native], [data-tabler-native] *)){ border: 0; border-bottom: 1px solid var(--line); border-radius: 0; }
  html[data-design-system="tabler"] .site-component-list > .site-component-row:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){ border-bottom: 0; border-radius: 0 0 7px 7px; }
}

#siteWorkspaceFavoriteToggle:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color:transparent; background:transparent; }
#siteWorkspaceFavoriteToggle svg.icon-tabler-star:where(:not([data-tabler-native], [data-tabler-native] *)){ width:16px; height:16px; fill:none; stroke:#72F64A; stroke-width:1; }
#siteWorkspaceFavoriteToggle.is-active svg.icon-tabler-star:where(:not([data-tabler-native], [data-tabler-native] *)){ fill:#00f900; stroke:none; }
#siteWorkspaceFavoriteToggle:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ outline:2px solid var(--accent); outline-offset:2px; }
/* Kundenkonten und Team im kompakten Website-Arbeitsbereich */
html[data-dashboard-view="users"]:where(:not([data-tabler-native], [data-tabler-native] *)){
    --site-next-bg: #08090b;
    --site-next-sidebar: #0a0b0e;
    --site-next-panel: #0d0f13;
    --site-next-raised: #12151a;
    --site-next-hover: #15191f;
    --site-next-line: rgba(255, 255, 255, .075);
    --site-next-line-strong: rgba(255, 255, 255, .12);
    --site-next-muted: #858b96;
    --site-next-text: #f3f4f6;
}
html[data-theme="light"][data-dashboard-view="users"]:where(:not([data-tabler-native], [data-tabler-native] *)){
    --site-next-bg: var(--bg);
    --site-next-sidebar: var(--bg);
    --site-next-panel: var(--panel);
    --site-next-raised: var(--panel);
    --site-next-hover: var(--bg);
    --site-next-line: rgba(22, 27, 34, .09);
    --site-next-line-strong: rgba(22, 27, 34, .16);
    --site-next-muted: #777d87;
    --site-next-text: #17191d;
}
html[data-dashboard-view="users"] body:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--site-next-bg); }
html[data-dashboard-view="users"] .sidebar:where(:not([data-tabler-native], [data-tabler-native] *)){
    border-right-color: var(--site-next-line);
    background: var(--site-next-sidebar);
    box-shadow: none;
}
html[data-dashboard-view="users"] .sidebar .brand-version:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--site-next-muted); }
html[data-dashboard-view="users"] .nav-link:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="users"] .notification-button:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="users"] .logout-button:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="users"] .sidebar-collapse-button:where(:not([data-tabler-native], [data-tabler-native] *)){
    border-radius: 7px;
    transition: color .14s ease, background-color .14s ease;
}
html[data-dashboard-view="users"] .nav-link:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="users"] .nav-link.active:where(:not([data-tabler-native], [data-tabler-native] *)){ background: rgba(255, 255, 255, .055); }
html[data-theme="light"][data-dashboard-view="users"] .nav-link:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="users"] .nav-link.active:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--selected-bg); }
html[data-dashboard-view="users"] main:where(:not([data-tabler-native], [data-tabler-native] *)){ max-width: none; }
html[data-dashboard-view="users"] .users-view:where(:not([data-tabler-native], [data-tabler-native] *)){
    display: grid;
    gap: 0;
}
html[data-dashboard-view="users"] .users-header:where(:not([data-tabler-native], [data-tabler-native] *)){
    min-height: 44px;
    margin: 0;
    padding: 0 8px 0 12px;
    border: 1px solid var(--site-next-line);
    border-radius: 8px 8px 0 0;
    background: var(--site-next-panel);
    align-items: center;
    gap: 12px;
}
html[data-dashboard-view="users"] .users-header > div:first-child:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; }
html[data-dashboard-view="users"] .users-header h1:where(:not([data-tabler-native], [data-tabler-native] *)){
    margin: 0;
    color: var(--site-next-text);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
}
html[data-dashboard-view="users"] .users-header-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ max-width: none; gap: 8px; }
html[data-dashboard-view="users"] .users-header-actions .primary:where(:not([data-tabler-native], [data-tabler-native] *)){
    min-width: 0;
    height: 36px;
    padding: 0 13px;
    border: 1px solid var(--site-next-line);
    border-radius: 7px;
    box-shadow: none;
}
html[data-dashboard-view="users"] .user-directory.panel:where(:not([data-tabler-native], [data-tabler-native] *)){
    overflow: visible;
    border-top: 0;
    border-color: var(--site-next-line);
    border-radius: 0 0 11px 11px;
    background: var(--site-next-panel);
    box-shadow: none;
}
html[data-dashboard-view="users"] .user-role-tabs:where(:not([data-tabler-native], [data-tabler-native] *)){
    min-height: 52px;
    padding: 8px 12px 0;
    border-bottom-color: var(--site-next-line);
    background: var(--site-next-panel);
    gap: 2px;
}
html[data-dashboard-view="users"] .user-role-tabs button:where(:not([data-tabler-native], [data-tabler-native] *)){
    padding: 11px 13px;
    color: var(--site-next-muted);
    font-size: 13px;
    transition: color .14s ease, border-color .14s ease;
}
html[data-dashboard-view="users"] .user-role-tabs button:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="users"] .user-role-tabs button.active:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--site-next-text); }
html[data-dashboard-view="users"] .user-directory-tools:where(:not([data-tabler-native], [data-tabler-native] *)){
    padding: 12px;
    border-bottom-color: var(--site-next-line);
    background: var(--site-next-panel);
    gap: 10px;
}
html[data-dashboard-view="users"] .user-directory-tools > label:not(.search):where(:not([data-tabler-native], [data-tabler-native] *)){
    gap: 5px;
    color: var(--site-next-muted);
    font-size: 11px;
    letter-spacing: .04em;
}
html[data-dashboard-view="users"] .user-directory-tools .search:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="users"] .user-directory-tools select:where(:not([data-tabler-native], [data-tabler-native] *)){
    min-height: 36px;
    border-color: var(--site-next-line);
    border-radius: 7px;
    background: var(--site-next-raised);
    color: var(--site-next-text);
    box-shadow: none;
}
html[data-dashboard-view="users"] .user-directory-tools select:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 0 10px; }
html[data-dashboard-view="users"] .user-directory-tools input:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--site-next-text); }
html[data-dashboard-view="users"] .user-directory-tools input:where(:not([data-tabler-native], [data-tabler-native] *))::placeholder { color: var(--site-next-muted); }
html[data-dashboard-view="users"] .user-table-wrap:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--site-next-panel); }
html[data-dashboard-view="users"] .user-table th:where(:not([data-tabler-native], [data-tabler-native] *)){
    padding: 11px 14px;
    border-bottom-color: var(--site-next-line);
    color: var(--site-next-muted);
    font-size: 11px;
    letter-spacing: .08em;
}
html[data-dashboard-view="users"] .user-table td:where(:not([data-tabler-native], [data-tabler-native] *)){
    height: 64px;
    padding: 12px 14px;
    border-bottom-color: var(--site-next-line);
    background: transparent;
}
html[data-dashboard-view="users"] .user-table tr.user-table-row:where(:not([data-tabler-native], [data-tabler-native] *)){
    background: var(--site-next-panel);
    transition: background-color .14s ease;
}
html[data-dashboard-view="users"] .user-table tr.user-table-row:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--site-next-hover); }
html[data-theme="light"][data-dashboard-view="users"] .user-table tr.user-table-row:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--bg); }
html[data-dashboard-view="users"] .user-detail-button:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="users"] .user-table .secondary:where(:not([data-tabler-native], [data-tabler-native] *)){
    min-height: 30px;
    padding: 0 10px;
    border-color: var(--site-next-line);
    border-radius: 6px;
    background: rgba(255, 255, 255, .025);
    box-shadow: none;
}
html[data-theme="light"][data-dashboard-view="users"] .user-table .secondary:where(:not([data-tabler-native], [data-tabler-native] *)){ background: #fff; }
html[data-dashboard-view="users"] .user-pagination:where(:not([data-tabler-native], [data-tabler-native] *)){
    min-height: 50px;
    padding: 9px 14px;
    border-top-color: var(--site-next-line);
    border-radius: 0 0 10px 10px;
    background: var(--site-next-panel);
    overflow: hidden;
}
html[data-dashboard-view="users"] .user-pagination p:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="users"] .user-pagination span:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--site-next-muted); }
html[data-dashboard-view="users"] .user-pagination button:where(:not([data-tabler-native], [data-tabler-native] *)){
    min-height: 30px;
    padding: 0 10px;
    border-color: var(--site-next-line);
    border-radius: 6px;
    box-shadow: none;
}
html[data-dashboard-view="users"] .user-directory button:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="users"] .user-directory input:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="users"] .user-directory select:where(:not([data-tabler-native], [data-tabler-native] *)){ transition-duration: .14s; }
@media (max-width: 760px) {
    html[data-dashboard-view="users"] main:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 8px; }
}
@media (max-width: 520px) {
    html[data-dashboard-view="users"] .users-header:where(:not([data-tabler-native], [data-tabler-native] *)){
        min-height: 44px;
        padding: 8px 10px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
    }
    html[data-dashboard-view="users"] .users-header-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ width: auto; margin-left: auto; display: flex; }
    html[data-dashboard-view="users"] .user-role-tabs:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 48px; }
    html[data-dashboard-view="users"] .user-pagination:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: stretch; }
}
@media (max-width: 520px) { .site-directory-tools:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; } .site-directory-tool-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; justify-self: stretch; } .site-directory-tool-actions > .site-tag-manage-button:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: 1 1 auto; justify-content: center; } .site-filter-popover:where(:not([data-tabler-native], [data-tabler-native] *)){ position: fixed; top: 96px; right: 12px; left: 12px; width: auto; max-height: calc(100dvh - 112px); } .site-filter-popover-fields:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; } .site-filter-popover-fields > .site-filter-contract:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: auto; } .site-view-dialog .dialog-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: stretch; flex-direction: column; } .site-view-dialog .dialog-actions button:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; } }


/* Tabler integration: 70-user-directory-next.css */

html[data-design-system="tabler"] :is(.user-directory,.users-directory,.user-detail-panel):where(:not([data-tabler-native], [data-tabler-native] *)){background:var(--panel);border-radius:8px;border-color:var(--line)}
html[data-design-system="tabler"] .user-role-tabs button:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:13px;font-weight:500}
html[data-design-system="tabler"] .user-role-tabs button.active:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--blue);border-color:var(--blue)}

/* MWP Control Next UI: ruhiger:where(:not([data-tabler-native], [data-tabler-native] *)), schneller Website-Arbeitsbereich */
html[data-dashboard-view="sites"]:where(:not([data-tabler-native], [data-tabler-native] *)){
  --site-next-bg: var(--bg);
  --site-next-sidebar: rgba(5, 14, 26, .88);
  --site-next-panel: var(--panel);
  --site-next-raised: var(--panel-2);
  --site-next-hover: var(--panel-2);
  --site-next-line: var(--line);
  --site-next-line-strong: rgba(255, 255, 255, .12);
  --site-next-muted: var(--muted);
  --site-next-text: var(--text);
}
html[data-dashboard-view="sites"] body:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: var(--site-next-bg);
}
html[data-dashboard-view="sites"] .sidebar:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-right-color: var(--site-next-line);
  background: var(--site-next-sidebar);
  box-shadow: none;
}
html[data-dashboard-view="sites"] .sidebar .brand-version:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .topbar .eyebrow:where(:not([data-tabler-native], [data-tabler-native] *)){
  color: var(--site-next-muted);
}
html[data-dashboard-view="sites"] .nav-link:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .notification-button:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .logout-button:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .sidebar-collapse-button:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-radius: 7px;
  transition: color .14s ease, background-color .14s ease;
}
html[data-dashboard-view="sites"] .nav-link:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .nav-link.active:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: rgba(255, 255, 255, .055);
}
html[data-dashboard-view="sites"] main:where(:not([data-tabler-native], [data-tabler-native] *)){
  max-width: none;
}
html[data-dashboard-view="sites"] .topbar:where(:not([data-tabler-native], [data-tabler-native] *)){
  min-height: 44px;
  justify-content: space-between;
  margin-bottom: 0;
  padding: 0 8px 0 12px;
  border: 1px solid var(--site-next-line);
  border-radius: 8px 8px 0 0;
  background: var(--site-next-panel);
}
html[data-dashboard-view="sites"] .topbar-context:where(:not([data-tabler-native], [data-tabler-native] *)){
  display: none;
}
html[data-dashboard-view="sites"] .sites-header-title:where(:not([data-tabler-native], [data-tabler-native] *)){
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}
html[data-dashboard-view="sites"] .sites-header-title h2:where(:not([data-tabler-native], [data-tabler-native] *)){
  margin: 0;
  color: var(--site-next-text);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0;
}
html[data-dashboard-view="sites"] .site-view-title-chip:where(:not([data-tabler-native], [data-tabler-native] *)){
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: min(240px, 34vw);
  height: 26px;
  margin: 0;
  padding: 0 9px;
  border: 1px solid var(--site-next-line-strong);
  border-radius: 999px;
  background: color-mix(in srgb, var(--site-next-text) 6%, transparent);
  color: var(--site-next-muted);
  font: inherit;
  font-size: 13px;
  line-height: 1;
  cursor: pointer;
  transition: border-color .14s ease, background-color .14s ease, color .14s ease;
}
html[data-dashboard-view="sites"] .site-view-title-chip:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-view-title-chip:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: color-mix(in srgb, var(--accent) 48%, var(--site-next-line-strong));
  background: color-mix(in srgb, var(--accent) 10%, transparent);
  color: var(--site-next-text);
}
html[data-dashboard-view="sites"] .site-view-title-chip svg:where(:not([data-tabler-native], [data-tabler-native] *)){
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.2px;
}
html[data-dashboard-view="sites"] .site-view-title-chip > span:where(:not([data-tabler-native], [data-tabler-native] *)){
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html[data-dashboard-view="sites"] .site-view-title-chip-dirty:where(:not([data-tabler-native], [data-tabler-native] *)){
  width: 6px;
  height: 6px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent);
}
@media (max-width: 600px) {
  html[data-dashboard-view="sites"] .site-view-title-chip:where(:not([data-tabler-native], [data-tabler-native] *)){ max-width: min(190px, 58vw); }
  html[data-dashboard-view="sites"] .automation-emergency-banner:where(:not([data-tabler-native], [data-tabler-native] *)){
    grid-template-columns: auto minmax(0, 1fr);
  }
  html[data-dashboard-view="sites"] .automation-emergency-banner .secondary:where(:not([data-tabler-native], [data-tabler-native] *)){
    grid-column: 1 / -1;
    width: 100%;
  }
}
html[data-dashboard-view="sites"] .topbar-actions:where(:not([data-tabler-native], [data-tabler-native] *)){
  gap: 8px;
}
html[data-dashboard-view="sites"] .automation-emergency-button:where(:not([data-tabler-native], [data-tabler-native] *)){
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  height: 36px;
  min-height: 36px;
  border: 1px solid color-mix(in srgb, var(--danger) 58%, transparent);
  border-radius: 7px;
  padding: 0 13px;
  background: color-mix(in srgb, var(--danger) 9%, transparent);
  color: color-mix(in srgb, var(--danger) 88%, #fff 12%);
  font-size: 13px;
  font-weight: 700;
  box-shadow: none;
}
html[data-dashboard-view="sites"] .automation-emergency-button:hover:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: var(--danger);
  background: color-mix(in srgb, var(--danger) 16%, transparent);
  transform: none;
}
html[data-dashboard-view="sites"] .automation-emergency-button.is-active:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: var(--danger);
  background: var(--danger);
  color: #fff;
}
html[data-dashboard-view="sites"] .automation-emergency-button svg:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .automation-emergency-banner svg:where(:not([data-tabler-native], [data-tabler-native] *)){
  width: 16px;
  height: 16px;
}
html[data-dashboard-view="sites"] .automation-emergency-banner:where(:not([data-tabler-native], [data-tabler-native] *)){
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin: 8px 12px 0;
  border: 1px solid color-mix(in srgb, var(--danger) 45%, var(--line));
  border-radius: 10px;
  padding: 12px 14px;
  background: color-mix(in srgb, var(--danger) 9%, var(--panel));
  color: var(--text);
}
html[data-dashboard-view="sites"] .automation-emergency-banner[hidden]:where(:not([data-tabler-native], [data-tabler-native] *)){
  display: none;
}
html[data-dashboard-view="sites"] .automation-emergency-banner-icon:where(:not([data-tabler-native], [data-tabler-native] *)){
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: color-mix(in srgb, var(--danger) 17%, transparent);
  color: var(--danger);
}
html[data-dashboard-view="sites"] .automation-emergency-banner strong:where(:not([data-tabler-native], [data-tabler-native] *)){
  display: block;
  color: var(--danger);
  font-size: 13px;
}
html[data-dashboard-view="sites"] .automation-emergency-banner p:where(:not([data-tabler-native], [data-tabler-native] *)){
  margin: 3px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}
html[data-dashboard-view="sites"] .automation-emergency-banner .secondary:where(:not([data-tabler-native], [data-tabler-native] *)){
  min-height: 34px;
  white-space: nowrap;
}
html[data-dashboard-view="sites"] .topbar-actions .primary:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .topbar-actions .secondary:where(:not([data-tabler-native], [data-tabler-native] *)){
  height: 36px;
  border: 1px solid var(--site-next-line);
  border-radius: 7px;
  padding: 0 13px;
  box-shadow: none;
}
html[data-dashboard-view="sites"] .topbar-actions .secondary:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: rgba(255, 255, 255, .045);
  color: #d9dce2;
}
html[data-dashboard-view="sites"] .topbar-actions .primary:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: color-mix(in srgb, var(--accent) 42%, transparent);
  background: color-mix(in srgb, var(--accent) 88%, #fff 12%);
}
html[data-dashboard-view="sites"] .site-directory.panel:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-top: 0;
  border-color: var(--site-next-line);
  border-radius: 0 0 11px 11px;
  background: var(--site-next-panel);
  box-shadow: none;
  min-height: calc(100dvh - 60px);
}
html[data-dashboard-view="sites"] .site-connection-tabs:where(:not([data-tabler-native], [data-tabler-native] *)){
  min-height: 48px;
  padding: 7px 12px 0;
  border-bottom-color: var(--site-next-line);
  background: var(--site-next-panel);
  gap: 1px;
}
html[data-dashboard-view="sites"] .site-connection-tabs button:where(:not([data-tabler-native], [data-tabler-native] *)){
  min-height: 40px;
  padding: 9px 12px;
  border-bottom-width: 1px;
  color: var(--site-next-muted);
  font-size: 13px;
  font-weight: 620;
  transition: color .14s ease, background-color .14s ease, border-color .14s ease;
}
html[data-dashboard-view="sites"] .site-connection-tabs button:hover:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: rgba(255, 255, 255, .025);
  color: #cfd2d8;
}
html[data-dashboard-view="sites"] .site-connection-tabs button.active:where(:not([data-tabler-native], [data-tabler-native] *)){
  color: var(--site-next-text);
  border-bottom-color: var(--accent);
}
html[data-dashboard-view="sites"] .site-directory-tools:where(:not([data-tabler-native], [data-tabler-native] *)){
  padding: 12px 14px 13px;
  border-bottom-color: var(--site-next-line);
  background: var(--site-next-bg);
  gap: 8px;
}
html[data-dashboard-view="sites"] .site-directory-tools .site-search:where(:not([data-tabler-native], [data-tabler-native] *)){
  flex-basis: 240px;
}
html[data-dashboard-view="sites"] .site-filter-popover-fields > label:where(:not([data-tabler-native], [data-tabler-native] *)){
  gap: 4px;
  color: #707680;
  font-size: 11px;
  font-weight: 650;
}
html[data-dashboard-view="sites"] .site-directory-tools .search:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-directory-tools select:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-tag-manage-button:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-filter-menu-button:where(:not([data-tabler-native], [data-tabler-native] *)){
  height: 34px;
  border-color: var(--site-next-line);
  border-radius: 6px;
  background: rgba(255, 255, 255, .025);
  color: #d8dbe1;
  box-shadow: none;
  transition: border-color .14s ease, background-color .14s ease;
}
html[data-dashboard-view="sites"] .site-directory-tools .search:where(:not([data-tabler-native], [data-tabler-native] *)){
  padding: 6px 9px;
}
html[data-dashboard-view="sites"] .site-directory-tools select:where(:not([data-tabler-native], [data-tabler-native] *)){
  padding: 6px 9px;
  font-size: 13px;
}
html[data-dashboard-view="sites"] .site-directory-tools .search:focus-within:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-directory-tools select:focus:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-tag-manage-button:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-filter-menu-button:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-filter-menu-button[aria-expanded="true"]:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: var(--site-next-line-strong);
  background: rgba(255, 255, 255, .045);
}
html[data-dashboard-view="sites"] .site-tag-manage-button:where(:not([data-tabler-native], [data-tabler-native] *)){
  padding: 0 11px;
  color: #b7bbc3;
}
html[data-dashboard-view="sites"] .site-filter-menu-button:where(:not([data-tabler-native], [data-tabler-native] *)){
  padding: 0 10px;
  color: #b7bbc3;
}
html[data-dashboard-view="sites"] .site-filter-menu-button.active:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); }
html[data-dashboard-view="sites"] .site-filter-popover:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: var(--site-next-line-strong); background: var(--site-next-raised); }
html[data-dashboard-view="sites"] .site-filter-popover-head:where(:not([data-tabler-native], [data-tabler-native] *)){ border-bottom-color: var(--site-next-line); }
html[data-dashboard-view="sites"] .site-filter-status:where(:not([data-tabler-native], [data-tabler-native] *)){ border-top-color: var(--site-next-line); }
html[data-dashboard-view="sites"] .site-bulk-bar:where(:not([data-tabler-native], [data-tabler-native] *)){
  min-height: 48px;
  padding: 7px 14px;
  border-bottom-color: var(--site-next-line);
  background: color-mix(in srgb, var(--accent) 5%, var(--site-next-panel));
}
html[data-dashboard-view="sites"] .site-bulk-bar .secondary:where(:not([data-tabler-native], [data-tabler-native] *)){
  height: 32px;
  border-radius: 6px;
  background: rgba(255, 255, 255, .03);
  color: #c5c9d0;
}
html[data-dashboard-view="sites"] .site-list-section-label:where(:not([data-tabler-native], [data-tabler-native] *)){
  box-sizing: border-box;
  width: max(100%, var(--site-directory-scroll-width));
  min-width: var(--site-directory-scroll-width);
  min-height: 32px;
  padding: 5px 13px;
  border-bottom-color: var(--site-next-line);
  background: var(--site-next-raised);
}
html[data-dashboard-view="sites"] .site-list-section-label strong:where(:not([data-tabler-native], [data-tabler-native] *)){
  font-size: 13px;
  font-weight: 650;
}
html[data-dashboard-view="sites"] .site-list-section-label span:where(:not([data-tabler-native], [data-tabler-native] *)){
  color: var(--site-next-muted);
  font-size: 12px;
}
html[data-dashboard-view="sites"] .site-pinned-section:where(:not([data-tabler-native], [data-tabler-native] *)){
  min-width: var(--site-directory-scroll-width);
  border-bottom-color: var(--site-next-line);
  background: color-mix(in srgb, var(--accent) 4%, var(--site-next-panel));
}
html[data-dashboard-view="sites"] .site-pinned-grid .site-table-row > .site-grid-cell:where(:not([data-tabler-native], [data-tabler-native] *)){
  height: 72px;
  padding-top: 9px;
  padding-bottom: 9px;
  background: color-mix(in srgb, var(--accent) 3%, var(--site-next-raised));
}
html[data-dashboard-view="sites"] .site-pinned-grid .site-logo-column .site-icon:where(:not([data-tabler-native], [data-tabler-native] *)){
  width: 48px;
  height: 48px;
}
html[data-dashboard-view="sites"] .site-grid-header:where(:not([data-tabler-native], [data-tabler-native] *)){
  padding: 9px 12px;
  border-bottom-color: var(--site-next-line);
  background: var(--site-next-panel);
  color: #666c76;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .08em;
  box-shadow: none;
}
html[data-dashboard-view="sites"] .site-sort-header:where(:not([data-tabler-native], [data-tabler-native] *)){
  appearance: none;
  min-width: 0;
  min-height: 25px;
  margin: 0;
  padding: 4px 8px;
  border: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: 650;
  letter-spacing: inherit;
  line-height: 1;
  text-transform: inherit;
  box-shadow: none;
}
html[data-dashboard-view="sites"] .site-sort-header:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-sort-header:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-sort-header.active:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: rgba(255, 255, 255, .07);
  color: var(--site-next-text);
  outline: 0;
}
html[data-dashboard-view="sites"] .site-sort-header:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 50%, transparent);
}
html[data-dashboard-view="sites"] .site-sort-direction:where(:not([data-tabler-native], [data-tabler-native] *)){
  width: 15px;
  height: 15px;
  min-width: 15px;
  display: inline-grid;
  place-items: center;
  color: currentColor;
}
html[data-dashboard-view="sites"] .site-sort-direction:empty:where(:not([data-tabler-native], [data-tabler-native] *)){
  display: none;
}
html[data-dashboard-view="sites"] .site-sort-direction svg:where(:not([data-tabler-native], [data-tabler-native] *)){
  width: 15px;
  height: 15px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  overflow: visible;
}
html[data-dashboard-view="sites"] .site-version-column:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-connection-column:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-sync-status-column:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-backup-status-column:where(:not([data-tabler-native], [data-tabler-native] *)){
  justify-content: flex-start;
  text-align: left;
  font-variant-numeric: tabular-nums;
}
html[data-dashboard-view="sites"] .site-version-column:where(:not([data-tabler-native], [data-tabler-native] *)){
  gap: 10px;
}
html[data-dashboard-view="sites"] .site-version-column .site-php-version:where(:not([data-tabler-native], [data-tabler-native] *)){
  margin-left: 0;
}
html[data-dashboard-view="sites"] .site-sync-status-column .site-sort-header:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-backup-status-column .site-sort-header:where(:not([data-tabler-native], [data-tabler-native] *)){
  margin-left: 0;
}
html[data-dashboard-view="sites"] .site-connection-stack:where(:not([data-tabler-native], [data-tabler-native] *)){
  justify-items: start;
  text-align: left;
}
html[data-dashboard-view="sites"] .site-grid-cell:where(:not([data-tabler-native], [data-tabler-native] *)){
  height: 72px;
  padding: 9px 12px;
  border-bottom-color: var(--site-next-line);
  color: #cfd2d8;
  font-size: 13px;
  transition: background-color .12s ease;
}
html[data-dashboard-view="sites"] .site-grid .site-table-row:hover:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: var(--site-next-hover);
}
html[data-dashboard-view="sites"] .site-grid .site-table-row:hover > .site-grid-cell:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: transparent;
}
html[data-dashboard-view="sites"] .site-table-website:where(:not([data-tabler-native], [data-tabler-native] *)){
  position: relative;
  width: 100%;
}
html[data-dashboard-view="sites"] .site-table-row.site-staging-pair-source:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-table-row.site-staging-pair-target:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: color-mix(in srgb, var(--accent) 4%, transparent);
}
html[data-dashboard-view="sites"] .site-table-row.site-staging-pair-source:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-table-row.site-staging-pair-target:hover:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: color-mix(in srgb, var(--accent) 9%, var(--site-next-hover));
}
html[data-dashboard-view="sites"] .site-logo-column:where(:not([data-tabler-native], [data-tabler-native] *)){
  position: relative;
}
html[data-dashboard-view="sites"] .site-directory-staging-rail:where(:not([data-tabler-native], [data-tabler-native] *)){
  position: absolute;
  left: 1px;
  top: 0;
  bottom: 0;
  width: 10px;
  color: var(--accent);
  pointer-events: none;
}
html[data-dashboard-view="sites"] .site-directory-staging-rail:where(:not([data-tabler-native], [data-tabler-native] *))::before {
  content: '';
  position: absolute;
  left: 4px;
  width: 2px;
  background: currentColor;
}
html[data-dashboard-view="sites"] .site-directory-staging-rail.source:where(:not([data-tabler-native], [data-tabler-native] *))::before {
  top: 50%;
  bottom: -1px;
}
html[data-dashboard-view="sites"] .site-directory-staging-rail.target:where(:not([data-tabler-native], [data-tabler-native] *))::before {
  top: -1px;
  bottom: 50%;
}
html[data-dashboard-view="sites"] .site-directory-staging-rail.source:where(:not([data-tabler-native], [data-tabler-native] *))::after {
  content: '';
  position: absolute;
  left: 0;
  top: calc(50% - 5px);
  width: 10px;
  height: 10px;
  box-sizing: border-box;
  border: 2px solid currentColor;
  border-radius: 50%;
  background: var(--site-next-raised);
}
html[data-dashboard-view="sites"] .site-directory-staging-rail.target:where(:not([data-tabler-native], [data-tabler-native] *))::after {
  content: '';
  position: absolute;
  left: 0;
  top: calc(50% - 3px);
  width: 0;
  height: 0;
  border-top: 7px solid currentColor;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
html[data-dashboard-view="sites"] .site-workspace-logo:where(:not([data-tabler-native], [data-tabler-native] *)){
  box-sizing: border-box;
  flex: 0 0 52px;
  min-width: 52px;
  width: 52px;
  height: 52px;
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[data-dashboard-view="sites"] .site-logo-column .site-icon:where(:not([data-tabler-native], [data-tabler-native] *)){
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border-radius: 6px;
  background: transparent;
}
html[data-dashboard-view="sites"] .site-identity-copy strong:where(:not([data-tabler-native], [data-tabler-native] *)){
  color: #e4e6ea;
  font-size: 13px;
  font-weight: 650;
}
html[data-dashboard-view="sites"] .site-identity-copy small:where(:not([data-tabler-native], [data-tabler-native] *)){
  margin-top: 2px;
  color: #757b85;
  font-size: 11px;
}
html[data-dashboard-view="sites"] .site-workspace-logo:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-public-name-link:where(:not([data-tabler-native], [data-tabler-native] *)){
  transition: background-color .12s ease, color .12s ease;
}
html[data-dashboard-view="sites"] .site-name-line:where(:not([data-tabler-native], [data-tabler-native] *)){
  justify-content: flex-start;
}
html[data-dashboard-view="sites"] .site-public-name-link:where(:not([data-tabler-native], [data-tabler-native] *)){
  flex: 0 1 auto;
  width: auto;
  max-width: 100%;
}
html[data-dashboard-view="sites"] .site-public-name-link strong:where(:not([data-tabler-native], [data-tabler-native] *)){
  flex: 0 1 auto;
}
html[data-dashboard-view="sites"] .site-workspace-logo:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-workspace-logo:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-public-name-link:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-public-name-link:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: color-mix(in srgb, var(--accent) 8%, transparent);
}
html[data-dashboard-view="sites"] .site-tag-chips:where(:not([data-tabler-native], [data-tabler-native] *)){
  gap: 3px;
  padding-left: 0;
}
html[data-dashboard-view="sites"] .site-tag-chip:where(:not([data-tabler-native], [data-tabler-native] *)){
  color: var(--text);
  border: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
  background: #fff;
}
html[data-dashboard-view="sites"] .site-tag-chip:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-contract-row-chip:where(:not([data-tabler-native], [data-tabler-native] *)){
  height: 20px;
  min-height: 20px;
  padding: 2px 7px;
  font-size: 12px;
  line-height: 1;
}
html[data-dashboard-view="sites"] .site-contract-row-chip:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: var(--primary);
  color: #fff;
}
html[data-dashboard-view="sites"] .site-tag-chip:hover:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: #f5f5f6;
  border-color: #c7c8cd;
}
html:not([data-theme="light"])[data-dashboard-view="sites"] .site-tag-chip:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: #18283b;
  border-color: #34475c;
  color: #e5edf6;
}
html:not([data-theme="light"])[data-dashboard-view="sites"] .site-tag-chip:hover:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: #24384e;
  border-color: #657d98;
  color: #fff;
}
html:not([data-theme="light"])[data-dashboard-view="sites"] .site-tag-chip i:where(:not([data-tabler-native], [data-tabler-native] *)){
  border: 0;
}
html[data-dashboard-view="sites"] .site-wordpress-version:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-mobile-wordpress-version:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-php-version:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-mobile-php-version:where(:not([data-tabler-native], [data-tabler-native] *)){
  height: 24px;
  min-height: 24px;
  min-width: 50px;
  box-sizing: border-box;
  padding: 3px 8px;
  border: 0;
  background: transparent;
  font-size: 12px;
  font-weight: 650;
  line-height: 1;
}
html[data-dashboard-view="sites"] .site-status-time.sync:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-status-time.backup:where(:not([data-tabler-native], [data-tabler-native] *)){
  border: 0;
  background: transparent;
}
html[data-dashboard-view="sites"] button.site-backup-cancel:where(:not([data-tabler-native], [data-tabler-native] *)){
  appearance: none;
  color: var(--blue);
  cursor: pointer;
  font-family: inherit;
  box-shadow: none;
}
html[data-dashboard-view="sites"] button.site-backup-cancel:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] button.site-backup-cancel:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: color-mix(in srgb, var(--danger) 9%, transparent);
  color: var(--danger);
}
html[data-dashboard-view="sites"] button.site-backup-cancel:disabled:where(:not([data-tabler-native], [data-tabler-native] *)){
  cursor: wait;
  opacity: .62;
}
html[data-dashboard-view="sites"] .site-connection-stack .status:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-connection-stack .connection-state:where(:not([data-tabler-native], [data-tabler-native] *)){
  font-weight: 600;
}
html[data-dashboard-view="sites"] .status:where(:not([data-tabler-native], [data-tabler-native] *))::before {
  width: 6px;
  height: 6px;
  box-shadow: none;
}
html:is([data-dashboard-view="sites"], [data-dashboard-view="site-workspace"]) :is(.site-row-actions,.site-workspace-header-actions):where(:not([data-tabler-native], [data-tabler-native] *)){
  gap: 4px;
  opacity: .72;
  transition: opacity .14s ease;
}
html[data-dashboard-view="sites"] .site-table-row:hover .site-row-actions:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-row-actions:focus-within:where(:not([data-tabler-native], [data-tabler-native] *)){
  opacity: 1;
}
html:is([data-dashboard-view="sites"], [data-dashboard-view="site-workspace"]) .site-quick-action:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-detail-button:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-delete-button:where(:not([data-tabler-native], [data-tabler-native] *)){
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  flex: 0 0 30px;
  min-width: 30px;
  min-height: 30px;
  margin-top: 0;
  margin-bottom: 0;
  align-self: center;
  width: 30px;
  height: 30px;
  border-color: transparent;
  border-radius: 6px;
  background: rgba(255, 255, 255, .025);
  color: #789fbe;
  transition: color .12s ease, border-color .12s ease, background-color .12s ease;
  transform: none;
}
html[data-dashboard-view="sites"] .site-row-actions > button:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-row-actions > button:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-row-actions > button:active:where(:not([data-tabler-native], [data-tabler-native] *)){
  margin-top: 0;
  margin-bottom: 0;
  transform: none;
}
html:is([data-dashboard-view="sites"], [data-dashboard-view="site-workspace"]) .site-quick-action:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html:is([data-dashboard-view="sites"], [data-dashboard-view="site-workspace"]) .site-quick-action:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-detail-button:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-detail-button:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: var(--site-next-line-strong);
  background: rgba(255, 255, 255, .065);
  color: #b9d8ef;
  outline: 0;
  transform: none;
}
html:is([data-dashboard-view="sites"], [data-dashboard-view="site-workspace"]) .site-quick-action svg:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-detail-button svg:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-delete-button svg:where(:not([data-tabler-native], [data-tabler-native] *)){
  width: 16px;
  height: 16px;
  stroke-width: 1.2;
}
html[data-dashboard-view="sites"] .site-detail-button:where(:not([data-tabler-native], [data-tabler-native] *)){
  margin-left: 14px;
  color: #a1a6af;
}
html[data-dashboard-view="sites"] .site-pin-button:where(:not([data-tabler-native], [data-tabler-native] *)){
  width: 26px;
  height: 26px;
  border-radius: 6px;
  color: #5f6570;
}
html[data-dashboard-view="sites"] .site-pin-button.is-active:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: transparent;
  background: color-mix(in srgb, var(--accent) 9%, transparent);
}
@media (hover: hover) and (pointer: fine) {
  html[data-dashboard-view="sites"] .site-table-row .site-selection-column input[type="checkbox"]:where(:not([data-tabler-native], [data-tabler-native] *)),
  html[data-dashboard-view="sites"] .site-table-row .site-pin-button:where(:not([data-tabler-native], [data-tabler-native] *)){
    opacity: 0;
    pointer-events: none;
    transition: opacity .12s ease, color .12s ease, border-color .12s ease, background-color .12s ease;
  }
  html[data-dashboard-view="sites"] .site-table-row:hover .site-selection-column input[type="checkbox"]:where(:not([data-tabler-native], [data-tabler-native] *)),
  html[data-dashboard-view="sites"] .site-table-row:hover .site-pin-button:where(:not([data-tabler-native], [data-tabler-native] *)),
  html[data-dashboard-view="sites"] .site-table-row:focus-within .site-selection-column input[type="checkbox"]:where(:not([data-tabler-native], [data-tabler-native] *)),
  html[data-dashboard-view="sites"] .site-table-row:focus-within .site-pin-button:where(:not([data-tabler-native], [data-tabler-native] *)),
  html[data-dashboard-view="sites"] .site-table-row .site-selection-column input[type="checkbox"]:checked:where(:not([data-tabler-native], [data-tabler-native] *)),
  html[data-dashboard-view="sites"] .site-table-row .site-pin-button.is-active:where(:not([data-tabler-native], [data-tabler-native] *)){
    opacity: 1;
    pointer-events: auto;
  }
}
html[data-dashboard-view="sites"] .site-action-badge:where(:not([data-tabler-native], [data-tabler-native] *)){
  top: -10px;
  right: -5px;
  min-width: 17px;
  height: 17px;
  border-color: var(--site-next-panel);
  font-size: 12px;
}
html[data-dashboard-view="sites"] .site-update-action:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-update-action.no-updates:disabled:where(:not([data-tabler-native], [data-tabler-native] *)){
  color: var(--accent);
}
html[data-dashboard-view="sites"] .site-maintenance-action:where(:not([data-tabler-native], [data-tabler-native] *)){
  color: var(--amber);
}
html[data-dashboard-view="sites"] .site-emergency-action:where(:not([data-tabler-native], [data-tabler-native] *)){
  color: var(--danger);
}
html[data-dashboard-view="sites"] .site-maintenance-action.active:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: var(--amber);
  background: var(--amber);
  color: #071522;
  -webkit-text-fill-color: #071522;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--amber) 18%, transparent);
}
html[data-dashboard-view="sites"] .site-maintenance-action.active:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-maintenance-action.active:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: var(--amber);
  background: color-mix(in srgb, var(--amber) 86%, white);
  color: #071522;
  transform: none;
}
html[data-dashboard-view="sites"] .site-emergency-action.active:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: var(--amber);
  background: var(--amber);
  color: #071522;
  -webkit-text-fill-color: #071522;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--amber) 18%, transparent);
}
html[data-dashboard-view="sites"] .site-emergency-action.active:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-emergency-action.active:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: var(--amber);
  background: color-mix(in srgb, var(--amber) 86%, white);
  color: #071522;
  transform: none;
}
html[data-dashboard-view="sites"] .site-time-action.is-active:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="sites"] .site-time-action.is-active:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: var(--amber);
  background: yellow;
  color: #071522;
  -webkit-text-fill-color: #071522;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--amber) 18%, transparent);
}
html[data-dashboard-view="sites"] .site-time-action.is-active:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-time-action.is-active:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="sites"] .site-time-action.is-active:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="sites"] .site-time-action.is-active:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: #855207;
  background: color-mix(in srgb, yellow 86%, white);
  color: #071522;
  -webkit-text-fill-color: #071522;
}
html[data-dashboard-view="sites"] .site-time-action.is-paused:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="sites"] .site-time-action.is-paused:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: color-mix(in srgb, var(--amber) 72%, transparent);
  background: color-mix(in srgb, var(--amber) 18%, transparent);
  color: var(--amber);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--amber) 10%, transparent);
}
html[data-dashboard-view="sites"] .site-detail-row .site-grid-detail-cell:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-detail-panel:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: var(--site-next-bg);
}
html[data-dashboard-view="sites"] .site-detail-row .site-grid-detail-cell:where(:not([data-tabler-native], [data-tabler-native] *)){
  height: auto;
  padding: 0;
}
html[data-dashboard-view="sites"] .site-detail-panel:where(:not([data-tabler-native], [data-tabler-native] *)){
  padding: 16px;
  border-bottom: 1px solid var(--site-next-line);
}
html[data-dashboard-view="sites"] .site-pagination:where(:not([data-tabler-native], [data-tabler-native] *)){
  min-height: 50px;
  padding: 9px 14px;
  border-top-color: var(--site-next-line);
  background: var(--site-next-bg);
  box-shadow: none;
}
html[data-dashboard-view="sites"] .site-pagination button:where(:not([data-tabler-native], [data-tabler-native] *)){
  min-height: 30px;
  border-color: var(--site-next-line);
  border-radius: 6px;
  background: rgba(255, 255, 255, .025);
}
html[data-dashboard-view="sites"] .site-list-scroll:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-pinned-grid-wrap:where(:not([data-tabler-native], [data-tabler-native] *)){
  scrollbar-color: #343941 transparent;
  scrollbar-width: thin;
}
html[data-dashboard-view="sites"] .site-directory.can-scroll-table-down .site-list-scroll:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-directory.can-scroll-table-up.can-scroll-table-down .site-list-scroll:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-directory.can-scroll-table-up:not(.can-scroll-table-down) .site-list-scroll:where(:not([data-tabler-native], [data-tabler-native] *)){
  box-shadow: none;
}
html[data-dashboard-view="sites"] .site-list-scroll:where(:not([data-tabler-native], [data-tabler-native] *))::-webkit-scrollbar,
html[data-dashboard-view="sites"] .site-pinned-grid-wrap:where(:not([data-tabler-native], [data-tabler-native] *))::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
html[data-dashboard-view="sites"] .site-list-scroll:where(:not([data-tabler-native], [data-tabler-native] *))::-webkit-scrollbar-thumb,
html[data-dashboard-view="sites"] .site-pinned-grid-wrap:where(:not([data-tabler-native], [data-tabler-native] *))::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: #343941;
  background-clip: padding-box;
}
html[data-dashboard-view="sites"] .site-directory button:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-directory input:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-directory select:where(:not([data-tabler-native], [data-tabler-native] *)){
  transition-duration: .14s;
}

html[data-theme="light"][data-dashboard-view="sites"]:where(:not([data-tabler-native], [data-tabler-native] *)){
  --site-next-bg: var(--bg);
  --site-next-sidebar: var(--bg);
  --site-next-panel: var(--panel);
  --site-next-raised: var(--panel);
  --site-next-hover: #f3f5f7;
  --site-next-line: rgba(22, 27, 34, .09);
  --site-next-line-strong: rgba(22, 27, 34, .16);
  --site-next-muted: #777d87;
  --site-next-text: #17191d;
}
html[data-theme="light"][data-dashboard-view="sites"] .site-directory-tools:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="sites"] .site-pagination:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="sites"] .site-detail-row .site-grid-detail-cell:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="sites"] .site-detail-panel:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: var(--panel);
}
html[data-theme="light"][data-dashboard-view="sites"] .nav-link:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="sites"] .nav-link:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: var(--panel-2);
  color: var(--text);
  outline: 0;
}
html[data-theme="light"][data-dashboard-view="sites"] .nav-link.active:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: var(--selected-bg);
  color: var(--text);
}
html[data-theme="light"][data-dashboard-view="sites"] .site-connection-tabs:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="sites"] .site-grid .site-table-row > .site-grid-cell:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: var(--panel);
}
html[data-theme="light"][data-dashboard-view="sites"] .site-list-section-label:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: #f1f3f5;
  color: #24272c;
}
html[data-theme="light"][data-dashboard-view="sites"] .site-filter-status:where(:not([data-tabler-native], [data-tabler-native] *)){ border-top-color: var(--site-next-line); color: #68707a; }
html[data-theme="light"][data-dashboard-view="sites"] .site-directory-tools .search:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="sites"] .site-directory-tools select:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="sites"] .site-tag-manage-button:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="sites"] .site-filter-menu-button:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"]:is([data-dashboard-view="sites"], [data-dashboard-view="site-workspace"]) .site-quick-action:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="sites"] .site-detail-button:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: var(--site-next-line);
  background: rgba(22, 27, 34, .025);
  color: #486d88;
  box-shadow: none;
}
html[data-theme="light"][data-dashboard-view="sites"] .site-filter-popover:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: var(--site-next-line-strong);
  background: #fff;
  box-shadow: 0 18px 46px rgba(22, 27, 34, .14), 0 4px 12px rgba(22, 27, 34, .08);
}
html[data-theme="light"][data-dashboard-view="sites"] .site-filter-popover-head:where(:not([data-tabler-native], [data-tabler-native] *)){ border-bottom-color: var(--site-next-line); }
html[data-theme="light"][data-dashboard-view="sites"] .site-filter-popover-head button:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="sites"] .site-filter-popover-head button:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ background: rgba(22, 27, 34, .06); }
html[data-theme="light"][data-dashboard-view="sites"] .site-maintenance-action.active:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: #a96708;
  background: var(--amber);
  color: #071522;
  -webkit-text-fill-color: #071522;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--amber) 18%, transparent);
}
html[data-theme="light"][data-dashboard-view="sites"] .site-maintenance-action.active:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="sites"] .site-maintenance-action.active:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: #855207;
  background: yellow;
  color: #071522;
  transform: none;
}
html[data-theme="light"][data-dashboard-view="sites"] .site-emergency-action.active:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: #a96708;
  background: var(--amber);
  color: #071522;
  -webkit-text-fill-color: #071522;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--amber) 18%, transparent);
}
html[data-theme="light"][data-dashboard-view="sites"] .site-emergency-action.active:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="sites"] .site-emergency-action.active:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-color: #855207;
  background: yellow;
  color: #071522;
  transform: none;
}
html[data-dashboard-view="sites"] .site-maintenance-action.active:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-maintenance-action.active:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-maintenance-action.active:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-emergency-action.active:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-emergency-action.active:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-emergency-action.active:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="sites"] .site-maintenance-action.active:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="sites"] .site-maintenance-action.active:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="sites"] .site-maintenance-action.active:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="sites"] .site-emergency-action.active:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="sites"] .site-emergency-action.active:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="sites"] .site-emergency-action.active:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: yellow;
  color: #071522;
  -webkit-text-fill-color: #071522;
}
html[data-theme="light"][data-dashboard-view="sites"] .site-grid-header:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: #fbfbfc;
  color: #858b94;
}
html[data-theme="light"][data-dashboard-view="sites"] .site-sort-header:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="sites"] .site-sort-header:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="sites"] .site-sort-header.active:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: var(--bg);
  color: var(--text);
}
html[data-theme="light"][data-dashboard-view="sites"] .site-grid-cell:where(:not([data-tabler-native], [data-tabler-native] *)){
  color: #454a52;
}
html[data-theme="light"][data-dashboard-view="sites"] .site-grid .site-table-row:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="sites"] .site-grid .site-table-row:hover > .site-grid-cell:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: var(--bg);
}
html[data-theme="light"][data-dashboard-view="sites"] .site-table-row.site-staging-pair-source:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="sites"] .site-table-row.site-staging-pair-target:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="sites"] .site-table-row.site-staging-pair-source > .site-grid-cell:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="sites"] .site-table-row.site-staging-pair-target > .site-grid-cell:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: color-mix(in srgb, var(--accent) 5%, var(--panel));
}
html[data-theme="light"][data-dashboard-view="sites"] .site-directory-staging-rail.source:where(:not([data-tabler-native], [data-tabler-native] *))::after {
  background: var(--panel);
}
html[data-dashboard-view="sites"] .site-grid .site-table-row.site-action-return-highlight:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="sites"] .site-grid .site-table-row.site-action-return-highlight > .site-grid-cell:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="sites"] .site-grid .site-table-row.site-action-return-highlight:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="sites"] .site-grid .site-table-row.site-action-return-highlight > .site-grid-cell:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: color-mix(in srgb, var(--accent) 14%, var(--site-next-raised));
}
html[data-dashboard-view="sites"] .site-grid .site-table-row.site-action-return-highlight > .site-grid-cell:first-child:where(:not([data-tabler-native], [data-tabler-native] *)){
  box-shadow: inset 3px 0 var(--accent);
}
html[data-theme="light"][data-dashboard-view="sites"] .site-identity-copy strong:where(:not([data-tabler-native], [data-tabler-native] *)){
  color: #24272c;
}

@media (prefers-reduced-motion: reduce) {
  html[data-dashboard-view="sites"] .site-directory *:where(:not([data-tabler-native], [data-tabler-native] *)),
  html[data-dashboard-view="sites"] .topbar-actions *:where(:not([data-tabler-native], [data-tabler-native] *)){
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}
@media (max-width: 850px) { .support-ticket-row:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 42px minmax(0, 1fr) auto; } .support-ticket-row .ticket-status:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 2; } .support-ticket-row .ticket-priority:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 3; grid-row: 1; } .support-ticket-row time:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 3; grid-row: 2; } }
@media (max-width: 600px) { .support-metrics:where(:not([data-tabler-native], [data-tabler-native] *)), .support-onboarding-checklist:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; } .support-ticket-row:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 40px minmax(0, 1fr); gap: 10px 12px; } .support-ticket-row .ticket-status:where(:not([data-tabler-native], [data-tabler-native] *)), .support-ticket-row .ticket-priority:where(:not([data-tabler-native], [data-tabler-native] *)), .support-ticket-row time:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 2; grid-row: auto; justify-self: start; } }
@media (max-width: 600px) { .safe-update-sequence:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr 1fr; } .update-item:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: auto minmax(0, 1fr); } .update-version:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column: 2; } }
@media (max-width: 600px) { .clone-sequence:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr 1fr; } }
.clients-view:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 30px clamp(20px, 4vw, 54px); }
.clients-header:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: center; }

/* Use the Settings shell palette in the website directory as well. */
html:not([data-theme="light"])[data-dashboard-view="sites"] body:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: radial-gradient(circle at 65% -15%, #152b45 0, var(--bg) 36%);
}
html:not([data-theme="light"])[data-dashboard-view="sites"] .nav-link:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html:not([data-theme="light"])[data-dashboard-view="sites"] .nav-link.active:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: var(--panel-2);
}

html:not([data-theme="light"])[data-dashboard-view="sites"] .site-pagination button:where(:not([data-tabler-native], [data-tabler-native] *)){
  appearance: none;
  border: 1px solid #34475c;
  background: var(--panel-2);
  color: var(--text);
  box-shadow: none;
  text-shadow: none;
}
html:not([data-theme="light"])[data-dashboard-view="sites"] .site-pagination button:enabled:hover:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: #1b2a40;
  border-color: #657d98;
}
html:not([data-theme="light"])[data-dashboard-view="sites"] .site-pagination button:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
html:not([data-theme="light"])[data-dashboard-view="sites"] .site-pagination button:disabled:where(:not([data-tabler-native], [data-tabler-native] *)){
  opacity: 1;
  color: #718197;
  background: #0c1726;
  border: 1px solid var(--line);
  box-shadow: none;
  cursor: default;
}

/* Tabler integration: 80-site-directory-next.css */

html[data-design-system="tabler"][data-dashboard-view="sites"]:where(:not([data-tabler-native], [data-tabler-native] *)){--site-next-sidebar:var(--panel);--site-next-hover:var(--panel-2);--site-next-line-strong:var(--line)}
html[data-design-system="tabler"][data-dashboard-view="sites"] .topbar:where(:not([data-tabler-native], [data-tabler-native] *)){padding:0 0 20px;margin:0;border:0;border-radius:0;background:transparent;min-height:56px}
html[data-design-system="tabler"][data-dashboard-view="sites"] .site-directory.panel:where(:not([data-tabler-native], [data-tabler-native] *)){border:1px solid var(--line);border-radius:8px;min-height:calc(100dvh - 130px)}
html[data-design-system="tabler"][data-dashboard-view="sites"] .sites-header-title h2:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:24px;font-weight:600}
html[data-design-system="tabler"][data-dashboard-view="sites"] .site-grid-header:where(:not([data-tabler-native], [data-tabler-native] *)){background:var(--panel-2);color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.04em}
html[data-design-system="tabler"][data-dashboard-view="sites"] .site-grid-cell:where(:not([data-tabler-native], [data-tabler-native] *)){height:auto;min-height:88px;padding:14px 12px;font-size:13px;color:var(--text)}
html[data-design-system="tabler"][data-dashboard-view="sites"] .site-connection-tabs:where(:not([data-tabler-native], [data-tabler-native] *)){padding:0 16px;min-height:48px}
html[data-design-system="tabler"][data-dashboard-view="sites"] .site-connection-tabs button:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:13px;font-weight:500}
html[data-design-system="tabler"][data-dashboard-view="sites"] .site-connection-tabs button.active:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--blue);border-bottom:2px solid var(--blue);background:transparent}
html[data-design-system="tabler"][data-dashboard-view="sites"] .topbar-actions .primary:where(:not([data-tabler-native], [data-tabler-native] *)){background:var(--primary);border-color:var(--primary);color:#fff}
html[data-design-system="tabler"][data-dashboard-view="sites"] .topbar-actions .secondary:where(:not([data-tabler-native], [data-tabler-native] *)){background:var(--panel);color:var(--text)}
html[data-design-system="tabler"][data-dashboard-view="sites"] :is(.site-action-button,.site-favorite-button):where(:not([data-tabler-native], [data-tabler-native] *)){border-radius:5px}
html[data-design-system="tabler"][data-dashboard-view="sites"] .site-bulk-bar:where(:not([data-tabler-native], [data-tabler-native] *)){background:var(--selected-bg);border-color:var(--line);color:var(--blue)}
html[data-design-system="tabler"][data-dashboard-view="sites"] :is(.site-time-action.is-active,.site-maintenance-action.active,.site-emergency-action.active,.site-pin-button.is-active):where(:not([data-tabler-native], [data-tabler-native] *)){background:#F1BE42;color:#18212f;-webkit-text-fill-color:#18212f;border-color:#F1BE42;box-shadow:none}
html[data-design-system="tabler"][data-dashboard-view="sites"] :is(.site-time-action.is-active,.site-maintenance-action.active,.site-emergency-action.active,.site-pin-button.is-active):hover:where(:not([data-tabler-native], [data-tabler-native] *)){background:#F1BE42;color:#18212f;-webkit-text-fill-color:#18212f;border-color:#F1BE42;box-shadow:none}
html[data-design-system="tabler"][data-dashboard-view="sites"] body:where(:not([data-tabler-native], [data-tabler-native] *)){background:var(--bg)}
html[data-design-system="tabler"] :is(.sites-directory,.site-directory,.site-list-scroll,.site-grid-wrap,.site-pinned-grid-wrap):where(:not([data-tabler-native], [data-tabler-native] *)){min-width:0;max-width:100%}
html[data-design-system="tabler"] .content-grid.sites-layout:where(:not([data-tabler-native], [data-tabler-native] *)){grid-template-columns:minmax(0,1fr)}
@media(max-width:760px){html[data-design-system="tabler"] .site-list-scroll:where(:not([data-tabler-native], [data-tabler-native] *)){overflow-x:auto}html[data-design-system="tabler"] .site-directory-tools:where(:not([data-tabler-native], [data-tabler-native] *)){grid-template-columns:minmax(0,1fr);padding:12px}html[data-design-system="tabler"] .site-directory-tool-actions:where(:not([data-tabler-native], [data-tabler-native] *)){justify-self:start}html[data-design-system="tabler"] .site-connection-tabs:where(:not([data-tabler-native], [data-tabler-native] *)){overflow-x:auto;white-space:nowrap}html[data-design-system="tabler"] .site-connection-tabs button:where(:not([data-tabler-native], [data-tabler-native] *)){flex:none}html[data-design-system="tabler"] .site-pinned-section:where(:not([data-tabler-native], [data-tabler-native] *)){min-width:0}}
@media(max-width:760px){html[data-design-system="tabler"][data-dashboard-view="sites"] .site-directory-tools:where(:not([data-tabler-native], [data-tabler-native] *)){display:grid;grid-template-columns:minmax(0,1fr);gap:12px}html[data-design-system="tabler"][data-dashboard-view="sites"] .site-search:where(:not([data-tabler-native], [data-tabler-native] *)){width:100%;max-width:none}html[data-design-system="tabler"][data-dashboard-view="sites"] .site-directory-tool-actions:where(:not([data-tabler-native], [data-tabler-native] *)){justify-self:start}}

html[data-design-system="tabler"][data-dashboard-view="sites"] .site-pinned-grid .site-table-row > .site-grid-cell:where(:not([data-tabler-native], [data-tabler-native] *)){height:auto;min-height:88px;padding-block:14px}

html[data-design-system="tabler"]:not([data-theme="light"])[data-dashboard-view="sites"] :is(.site-time-action.is-active,.site-maintenance-action.active,.site-emergency-action.active,.site-pin-button.is-active):where(:not([data-tabler-native], [data-tabler-native] *)){background:#F1BE42;color:#18212f;-webkit-text-fill-color:#18212f;border-color:#F1BE42;box-shadow:none}
html[data-design-system="tabler"]:not([data-theme="light"])[data-dashboard-view="sites"] :is(.site-time-action.is-active,.site-maintenance-action.active,.site-emergency-action.active,.site-pin-button.is-active):hover:where(:not([data-tabler-native], [data-tabler-native] *)){background:#F1BE42;color:#18212f;-webkit-text-fill-color:#18212f;border-color:#F1BE42;box-shadow:none}

/* Planned jobs replace the website directory while their tab is selected. */
html[data-design-system="tabler"] #sitesPanel.show-planned-jobs .site-directory:where(:not([data-tabler-native], [data-tabler-native] *)){ display:flex; flex-direction:column; }
#sitesPanel.show-planned-jobs .site-directory > :not(.site-connection-tabs):not(#plannedJobsPanel):where(:not([data-tabler-native], [data-tabler-native] *)){ display:none!important; }
#plannedJobsPanel:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height:0; flex:1; overflow:auto; padding:20px; }
.planned-jobs-tools:where(:not([data-tabler-native], [data-tabler-native] *)){ display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:12px; }
.planned-periods:where(:not([data-tabler-native], [data-tabler-native] *)){ display:flex; flex-wrap:wrap; gap:4px; padding:4px; border:1px solid var(--line); border-radius:6px; background:var(--panel-2); }
.planned-periods button:where(:not([data-tabler-native], [data-tabler-native] *)){ padding:8px 12px; border:0; border-radius:4px; background:transparent; color:var(--muted); font-size:13px; }
.planned-periods button[aria-pressed="true"]:where(:not([data-tabler-native], [data-tabler-native] *)){ background:var(--selected-bg); color:var(--blue); }
.planned-jobs-tools #refreshPlannedJobs:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-left:auto; }
#plannedJobsPanel > p:where(:not([data-tabler-native], [data-tabler-native] *)){ color:var(--muted); font-size:13px; line-height:1.5; margin:0 0 20px; }
#plannedJobsList:where(:not([data-tabler-native], [data-tabler-native] *)){ display:grid; gap:12px; }
.planned-job:where(:not([data-tabler-native], [data-tabler-native] *)){ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; gap:20px; align-items:center; padding:16px; border:1px solid var(--line); border-radius:8px; background:var(--panel); }
.planned-job > div:where(:not([data-tabler-native], [data-tabler-native] *)){ display:grid; gap:5px; min-width:0; }
.planned-job strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size:14px; }
.planned-job small:where(:not([data-tabler-native], [data-tabler-native] *)){ color:var(--muted); font-size:12px; overflow-wrap:anywhere; }
.planned-job a:where(:not([data-tabler-native], [data-tabler-native] *)){ color:var(--text); text-decoration:none; }
.planned-job a:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ color:var(--blue); text-decoration:underline; }
.planned-job-status:where(:not([data-tabler-native], [data-tabler-native] *)){ padding:5px 9px; border-radius:4px; background:var(--panel-2); color:var(--muted); font-size:12px; }
.planned-job.is-overdue:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color:var(--amber); }
.planned-job-status.is-overdue:where(:not([data-tabler-native], [data-tabler-native] *)){ color:var(--amber); }
@media(max-width:760px) { #plannedJobsPanel:where(:not([data-tabler-native], [data-tabler-native] *)){padding:16px}.planned-job:where(:not([data-tabler-native], [data-tabler-native] *)){grid-template-columns:1fr;gap:12px}.planned-job-status:where(:not([data-tabler-native], [data-tabler-native] *)){justify-self:start} }

html[data-design-system="tabler"][data-dashboard-view="sites"] .site-pagination button:where(:not([data-tabler-native], [data-tabler-native] *)){ background:var(--panel); color:var(--text); border:1px solid var(--line); border-radius:5px; box-shadow:none; }
html[data-design-system="tabler"][data-dashboard-view="sites"] .site-pagination button:disabled:where(:not([data-tabler-native], [data-tabler-native] *)){ opacity:.45; cursor:default; background:var(--panel); color:var(--muted); box-shadow:none; }

html[data-design-system="tabler"][data-dashboard-view="sites"] .site-directory.panel:where(:not([data-tabler-native], [data-tabler-native] *)){ height:auto; min-height:0; }
html[data-design-system="tabler"][data-dashboard-view="sites"] .site-list-scroll:where(:not([data-tabler-native], [data-tabler-native] *)){ max-height:none; }
html[data-design-system="tabler"][data-dashboard-view="sites"] #plannedJobsPanel:where(:not([data-tabler-native], [data-tabler-native] *)){ max-height:none; }


@media(min-width:761px) {
 html[data-design-system="tabler"][data-dashboard-view="sites"] .site-directory.panel:where(:not([data-tabler-native], [data-tabler-native] *)){ max-height:var(--site-directory-workspace-height,calc(100dvh - 130px)); }
}

#refreshPlannedJobs .button-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width:24px; height:24px; flex:0 0 24px; stroke-width:1; }

/* Active actions retain the same full secondary color as favorites. */
html:is([data-dashboard-view="sites"], [data-dashboard-view="site-workspace"]) :is(.site-row-actions,.site-workspace-header-actions):where(:not([data-tabler-native], [data-tabler-native] *)){ opacity:1; }
html[data-dashboard-view="sites"] .site-table-row:not(:hover) .site-row-actions:not(:focus-within) > button:not(.is-active):not(.active):not(:disabled):where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="site-workspace"] .site-workspace-header:not(:hover) .site-workspace-header-actions:not(:focus-within) > button:not(.is-active):not(.active):not(:disabled):where(:not([data-tabler-native], [data-tabler-native] *)){ opacity:.72; }

html:is([data-dashboard-view="sites"], [data-dashboard-view="site-workspace"]) :is(.site-wp-admin-action, .site-connector-login-action, .site-sync-action, .site-maintenance-action, .site-clone-action, .site-backup-create-action, .site-backups-action, .site-update-action, .site-update-schedule-action, .site-emergency-action) svg.icon-tabler:where(:not([data-tabler-native], [data-tabler-native] *)){ width:24px; height:24px; flex:0 0 24px; stroke-width:1; }

/* Shared color states for every website row action. */
html[data-design-system="tabler"] :is(.site-row-actions, .site-workspace-header-actions) button.site-quick-action:where(:not([data-tabler-native], [data-tabler-native] *)){
 background:var(--panel); color:var(--muted); -webkit-text-fill-color:currentColor; border-color:transparent; box-shadow:none;
}
html[data-design-system="tabler"] :is(.site-row-actions, .site-workspace-header-actions) button.site-quick-action:not(:disabled):is(:hover,:focus-visible,:active):where(:not([data-tabler-native], [data-tabler-native] *)){
 background:#F1BE42; color:#18212f; -webkit-text-fill-color:#18212f; border-color:#F1BE42; box-shadow:none;
}
html[data-design-system="tabler"] :is(.site-row-actions, .site-workspace-header-actions) button.site-quick-action:is(.active,.is-active):where(:not([data-tabler-native], [data-tabler-native] *)){
 background:#F1BE42; color:#18212f; -webkit-text-fill-color:#18212f; border-color:#F1BE42; box-shadow:none;
}
html[data-design-system="tabler"] :is(.site-row-actions, .site-workspace-header-actions) button.site-quick-action:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){
 outline:2px solid #F1BE42; outline-offset:2px;
}
html[data-design-system="tabler"] :is(.site-row-actions, .site-workspace-header-actions) button.site-quick-action:disabled:where(:not([data-tabler-native], [data-tabler-native] *)){
 opacity:.38; cursor:not-allowed;
}

/* Favorites use the secondary color only on their outline and icon. */
html[data-design-system="tabler"][data-dashboard-view="sites"] .site-pin-column > button.site-pin-button.is-active:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-design-system="tabler"][data-dashboard-view="sites"] .site-pin-column > button.site-pin-button.is-active:is(:hover,:focus-visible,:active):where(:not([data-tabler-native], [data-tabler-native] *)){
 background:transparent; color:#F1BE42; -webkit-text-fill-color:#F1BE42; border:0; box-shadow:none;
}
html[data-design-system="tabler"][data-dashboard-view="sites"] .site-pin-column > button.site-pin-button.is-active svg:where(:not([data-tabler-native], [data-tabler-native] *)){ fill:none; }

html[data-design-system="tabler"][data-dashboard-view="sites"] .site-pin-column > button.site-pin-button:not(.is-active) svg.icon-tabler-star:where(:not([data-tabler-native], [data-tabler-native] *)){ fill:none; stroke:#72F64A; }
html[data-design-system="tabler"][data-dashboard-view="sites"] .site-pin-column > button.site-pin-button.is-active svg.icons-tabler-filled:where(:not([data-tabler-native], [data-tabler-native] *)){ fill:#00f900; stroke:none; }
.client-directory:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: hidden; }
.client-directory-head:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: end; justify-content: space-between; gap: 24px; padding: 22px 24px; }
.client-directory-head h2:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0 0 5px; }
.client-directory-head p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; color: var(--muted); font-size: 13px; }
.client-search:where(:not([data-tabler-native], [data-tabler-native] *)){ width: min(400px, 100%); min-width: min(320px, 100%); }
.client-search input:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; min-width: 0; flex: 1 1 auto; }
.client-table-wrap:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow-x: auto; }
.client-table:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; border-collapse: collapse; }
.client-table th:where(:not([data-tabler-native], [data-tabler-native] *)), .client-table td:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 15px 18px; border-top: 1px solid var(--line); text-align: left; vertical-align: middle; }
.client-table td:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: .78rem; line-height: 1.35; }
.client-table td > strong:where(:not([data-tabler-native], [data-tabler-native] *)), .client-identity > strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: .8rem; }
.client-table th:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: .76rem; letter-spacing: .05em; text-transform: uppercase; }
.client-identity:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: 38px auto; align-items: center; column-gap: 10px; }
.client-identity .avatar:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-row: 1 / span 2; width: 38px; height: 38px; }
.client-identity small:where(:not([data-tabler-native], [data-tabler-native] *)), .table-subline:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; color: var(--muted); margin-top: 3px; }
.client-row-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; justify-content: flex-end; align-items: center; gap: 7px; }
.client-row-actions .compact-button:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 30px; padding: 6px 9px; border: 1px solid var(--line); border-radius: 7px; background: var(--panel-2); color: var(--text); box-shadow: none; font-size: .68rem; font-weight: 700; line-height: 1; }
.client-row-actions .compact-button:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .client-row-actions .compact-button:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: var(--accent); color: var(--accent); }
html[data-theme="light"] .client-row-actions .compact-button:where(:not([data-tabler-native], [data-tabler-native] *)){ background: #fff; color: var(--text); border-color: var(--line); }
.managed-role-select:where(:not([data-tabler-native], [data-tabler-native] *)), .site-client-assignment select:where(:not([data-tabler-native], [data-tabler-native] *)), .site-environment-assignment select:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 118px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 8px; outline: 0; background: var(--panel); color: var(--text); }
.managed-role-select:focus:where(:not([data-tabler-native], [data-tabler-native] *)), .site-client-assignment select:focus:where(:not([data-tabler-native], [data-tabler-native] *)), .site-environment-assignment select:focus:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: var(--accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent); }
html[data-theme="light"] .managed-role-select:where(:not([data-tabler-native], [data-tabler-native] *)), html[data-theme="light"] .site-client-assignment select:where(:not([data-tabler-native], [data-tabler-native] *)), html[data-theme="light"] .site-environment-assignment select:where(:not([data-tabler-native], [data-tabler-native] *)){ background: #fff; color: var(--text); border-color: var(--line); }
.site-client-assignment:where(:not([data-tabler-native], [data-tabler-native] *)), .site-environment-assignment:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-flex; align-items: center; gap: 7px; margin: 0; }
.site-environment-assignment select:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 104px; height: 32px; padding: 5px 28px 5px 9px; font-size: 13px; }
.site-create-staging:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-flex; align-items: center; gap: 7px; }
.site-create-staging svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.2px; }
.site-staging-instances:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: 1 0 100%; margin-top: 10px; }
.site-staging-instance:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; padding: 14px; border: 1px solid var(--line); border-radius: 12px; display: grid; gap: 12px; background: color-mix(in srgb, var(--panel-2) 72%, transparent); }
.site-staging-instance.failed:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: color-mix(in srgb, var(--danger) 48%, var(--line)); }
.site-staging-relationship:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; align-items: stretch; }
.site-staging-node:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; padding: 13px; border: 1px solid var(--line); border-radius: 10px; display: grid; align-content: start; gap: 10px; background: var(--panel); }
.site-staging-node.staging:where(:not([data-tabler-native], [data-tabler-native] *)){ border-left: 3px solid var(--accent); }
.site-staging-node small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.site-staging-instance.failed small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); }
.site-staging-node-identity:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; grid-template-columns: 38px minmax(0, 1fr); align-items: center; gap: 10px; }
.site-staging-node-identity > .site-icon:where(:not([data-tabler-native], [data-tabler-native] *)), .site-staging-node-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 38px; height: 38px; display: inline-grid; place-items: center; border: 1px solid var(--line); border-radius: 8px; color: var(--blue); background: color-mix(in srgb, var(--panel-2) 78%, transparent); }
.site-staging-node-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); }
.site-staging-node-icon svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.3px; }
.site-staging-node-identity > span:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: grid; gap: 3px; }
.site-staging-node-identity strong:where(:not([data-tabler-native], [data-tabler-native] *)), .site-staging-node-identity a:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.site-staging-node-identity strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--text); font-size: 13px; }
.site-staging-node-identity a:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 12px; text-decoration: none; }
.site-staging-node-identity a:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); }
.site-staging-node-flags:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; flex-wrap: wrap; gap: 6px; }
.site-staging-state:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; display: inline-flex; align-items: center; gap: 5px; color: var(--muted); font-size: 11px; font-weight: 700; line-height: 1.25; }
.site-staging-state i:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 6px; height: 6px; flex: 0 0 auto; border-radius: 50%; background: currentColor; }
.site-staging-state.ok:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); }
.site-staging-state.attention:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); }
.site-staging-state.offline:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); }
.site-staging-state.neutral:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); }
.site-workspace-staging-overview .site-staging-node:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-top: 12px; }
.site-workspace-staging-provisioned:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 11px; }
.site-staging-footer:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; padding-top: 11px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.site-staging-summary:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; flex: 1 1 auto; display: grid; gap: 3px; }
.site-staging-description:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: hidden; color: var(--muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.site-staging-progress:where(:not([data-tabler-native], [data-tabler-native] *)){ width: min(520px, 100%); margin-top: 5px; display: grid; gap: 5px; }
.site-staging-progress-meta:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.site-staging-progress-meta span:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--text); font-weight: 750; }
.site-staging-progress-meta time:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 11px; white-space: nowrap; }
.site-staging-progress progress:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; height: 6px; overflow: hidden; border: 0; border-radius: 999px; background: color-mix(in srgb, var(--line) 72%, transparent); appearance: none; }
.site-staging-progress progress:where(:not([data-tabler-native], [data-tabler-native] *))::-webkit-progress-bar { border-radius: 999px; background: color-mix(in srgb, var(--line) 72%, transparent); }
.site-staging-progress progress:where(:not([data-tabler-native], [data-tabler-native] *))::-webkit-progress-value { border-radius: 999px; background: var(--accent); transition: width .25s ease; }
.site-staging-progress progress:where(:not([data-tabler-native], [data-tabler-native] *))::-moz-progress-bar { border-radius: 999px; background: var(--accent); }
.site-staging-progress-indeterminate:where(:not([data-tabler-native], [data-tabler-native] *)){ position: relative; width: 100%; height: 6px; display: block; border-radius: 999px; background: color-mix(in srgb, var(--line) 72%, transparent); }
.site-staging-progress-indeterminate:where(:not([data-tabler-native], [data-tabler-native] *))::after { content: ""; position: absolute; inset: 0 auto 0 0; width: 34%; border-radius: inherit; background: var(--accent); animation: staging-progress-pulse 1.25s ease-in-out infinite alternate; }
@keyframes staging-progress-pulse { from { transform: translateX(0); } to { transform: translateX(194%); } }
@media (prefers-reduced-motion: reduce) { .site-staging-progress-indeterminate:where(:not([data-tabler-native], [data-tabler-native] *))::after { width: 100%; opacity: .45; animation: none; } }
.site-staging-instance .site-staging-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; grid-template-columns: none; align-items: center; justify-content: flex-end; gap: 7px; }
.site-staging-actions .action:where(:not([data-tabler-native], [data-tabler-native] *)), .site-staging-actions .danger-button:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 30px; padding: 6px 9px; font-size: 12px; }
.site-staging-release:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 30px; padding: 6px 9px; display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--line); border-radius: 8px; background: transparent; color: var(--muted); font-size: 12px; font-weight: 700; text-decoration: none; }
.site-staging-release:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ border-color: var(--accent); color: var(--accent); }
.site-staging-release svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.2px; }
.registration-module-settings-form:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 14px; }
.registration-module-toggle:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 40px; }
.registration-limit-fields:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 12px; }
.registration-unlimited-toggle:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 130px; height: 40px; }
.registration-capacity-grid:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.registration-capacity-item:where(:not([data-tabler-native], [data-tabler-native] *)){ position: relative; min-width: 0; overflow: hidden; padding: 13px 14px; border: 1px solid var(--line); border-radius: 11px; background: linear-gradient(145deg, color-mix(in srgb, var(--panel-2) 88%, transparent), var(--panel)); display: grid; gap: 4px; }
.registration-capacity-item:where(:not([data-tabler-native], [data-tabler-native] *))::after { content: ''; position: absolute; inset: auto 0 0; height: 2px; background: var(--capacity-color); opacity: .85; }
.registration-capacity-item span:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; display: flex; align-items: center; gap: 6px; }
.registration-capacity-item span i:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 7px; height: 7px; border-radius: 50%; background: var(--capacity-color); box-shadow: 0 0 8px var(--capacity-color); }
.registration-capacity-item strong:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--text); font-size: 24px; line-height: 1; }
.registration-capacity-item small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 11px; }
.registration-capacity-item.confirmed:where(:not([data-tabler-native], [data-tabler-native] *)){ --capacity-color: var(--blue); }
.registration-capacity-item.reserved:where(:not([data-tabler-native], [data-tabler-native] *)){ --capacity-color: var(--amber); }
.registration-capacity-item.available:where(:not([data-tabler-native], [data-tabler-native] *)){ --capacity-color: var(--accent); }
@media (max-width: 520px) { .registration-limit-fields:where(:not([data-tabler-native], [data-tabler-native] *)), .registration-capacity-grid:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; } .registration-unlimited-toggle:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; } }
@media (max-width: 600px) {
  .site-staging-footer:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: stretch; flex-direction: column; }
  .site-staging-instance .site-staging-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ flex-wrap: wrap; justify-content: flex-start; }
}
.success-text:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); }
@media (max-width: 900px) {
  .client-directory-head:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: stretch; flex-direction: column; }
}

.tickets-view:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 24px; padding: 0; }
.tickets-header:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-bottom: 6px; }
.ticket-directory:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow: hidden; }
.ticket-status-tabs:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; gap: 28px; padding: 0 20px; border-bottom: 1px solid var(--line); overflow-x: auto; font-weight: 700; font-size: 13px; }
.ticket-status-tabs button:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 52px; padding: 0; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; color: var(--muted); font-size: 13px; white-space: nowrap; }
.ticket-status-tabs button.active:where(:not([data-tabler-native], [data-tabler-native] *)){ border-bottom-color: var(--accent); color: var(--text); }
.ticket-directory-tools:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; grid-template-columns: minmax(260px, 1fr) auto 130px; gap: 14px; padding: 16px 20px; border-bottom: 1px solid var(--line); }
.ticket-directory-tools.single-control:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; }
.ticket-directory-tools.without-per-page:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: minmax(260px, 1fr) auto; }
.ticket-directory-tools label:where(:not([data-tabler-native], [data-tabler-native] *)){ margin: 0; }
.ticket-directory-tools select:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; min-height: 42px; }
.ticket-assignment-filters:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; gap: 4px; padding: 3px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel-2); }
.ticket-assignment-filters button:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 32px; padding: 6px 10px; border: 0; border-radius: 6px; background: transparent; color: var(--muted); font-size: 13px; font-weight: 750; white-space: nowrap; }
.ticket-assignment-filters button.active:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--accent) 15%, var(--panel)); color: var(--accent); }
.ticket-table-wrap:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow-x: hidden; }
.ticket-table:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; table-layout: fixed; border-collapse: collapse; }
.ticket-table th:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 13px 12px; color: var(--muted); font-size: 12px; letter-spacing: .09em; text-align: left; text-transform: uppercase; }
.ticket-table td:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 14px 12px; border-top: 1px solid var(--line); font-size: 13px; line-height: 1.35; vertical-align: middle; }
.ticket-table th:nth-child(1):where(:not([data-tabler-native], [data-tabler-native] *)){ width: 7%; }
.ticket-table th:nth-child(2):where(:not([data-tabler-native], [data-tabler-native] *)){ width: 14%; }
.ticket-table th:nth-child(3):where(:not([data-tabler-native], [data-tabler-native] *)){ width: 14%; }
.ticket-table th:nth-child(4):where(:not([data-tabler-native], [data-tabler-native] *)){ width: 17%; }
.ticket-table th:nth-child(5):where(:not([data-tabler-native], [data-tabler-native] *)){ width: 9%; }
.ticket-table th:nth-child(6):where(:not([data-tabler-native], [data-tabler-native] *)){ width: 10%; }
.ticket-table th:nth-child(7):where(:not([data-tabler-native], [data-tabler-native] *)){ width: 20%; }
.ticket-table th:nth-child(8):where(:not([data-tabler-native], [data-tabler-native] *)){ width: 9%; }
.ticket-table td strong:where(:not([data-tabler-native], [data-tabler-native] *)), .ticket-table td small:where(:not([data-tabler-native], [data-tabler-native] *)){ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ticket-table td strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 13px; }
.ticket-table td:nth-child(8):where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 13px; white-space: normal; }
.ticket-assignee-cell:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; }
.ticket-assignee-main:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; gap: 8px; min-width: 0; }
.ticket-assignee-avatar:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; flex: 0 0 30px; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: color-mix(in srgb, var(--accent) 18%, var(--panel-2)); color: var(--accent); font-size: 12px; font-weight: 850; }
.ticket-assignee-copy:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; min-width: 0; gap: 2px; }
.ticket-assignee-copy strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size: 13px !important; }
.ticket-assignee-copy small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); font-size: 12px; }
.ticket-unassigned:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-flex; padding: 4px 8px; border-radius: 999px; background: color-mix(in srgb, var(--amber) 9%, var(--panel-2)); color: var(--amber); font-size: 12px; font-weight: 800; white-space: nowrap; }
.ticket-editing-live:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; gap: 5px; margin-top: 5px; color: var(--accent); font-size: 11px; font-style: normal; font-weight: 750; line-height: 1.25; white-space: normal; }
.ticket-editing-live i:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: 0 0 6px; width: 6px; height: 6px; border-radius: 50%; background: currentColor; box-shadow: 0 0 8px currentColor; }
.ticket-row:where(:not([data-tabler-native], [data-tabler-native] *)){ cursor: pointer; transition: background .16s ease; }
.ticket-row:hover:where(:not([data-tabler-native], [data-tabler-native] *)), .ticket-row:focus:where(:not([data-tabler-native], [data-tabler-native] *)){ background: color-mix(in srgb, var(--panel) 78%, var(--accent) 7%); outline: 0; }
.ticket-priority:where(:not([data-tabler-native], [data-tabler-native] *)), .ticket-status:where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-flex; align-items: center; min-height: 24px; padding: 3px 9px; border-radius: 999px; background: var(--panel-2); color: var(--muted); font-size: 13px; font-weight: 750; white-space: nowrap; }
.ticket-priority.high:where(:not([data-tabler-native], [data-tabler-native] *)), .ticket-status.waiting:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); }
.ticket-priority.critical:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); }
.ticket-status.new:where(:not([data-tabler-native], [data-tabler-native] *)), .ticket-status.in_progress:where(:not([data-tabler-native], [data-tabler-native] *)), .ticket-status.resolved:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); }
.ticket-pagination:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 16px 20px; border-top: 1px solid var(--line); color: var(--muted); font-size: 13px; }
.ticket-pagination > div:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; align-items: center; gap: 12px; }

/* Tabler integration: 85-clients-features.css */
html[data-design-system="tabler"] :is(.client-card,.client-detail-panel,.support-metric,.onboarding-choice):where(:not([data-tabler-native], [data-tabler-native] *)){border-radius:8px;border-color:var(--line);background:var(--panel);box-shadow:none}
/* Support und Tickets im kompakten Website-Arbeitsbereich */
html[data-dashboard-view="tickets"]:where(:not([data-tabler-native], [data-tabler-native] *)){
  --site-next-bg: #08090b;
  --site-next-sidebar: #0a0b0e;
  --site-next-panel: #0d0f13;
  --site-next-raised: #12151a;
  --site-next-hover: #15191f;
  --site-next-line: rgba(255, 255, 255, .075);
  --site-next-line-strong: rgba(255, 255, 255, .12);
  --site-next-muted: #858b96;
  --site-next-text: #f3f4f6;
}
html[data-theme="light"][data-dashboard-view="tickets"]:where(:not([data-tabler-native], [data-tabler-native] *)){
  --site-next-bg: var(--bg);
  --site-next-sidebar: var(--bg);
  --site-next-panel: var(--panel);
  --site-next-raised: var(--panel);
  --site-next-hover: var(--bg);
  --site-next-line: rgba(22, 27, 34, .09);
  --site-next-line-strong: rgba(22, 27, 34, .16);
  --site-next-muted: #777d87;
  --site-next-text: #17191d;
}
html[data-dashboard-view="tickets"] body:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--site-next-bg); }
html[data-dashboard-view="tickets"] .sidebar:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-right-color: var(--site-next-line);
  background: var(--site-next-sidebar);
  box-shadow: none;
}
html[data-dashboard-view="tickets"] .sidebar .brand-version:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--site-next-muted); }
html[data-dashboard-view="tickets"] .nav-link:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="tickets"] .notification-button:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="tickets"] .logout-button:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="tickets"] .sidebar-collapse-button:where(:not([data-tabler-native], [data-tabler-native] *)){
  border-radius: 7px;
  transition: color .14s ease, background-color .14s ease;
}
html[data-dashboard-view="tickets"] .nav-link:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="tickets"] .nav-link.active:where(:not([data-tabler-native], [data-tabler-native] *)){ background: rgba(255, 255, 255, .055); }
html[data-theme="light"][data-dashboard-view="tickets"] .nav-link:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="tickets"] .nav-link.active:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--selected-bg); }
html[data-dashboard-view="tickets"] main:where(:not([data-tabler-native], [data-tabler-native] *)){ max-width: none; }
html[data-dashboard-view="tickets"] .tickets-view:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 0; }
html[data-dashboard-view="tickets"] .tickets-header:where(:not([data-tabler-native], [data-tabler-native] *)){
  min-height: 44px;
  margin: 0;
  padding: 0 8px 0 12px;
  border: 1px solid var(--site-next-line);
  border-radius: 8px 8px 0 0;
  background: var(--site-next-panel);
  align-items: center;
  gap: 12px;
}
html[data-dashboard-view="tickets"] .tickets-header > div:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 0; }
html[data-dashboard-view="tickets"] .tickets-header h1:where(:not([data-tabler-native], [data-tabler-native] *)){
  margin: 0;
  color: var(--site-next-text);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}
html[data-dashboard-view="tickets"] .tickets-header .primary:where(:not([data-tabler-native], [data-tabler-native] *)){
  min-width: 0;
  height: 36px;
  padding: 0 13px;
  border: 1px solid var(--site-next-line);
  border-radius: 7px;
  box-shadow: none;
}
html[data-dashboard-view="tickets"] .ticket-directory.panel:where(:not([data-tabler-native], [data-tabler-native] *)){
  overflow: hidden;
  border-top: 0;
  border-color: var(--site-next-line);
  border-radius: 0 0 11px 11px;
  background: var(--site-next-panel);
  box-shadow: none;
}
html[data-dashboard-view="tickets"] .ticket-status-tabs:where(:not([data-tabler-native], [data-tabler-native] *)){
  min-height: 52px;
  gap: 2px;
  padding: 8px 12px 0;
  border-bottom-color: var(--site-next-line);
  background: var(--site-next-panel);
}
html[data-dashboard-view="tickets"] .ticket-status-tabs button:where(:not([data-tabler-native], [data-tabler-native] *)){
  min-height: 44px;
  padding: 0 13px;
  color: var(--site-next-muted);
  font-size: 13px;
  transition: color .14s ease, border-color .14s ease;
}
html[data-dashboard-view="tickets"] .ticket-status-tabs button:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="tickets"] .ticket-status-tabs button.active:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--site-next-text); }
html[data-dashboard-view="tickets"] .ticket-directory-tools:where(:not([data-tabler-native], [data-tabler-native] *)){
  gap: 10px;
  padding: 12px;
  border-bottom-color: var(--site-next-line);
  background: var(--site-next-panel);
  align-items: center;
}
html[data-dashboard-view="tickets"] .ticket-directory-tools .search:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="tickets"] .ticket-directory-tools select:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="tickets"] .ticket-assignment-filters:where(:not([data-tabler-native], [data-tabler-native] *)){
  height: 36px;
  min-height: 36px;
  border-color: var(--site-next-line);
  border-radius: 7px;
  background: var(--site-next-raised);
  color: var(--site-next-text);
  box-shadow: none;
}
html[data-dashboard-view="tickets"] .ticket-directory-tools select:where(:not([data-tabler-native], [data-tabler-native] *)){ height: 36px; min-height: 36px; }
html[data-dashboard-view="tickets"] .ticket-directory-tools input:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--site-next-text); }
html[data-dashboard-view="tickets"] .ticket-directory-tools input:where(:not([data-tabler-native], [data-tabler-native] *))::placeholder { color: var(--site-next-muted); }
html[data-dashboard-view="tickets"] .ticket-assignment-filters:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 2px; }
html[data-dashboard-view="tickets"] .ticket-assignment-filters button:where(:not([data-tabler-native], [data-tabler-native] *)){
  min-height: 30px;
  padding: 0 10px;
  border-radius: 5px;
  color: var(--site-next-muted);
  font-size: 12px;
}
html[data-dashboard-view="tickets"] .ticket-assignment-filters button.active:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: color-mix(in srgb, var(--accent) 13%, var(--site-next-panel));
  color: var(--accent);
}
html[data-dashboard-view="tickets"] .ticket-table-wrap:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--site-next-panel); }
html[data-dashboard-view="tickets"] .ticket-table th:where(:not([data-tabler-native], [data-tabler-native] *)){
  padding: 11px 12px;
  border-bottom: 1px solid var(--site-next-line);
  color: var(--site-next-muted);
  font-size: 11px;
  letter-spacing: .08em;
}
html[data-dashboard-view="tickets"] .ticket-table td:where(:not([data-tabler-native], [data-tabler-native] *)){
  height: 64px;
  padding: 12px;
  border-top: 0;
  border-bottom: 1px solid var(--site-next-line);
  background: transparent;
}
html[data-dashboard-view="tickets"] .ticket-table tr.ticket-row:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: var(--site-next-panel);
  transition: background-color .14s ease;
}
html[data-dashboard-view="tickets"] .ticket-table tr.ticket-row:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="tickets"] .ticket-table tr.ticket-row:focus:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--site-next-hover); }
html[data-theme="light"][data-dashboard-view="tickets"] .ticket-table tr.ticket-row:hover:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-theme="light"][data-dashboard-view="tickets"] .ticket-table tr.ticket-row:focus:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--bg); }
html[data-dashboard-view="tickets"] .ticket-priority:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="tickets"] .ticket-status:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--site-next-raised); }
html[data-dashboard-view="tickets"] .ticket-pagination:where(:not([data-tabler-native], [data-tabler-native] *)){
  min-height: 50px;
  padding: 9px 14px;
  border-top: 0;
  background: var(--site-next-panel);
  color: var(--site-next-muted);
}
html[data-dashboard-view="tickets"] .ticket-pagination button:where(:not([data-tabler-native], [data-tabler-native] *)){
  min-height: 30px;
  padding: 0 10px;
  border-color: var(--site-next-line);
  border-radius: 6px;
  box-shadow: none;
}
html[data-dashboard-view="tickets"] .ticket-directory button:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="tickets"] .ticket-directory input:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-dashboard-view="tickets"] .ticket-directory select:where(:not([data-tabler-native], [data-tabler-native] *)){ transition-duration: .14s; }
@media (max-width: 820px) {
  html[data-dashboard-view="tickets"] main:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 8px; }
  html[data-dashboard-view="tickets"] .ticket-pagination:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: stretch; }
}
@media (max-width: 520px) {
  html[data-dashboard-view="tickets"] .tickets-header:where(:not([data-tabler-native], [data-tabler-native] *)){
    min-height: 44px;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
  }
  html[data-dashboard-view="tickets"] .tickets-header .primary:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-left: auto; }
  html[data-dashboard-view="tickets"] .ticket-status-tabs:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 48px; }
}
#ticketNavBadge:where(:not([data-tabler-native], [data-tabler-native] *)){ box-sizing: border-box; min-width: 21px; height: 21px; margin-left: auto; padding: 0 5px; border: 2px solid var(--bg); border-radius: 999px; display: inline-grid; place-items: center; background: var(--danger); color: #fff; font-size: 12px; font-style: normal; font-weight: 700; line-height: 1; text-align: center; }
html[data-theme="light"] #ticketNavBadge:where(:not([data-tabler-native], [data-tabler-native] *)){ background: var(--danger); color: #fff; }

@media (max-width: 820px) {
  .ticket-directory-tools:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; }
  .ticket-directory-tools.without-per-page:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; }
  .ticket-assignment-filters:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow-x: auto; }
  .ticket-pagination:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items: flex-start; flex-direction: column; }
  .ticket-table-wrap:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow-x: auto; }
  .ticket-table:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width: 820px; }
}

@media (max-width: 900px) {
  .settings-section:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns: 1fr; }
}


/* Tabler integration: 90-tickets.css */
html[data-design-system="tabler"] :is(.ticket-card,.ticket-detail,.ticket-compose):where(:not([data-tabler-native], [data-tabler-native] *)){border-radius:8px;border-color:var(--line);background:var(--panel);box-shadow:none}
/* Neutral scrollbars follow the current theme. */
:where(:not([data-tabler-native], [data-tabler-native] *))::-webkit-scrollbar { width:8px; height:8px; }
:where(:not([data-tabler-native], [data-tabler-native] *))::-webkit-scrollbar-track { background:var(--panel); box-shadow:none; }
:where(:not([data-tabler-native], [data-tabler-native] *))::-webkit-scrollbar-thumb { border:2px solid var(--panel); border-radius:6px; background:color-mix(in srgb,var(--muted) 45%,var(--panel)); }
:where(:not([data-tabler-native], [data-tabler-native] *))::-webkit-scrollbar-thumb:hover { background:var(--muted); }

.module-settings-section:where(:not([data-tabler-native], [data-tabler-native] *)){
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.module-settings-card:where(:not([data-tabler-native], [data-tabler-native] *)){
    grid-column: auto;
}
.module-settings-card .settings-card-head:where(:not([data-tabler-native], [data-tabler-native] *)){
    grid-template-columns: minmax(180px, .7fr) minmax(280px, 1.3fr) auto;
    align-items: center;
}
.module-role-table:where(:not([data-tabler-native], [data-tabler-native] *)){
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 11px;
}
.module-role-head:where(:not([data-tabler-native], [data-tabler-native] *)),
.module-role-row:where(:not([data-tabler-native], [data-tabler-native] *)){
    display: grid;
    grid-template-columns: minmax(160px, 1fr) minmax(160px, .8fr) minmax(160px, .8fr);
    align-items: center;
    gap: 16px;
    min-height: 58px;
    padding: 9px 14px;
    border-bottom: 1px solid var(--line);
}
.module-role-head:where(:not([data-tabler-native], [data-tabler-native] *)){
    min-height: 42px;
    background: var(--panel-2);
    color: var(--muted);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.module-role-row:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){
    border-bottom: 0;
}
.module-role-row > input[type="number"]:where(:not([data-tabler-native], [data-tabler-native] *)){
    width: 150px;
}
.module-unlimited:where(:not([data-tabler-native], [data-tabler-native] *)){
    display: flex;
    align-items: center;
    gap: 9px;
}
.module-unlimited input:where(:not([data-tabler-native], [data-tabler-native] *)){
    width: 18px;
    height: 18px;
}
.module-role-fixed:where(:not([data-tabler-native], [data-tabler-native] *)){
    color: var(--muted);
}
.module-role-fixed span:where(:not([data-tabler-native], [data-tabler-native] *)){
    font-size: 13px;
}
.overview-element-list:where(:not([data-tabler-native], [data-tabler-native] *)),
.overview-role-permissions:where(:not([data-tabler-native], [data-tabler-native] *)){
    display: grid;
    gap: 10px;
}
.overview-element-row:where(:not([data-tabler-native], [data-tabler-native] *)){
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 62px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--panel-2);
}
.overview-element-row.dragging:where(:not([data-tabler-native], [data-tabler-native] *)){
    opacity: .55;
    border-color: var(--accent);
}
.overview-drag-handle:where(:not([data-tabler-native], [data-tabler-native] *)){
    color: var(--muted);
    cursor: grab;
    font-size: 20px;
    letter-spacing: -5px;
}
.overview-element-row > label:where(:not([data-tabler-native], [data-tabler-native] *)){
    display: flex;
    align-items: center;
    gap: 11px;
    cursor: pointer;
}
.overview-element-row > label > input:where(:not([data-tabler-native], [data-tabler-native] *)){
    width: 18px;
    height: 18px;
}
.overview-element-row label span:where(:not([data-tabler-native], [data-tabler-native] *)){
    display: grid;
    gap: 3px;
}
.overview-element-row label small:where(:not([data-tabler-native], [data-tabler-native] *)){
    color: var(--muted);
    font-size: 13px;
}
.overview-move-actions:where(:not([data-tabler-native], [data-tabler-native] *)){
    display: flex;
    gap: 6px;
}
.overview-move-actions button:where(:not([data-tabler-native], [data-tabler-native] *)){
    width: 34px;
    height: 34px;
    border: 1px solid var(--line);
    border-radius: 7px;
    background: var(--panel);
    color: var(--text);
}
.overview-role-group:where(:not([data-tabler-native], [data-tabler-native] *)){
    margin: 0;
    padding: 13px;
    border: 1px solid var(--line);
    border-radius: 8px;
}
.overview-role-group legend:where(:not([data-tabler-native], [data-tabler-native] *)){
    padding: 0 7px;
    font-weight: 800;
}
.overview-role-group > div:where(:not([data-tabler-native], [data-tabler-native] *)){
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px 18px;
}
.overview-role-group .checkbox-setting:where(:not([data-tabler-native], [data-tabler-native] *)){
    justify-content: flex-start;
}
.settings-form-actions:where(:not([data-tabler-native], [data-tabler-native] *)){
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
[data-overview-preference-hidden="true"]:where(:not([data-tabler-native], [data-tabler-native] *)){
    display: none !important;
}
.settings-hint:where(:not([data-tabler-native], [data-tabler-native] *)){
    color: var(--muted);
    font-size: 13px;
}
.site-contract-chip:where(:not([data-tabler-native], [data-tabler-native] *)){ padding: 4px 8px; border: 1px solid color-mix(in srgb, var(--accent) 48%, var(--line)); border-radius: 999px; }
.site-contract-chip.due:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); border-color: color-mix(in srgb, var(--amber) 65%, var(--line)); }
.site-contract-chip.expired:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); border-color: color-mix(in srgb, var(--danger) 65%, var(--line)); }
.site-contract-chip.grace:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--amber); border-color: color-mix(in srgb, var(--amber) 65%, var(--line)); }
.site-contract-chip.suspended:where(:not([data-tabler-native], [data-tabler-native] *)), .site-contract-chip.archived:where(:not([data-tabler-native], [data-tabler-native] *)), .site-contract-chip.removed:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); border-color: color-mix(in srgb, var(--danger) 65%, var(--line)); }
.checkbox-setting.compact:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height: 36px; padding: 8px 10px; font-size: 13px; }
.site-detail-actions .site-contract-action:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--accent); border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); }

@media (max-width: 760px) {
    .module-settings-section:where(:not([data-tabler-native], [data-tabler-native] *)){
        grid-template-columns: 1fr;
    }
    .module-settings-card .settings-card-head:where(:not([data-tabler-native], [data-tabler-native] *)),
    .module-role-head:where(:not([data-tabler-native], [data-tabler-native] *)),
    .module-role-row:where(:not([data-tabler-native], [data-tabler-native] *)){
        grid-template-columns: 1fr;
    }
    .module-role-head:where(:not([data-tabler-native], [data-tabler-native] *)){
        display: none;
    }
    .overview-role-group > div:where(:not([data-tabler-native], [data-tabler-native] *)){
        grid-template-columns: 1fr;
    }
}

/* Tabler integration: 95-settings-modules.css */
html[data-design-system="tabler"] :is(.settings-module-card,.settings-module,.module-card):where(:not([data-tabler-native], [data-tabler-native] *)){border-radius:8px;border-color:var(--line);background:var(--panel);box-shadow:none}

/* Legacy queue and shared job telemetry. Native history lives in native/50-backups.css. */
.backup-history-status .status + .status:where(:not([data-tabler-native], [data-tabler-native] *)){ border-left: 1px solid var(--line); padding-left: 10px; }

/* Download-Link mit derselben Button-Geometrie wie die Formularaktion. */
.restore-export-download:not([hidden]):where(:not([data-tabler-native], [data-tabler-native] *)){ display: inline-flex; align-items: center; justify-content: center; text-decoration: none; font-family: inherit; cursor: pointer; }

.site-table-row > .site-queue-backup-progress:where(:not([data-tabler-native], [data-tabler-native] *)){
  grid-column: 1 / -1;
  min-width: 0;
  display: grid;
  gap: 12px;
  padding: 0 16px 16px;
}
.site-table-row > .site-queue-backup-progress:empty:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; }

/* Keep the website header and its active backup inside one visual row. */
html[data-dashboard-view="sites"] .site-grid .site-table-row:has(> .site-queue-backup-progress:not(:empty)):where(:not([data-tabler-native], [data-tabler-native] *)){
  background: color-mix(in srgb, var(--accent) 6%, var(--panel));
  border-bottom: 1px solid var(--line);
}
html[data-dashboard-view="sites"] .site-grid .site-table-row:has(> .site-queue-backup-progress:not(:empty)) > .site-grid-cell:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: transparent;
  border-bottom: 0;
}
.site-table-row > .site-queue-backup-progress > .backup-job-item:where(:not([data-tabler-native], [data-tabler-native] *)){
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.queue-job:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 8px; min-width: 0; padding: 12px 16px; color: var(--text); }
.queue-job + .queue-job:where(:not([data-tabler-native], [data-tabler-native] *)){ border-top: 1px solid var(--line); }
.queue-job-heading:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.queue-job-heading > strong:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: 1; }
.queue-job > small:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--muted); }
.queue-job > .queue-job-error:where(:not([data-tabler-native], [data-tabler-native] *)){ color: var(--danger); }
.queue-job summary:where(:not([data-tabler-native], [data-tabler-native] *)){ cursor: pointer; font-size: 13px; color: var(--muted); }
.queue-job-details:where(:not([data-tabler-native], [data-tabler-native] *)){ display: grid; gap: 8px; margin-top: 12px; }
.queue-job-details .backup-item:where(:not([data-tabler-native], [data-tabler-native] *)){ background: transparent; border: 0; padding: 0; }
.queue-job progress:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 100%; accent-color: var(--accent); }

/* Queue headers identify the website; job-specific status lives in each job. */
#sitesPanel.queue-view .site-version-column:where(:not([data-tabler-native], [data-tabler-native] *)),
#sitesPanel.queue-view .site-sync-status-column:where(:not([data-tabler-native], [data-tabler-native] *)),
#sitesPanel.queue-view .site-backup-status-column:where(:not([data-tabler-native], [data-tabler-native] *)),
#sitesPanel.queue-view .site-connection-column:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; }
#sitesPanel.queue-view .site-grid:where(:not([data-tabler-native], [data-tabler-native] *)){
  --site-directory-columns: 68px minmax(0, 1fr);
  min-width: 0;
}
#sitesPanel.queue-view .site-list-scroll:where(:not([data-tabler-native], [data-tabler-native] *)){ --site-directory-scroll-width: 100%; }

/* Expanded details already contain the current phase and measured progress. */
.queue-job:has(> details[open]) > .queue-job-phase:where(:not([data-tabler-native], [data-tabler-native] *)),
.queue-job:has(> details[open]) > progress:where(:not([data-tabler-native], [data-tabler-native] *)){ display: none; }

/* Tabler numbered steps:where(:not([data-tabler-native], [data-tabler-native] *)), scoped to backup telemetry. */
.backup-step-counter:where(:not([data-tabler-native], [data-tabler-native] *)){ display: flex; list-style: none; counter-reset: backup-step; gap: 0; width: 100%; margin: 8px 0 12px; padding: 0; }
.backup-step-counter .step-item:where(:not([data-tabler-native], [data-tabler-native] *)){ counter-increment: backup-step; position: relative; flex: 1 1 0; min-width: 0; padding: 38px 5px 0; text-align: center; color: var(--muted); font-size: 12px; line-height: 1.4; overflow-wrap: anywhere; }
.backup-step-counter .step-item:where(:not([data-tabler-native], [data-tabler-native] *))::before { content: counter(backup-step); position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 1; display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid var(--line); border-radius: 50%; background: var(--panel); color: var(--text); font-size: 13px; font-weight: 600; }
.backup-step-counter .step-item:not(:last-child):where(:not([data-tabler-native], [data-tabler-native] *))::after { content: ''; position: absolute; top: 14px; left: 50%; width: 100%; height: 2px; background: var(--line); }
.backup-step-counter .step-item.is-visited:where(:not([data-tabler-native], [data-tabler-native] *))::before { border-color: var(--accent); color: var(--accent); }
.backup-step-counter .step-item.active:where(:not([data-tabler-native], [data-tabler-native] *)){ font-weight: 700; color: var(--text); }
.backup-step-counter .step-item.active:where(:not([data-tabler-native], [data-tabler-native] *))::before { background: #356fc5; border-color: #356fc5; color: #fff; outline: 2px solid var(--panel); outline-offset: 2px; }
@media (max-width: 900px) {
  .backup-step-counter:where(:not([data-tabler-native], [data-tabler-native] *)){ flex-direction: column; gap: 12px; }
  .backup-step-counter .step-item:where(:not([data-tabler-native], [data-tabler-native] *)){ flex: none; min-height: 28px; padding: 5px 0 5px 42px; text-align: start; }
  .backup-step-counter .step-item:where(:not([data-tabler-native], [data-tabler-native] *))::before { left: 0; transform: none; }
  .backup-step-counter .step-item:not(:last-child):where(:not([data-tabler-native], [data-tabler-native] *))::after { left: 14px; top: 28px; width: 2px; height: calc(100% - 16px); }
}
.backup-job-actions .btn:not(.btn-sm):where(:not([data-tabler-native], [data-tabler-native] *)){
  --tblr-btn-padding-x: 16px;
  --tblr-btn-padding-y: 9px;
  --tblr-btn-font-size: 14px;
  --tblr-btn-line-height: 20px;
  min-height: 40px;
  padding: var(--tblr-btn-padding-y) var(--tblr-btn-padding-x);
  font-size: var(--tblr-btn-font-size);
  line-height: var(--tblr-btn-line-height);
}
.backup-job-actions .btn .icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width: 20px; height: 20px; }
/* Approved Tabler FTP integration. All selectors are restricted to FTP. */
:is(.file-workspace,.file-action-popover):where(:not([data-tabler-native], [data-tabler-native] *)){--panel:#1f2937;--panel-2:#18212f;--text:#d8dee9;--muted:#9ba8ba;--line:#334155;--accent:#91b4f5;--blue:#91b4f5;--danger:#f08080;--amber:#e8b765;--ftp-success:#6bb98b;--ftp-primary:#356fc5;color:var(--text);background:var(--panel);font-size:14px}
html[data-theme="light"] :is(.file-workspace,.file-action-popover):where(:not([data-tabler-native], [data-tabler-native] *)){--panel:#fff;--panel-2:#f6f8fb;--text:#354052;--muted:#667382;--line:#e5e8ed;--accent:#356fc5;--blue:#356fc5;--danger:#d63939;--amber:#946200;--ftp-success:#2b8a57}
html .file-workspace:where(:not([data-tabler-native], [data-tabler-native] *)){padding:24px;border:0;border-radius:8px;background:transparent;display:grid;gap:20px;box-shadow:none}
.file-workspace .panel-head:where(:not([data-tabler-native], [data-tabler-native] *)){padding:0;min-height:0;gap:16px;align-items:center;flex-wrap:wrap}
.file-workspace .panel-head h2:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:22px;font-weight:600;letter-spacing:0}
.file-workspace .panel-head p:not(.eyebrow):where(:not([data-tabler-native], [data-tabler-native] *)){font-size:14px;line-height:1.5;color:var(--muted)}
.file-workspace .eyebrow .eyebrow:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:11px;font-weight:500;letter-spacing:.04em;color:var(--muted)}
html :is(.file-workspace) :is(.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)){height:auto;min-height:36px;padding:8px 12px;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--text);font-size:13px;line-height:1.4;font-weight:500;box-shadow:0 1px 2px #00000006;transform:none}
html :is(.file-workspace) .primary:where(:not([data-tabler-native], [data-tabler-native] *)){background:var(--ftp-primary);border-color:var(--ftp-primary);color:#fff}
html :is(.file-workspace) .danger-button:where(:not([data-tabler-native], [data-tabler-native] *)){background:#d63939;border-color:#d63939;color:#fff}
html :is(.file-workspace) :is(.primary,.secondary,.danger-button):hover:where(:not([data-tabler-native], [data-tabler-native] *)){filter:brightness(.95);transform:none;box-shadow:none}
html :is(.file-workspace) button:disabled:where(:not([data-tabler-native], [data-tabler-native] *)){opacity:.5;cursor:not-allowed}
.file-workspace-head-actions:where(:not([data-tabler-native], [data-tabler-native] *)){display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-left:auto}
.file-workspace .file-access-status:where(:not([data-tabler-native], [data-tabler-native] *)){padding:12px 16px;min-height:56px;grid-template-columns:24px minmax(0,1fr) auto;border:1px solid var(--line);background:var(--panel);border-radius:6px;gap:12px}
.file-workspace .file-access-status>span:where(:not([data-tabler-native], [data-tabler-native] *)){width:24px;height:24px;background:transparent;color:var(--ftp-success)}
.file-workspace .file-access-status strong:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:13px;font-weight:600}.file-workspace .file-access-status p:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:12px;color:var(--muted)}
.file-workspace .file-access-status em:where(:not([data-tabler-native], [data-tabler-native] *)){border:0;border-radius:4px;font-size:11px;background:color-mix(in srgb,var(--blue) 12%,transparent);color:var(--blue)}
.file-browser-card:where(:not([data-tabler-native], [data-tabler-native] *)){border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--panel);color:var(--text)}
.file-browser-head:where(:not([data-tabler-native], [data-tabler-native] *)){display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--line);gap:12px}
.file-workspace .file-breadcrumbs:where(:not([data-tabler-native], [data-tabler-native] *)){border:0;padding:0;margin:0;background:transparent;font-size:13px;min-height:28px}.file-breadcrumbs button:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:13px}
.file-table-toolbar:where(:not([data-tabler-native], [data-tabler-native] *)){display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid var(--line)}
.file-table-toolbar input:where(:not([data-tabler-native], [data-tabler-native] *)){width:280px;max-width:100%;flex:0 1 280px}.file-table-toolbar select:where(:not([data-tabler-native], [data-tabler-native] *)){width:160px}.file-table-toolbar>span:where(:not([data-tabler-native], [data-tabler-native] *)){margin-left:auto;font-size:12px;color:var(--muted)}
html :is(.file-workspace) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea):where(:not([data-tabler-native], [data-tabler-native] *)){min-height:36px;height:auto;padding:8px 12px;border:1px solid var(--line);border-radius:5px!important;background:var(--panel);color:var(--text);font-size:13px;font-weight:400;box-shadow:0 1px 2px #00000004}
.file-workspace .file-table-scroll:where(:not([data-tabler-native], [data-tabler-native] *)){border:0;border-radius:0;max-height:65vh;min-height:240px}.file-workspace .file-table:where(:not([data-tabler-native], [data-tabler-native] *)){width:100%;font-size:13px;border-collapse:collapse;color:var(--text);--tblr-table-color:var(--text);--tblr-table-bg:var(--panel)}
.file-workspace .file-table :is(th,td):where(:not([data-tabler-native], [data-tabler-native] *)){padding:10px 20px;border-bottom:1px solid var(--line);height:52px;background:var(--panel);color:var(--text)}
.file-workspace .file-table th:where(:not([data-tabler-native], [data-tabler-native] *)){height:36px;background:var(--panel-2);color:var(--muted);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}
.file-workspace .file-table tbody tr:hover td:where(:not([data-tabler-native], [data-tabler-native] *)){background:var(--panel-2)}
.file-workspace .file-name-button:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:13px;padding:0;min-height:30px;gap:12px}.file-workspace .file-name-button strong:where(:not([data-tabler-native], [data-tabler-native] *)){font-weight:500}.file-workspace .file-name-button small:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:11px;color:var(--muted);margin-top:3px}.file-workspace .file-name-button svg:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--blue);width:18px;height:18px}
.file-workspace .file-row-actions:where(:not([data-tabler-native], [data-tabler-native] *)){gap:4px}.file-workspace .file-row-actions>button:where(:not([data-tabler-native], [data-tabler-native] *)){width:32px;height:32px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--muted);font-size:20px}
.file-browser-footer:where(:not([data-tabler-native], [data-tabler-native] *)){padding:12px 20px;font-size:12px;color:var(--muted);background:var(--panel-2)}
.file-workspace .file-access-mode-grid:where(:not([data-tabler-native], [data-tabler-native] *)){gap:16px}.file-access-mode-grid>article:where(:not([data-tabler-native], [data-tabler-native] *)){padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--panel);gap:16px}.file-access-mode-grid h3:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:18px;font-weight:600}.file-access-mode-grid p:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:13px;line-height:1.5}.file-access-mode-grid>article>span:where(:not([data-tabler-native], [data-tabler-native] *)){background:var(--panel-2);color:var(--blue);border-radius:6px}.file-access-mode-grid .database-access-backup:where(:not([data-tabler-native], [data-tabler-native] *)){padding:12px;border:1px solid var(--line);border-radius:5px;background:var(--panel-2)}
.file-workspace-setup:where(:not([data-tabler-native], [data-tabler-native] *)){border-radius:8px;background:var(--panel);padding:24px}.file-workspace-setup h3:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:18px}.file-workspace-setup p:where(:not([data-tabler-native], [data-tabler-native] *)){font-size:14px}
.file-action-popover:where(:not([data-tabler-native], [data-tabler-native] *)){position:fixed;inset:auto;margin:0;padding:4px;width:192px;border:1px solid var(--line);border-radius:6px;box-shadow:0 6px 20px #0002}.file-action-popover button:where(:not([data-tabler-native], [data-tabler-native] *)){display:flex;align-items:center;gap:12px;width:100%;height:36px;padding:8px 12px;border:0;border-radius:4px;background:transparent;color:var(--text);font-size:13px;text-align:left}.file-action-popover button:hover:where(:not([data-tabler-native], [data-tabler-native] *)){background:var(--panel-2)}.file-action-popover button.danger:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--danger)}
:is(.file-workspace,.file-action-popover) :is(button,input,select,textarea):focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){outline:2px solid var(--blue);outline-offset:2px}
@media(max-width:760px){html .file-workspace:where(:not([data-tabler-native], [data-tabler-native] *)){padding:16px;gap:16px}.file-workspace .panel-head:where(:not([data-tabler-native], [data-tabler-native] *)){align-items:flex-start}.file-workspace-head-actions:where(:not([data-tabler-native], [data-tabler-native] *)){margin-left:0;width:100%}.file-table-toolbar:where(:not([data-tabler-native], [data-tabler-native] *)){padding:12px}.file-table-toolbar input:where(:not([data-tabler-native], [data-tabler-native] *)){flex:1 1 100%;width:100%}.file-browser-head:where(:not([data-tabler-native], [data-tabler-native] *)){padding:12px}.file-access-mode-grid:where(:not([data-tabler-native], [data-tabler-native] *)){grid-template-columns:1fr}.file-browser-footer:where(:not([data-tabler-native], [data-tabler-native] *)){padding:12px}.file-workspace .file-table :is(th,td):where(:not([data-tabler-native], [data-tabler-native] *)){padding:10px 12px}}
.file-workspace .file-table-toolbar .form-control:where(:not([data-tabler-native], [data-tabler-native] *)){width:280px;flex:0 1 280px}.file-workspace .file-table-toolbar .form-select:where(:not([data-tabler-native], [data-tabler-native] *)){width:160px;flex:0 0 160px}
.file-workspace .file-name-button>span:where(:not([data-tabler-native], [data-tabler-native] *)){display:grid;gap:2px}.file-workspace .file-name-button small:where(:not([data-tabler-native], [data-tabler-native] *)){display:block}
.file-workspace .file-access-status.attention>span:where(:not([data-tabler-native], [data-tabler-native] *)){color:var(--amber)}
@media(max-width:760px){.file-workspace .file-table-toolbar .form-control:where(:not([data-tabler-native], [data-tabler-native] *)){flex:1 1 100%;width:100%}}
/* Shared opaque surfaces. Keep semantic states and authentication artwork intact. */
html[data-design-system="tabler"][data-dashboard-view]:where(:not([data-tabler-native], [data-tabler-native] *)){
 --site-next-bg:var(--bg); --site-next-sidebar:var(--panel);
 --site-next-panel:var(--panel); --site-next-raised:var(--panel-2);
 --site-next-hover:var(--panel-2); --site-next-line:var(--line);
 --site-next-line-strong:var(--line); --site-next-text:var(--text);
 --site-next-muted:var(--muted);
}
html[data-design-system="tabler"][data-dashboard-view] body:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-design-system="tabler"][data-dashboard-view] main:where(:not([data-tabler-native], [data-tabler-native] *)){ background:var(--bg); }
html[data-design-system="tabler"][data-dashboard-view] .sidebar:where(:not([data-tabler-native], [data-tabler-native] *)){ background:var(--panel); border-color:var(--line); backdrop-filter:none; }
html[data-design-system="tabler"][data-dashboard-view] :is(.panel,.settings-card,.settings-section,.settings-module-card,.settings-module,.module-card,.metric,.storage-metric,.site-workspace-header,.site-detail-panel,.repository-card,.library-product-card):where(:not([data-tabler-native], [data-tabler-native] *)){ background:var(--panel); border-color:var(--line); }
html[data-design-system="tabler"][data-dashboard-view] :is(.settings-subnav,.libraries-tabs,.library-marketplace-toolbar,.library-marketplace-grid,.activity-detail-row > td > div,.site-grid-header,.user-table thead,.file-browser-footer):where(:not([data-tabler-native], [data-tabler-native] *)){ background:var(--panel-2); }
html[data-design-system="tabler"][data-dashboard-view] .settings-subnav button.active:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-design-system="tabler"][data-dashboard-view] .sidebar .nav-link.active:where(:not([data-tabler-native], [data-tabler-native] *)){ background:var(--selected-bg); color:var(--blue); }
html[data-design-system="tabler"][data-dashboard-view] .sidebar .nav-link:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ background:var(--panel-2); }
html[data-design-system="tabler"] :is(.file-workspace,.ftp-tabler-dialog,.file-action-popover):where(:not([data-tabler-native], [data-tabler-native] *)){ --panel-2:var(--bg); --line:var(--surface-line); }
html[data-design-system="tabler"]:where(:not([data-tabler-native], [data-tabler-native] *)){ --surface-line:#3b495d; }
html[data-design-system="tabler"][data-theme="light"]:where(:not([data-tabler-native], [data-tabler-native] *)){ --surface-line:#e5e8ed; }


.wp-config-setting.security-focus:where(:not([data-tabler-native], [data-tabler-native] *)){ outline:2px solid var(--primary); outline-offset:3px; }

/* Overview: Tabler card/header/body/footer composition:where(:not([data-tabler-native], [data-tabler-native] *)), isolated from website lists. */
html[data-design-system="tabler"] #portfolioView .card:where(:not([data-tabler-native], [data-tabler-native] *)){
 background:var(--panel); border:1px solid var(--line); border-radius:8px;
 box-shadow:0 1px 2px rgb(24 36 51 / 4%); overflow:hidden; min-width:0;
}
#portfolioView #overviewMetrics:where(:not([data-tabler-native], [data-tabler-native] *)){ gap:20px; margin-bottom:24px; grid-template-columns:repeat(3,minmax(0,1fr)); }
#portfolioView #overviewMetrics > .card:where(:not([data-tabler-native], [data-tabler-native] *)){ display:block; padding:0; }
#portfolioView .overview-stat-card .card-body:where(:not([data-tabler-native], [data-tabler-native] *)){ display:grid; grid-template-columns:48px minmax(0,1fr); align-items:center; gap:8px 16px; padding:24px; }
#portfolioView .overview-stat-card .metric-icon:where(:not([data-tabler-native], [data-tabler-native] *)){ width:48px; height:48px; border-radius:8px; grid-row:1/3; margin:0; }
#portfolioView .overview-stat-card .metric-icon svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width:24px; height:24px; }
#portfolioView .overview-stat-card small:where(:not([data-tabler-native], [data-tabler-native] *)){ display:block; color:var(--muted); font-size:13px; }
#portfolioView .overview-stat-card strong:where(:not([data-tabler-native], [data-tabler-native] *)){ display:block; font-size:28px; line-height:1.2; margin-top:4px; font-weight:600; }
#portfolioView .overview-stat-card p:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column:2; margin:0; font-size:12px; color:var(--muted); }
#portfolioView .card > .card-header:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height:80px; padding:20px 24px; border-bottom:1px solid var(--line); gap:16px; }
#portfolioView .card .card-title:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size:16px; font-weight:600; line-height:1.4; margin:0; }
#portfolioView .card-header .eyebrow:where(:not([data-tabler-native], [data-tabler-native] *)){ margin:0 0 4px; font-size:11px; color:var(--muted); }
#portfolioView .system-status-grid:where(:not([data-tabler-native], [data-tabler-native] *)){ padding:24px; gap:0; }
#portfolioView .system-status-item:where(:not([data-tabler-native], [data-tabler-native] *)){ border:0; border-right:1px solid var(--line); border-radius:0; background:transparent; padding:0 20px; }
#portfolioView .system-status-item:first-child:where(:not([data-tabler-native], [data-tabler-native] *)){ padding-left:0; }
#portfolioView .system-status-item:last-child:where(:not([data-tabler-native], [data-tabler-native] *)){ border-right:0; }
#portfolioView .system-status-dot:where(:not([data-tabler-native], [data-tabler-native] *)){ box-shadow:none; width:8px; height:8px; }
#portfolioView .card-footer:where(:not([data-tabler-native], [data-tabler-native] *)){ background:var(--panel-2); border-top:1px solid var(--line); padding:16px 24px; }
#portfolioView .system-status-foot > div:where(:not([data-tabler-native], [data-tabler-native] *)){ padding:0; border:0; }
#portfolioView .attention-list:where(:not([data-tabler-native], [data-tabler-native] *)){ padding:0 24px; }
#portfolioView .attention-system-item:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns:28px minmax(0,1fr); gap:10px 12px; padding:20px 0; }
#portfolioView .attention-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column:2; justify-content:flex-start; }
#portfolioView .attention-copy strong:where(:not([data-tabler-native], [data-tabler-native] *)){ line-height:1.5; }
#portfolioView .overview-activity-list:where(:not([data-tabler-native], [data-tabler-native] *)){ padding:0; }
#portfolioView .overview-activity-item:where(:not([data-tabler-native], [data-tabler-native] *)){ padding:18px 24px; }
#portfolioView .overview-activity-item:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ background:var(--panel-2); }
@media(max-width:1100px) {
 #portfolioView .system-status-grid:where(:not([data-tabler-native], [data-tabler-native] *)){ gap:20px; }
 #portfolioView .system-status-item:where(:not([data-tabler-native], [data-tabler-native] *)){ padding:0; border:0; }
}
@media(max-width:760px) {
 #portfolioView #overviewMetrics:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns:1fr; gap:12px; }
 #portfolioView .card > .card-header:where(:not([data-tabler-native], [data-tabler-native] *)){ padding:16px; flex-wrap:wrap; }
 #portfolioView .overview-stat-card .card-body:where(:not([data-tabler-native], [data-tabler-native] *)),#portfolioView .system-status-grid:where(:not([data-tabler-native], [data-tabler-native] *)){ padding:20px; }
 #portfolioView .attention-list:where(:not([data-tabler-native], [data-tabler-native] *)){ padding:0 16px; }
 #portfolioView .overview-activity-item:where(:not([data-tabler-native], [data-tabler-native] *)){ padding:16px; grid-template-columns:32px minmax(0,1fr); }
 #portfolioView .overview-activity-item > :last-child:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column:2; }
}

#portfolioView .overview-websites-card .card-body:where(:not([data-tabler-native], [data-tabler-native] *)){ display:flex; flex-direction:column; align-items:stretch; gap:0; }
#portfolioView .overview-websites-card .overview-stat-heading:where(:not([data-tabler-native], [data-tabler-native] *)){ display:flex; justify-content:space-between; align-items:center; gap:12px; color:var(--muted); font-size:13px; }
#portfolioView .overview-websites-card .overview-stat-heading small:where(:not([data-tabler-native], [data-tabler-native] *)){ text-transform:uppercase; letter-spacing:.06em; font-size:12px; }
#portfolioView .overview-websites-card .overview-availability:where(:not([data-tabler-native], [data-tabler-native] *)){ display:flex; justify-content:space-between; gap:12px; color:var(--muted); font-size:14px; }
#portfolioView .overview-websites-card #siteUptimeValue:where(:not([data-tabler-native], [data-tabler-native] *)){ color:var(--accent); }
#portfolioView .overview-websites-card .overview-uptime-track:where(:not([data-tabler-native], [data-tabler-native] *)){ height:4px; margin-top:12px; border-radius:4px; background:var(--line); overflow:hidden; }
#portfolioView .overview-websites-card .overview-uptime-track > span:where(:not([data-tabler-native], [data-tabler-native] *)){ display:block; height:100%; width:0; background:var(--primary); border-radius:inherit; }

html[data-design-system="tabler"][data-dashboard-view="default"] #portfolioView .welcome-card:where(:not([data-tabler-native], [data-tabler-native] *)){
 display:flex; flex-direction:row; align-items:center; justify-content:space-between; width:100%; min-height:220px; gap:24px;
 background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 12%,var(--panel)),var(--panel) 70%);
}
#portfolioView .welcome-card .welcome-copy:where(:not([data-tabler-native], [data-tabler-native] *)){ padding:32px; min-width:0; }
#portfolioView .welcome-card #greeting:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size:28px; line-height:1.3; margin:12px 0; }
#portfolioView .welcome-card .welcome-description:where(:not([data-tabler-native], [data-tabler-native] *)){ margin:0; color:var(--muted); font-size:16px; line-height:1.5; }
#portfolioView .welcome-card .welcome-illustration:where(:not([data-tabler-native], [data-tabler-native] *)){ width:280px; height:210px; flex:none; margin:8px 40px 8px 0; }
@media(max-width:760px) {
 #portfolioView .welcome-card .welcome-copy:where(:not([data-tabler-native], [data-tabler-native] *)){ padding:24px; }
 #portfolioView .welcome-card .welcome-illustration:where(:not([data-tabler-native], [data-tabler-native] *)){ width:150px; height:140px; margin-right:16px; }
 #portfolioView .welcome-card #greeting:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size:24px; }
}
@media(max-width:520px) {
 #portfolioView .welcome-card .welcome-illustration:where(:not([data-tabler-native], [data-tabler-native] *)){ display:none; }
 html[data-design-system="tabler"][data-dashboard-view="default"] #portfolioView .welcome-card:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height:180px; }
}

#portfolioView .welcome-card:where(:not([data-tabler-native], [data-tabler-native] *)){ position:relative; isolation:isolate; }
#portfolioView .welcome-card .welcome-copy:where(:not([data-tabler-native], [data-tabler-native] *)){ position:relative; z-index:1; }
#portfolioView .welcome-card .welcome-particle-cloud:where(:not([data-tabler-native], [data-tabler-native] *)){ position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:0; opacity:.75; }

#portfolioView .welcome-card .welcome-particle-cloud:where(:not([data-tabler-native], [data-tabler-native] *)){ left:55%; right:0; width:45%; mask-image:linear-gradient(to right,transparent,#000 15%); }

/* Tabler row-deck: 12 columns:where(:not([data-tabler-native], [data-tabler-native] *)), lg 6/3/3; sm 12 then 6/6. */
#portfolioView .welcome-card-row:where(:not([data-tabler-native], [data-tabler-native] *)){ display:flex; flex-wrap:wrap; flex:1; min-width:0; margin:-20px -10px 0; }
#portfolioView .welcome-card-row > div:where(:not([data-tabler-native], [data-tabler-native] *)){ display:flex; flex:0 0 auto; width:100%; max-width:100%; min-width:0; padding:0 10px; margin-top:20px; box-sizing:border-box; }
#portfolioView .welcome-card-row > div > .card:where(:not([data-tabler-native], [data-tabler-native] *)){ width:100%; min-height:220px; }
#portfolioView .welcome-card-row .welcome-card:where(:not([data-tabler-native], [data-tabler-native] *)){ overflow:hidden; }
html[data-dashboard-view="default"] #portfolioView > .topbar:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items:stretch; gap:0; }
html[data-dashboard-view="default"] #portfolioView > .topbar > .topbar-actions:has(> :not([hidden])):where(:not([data-tabler-native], [data-tabler-native] *)){ margin-left:16px; }
@media(min-width:576px) {
 #portfolioView .welcome-card-row > .col-sm-6:where(:not([data-tabler-native], [data-tabler-native] *)){ width:50%; }
}
@media(min-width:992px) {
 #portfolioView .welcome-card-row > .col-lg-6:where(:not([data-tabler-native], [data-tabler-native] *)){ width:50%; }
 #portfolioView .welcome-card-row > .col-lg-3:where(:not([data-tabler-native], [data-tabler-native] *)){ width:25%; }
}

#portfolioView .welcome-card-row > div > .card:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height:240px; }
#portfolioView .welcome-card-row .welcome-card:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items:flex-start; }
#portfolioView .welcome-card-row .overview-stat-card .card-body:where(:not([data-tabler-native], [data-tabler-native] *)),
#portfolioView .overview-quota-card .card-body:where(:not([data-tabler-native], [data-tabler-native] *)){ padding:28px; display:flex; flex-direction:column; }
#portfolioView .welcome-card-row .overview-stat-heading:where(:not([data-tabler-native], [data-tabler-native] *)){ flex-wrap:wrap; }
#portfolioView .welcome-card-row .overview-availability:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-top:auto; }
#portfolioView .overview-quota-card small:where(:not([data-tabler-native], [data-tabler-native] *)){ color:var(--muted); text-transform:uppercase; letter-spacing:.06em; font-size:12px; }
#portfolioView .overview-quota-card strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size:32px; font-weight:600; line-height:1.2; margin-top:8px; }
#portfolioView .overview-quota-card p:where(:not([data-tabler-native], [data-tabler-native] *)){ color:var(--muted); font-size:14px; margin:12px 0 0; }
#portfolioView .quota-gauge:where(:not([data-tabler-native], [data-tabler-native] *)){ position:relative; width:100%; max-width:210px; margin:auto auto 0; }
#portfolioView .quota-gauge svg:where(:not([data-tabler-native], [data-tabler-native] *)){ width:100%; display:block; overflow:visible; }
#portfolioView .quota-gauge path:where(:not([data-tabler-native], [data-tabler-native] *)){ fill:none; stroke:var(--primary); stroke-width:10; stroke-linecap:round; }
#portfolioView .quota-gauge .quota-gauge-track:where(:not([data-tabler-native], [data-tabler-native] *)){ stroke:var(--line); }
#portfolioView .quota-gauge > div:where(:not([data-tabler-native], [data-tabler-native] *)){ position:absolute; inset:45% 0 auto; text-align:center; }
#portfolioView .quota-gauge span:where(:not([data-tabler-native], [data-tabler-native] *)){ display:block; color:var(--muted); font-size:12px; }
#portfolioView .quota-gauge b:where(:not([data-tabler-native], [data-tabler-native] *)){ display:block; font-size:28px; line-height:1.5; }
#portfolioView #overviewMetrics:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:575px) {
 #portfolioView #overviewMetrics:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns:1fr; }
}

/* Compact welcome row matching the reference card proportions. */
#portfolioView .welcome-card-row .overview-stat-card .card-body:where(:not([data-tabler-native], [data-tabler-native] *)),
#portfolioView .welcome-card-row .overview-quota-card .card-body:where(:not([data-tabler-native], [data-tabler-native] *)){ padding:24px; }
#portfolioView .welcome-card-row .quota-gauge:where(:not([data-tabler-native], [data-tabler-native] *)){ max-width:120px; }
#portfolioView .welcome-card-row .overview-quota-card p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-top:8px; font-size:12px; line-height:18px; }
#portfolioView .welcome-card-row .quota-gauge b:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size:24px; }

/* Measured against preview.tabler.io: 20px card body and h2:where(:not([data-tabler-native], [data-tabler-native] *)), 16px gutter. */
#portfolioView .welcome-card-row:where(:not([data-tabler-native], [data-tabler-native] *)){ margin:-16px -8px 0; }
#portfolioView .welcome-card-row > div:where(:not([data-tabler-native], [data-tabler-native] *)){ padding:0 8px; margin-top:16px; }
#portfolioView .welcome-card-row > div > .card:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height:262px; }
html[data-design-system="tabler"][data-dashboard-view="default"] #portfolioView .welcome-card-row .welcome-card:where(:not([data-tabler-native], [data-tabler-native] *)){ align-items:flex-start; min-height:262px; }
#portfolioView .welcome-card-row .welcome-copy:where(:not([data-tabler-native], [data-tabler-native] *)),
#portfolioView .welcome-card-row .overview-stat-card .card-body:where(:not([data-tabler-native], [data-tabler-native] *)),
#portfolioView .welcome-card-row .overview-quota-card .card-body:where(:not([data-tabler-native], [data-tabler-native] *)){ padding:20px; }
#portfolioView .welcome-card-row .welcome-card #greeting:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size:20px; line-height:28px; margin:8px 0; }
#portfolioView .welcome-card-row .welcome-description:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size:14px; line-height:20px; }

/* Typography measured from Tabler 1.5.1:where(:not([data-tabler-native], [data-tabler-native] *)), vertical default dashboard:where(:not([data-tabler-native], [data-tabler-native] *)), 17.09.2026. */
html[data-design-system="tabler"]:where(:not([data-tabler-native], [data-tabler-native] *)){
 --mwp-font-sans:system-ui,-apple-system,BlinkMacSystemFont,"San Francisco","Segoe UI",Roboto,"Helvetica Neue",sans-serif;
 --tblr-font-sans-serif:var(--mwp-font-sans);
 --tblr-body-font-family:var(--mwp-font-sans);
 font-family:var(--mwp-font-sans);
}
html[data-design-system="tabler"] body:where(:not([data-tabler-native], [data-tabler-native] *)){ font-family:var(--mwp-font-sans); font-size:14px; line-height:20px; font-weight:400; }
html[data-design-system="tabler"] .nav-link:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-design-system="tabler"] .notification-button:where(:not([data-tabler-native], [data-tabler-native] *)),
html[data-design-system="tabler"] .sidebar-collapse-button:where(:not([data-tabler-native], [data-tabler-native] *)){ font-family:var(--mwp-font-sans); font-size:14px; line-height:20px; font-weight:400; }
html[data-design-system="tabler"] :is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)){ font-family:var(--mwp-font-sans); font-size:14px; line-height:20px; font-weight:500; }
html[data-design-system="tabler"] :is(.eyebrow,.subheader,.site-nav-group-label):where(:not([data-tabler-native], [data-tabler-native] *)){ font-size:12px; line-height:16px; font-weight:500; letter-spacing:.04em; }
html[data-design-system="tabler"] #portfolioView .card .card-title:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size:16px; line-height:24px; font-weight:500; letter-spacing:normal; }
html[data-design-system="tabler"] #portfolioView .welcome-card-row .welcome-card #greeting:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size:20px; line-height:28px; font-weight:600; letter-spacing:normal; }
html[data-design-system="tabler"] #portfolioView :is(#siteCount,#overviewQuotaUsed,#totalUpdates,#queuedJobs):where(:not([data-tabler-native], [data-tabler-native] *)){ font-size:24px; line-height:32px; font-weight:600; }
html[data-design-system="tabler"] #portfolioView :is(.overview-stat-heading small,.overview-quota-card small,.overview-stat-card small):where(:not([data-tabler-native], [data-tabler-native] *)){ font-size:12px; line-height:16px; font-weight:500; letter-spacing:.04em; text-transform:uppercase; }

html[data-design-system="tabler"] #dashboardSidebar :is(.nav-link,.notification-button,.sidebar-collapse-button):where(:not([data-tabler-native], [data-tabler-native] *)){ font-size:14px; line-height:20px; font-weight:400; }
html[data-design-system="tabler"] #dashboardMain :is(.btn,.primary,.secondary,.danger-button):where(:not([data-tabler-native], [data-tabler-native] *)){ font-size:14px; line-height:20px; font-weight:500; }

html[data-theme="dark"] #portfolioView .welcome-card .welcome-particle-cloud:where(:not([data-tabler-native], [data-tabler-native] *)){ opacity:1; }

#portfolioView .overview-websites-card .overview-website-quota:where(:not([data-tabler-native], [data-tabler-native] *)){ margin:0; color:var(--muted); font-size:14px; line-height:20px; }

#portfolioView #overviewMetrics:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns:repeat(3,minmax(0,1fr)); }
#portfolioView :is(.overview-availability-card,.overview-updates-card,.overview-planned-card) .card-body:where(:not([data-tabler-native], [data-tabler-native] *)){ display:flex; flex-direction:column; align-items:stretch; gap:0; }
#portfolioView :is(.overview-availability-card,.overview-updates-card,.overview-planned-card) .overview-stat-heading:where(:not([data-tabler-native], [data-tabler-native] *)){ display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; color:var(--muted); font-size:14px; line-height:20px; }
html[data-design-system="tabler"] #portfolioView :is(#siteUptimeValue,#totalUpdates,#overviewPlannedCount):where(:not([data-tabler-native], [data-tabler-native] *)){ font-size:24px; line-height:32px; font-weight:600; margin:8px 0 16px; }
#portfolioView :is(.overview-availability-card,.overview-updates-card,.overview-planned-card) p:where(:not([data-tabler-native], [data-tabler-native] *)){ margin:0; color:var(--muted); font-size:14px; line-height:20px; }
#portfolioView .overview-availability-card .overview-uptime-track:where(:not([data-tabler-native], [data-tabler-native] *)){ height:4px; margin-top:12px; border-radius:4px; background:var(--line); overflow:hidden; }
#portfolioView .overview-availability-card .overview-uptime-track > span:where(:not([data-tabler-native], [data-tabler-native] *)){ display:block; height:100%; width:0; background:var(--primary); border-radius:inherit; }
@media(max-width:760px) { #portfolioView #overviewMetrics:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns:1fr; } }
#portfolioView .welcome-card-row .overview-websites-card .overview-website-quota:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-top:8px; font-size:12px; line-height:18px; }

#portfolioView .welcome-card-row .welcome-copy:where(:not([data-tabler-native], [data-tabler-native] *)){ align-self:stretch; display:flex; flex-direction:column; width:100%; }
#portfolioView .welcome-success-stats:where(:not([data-tabler-native], [data-tabler-native] *)){ display:flex; flex-wrap:wrap; gap:16px 24px; margin-top:auto; padding-top:24px; }
#portfolioView .welcome-success-stats > div:where(:not([data-tabler-native], [data-tabler-native] *)){ display:flex; flex-direction:column; }
#portfolioView .welcome-success-stats small:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size:12px; line-height:16px; font-weight:500; letter-spacing:.04em; text-transform:uppercase; color:var(--muted); }
#portfolioView .welcome-success-stats strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size:20px; line-height:28px; font-weight:600; margin-top:4px; }
#portfolioView .welcome-success-stats span:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size:12px; line-height:16px; color:var(--muted); }

/* Original Tabler dropdown; reset legacy generic button rules at the integration boundary. */
#portfolioView :is(.overview-availability-card,.overview-planned-card):where(:not([data-tabler-native], [data-tabler-native] *)){ overflow:visible; }
#portfolioView .overview-period-dropdown:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-left:auto; }
#portfolioView :is(#overviewAvailabilityPeriod,#overviewPlannedPeriod):where(:not([data-tabler-native], [data-tabler-native] *)){ border:0; padding:0; min-height:0; width:auto; background:transparent; box-shadow:none; color:var(--muted); font:inherit; font-weight:400; border-radius:0; transform:none; }
#portfolioView :is(#overviewAvailabilityMenu,#overviewPlannedMenu):where(:not([data-tabler-native], [data-tabler-native] *)){ --tblr-dropdown-font-size:14px; --tblr-dropdown-min-width:176px; --tblr-dropdown-padding-y:4px; --tblr-dropdown-item-padding-x:12px; --tblr-dropdown-item-padding-y:8px; }
#portfolioView :is(#overviewAvailabilityMenu,#overviewPlannedMenu) .dropdown-item:where(:not([data-tabler-native], [data-tabler-native] *)){ box-shadow:none; border:0; border-radius:0; font-family:inherit; font-size:14px; font-weight:400; line-height:20px; min-height:0; transform:none; }
#portfolioView :is(#overviewAvailabilityPeriod,#overviewPlannedPeriod):focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ outline:2px solid var(--primary); outline-offset:4px; }

/* Tabler row-deck / col-sm-6 col-lg-3: four aligned dashboard columns. */
#portfolioView #overviewMetrics:where(:not([data-tabler-native], [data-tabler-native] *)){ display:flex; flex-wrap:wrap; gap:0; margin:-16px -8px 0; }
#portfolioView #overviewMetrics > div:where(:not([data-tabler-native], [data-tabler-native] *)){ display:flex; flex:0 0 auto; width:100%; max-width:100%; min-width:0; padding:0 8px; margin-top:16px; box-sizing:border-box; }
#portfolioView #overviewMetrics > div > .card:where(:not([data-tabler-native], [data-tabler-native] *)){ display:block; width:100%; padding:0; }
#portfolioView #overviewMetrics .card-body:where(:not([data-tabler-native], [data-tabler-native] *)){ padding:20px; }
@media(min-width:576px) { #portfolioView #overviewMetrics > .col-sm-6:where(:not([data-tabler-native], [data-tabler-native] *)){ width:50%; } }
@media(min-width:992px) { #portfolioView #overviewMetrics > .col-lg-3:where(:not([data-tabler-native], [data-tabler-native] *)){ width:25%; } }

#portfolioView .overview-availability-card #siteAvailabilitySummary:where(:not([data-tabler-native], [data-tabler-native] *)){ min-height:40px; }

#portfolioView .system-status-title:where(:not([data-tabler-native], [data-tabler-native] *)){ display:flex; align-items:center; flex-wrap:wrap; gap:8px; }

#portfolioView .system-status-feedback:where(:not([data-tabler-native], [data-tabler-native] *)){ padding:12px 24px; border-bottom:1px solid var(--line); }

/* Tabler page-wrapper + page-body/container-fluid geometry:where(:not([data-tabler-native], [data-tabler-native] *)), shared by all routes.
   MWP retains its resizable/collapsible sidebar and its mobile breakpoint. */
html[data-design-system="tabler"] #dashboardMain:where(:not([data-tabler-native], [data-tabler-native] *)){
 display:flex; flex:1; flex-direction:column; min-width:0; min-height:100dvh;
 width:auto; max-width:none; padding:0; margin:0 0 0 var(--sidebar-width);
 overflow:visible;
}
html[data-design-system="tabler"][data-sidebar-collapsed="true"] #dashboardMain:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-left:72px; }
html[data-design-system="tabler"] #dashboardMain > :is(div,section):where(:not([data-tabler-native], [data-tabler-native] *)){
 box-sizing: border-box;
 width: 100%;
 min-width: 0;
 max-width: none;
 margin: 16px auto 24px auto;
 padding-inline: 16px;
}
@media(max-width:760px) {
 html[data-design-system="tabler"] #dashboardMain:where(:not([data-tabler-native], [data-tabler-native] *)){ margin:0; min-height:0; }
}
@media print { html[data-design-system="tabler"] #dashboardMain:where(:not([data-tabler-native], [data-tabler-native] *)){ margin:0!important; } }

/* Tabler radial chart: 200 px height:where(:not([data-tabler-native], [data-tabler-native] *)), -120 to +120 degrees:where(:not([data-tabler-native], [data-tabler-native] *)), 14/30 px labels. */
#portfolioView .welcome-card-row .quota-gauge:where(:not([data-tabler-native], [data-tabler-native] *)){ width:250px; max-width:100%; height:160px; flex-shrink:0; margin:12px auto 0; }
#portfolioView .quota-gauge svg:where(:not([data-tabler-native], [data-tabler-native] *)){ height:200px; }
#portfolioView .quota-gauge > div:where(:not([data-tabler-native], [data-tabler-native] *)){ inset:75px 0 auto; }
#portfolioView .quota-gauge span:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size:14px; line-height:20px; font-weight:400; }
#portfolioView .welcome-card-row .quota-gauge b:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size:30px; line-height:40px; font-weight:700; }

html[data-dashboard-view="sites"] #portfolioView .topbar-context.welcome-card-row:where(:not([data-tabler-native], [data-tabler-native] *)){ display:none; }

#sitesNavLink #sidebarConnectedCount:where(:not([data-tabler-native], [data-tabler-native] *)){ margin-left:auto; font-style:normal; }

/* Central inbox: Tabler card with folder navigation and compact message rows. */
#activityNavLink:where(:not([data-tabler-native], [data-tabler-native] *)), #toggleToastHistory:where(:not([data-tabler-native], [data-tabler-native] *)){ display:none!important; }
#activityView .inbox-layout:where(:not([data-tabler-native], [data-tabler-native] *)){ display:grid; grid-template-columns:200px minmax(0,1fr); min-height:560px; overflow:visible; }
.inbox-folders:where(:not([data-tabler-native], [data-tabler-native] *)){ display:flex; flex-direction:column; padding:16px; border-right:1px solid var(--line); gap:4px; }
.inbox-folder:where(:not([data-tabler-native], [data-tabler-native] *)){ display:flex; justify-content:space-between; align-items:center; padding:10px 12px; color:var(--muted); border-radius:4px; text-decoration:none; }
.inbox-folder.active:where(:not([data-tabler-native], [data-tabler-native] *)){ color:var(--primary); background:var(--selected-bg); font-weight:500; }
.inbox-main:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width:0; }
#activityView .inbox-main .activity-directory:where(:not([data-tabler-native], [data-tabler-native] *)){ border:0; margin:0; box-shadow:none; }
.inbox-toolbar:where(:not([data-tabler-native], [data-tabler-native] *)),.inbox-filters:where(:not([data-tabler-native], [data-tabler-native] *)){ display:flex; gap:12px; align-items:center; flex-wrap:wrap; padding:16px; border-bottom:1px solid var(--line); }
.inbox-toolbar .search:where(:not([data-tabler-native], [data-tabler-native] *)){ flex:1; min-width:160px; }
.inbox-filters label:where(:not([data-tabler-native], [data-tabler-native] *)){ display:grid; gap:4px; color:var(--muted); font-size:12px; flex:1; min-width:140px; }
.inbox-scope:where(:not([data-tabler-native], [data-tabler-native] *)){ margin:0; padding:12px 16px; color:var(--muted); font-size:12px; }
.inbox-message:where(:not([data-tabler-native], [data-tabler-native] *)){ border-top:1px solid var(--line); }
.inbox-message summary:where(:not([data-tabler-native], [data-tabler-native] *)){ list-style:none; display:grid; grid-template-columns:140px minmax(0,1fr) auto 120px; gap:12px; align-items:center; padding:16px; cursor:pointer; }
.inbox-message summary:where(:not([data-tabler-native], [data-tabler-native] *))::-webkit-details-marker { display:none; }
.inbox-message summary:hover:where(:not([data-tabler-native], [data-tabler-native] *)){ background:var(--panel-2); }
.inbox-message.unread summary:where(:not([data-tabler-native], [data-tabler-native] *)){ background:var(--selected-bg); }
.inbox-message summary:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ outline:2px solid var(--primary); outline-offset:-2px; }
.inbox-site:where(:not([data-tabler-native], [data-tabler-native] *)),.inbox-subject:where(:not([data-tabler-native], [data-tabler-native] *)){ min-width:0; overflow:hidden; text-overflow:ellipsis; }
.inbox-subject strong:where(:not([data-tabler-native], [data-tabler-native] *)){ display:block; font-weight:500; }
.inbox-message.unread strong:where(:not([data-tabler-native], [data-tabler-native] *)){ font-weight:700; }
.inbox-subject > span:where(:not([data-tabler-native], [data-tabler-native] *)){ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--muted); }
.inbox-message time:where(:not([data-tabler-native], [data-tabler-native] *)){ font-size:12px; color:var(--muted); }
.inbox-detail:where(:not([data-tabler-native], [data-tabler-native] *)){ padding:16px; overflow-wrap:anywhere; }
.inbox-detail-actions:where(:not([data-tabler-native], [data-tabler-native] *)){ display:flex; gap:8px; flex-wrap:wrap; }
@media(max-width:900px) { #activityView .inbox-layout:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns:1fr; } .inbox-folders:where(:not([data-tabler-native], [data-tabler-native] *)){ flex-direction:row; flex-wrap:wrap; border-right:0; border-bottom:1px solid var(--line); } .inbox-message summary:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns:minmax(0,1fr) auto; } .inbox-subject:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column:1/-1; grid-row:2; } }

html[data-dashboard-view="activity"] #activityView .activity-view-header:where(:not([data-tabler-native], [data-tabler-native] *)){ background:transparent; border:0; border-radius:0; padding:0 0 16px; }
html[data-dashboard-view="activity"] #activityView .activity-view-header h1:where(:not([data-tabler-native], [data-tabler-native] *)){ color:var(--tblr-body-color); font-size:20px; line-height:28px; font-weight:600; }

#activityView .inbox-folder.btn:where(:not([data-tabler-native], [data-tabler-native] *)){ position:relative; justify-content:flex-start; width:100%; margin-bottom:8px; }

.inbox-message[open] .inbox-subject > span:where(:not([data-tabler-native], [data-tabler-native] *)){ white-space:normal; overflow:visible; overflow-wrap:anywhere; }

.inbox-selection-toolbar:where(:not([data-tabler-native], [data-tabler-native] *)){ display:flex; align-items:center; gap:16px; padding:16px; border-bottom:1px solid var(--line); }
.inbox-selection-toolbar .form-check-input:where(:not([data-tabler-native], [data-tabler-native] *)), .inbox-message .form-check-input:where(:not([data-tabler-native], [data-tabler-native] *)){ margin:0; flex-shrink:0; }
.inbox-message summary:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns:20px 140px minmax(0,1fr) auto 120px; }
@media(max-width:900px) { .inbox-message summary:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-template-columns:20px minmax(0,1fr) auto; } .inbox-message .inbox-subject:where(:not([data-tabler-native], [data-tabler-native] *)){ grid-column:2/-1; } }

.inbox-domain:where(:not([data-tabler-native], [data-tabler-native] *)){ display:block; color:var(--muted); font-size:12px; overflow-wrap:anywhere; }
.inbox-context-detail:where(:not([data-tabler-native], [data-tabler-native] *)){ white-space:pre-line; margin:0 0 16px; }

/* Keep the maintenance state legible when legacy text-fill meets Tabler buttons. */
html[data-design-system="tabler"] #siteWorkspaceHeaderActions .site-maintenance-action:where(:not([data-tabler-native], [data-tabler-native] *)){
  -webkit-text-fill-color:currentColor;
}
html[data-design-system="tabler"] #siteWorkspaceHeaderActions .site-maintenance-action.active:where(:not([data-tabler-native], [data-tabler-native] *)){
  background:var(--tblr-warning);
  border-color:var(--tblr-warning);
  color:#182433;
  -webkit-text-fill-color:currentColor;
  box-shadow:none;
}
html[data-design-system="tabler"] #siteWorkspaceHeaderActions .site-maintenance-action.active:is(:hover,:focus-visible):where(:not([data-tabler-native], [data-tabler-native] *)){
  background:var(--tblr-warning);
  border-color:var(--tblr-warning);
  color:#182433;
}

.overview-uptime-days:where(:not([data-tabler-native], [data-tabler-native] *)){ display:flex; gap:3px; width:100%; height:28px; margin-top:auto; align-items:stretch; }
.overview-uptime-days .uptime-day:where(:not([data-tabler-native], [data-tabler-native] *)){ flex:1; min-width:0; border-radius:2px; background:var(--tblr-secondary); }
.overview-uptime-days .uptime-day-up:where(:not([data-tabler-native], [data-tabler-native] *)){ background:var(--tblr-success); }
.overview-uptime-days .uptime-day-degraded:where(:not([data-tabler-native], [data-tabler-native] *)){ background:var(--tblr-warning); }
.overview-uptime-days .uptime-day-down:where(:not([data-tabler-native], [data-tabler-native] *)){ background:var(--tblr-danger); }
.overview-uptime-days .uptime-day-unknown:where(:not([data-tabler-native], [data-tabler-native] *)){ opacity:.35; }
.overview-uptime-days .uptime-day:focus-visible:where(:not([data-tabler-native], [data-tabler-native] *)){ outline:2px solid var(--tblr-body-color); outline-offset:2px; }


/* Shared theme tokens. Change palette values here, not in feature selectors. */

:root {
  font-size: 16px;
  /* Solid buttons: normal-sized labels meet 4.5:1 in both themes. */
  --mwp-button-success-bg: #218030;
  --mwp-button-success-hover-bg: #196626;
  --mwp-button-danger-bg: #c92a2a;
  --mwp-button-danger-hover-bg: #ab2424;
  --mwp-button-secondary-bg: #626976;
  --mwp-button-secondary-hover-bg: #525866;
  --mwp-button-fg: #fff;
}

html[data-theme="dark"] {
  --panel: #151F32;
  --tblr-bg-surface: #151F32;
  --tblr-bg-surface-tertiary: #151F32;
  --bg: #07111F;
  --tblr-body-bg: #07111F;
}

html[data-theme="dark"] :is(.file-workspace,.ftp-tabler-dialog,.file-action-popover) {
  --panel: #151F32;
}

html[data-theme="dark"][data-design-system="tabler"][data-dashboard-view] body {
  background: #07111F radial-gradient(circle at 65% -15%, #152B45 0px, #07111F 36%);
}

:root,
[data-bs-theme="light"] {
  --mwp-modal-border-color: var(--tblr-gray-400);
  --mwp-accordion-bg: var(--tblr-gray-100);
  --mwp-backup-summary-bg: var(--tblr-gray-200);
  --mwp-backup-card-bg: var(--tblr-gray-50);
  --mwp-backup-list-bg: var(--tblr-gray-50);
}

[data-bs-theme="dark"] {
  --mwp-modal-border-color: var(--tblr-gray-500);
  --mwp-accordion-bg: var(--tblr-gray-900);
  --mwp-backup-summary-bg: var(--tblr-gray-950);
  --mwp-backup-card-bg: var(--tblr-gray-800);
  --mwp-backup-list-bg: transparent;
}


/* Application frame and overview dashboard. */

#dashboardMain {
  font-family: var(--tblr-font-sans-serif);
  font-size: 14px;
  line-height: 20px;
  color: var(--tblr-body-color);
  background: var(--tblr-body-bg);
}

html[data-design-system="tabler"][data-dashboard-view] #dashboardMain {
  background: var(--tblr-body-bg);
}

html[data-design-system="tabler"] #dashboardMain > #globalActionBar {
  box-sizing: border-box;
  position: sticky;
  top: 0;
  z-index: 30;
  margin: 0;
  padding: 16px 16px 0;
  width: 100%;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-color: var(--tblr-body-bg);
}

#globalActionBar .card-body {
  padding: 12px 20px;
}

#globalActionBar .btn,
[data-tabler-native] .btn {
  border-radius: var(--tblr-border-radius);
}

#globalActionBar .btn-list > *,
#globalActionBar .btn-list .btn {
  min-width: 0;
  max-width: 100%;
}

#globalActionBar .btn-list .btn {
  white-space: normal;
  overflow-wrap: anywhere;
}

#globalActionBar .dropdown-menu {
  min-width: min(var(--tblr-dropdown-min-width), 100%);
  max-width: 100%;
}

#globalActionBar .dropdown-item {
  white-space: normal;
  overflow-wrap: anywhere;
}

#tablerOverviewHeader {
  margin: 16px 0;
}

html[data-dashboard-view="sites"] #tablerOverviewHeader {
  display: none;
}

#overviewPanels {
  display: grid;
  grid-template-columns: repeat(12,minmax(0,1fr));
  gap: 16px;
  align-items: start;
}

#overviewPanels > * {
  min-width: 0;
  grid-column: span 6;
}

#overviewPanels > :is(#overviewMetrics,#systemStatusPanel,#onboardingPanel) {
  grid-column: 1/-1;
}

#overviewPanels > #hetznerStatusPanel {
  grid-column: 1/-1;
}

#overviewMetrics {
  display: flex;
  margin: 0 -8px;
  gap: 16px 0;
  padding: 0;
}

#overviewMetrics > div {
  padding: 0 8px;
  margin-top: 0;
}

#overviewMetrics .card {
  width: 100%;
  min-height: 150px;
}

[data-tabler-native] .overview-stat-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

[data-tabler-native] .overview-stat-heading small,[data-tabler-native].overview-quota-card small {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--tblr-secondary);
}

[data-tabler-native] .overview-stat-heading > span {
  font-size: 12px;
  color: var(--tblr-secondary);
}

[data-tabler-native] .overview-stat-card strong,[data-tabler-native].overview-quota-card strong {
  display: block;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  margin: 4px 0 8px;
}

[data-tabler-native] .overview-stat-card p,[data-tabler-native].overview-quota-card p {
  color: var(--tblr-secondary);
  margin: 0 0 12px;
}

[data-tabler-native].overview-quota-card {
  height: 100%;
}

[data-tabler-native].overview-quota-card .card-body {
  display: flex;
  flex-direction: column;
}

#systemStatusPanel .system-status-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

#systemStatusPanel .card-title {
  margin: 0;
}

#systemStatusGrid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 20px;
}

.system-status-item {
  display: flex;
  gap: 10px;
  min-width: 0;
}

.system-status-item small {
  display: block;
  font-size: 12px;
  color: var(--tblr-secondary);
  margin-bottom: 4px;
}

.system-status-item strong {
  display: block;
  font-weight: 500;
}

.system-status-item p {
  font-size: 12px;
  color: var(--tblr-secondary);
  margin: 4px 0 0;
}

.system-status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex: none;
  margin-top: 5px;
  background: var(--tblr-warning);
}

.system-status-item.healthy .system-status-dot {
  background: var(--tblr-success);
}

.system-status-item.critical .system-status-dot {
  background: var(--tblr-danger);
}

#systemStatusFoot {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 32px;
}

#systemStatusFoot small,#systemStatusFoot strong {
  display: block;
  font-size: 12px;
}

#systemStatusFoot small {
  color: var(--tblr-secondary);
}

#systemStatusFoot .system-status-checked {
  margin: 0 0 0 auto;
  font-size: 12px;
  color: var(--tblr-secondary);
}

#overviewPanels .overview-activity-item,#overviewPanels .attention-item,#overviewPanels .attention-system-item {
  display: flex;
  align-items: start;
  gap: 12px;
  padding: 16px 0;
  border-bottom: 1px solid var(--tblr-border-color);
}

#overviewPanels .overview-activity-item:last-child,#overviewPanels .attention-list > :last-child {
  border-bottom: 0;
}

#overviewPanels .overview-activity-item img,#overviewPanels .overview-activity-item svg {
  width: 28px;
  height: 28px;
  flex: none;
}

#overviewPanels .overview-activity-item > :last-child {
  margin-left: auto;
}

#overviewPanels .overview-activity-item small,#overviewPanels .attention-copy small {
  display: block;
  font-size: 12px;
  color: var(--tblr-secondary);
}

#overviewPanels .attention-system-item {
  display: grid;
  grid-template-columns: 24px 1fr;
}

#overviewPanels .attention-actions {
  grid-column: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#overviewPanels .attention-actions button {
  font-size: 12px;
}

#overviewPanels .overview-uptime-days {
  display: flex;
  gap: 3px;
  margin-top: 16px;
}

#overviewPanels .uptime-day {
  flex: 1;
  min-width: 0;
  height: 20px;
  border: 0;
  border-radius: 2px;
  background: var(--tblr-secondary);
  padding: 0;
}

#overviewPanels .uptime-day-up {
  background: var(--tblr-success);
}

#overviewPanels .uptime-day-down {
  background: var(--tblr-danger);
}

#overviewPanels .uptime-day-degraded {
  background: var(--tblr-warning);
}

#overviewPanels .uptime-day-unknown {
  opacity: .35;
}

@media(max-width:991px) {
  #systemStatusGrid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  #overviewPanels > * {
    grid-column: 1/-1;
  }

  #overviewPanels > #hetznerStatusPanel {
    grid-column: 1/-1;
  }

}

@media(max-width:575px) {
  #systemStatusGrid {
    grid-template-columns: 1fr;
  }

  #overviewMetrics {
    row-gap: 16px;
  }

  #overviewMetrics > div {
    width: 100%;
  }

  #globalActionBar .btn-list {
    gap: 8px;
  }

}

[data-tabler-native] [data-overview-preference-hidden="true"] {
  display: none!important;
}

#overviewPanels .attention-item small {
  display: block;
  color: var(--tblr-secondary);
  font-size: 12px;
  margin-top: 4px;
}

#overviewPanels .attention-item > .attention-count:last-child {
  margin-left: auto;
}

#overviewPanels .attention-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  min-width: 24px;
  height: 24px;
  border-radius: var(--tblr-border-radius);
  color: var(--tblr-warning);
  background: rgba(var(--tblr-warning-rgb),.1);
  font-weight: 600;
}

#overviewPanels .site-icon,#overviewPanels .activity-system-icon {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--tblr-border-radius);
  overflow: hidden;
}

#overviewPanels .site-icon img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

#overviewPanels .activity-state {
  font-size: 12px;
  white-space: nowrap;
  color: var(--tblr-secondary);
}

#overviewPanels .activity-state.success {
  color: var(--tblr-success);
}

#overviewPanels .activity-state.failed {
  color: var(--tblr-danger);
}

#overviewPanels .overview-activity-copy {
  min-width: 0;
}

#overviewPanels .overview-activity-copy strong {
  font-weight: 500;
}

#overviewPanels .attention-site-item {
  align-items: center;
  flex-wrap: wrap;
}

#overviewPanels .attention-site-item .attention-copy {
  flex: 1 1 180px;
  min-width: 0;
  overflow-wrap: anywhere;
}

#overviewPanels .attention-site-item > .attention-count:last-child {
  margin-left: 0;
}

html[data-design-system="tabler"] #portfolioView > .topbar {
  margin-bottom: 16px;
}

#portfolioView #dashboardContentGrid {
  gap: 16px;
}

#overviewPanels .site-icon {
  position: relative;
}

#overviewPanels .site-icon .site-wordpress-fallback {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
}

#overviewPanels .site-icon .site-wordpress-fallback[hidden] {
  display: none;
}

#overviewPanels .site-icon .site-wordpress-fallback-image {
  position: absolute;
  inset: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 2px;
  box-sizing: border-box;
  object-fit: contain;
  object-position: center;
}

#overviewPanels .site-icon .site-wordpress-fallback-day {
  display: none;
}

#overviewPanels .site-icon .site-wordpress-fallback-night {
  display: block;
}

html[data-theme="light"] #overviewPanels .site-icon .site-wordpress-fallback-day {
  display: block;
}

html[data-theme="light"] #overviewPanels .site-icon .site-wordpress-fallback-night {
  display: none;
}

html[data-theme="dark"][data-design-system="tabler"][data-dashboard-view] #dashboardMain {
  background: transparent;
}

[data-tabler-native] .quota-gauge {
  position: relative;
  width: 210px;
  max-width: 100%;
  height: 160px;
  margin: auto auto 0;
}

[data-tabler-native] .quota-gauge svg {
  width: 100%;
  height: 168px;
  display: block;
}

[data-tabler-native] .quota-gauge path {
  fill: none;
  stroke: var(--tblr-primary);
  stroke-width: 10;
  stroke-linecap: round;
}

[data-tabler-native] .quota-gauge .quota-gauge-track {
  stroke: var(--tblr-border-color);
}

[data-tabler-native] .quota-gauge > div {
  position: absolute;
  inset: 64px 0 auto;
  text-align: center;
}

[data-tabler-native] .quota-gauge span {
  display: block;
  color: var(--tblr-secondary);
  font-size: 12px;
}

[data-tabler-native] .quota-gauge b {
  font-size: 28px;
  line-height: 40px;
}


/* Shared controls, accordion surface, and tooltips. */

/* Keep semantic text/badge colors independent of solid button contrast. */
.btn-success:where(:not(.btn-outline, .btn-ghost, #dashboardSidebar, #dashboardSidebar *)) {
  --tblr-success: var(--mwp-button-success-bg);
  --tblr-success-darken: var(--mwp-button-success-hover-bg);
  --tblr-success-fg: var(--mwp-button-fg);
}

.btn-danger:where(:not(.btn-outline, .btn-ghost, #dashboardSidebar, #dashboardSidebar *)) {
  --tblr-danger: var(--mwp-button-danger-bg);
  --tblr-danger-darken: var(--mwp-button-danger-hover-bg);
  --tblr-danger-fg: var(--mwp-button-fg);
}

.btn-secondary:where(:not(.btn-outline, .btn-ghost, #dashboardSidebar, #dashboardSidebar *)) {
  --tblr-secondary: var(--mwp-button-secondary-bg);
  --tblr-secondary-darken: var(--mwp-button-secondary-hover-bg);
  --tblr-secondary-fg: var(--mwp-button-fg);
}

.accordion-item:where(:not(#dashboardSidebar,
#dashboardSidebar *)) {
  background: var(--mwp-accordion-bg);
}

[data-tabler-native] .button-icon {
  width: var(--tblr-btn-icon-size, 20px);
  height: var(--tblr-btn-icon-size, 20px);
  flex: none;
  margin-right: 6px;
}

[data-tabler-native] .eyebrow {
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--tblr-secondary);
  margin: 0 0 4px;
}

[data-tabler-native] .button-icon,
[data-tabler-native] .activity-system-icon svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#globalActionBar .button-icon {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}

#actionConfirmDialog {
  width: 540px;
}

#actionConfirmMessage {
  white-space: pre-line;
}

#openSiteTags .button-icon,
#toggleSiteFilters .button-icon {
  width: var(--tblr-btn-icon-size);
  height: var(--tblr-btn-icon-size);
  flex: 0 0 var(--tblr-btn-icon-size);
}

:is(#syncSelectedSites,
#editTagsForSelectedSites,
#directUpdateSelectedSites) .button-icon {
  stroke-width: 1;
}

.app-tooltip {
  box-sizing: border-box;
  position: fixed;
  z-index: 100000;
  width: max-content;
  max-width: min(300px, calc(100vw - 20px));
  padding: 4px 8px;
  border: 0;
  border-radius: var(--tblr-border-radius, 4px);
  background: var(--tblr-bg-surface-inverted);
  color: var(--tblr-text-inverted);
  box-shadow: none;
  font-size: 0.765625rem;
  font-weight: 400;
  line-height: 1.4285714286;
  text-align: left;
  overflow-wrap: anywhere;
  pointer-events: none;
  transition: border-color .18s ease;
}

.app-tooltip-label {
  display: block;
  font: inherit;
}

.app-tooltip.is-expanded {
  width: min(360px, calc(100vw - 20px));
  max-width: min(360px, calc(100vw - 20px));
  padding: 10px 12px;
  border-color: color-mix(in srgb, var(--accent) 68%, var(--line));
}

.app-tooltip-help {
  display: block;
  margin-top: 7px;
  padding-top: 7px;
  border-top: 1px solid color-mix(in srgb, var(--accent) 22%, var(--line));
  color: inherit;
  font-size: 0.765625rem;
  font-weight: 500;
  line-height: 1.45;
}

.app-tooltip-help[hidden] {
  display: none;
}

.app-tooltip[hidden] {
  display: none;
}

html[data-theme="light"] .app-tooltip {
  background: var(--tblr-bg-surface-inverted);
  color: var(--tblr-text-inverted);
  box-shadow: none;
}

@media (prefers-reduced-motion: reduce) {
  .app-tooltip {
    transition: none;
  }

}


/* Shared native-dialog behavior, matching Tabler's centered, blurred modal.
   Feature modules own widths and content only; no per-dialog backdrops. */

dialog[open],
dialog:not([open]) {
  --mwp-modal-gutter: 28px;
  --mwp-modal-max-height: calc(100dvh - 2 * var(--mwp-modal-gutter));
  --mwp-modal-content-max-height: calc(var(--mwp-modal-max-height) - 2px);
  position: fixed;
  inset: 0;
  margin: auto;
  max-width: calc(100% - 2 * var(--mwp-modal-gutter));
  max-height: var(--mwp-modal-max-height);
  overscroll-behavior: contain;
  opacity: 0;
  translate: 0 -50px;
  transition: opacity .15s linear, translate .3s ease-out,
    display .3s allow-discrete, overlay .3s allow-discrete;
}

dialog[open] {
  opacity: 1;
  translate: 0 0;
}

dialog::backdrop {
  background: rgb(0 0 0 / 32%);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  opacity: 0;
  transition: opacity .15s linear, display .3s allow-discrete,
    overlay .3s allow-discrete;
}

dialog[open]::backdrop {
  opacity: 1;
}

/* Native top-layer dialogs provide inert background and focus containment.
   Tabler's .modal normally represents a viewport overlay, not the card. */
dialog.modal {
  padding: 0;
  height: fit-content;
  border: 0;
  background: transparent;
  color: var(--tblr-body-color);
  overflow: hidden;
}

dialog.modal[open] {
  display: block;
}

dialog.modal:not([open]) {
  display: none;
}

dialog.modal > .modal-dialog {
  margin: 0;
  max-width: none;
  height: auto;
  max-height: var(--mwp-modal-max-height);
  pointer-events: auto;
}

dialog.modal > .modal-dialog > .modal-content {
  max-height: var(--mwp-modal-max-height);
  border: 1px solid var(--mwp-modal-border-color);
}

dialog.modal .modal-content > .modal-body {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}

dialog.modal .modal-content > :is(.modal-header, .modal-footer) {
  flex-shrink: 0;
}

dialog:not(.modal) > form {
  max-height: var(--mwp-modal-content-max-height);
}

@starting-style {
  dialog[open] {
    opacity: 0;
    translate: 0 -50px;
  }

  dialog[open]::backdrop {
    opacity: 0;
  }
}

@media (max-width: 575.98px) {
  dialog[open],
  dialog:not([open]) {
    --mwp-modal-gutter: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  dialog[open],
  dialog:not([open]),
  dialog::backdrop {
    transition: none;
    translate: none;
  }
}

/* Website directory, tags, filters, and favorites. */

#toggleSiteFilters #siteFilterCount[hidden] {
  display: none;
}

#sitePurgeDialog {
  width: 720px;
}

#siteViewDialog {
  width: 540px;
}

#siteViewFormError:empty {
  display: none;
}

@media (min-width:761px) {
  html[data-design-system="tabler"][data-dashboard-view="sites"] {
    overflow: hidden;
    scrollbar-gutter: auto;
  }

  html[data-design-system="tabler"][data-dashboard-view="sites"] body {
    overflow: hidden;
  }

}

#siteFilterPopover {
  width: 600px;
}

#siteFilterPopover .website-filter-fields {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px;
}

#siteFilterPopover .site-filter-contract {
  grid-column: 1 / -1;
}

#siteFilterPopover .site-view-limit-status {
  font-size: 12px;
}

@media(max-width:480px) {
  #siteFilterPopover .website-filter-fields {
    grid-template-columns: 1fr;
  }

}

#siteTagsDialog {
  width: 760px;
}

#siteTagsDialog .site-tag-list {
  display: grid;
  gap: 8px;
  max-height: 45dvh;
  overflow: auto;
}

#siteTagsDialog .site-tag-manager-row {
  display: grid;
  grid-template-columns: 3rem minmax(100px,1fr) auto auto auto;
  gap: 8px;
  align-items: center;
}

#siteTagsDialog .site-tag-manager-row > span {
  color: var(--tblr-secondary);
  font-size: 12px;
}

#siteTagsDialog .site-tag-create-row {
  display: grid;
  grid-template-columns: 3rem minmax(0,1fr) auto;
  gap: 8px;
  align-items: center;
}

#siteTagMessage:empty {
  display: none;
}

@media(max-width:600px) {
  #siteTagsDialog .site-tag-manager-row {
    grid-template-columns: 3rem minmax(0,1fr);
  }

  #siteTagsDialog .site-tag-manager-row > span {
    grid-column: 1 / -1;
  }

}

#sitesPanel :is(.site-public-name-link,.site-workspace-link),
#sitesPanel :is(.site-public-name-link,.site-workspace-link) strong {
  text-decoration: none;
  border-bottom: 0;
}

#sitesPanel .site-pin-button:hover svg.icon-tabler-star > path:not([stroke="none"]) {
  fill: #72F64A;
}

#sitesPanel .site-pin-column > button.site-pin-button:hover {
  border-color: transparent;
}

#toggleSiteFilters #siteFilterCount {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  margin: 0 0 0 4px;
  border: 0;
  background: #6b7280;
  color: #fff;
  font-weight: 500;
  min-width: 16px;
  height: 16px;
  min-height: 0;
  padding: 0 4px;
  font-size: 10px;
  line-height: 14px;
  border-radius: 4px;
}

#sitesPanel .site-pin-button svg.icon-tabler-star,
#sitePinnedSection > .site-list-section-label svg.icon-tabler-star,
#siteWorkspaceFavoriteToggle svg.icon-tabler-star {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

:is(#sitesPanel, #siteWorkspaceHeaderActions) .site-wordpress-recovery-action svg.icon {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}

#sitesPanel .site-identity-copy {
  width: fit-content;
  max-width: 100%;
}


/* Update selection and scheduling dialogs. */

#updateScheduleDialog {
  width: 800px;
}

#updateScheduleForm .backup-schedule-head {
  margin-bottom: 16px;
}

#updateScheduleForm .update-schedule-switches {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

#updateScheduleForm .update-policy-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 16px;
}

#updateScheduleForm .update-policy-groups {
  border: 0;
  padding: 0;
  margin: 0 0 24px;
}

#updateScheduleForm .update-policy-groups legend {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 12px;
}

#updateScheduleForm .update-policy-section-head {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 12px;
}

#updateScheduleForm .update-policy-section-head small {
  display: block;
  color: var(--tblr-secondary);
}

:is(#updatePolicyInventory,
#safeUpdateInventory) {
  max-height: 360px;
  overflow: auto;
  border: 1px solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
}

:is(#updatePolicyInventory,
#safeUpdateInventory,
#bulkDirectUpdateInventory) .update-group-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  background: var(--tblr-bg-surface-secondary);
}

:is(#updatePolicyInventory,
#safeUpdateInventory,
#bulkDirectUpdateInventory) .update-group-head h3 {
  font-size: 14px;
  margin: 0;
}

:is(#updatePolicyInventory,
#safeUpdateInventory,
#bulkDirectUpdateInventory) .update-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-top: 1px solid var(--tblr-border-color);
}

:is(#updatePolicyInventory,
#safeUpdateInventory,
#bulkDirectUpdateInventory) .form-check-input {
  flex-shrink: 0;
  margin: 0;
}

:is(#updatePolicyInventory,
#safeUpdateInventory,
#bulkDirectUpdateInventory) .update-item-copy {
  min-width: 0;
  flex: 1;
}

:is(#updatePolicyInventory,
#safeUpdateInventory,
#bulkDirectUpdateInventory) .update-item-copy strong {
  display: block;
  font-weight: 500;
}

:is(#updatePolicyInventory,
#safeUpdateInventory,
#bulkDirectUpdateInventory) .update-item-copy small {
  display: block;
  color: var(--tblr-secondary);
  overflow-wrap: anywhere;
}

:is(#updatePolicyInventory,
#safeUpdateInventory,
#bulkDirectUpdateInventory) .update-policy-item-state {
  font-size: 12px;
  color: var(--tblr-secondary);
}

:is(#updatePolicyInventory,
#safeUpdateInventory,
#bulkDirectUpdateInventory) .update-policy-item-state.active {
  color: var(--tblr-success);
}

#updateScheduleError:empty {
  display: none;
}

@media(max-width:575.98px) {
  #updateScheduleForm .update-policy-grid {
    grid-template-columns: 1fr;
  }

  #updateScheduleForm .update-policy-section-head {
    align-items: flex-start;
    flex-direction: column;
  }

}

#updateScheduleForm .update-mode-field {
  grid-column: 1 / -1;
}

#safeUpdateDialog {
  width: 800px;
}

#safeUpdateForm .safe-update-sequence {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 8px;
  margin-bottom: 16px;
}

#safeUpdateForm .safe-update-sequence > span {
  padding: 8px;
  border: 1px solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  font-size: 12px;
}

#safeUpdateForm .safe-update-sequence strong {
  color: var(--tblr-primary);
  margin-right: 4px;
}

#safeUpdateInventory .update-version {
  font-size: 12px;
  color: var(--tblr-secondary);
}

#safeUpdateInventory .update-item-blocked {
  opacity: .65;
}

#safeUpdateInventory .safe-update-empty {
  padding: 16px;
}

#safeUpdateProgress small {
  display: block;
}

#safeUpdateError:empty {
  display: none;
}

@media(max-width:575.98px) {
  #safeUpdateForm .safe-update-sequence {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  #safeUpdateInventory .update-item {
    flex-wrap: wrap;
  }

}


/* Bulk direct updates use the shared selection rows and modal frame. */
#bulkDirectUpdateDialog { width: 900px; }
.bulk-direct-update-inventory { display: grid; gap: 16px; }
.bulk-update-site { min-width: 0; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); overflow: hidden; }
.bulk-update-site-head { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 12px; padding: 16px; background: var(--tblr-bg-surface-secondary); }
.bulk-update-site-head > span { min-width: 0; }
.bulk-update-site-head small { display: block; color: var(--tblr-secondary-color); }
.bulk-update-site-status.success { color: var(--tblr-success); }
.bulk-update-site-status.failed, .bulk-update-site-error { color: var(--tblr-danger); }
.bulk-connector-notice { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 12px; padding: 16px; border-bottom: 1px solid var(--tblr-border-color); }
.bulk-connector-notice > div { flex: 1 1 240px; }
.bulk-connector-notice small { display: block; color: var(--tblr-secondary-color); }
.bulk-connector-notice > .form-check-input { flex-shrink: 0; margin: 2px 0 0; }
.bulk-update-site-error, .bulk-update-site-empty { padding: 16px; margin: 0; }

/* Backup dialogs, schedules, history, content selection, and progress. */

/* Shared controls and surfaces */

#backupsForm :is(.backup-schedule-toggle,.backup-card-toggle) {
  border: 0;
  background: transparent;
  color: inherit;
  padding: 0;
  font: inherit;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
}

#backupsForm .status {
  display: inline-flex;
  padding: 3px 8px;
  border-radius: var(--tblr-border-radius);
  font-size: 12px;
  background: var(--tblr-bg-surface-secondary);
}

#backupsForm .status.success {
  color: var(--tblr-success);
}

#backupsForm :is(.status.attention,.status.warning) {
  color: var(--tblr-warning);
}

.backup-recovery-tooltip {
  display: inline-flex;
}

.backup-recovery-tooltip > button:disabled {
  pointer-events: none;
}

.backup-schedule-card,
#backupsForm #backupList > .backup-history-item {
  background: var(--mwp-backup-card-bg);
}

/* Shared form layout. Only viewport limits differ between the two hosts. */

#backupsForm {
  --backup-list-max-height: 50vh;
  --backup-progress-max-height: 45vh;
}

#backupsForm [hidden] {
  display: none!important;
}

#backupsForm .alert:empty {
  display: none;
}

#backupsDialog {
  width: 1140px;
}

#backupsForm > .modal-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow: hidden auto;
}

/* Summary card */

#backupStorageEyebrow,
#backupsTitle {
  min-width: 0;
  overflow-wrap: anywhere;
}

#backupsTitle .backup-domain-icon {
  display: block;
  width: 28px;
  height: 28px;
  fill: currentColor;
  stroke: none;
}

#backupsUrlGroup {
  min-width: 0;
  overflow-wrap: anywhere;
}

#backupSummaryCard {
  background: var(--mwp-backup-summary-bg);
}

/* Accordion layout */

#backupsForm #backupOverviewPanel {
  flex: 0 0 auto;
  max-height: none;
}

#backupsForm #backupSectionsAccordion {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

#backupsForm #backupSectionsAccordion > .accordion-item {
  flex: 0 0 auto;
  min-height: 0;
}

#backupsForm #backupSectionsAccordion > .accordion-item:has(> #backupHistoryPanel.show) {
  display: flex;
  flex-direction: column;
  flex: 1;
}

#backupsForm #backupSectionsAccordion .accordion-header {
  flex: 0 0 auto;
}

#backupsForm #backupHistoryPanel.show {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

#backupsForm #backupOverviewPanel > .accordion-body > small {
  display: block;
}

#backupsDialog #backupSectionsAccordion {
  flex: 0 0 auto;
}

/* Preserve the approved light-theme content-height layout. */
[data-bs-theme="light"] #backupsForm #backupSectionsAccordion > .accordion-item,
[data-bs-theme="light"] #backupsForm #backupSectionsAccordion > .accordion-item:has(> #backupHistoryPanel.show) {
  flex: 0 0 auto;
  min-height: 0;
}

/* Schedules and inactive state */

#backupsForm .backup-schedule-layout {
  display: grid;
  gap: 16px;
  margin: 24px 0;
}

#backupsForm .backup-schedule-card {
  border: 1px solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  padding: 16px;
}

#backupsForm .backup-schedule-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

#backupsForm .backup-schedule-head h3 {
  margin: 0;
}

#backupsForm .form-switch {
  margin: 0;
  white-space: nowrap;
}

#backupsForm .backup-schedule-body {
  margin-top: 16px;
}

#backupsForm .backup-schedule-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(180px,1fr));
  gap: 16px;
  align-items: end;
}

#backupsForm .backup-schedule-grid label {
  min-width: 0;
}

#backupsForm :is(.schedule-distribution-help,#backupScheduleStatus,#restoreTestScheduleStatus) {
  color: var(--tblr-secondary);
  font-size: 12px;
  margin: 12px 0 0;
}

:is(#backupScheduleTitle,#restoreTestScheduleTitle) .backup-schedule-toggle {
  display: flex;
  align-items: baseline;
}

#backupsForm :is(#backupScheduleTitle,#restoreTestScheduleTitle) .backup-schedule-toggle::before {
  content: none;
}

#backupsForm :is(#backupScheduleTitle,#restoreTestScheduleTitle) > .backup-schedule-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
}

#backupsForm :is(#backupScheduleTitle,#restoreTestScheduleTitle) > .backup-schedule-toggle > svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

#backupsForm .backup-schedule-toggle[aria-expanded="false"] > .icon-tabler-square-rounded-minus,
#backupsForm .backup-schedule-toggle[aria-expanded="true"] > .icon-tabler-square-rounded-plus {
  display: none;
}

#backupsForm .automation-warning {
  margin-top: 16px;
  margin-bottom: 0;
  gap: 16px;
  align-items: flex-start;
}

#backupsForm .automation-warning > .flex-fill {
  min-width: 0;
  overflow-wrap: anywhere;
}

#backupsForm .automation-warning .btn {
  flex-shrink: 0;
}

@media (max-width:575.98px) {
  #backupsForm .automation-warning {
    flex-direction: column;
  }

}

#backupsForm :is(#backupScheduleStatus,#restoreTestScheduleStatus):empty {
  display: none;
}

/* Content and table selection */

:is(#backupsForm,#manualBackupForm) .backup-content-selector {
  border-top: 1px solid var(--tblr-border-color);
  margin-top: 16px;
  padding-top: 16px;
}

:is(#backupsForm,#manualBackupForm) :is(.backup-content-head,.backup-table-inventory-head,.backup-table-inventory-tools) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

:is(#backupsForm,#manualBackupForm) .backup-content-head small {
  display: block;
  color: var(--tblr-secondary);
}

:is(#backupsForm,#manualBackupForm) .backup-content-modes {
  display: flex;
  gap: 16px;
}

:is(#backupsForm,#manualBackupForm) :is(.backup-content-modes label,.backup-content-grid label) {
  display: flex;
  align-items: center;
  gap: 8px;
}

:is(#backupsForm,#manualBackupForm) .backup-content-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
  margin: 16px 0;
}

:is(#backupsForm,#manualBackupForm) .backup-content-grid input {
  flex-shrink: 0;
}

#manualBackupForm .backup-content-head {
  align-items: flex-start;
  flex-direction: column;
}

@media(max-width:767.98px) {
  #backupsForm .backup-content-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

}

@media(max-width:575.98px) {
  :is(#backupsForm,#manualBackupForm) .backup-content-grid,
  #backupsForm .backup-schedule-grid {
    grid-template-columns: 1fr;
  }

}

:is(#backupsForm,#manualBackupForm) .backup-table-inventory {
  min-width: 0;
}

:is(#backupsForm,#manualBackupForm) .backup-table-inventory-head small {
  display: block;
  margin-top: 4px;
  color: var(--tblr-secondary-color);
}

:is(#backupsForm,#manualBackupForm) .backup-table-inventory-tools {
  margin: 12px 0;
}

:is(#backupsForm,#manualBackupForm) .backup-table-inventory-tools label {
  flex: 1 1 200px;
}

:is(#backupsForm,#manualBackupForm) .backup-table-list {
  display: block;
  max-height: none;
  overflow: visible;
}

.backup-table-selection {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.backup-inventory-table {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 0;
}

.backup-inventory-table th:last-child {
  width: 100px;
}

.backup-inventory-table .backup-table-option {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  cursor: pointer;
}

.backup-inventory-table .backup-table-option input {
  flex: 0 0 auto;
  margin-top: 2px;
}

.backup-inventory-table .backup-table-option span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.backup-inventory-table .backup-table-option small {
  display: block;
}

#backupsForm .backup-schedule-body.is-inactive :is(.backup-schedule-grid > label,.backup-content-selector),
#backupsForm .backup-schedule-body.is-inactive > p {
  opacity: .45;
}

/* History and actions */

#backupsForm .backup-list {
  display: grid;
  gap: 8px;
}

#backupsForm .backup-item {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  border: 1px solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
}

#backupsForm .backup-item > div:first-child {
  min-width: 0;
  flex: 1;
}

#backupsForm :is(.backup-title-row,.backup-history-origin,.backup-history-status) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

#backupsForm :is(.backup-history-origin,.backup-history-status) {
  margin-top: 8px;
}

#backupsForm .backup-history-origin {
  color: var(--tblr-secondary);
}

#backupsForm :is(.backup-actions,.backup-history-more) {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: flex-start;
}

#backupsForm .backup-actions {
  flex-direction: column;
  max-width: 240px;
}

#backupsForm .backup-history-details {
  margin-top: 12px;
}

#backupsForm .backup-history-detail-body {
  display: grid;
  gap: 8px;
  margin-top: 8px;
  overflow-wrap: anywhere;
}

#backupsForm .backup-test-badge svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
}

#backupsForm .backup-test-badge {
  color: var(--tblr-secondary);
}

#backupsForm .backup-test-badge.passed {
  color: var(--tblr-success);
}

#backupsForm .backup-offline-recovery-note {
  margin-top: 16px;
  padding: 16px;
  border: 1px solid var(--tblr-warning);
  border-radius: var(--tblr-border-radius);
}

@media(max-width:767.98px) {
  #backupsForm .backup-item {
    flex-direction: column;
  }

  #backupsForm .backup-actions {
    flex-direction: row;
    max-width: none;
  }

}

#backupsForm .backup-card-toggle::before,
#backupsForm .backup-card-toggle[aria-expanded="true"]::before {
  content: none;
}

#backupsForm .backup-history-more:not([hidden]) {
  display: contents;
}

#backupsForm .backup-history-browser {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  gap: 12px;
}

#backupsForm .backup-history-filters {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
  flex: none;
}

#backupsForm .backup-history-filters .form-label {
  margin-bottom: 4px;
}

#backupsForm .backup-history-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  flex: none;
  border-top: 1px solid var(--tblr-border-color);
  padding-top: 12px;
}

#backupHistoryPageSize {
  width: 72px;
}

#backupsForm .backup-history-origin:empty {
  display: none;
}

@media(max-width:575.98px) {
  #backupsForm .backup-history-filters {
    gap: 6px;
  }

  #backupsForm .backup-history-filters .form-select {
    padding-left: 8px;
    font-size: 12px;
  }

  #backupsForm .backup-history-pagination {
    gap: 8px;
    font-size: 12px;
  }

}

#backupsForm .backup-history-actions {
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  min-width: 0;
  max-width: 100%;
}

#backupsForm .backup-history-actions > small {
  flex-basis: 100%;
  overflow-wrap: anywhere;
}

#backupsForm .backup-card-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

#backupsForm .backup-card-toggle > svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

#backupsForm .backup-card-toggle[aria-expanded="false"] > .icon-tabler-square-rounded-minus,
#backupsForm .backup-card-toggle[aria-expanded="true"] > .icon-tabler-square-rounded-plus {
  display: none;
}

#backupsForm .backup-history-item:has(.backup-history-more:not([hidden])) > div:first-child {
  width: 100%;
  display: contents;
}

.backup-icon-summary {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  cursor: pointer;
}

.backup-icon-summary::marker {
  content: "";
}

.backup-icon-summary::-webkit-details-marker {
  display: none;
}

.backup-icon-summary > svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

details:not([open]) > .backup-icon-summary > .icon-tabler-square-rounded-minus,
details[open] > .backup-icon-summary > .icon-tabler-square-rounded-plus {
  display: none;
}

#backupsForm .backup-history-item:has(.backup-history-more:not([hidden])) {
  flex-direction: column;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: start;
}

#backupsForm .backup-history-item:has(.backup-history-more:not([hidden])) > div:first-child > * {
  order: 3;
  grid-column: 1 / -1;
  min-width: 0;
}

#backupsForm .backup-history-item:has(.backup-history-more:not([hidden])) > div:first-child > .backup-title-row {
  order: 1;
  grid-column: 1;
  grid-row: 1;
}

#backupsForm .backup-history-item:has(.backup-history-more:not([hidden])) > .backup-history-actions {
  order: 2;
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  justify-content: flex-end;
}

@media(max-width:767.98px) {
  #backupsForm .backup-history-item:has(.backup-history-more:not([hidden])) {
    grid-template-columns: minmax(0,1fr);
  }

  #backupsForm .backup-history-item:has(.backup-history-more:not([hidden])) > .backup-history-actions {
    grid-column: 1;
    grid-row: 2;
  }

}

#backupsForm #backupList {
  min-height: 0;
  overflow: auto;
  align-content: start;
  padding-right: 8px;
  flex: 0 1 auto;
  max-height: var(--backup-list-max-height);
  background: var(--mwp-backup-list-bg);
}

/* Manual backup and preflight */

#manualBackupDialog {
  width: 800px;
}

#manualBackupForm [hidden] {
  display: none!important;
}

#manualBackupForm .backup-preflight {
  display: grid;
  grid-template-columns: 24px minmax(0,1fr);
  gap: 12px;
  margin: 20px 0 0;
}

#manualBackupPreflightDetail {
  display: block;
  color: var(--tblr-secondary);
  margin-top: 4px;
}

#manualBackupPreflightFacts {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
  grid-column: 1/-1;
  margin: 0;
}

#manualBackupPreflightFacts dt {
  font-size: 12px;
  color: var(--tblr-secondary);
  font-weight: 400;
}

#manualBackupPreflightFacts dd {
  margin: 4px 0 0;
}

#manualBackupPreflight:not(.checking) .spinner-border {
  display: none;
}

#manualBackupPreflight .backup-preflight-icon > .icon-tabler-check {
  display: none;
  width: 24px;
  height: 24px;
}

#manualBackupPreflight.allowed .backup-preflight-icon > .icon-tabler-check {
  display: block;
}

#manualBackupPreflight:is(.warning,.blocked,.unavailable) .backup-preflight-icon::before {
  content: '!';
}

#manualBackupProgress {
  margin: 16px 0 0;
  gap: 12px;
}

#manualBackupProgress small {
  display: block;
}

#manualBackupError:empty {
  display: none!important;
}

@media(max-width:575.98px) {
  #manualBackupPreflightFacts {
    grid-template-columns: 1fr;
  }

}

/* Download dialog */

#backupDownloadDialog {
  width: 500px;
}

#backupDownloadDialog [hidden] {
  display: none !important;
}

/* Live jobs and progress */

#backupsForm :is(.status.danger,.backup-job-error) {
  color: var(--tblr-danger);
}

#backupsForm #backupActiveOperations {
  display: grid;
  gap: 16px;
  flex: 0 0 auto;
  max-height: var(--backup-progress-max-height);
  overflow: auto;
}

#backupsForm #backupActiveOperations .site-initial-backup {
  margin-bottom: 0;
}

#backupsForm #backupActiveOperations:has(> [hidden]):not(:has(> :not([hidden]))) {
  display: none;
}

[data-tabler-native] .site-initial-backup {
  --initial-notice-color: var(--tblr-secondary-color);
  display: grid;
  grid-template-columns: 20px minmax(0,1fr) auto;
  align-items: start;
  gap: 16px;
  min-width: 0;
  padding: 12px 16px;
  margin-bottom: 16px;
  border: 1px solid color-mix(in srgb,var(--initial-notice-color) 24%,var(--tblr-bg-surface));
  border-radius: var(--tblr-border-radius);
  background: color-mix(in srgb,var(--initial-notice-color) 8%,var(--tblr-bg-surface));
  color: var(--tblr-body-color);
  font-size: 14px;
  line-height: 20px;
}

[data-tabler-native] .site-initial-backup:is(.attention,.warning,.running) {
  --initial-notice-color: #946000;
}

[data-tabler-native] .site-initial-backup.failed {
  --initial-notice-color: var(--tblr-danger);
}

[data-tabler-native] .site-initial-backup.ok {
  --initial-notice-color: var(--tblr-success);
}

[data-bs-theme="dark"] [data-tabler-native] .site-initial-backup:is(.attention,.warning,.running) {
  --initial-notice-color: #ffcf66;
}

[data-tabler-native] .site-initial-backup-icon {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  color: var(--initial-notice-color);
}

[data-tabler-native] .site-initial-backup-icon svg {
  display: block;
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

[data-tabler-native] .site-initial-backup-icon .progress-spinner {
  display: block;
  width: 18px;
  height: 18px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: progress-spin .8s linear infinite;
}

[data-tabler-native] .site-initial-backup > div {
  display: grid;
  min-width: 0;
  gap: 4px;
  overflow-wrap: anywhere;
}

[data-tabler-native] .site-initial-backup strong {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

[data-tabler-native] .site-initial-backup small {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: var(--tblr-secondary-color);
}

[data-tabler-native] .site-initial-backup-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

[data-tabler-native] .site-initial-backup-actions .status {
  color: var(--initial-notice-color);
  background: color-mix(in srgb,var(--initial-notice-color) 12%,var(--tblr-bg-surface));
}

@media (max-width:560px) {
  [data-tabler-native] .site-initial-backup {
    grid-template-columns: 20px minmax(0,1fr);
  }

  [data-tabler-native] .site-initial-backup-actions {
    grid-column: 2;
    justify-content: flex-start;
  }

}

@media (prefers-reduced-motion:reduce) {
  [data-tabler-native] .site-initial-backup-icon .progress-spinner {
    animation: none;
  }

}

[data-tabler-native] .backup-job-item {
  align-items: flex-start;
  flex-wrap: wrap;
}

[data-tabler-native] .backup-job-content {
  display: grid;
  gap: 4px;
  flex: 1;
  min-width: min(220px,100%);
  overflow-wrap: anywhere;
}

[data-tabler-native] .backup-job-progress-detail {
  display: grid;
  gap: 4px;
  color: var(--tblr-body-color);
}

[data-tabler-native] .backup-progress-detail-message,
[data-tabler-native] .backup-upload-metrics {
  display: block;
}

[data-tabler-native] .backup-progress-comparison {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

[data-tabler-native] .backup-progress-comparison strong {
  color: var(--tblr-body-color);
}

[data-tabler-native] .backup-progress-arrow {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

[data-tabler-native] .backup-job-actions {
  flex-shrink: 0;
  margin-left: auto;
}

.backup-action-lock {
  display: inline-flex;
  max-width: 100%;
  cursor: not-allowed;
}

.backup-action-lock button:disabled {
  pointer-events: none;
}

.backup-action-lock:focus-visible {
  outline: 2px solid var(--tblr-primary);
  outline-offset: 2px;
  border-radius: var(--tblr-border-radius);
}

html[data-design-system="tabler"][data-dashboard-view="sites"] .site-row-actions > .backup-action-lock > button.site-quick-action {
  background: var(--panel);
  color: var(--muted);
  -webkit-text-fill-color: currentColor;
  border-color: transparent;
  box-shadow: none;
  opacity: .38;
  cursor: not-allowed;
}

[data-tabler-native] .backup-step-counter {
  display: flex;
  list-style: none;
  counter-reset: backup-step;
  gap: 0;
  width: 100%;
  margin: 8px 0 12px;
  padding: 0;
}

[data-tabler-native] .backup-step-counter .step-item {
  counter-increment: backup-step;
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  padding: 38px 5px 0;
  text-align: center;
  color: var(--tblr-secondary-color);
  font-size: 12px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

[data-tabler-native] .backup-step-counter .step-item::before {
  content: counter(backup-step);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid var(--tblr-border-color);
  border-radius: 50%;
  background: var(--tblr-bg-surface);
  color: var(--tblr-body-color);
  font-size: 13px;
  font-weight: 600;
}

[data-tabler-native] .backup-step-counter .step-item:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 14px;
  left: 50%;
  width: 100%;
  height: 2px;
  background: var(--tblr-border-color);
}

[data-tabler-native] .backup-step-counter .step-item.is-visited::before {
  border-color: var(--tblr-primary);
  color: var(--tblr-primary);
}

[data-tabler-native] .backup-step-counter .step-item.active {
  font-weight: 700;
  color: var(--tblr-body-color);
}

[data-tabler-native] .backup-step-counter .step-item.active::before {
  background: #356fc5;
  border-color: #356fc5;
  color: #fff;
  outline: 2px solid var(--tblr-bg-surface);
  outline-offset: 2px;
}

@media (max-width: 900px) {
  [data-tabler-native] .backup-step-counter {
    flex-direction: column;
    gap: 12px;
  }

  [data-tabler-native] .backup-step-counter .step-item {
    flex: none;
    min-height: 28px;
    padding: 5px 0 5px 42px;
    text-align: start;
  }

  [data-tabler-native] .backup-step-counter .step-item::before {
    left: 0;
    transform: none;
  }

  [data-tabler-native] .backup-step-counter .step-item:not(:last-child)::after {
    left: 14px;
    top: 28px;
    width: 2px;
    height: calc(100% - 16px);
  }

}

/* Embedded website workspace */

#siteBackupsMount #backupsForm {
  --backup-list-max-height: 65vh;
  --backup-progress-max-height: none;
  border: 0;
  box-shadow: none;
}

#siteBackupsMount #backupsForm > :is(.modal-header,.modal-footer) {
  display: none;
}

#siteBackupsMount #backupsForm > .modal-body {
  overflow: visible;
}

#siteWorkspaceContent > .site-backups-workspace {
  padding: 16px;
}

#siteWorkspaceContent > .site-backups-workspace > .panel-head {
  padding-bottom: 16px;
}


/* Recovery access, restore progress, WordPress access, and cloning. */

#wpAdminDialog {
  width: 540px;
}

#wpAdminError:empty {
  display: none;
}

#cloneSiteDialog {
  width: 700px;
}

#cloneSiteForm .modal-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

#cloneSiteForm .modal-body > :is(p,label,.alert) {
  margin: 0;
}

#cloneSiteForm .form-select,
#cloneSiteForm .form-control {
  margin-top: 6px;
}

.clone-site-dialog .clone-sequence {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  color: var(--tblr-secondary);
  font-size: 12px;
}

.clone-site-dialog .clone-sequence :is(strong, b) {
  color: var(--tblr-primary);
  margin-right: 4px;
}

.clone-site-dialog .clone-warning {
  display: block;
}

.clone-site-dialog .clone-warning p {
  margin: 8px 0 0;
}

.clone-site-dialog .clone-target-summary:not([hidden]) {
  display: grid;
  gap: 4px;
}

#cloneSiteProgress:not([hidden]) {
  display: flex;
  gap: 12px;
  align-items: center;
}

#cloneSiteProgress small {
  display: block;
  color: var(--tblr-secondary);
}

#cloneSiteError:empty {
  display: none;
}

#recoveryProfileDialog {
  width: 800px;
}

#recoveryProfileStatus:empty,
#recoveryProfileError:empty {
  display: none;
}

.restore-phase-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr));
  gap: 6px 12px;
  list-style: none;
  padding: 0;
  margin: 0 0 16px;
}

.restore-phase-steps > li {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 8px 10px;
  border: 1px solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius,4px);
  color: var(--tblr-secondary-color);
  font-size: 12px;
  line-height: 1.4;
}

.restore-phase-steps .restore-phase-number {
  display: grid;
  place-items: center;
  flex: 0 0 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--tblr-bg-surface-secondary);
  color: var(--tblr-body-color);
  font-size: 12px;
  font-weight: 600;
}

.restore-phase-steps > .is-current {
  border-color: var(--tblr-primary);
  background: rgba(var(--tblr-primary-rgb),.08);
  color: var(--tblr-body-color);
  font-weight: 600;
}

.restore-phase-steps > .is-current .restore-phase-number {
  background: var(--tblr-primary);
  color: #fff;
}

.restore-phase-steps > .is-complete .restore-phase-number {
  background: rgba(var(--tblr-success-rgb),.12);
  color: var(--tblr-success);
}

#restoreDialog {
  width: 500px;
}

#restoreError:empty {
  display: none;
}

#wpRecoveryDialog {
  width: 800px;
}

#wpRecoveryDialog .modal-content {
  overflow: hidden;
}

#wpRecoveryError:empty {
  display: none;
}

.restore-progress-summary {
  display: grid;
  gap: 12px;
  min-width: 0;
  max-width: 85ch;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.restore-progress-summary > strong {
  display: block;
  color: var(--tblr-body-color);
  font-size: 14px;
  font-weight: 500;
}

.restore-progress-summary > small {
  display: block;
  font-size: 13px;
  color: var(--tblr-secondary-color);
}

.restore-progress-clock {
  display: grid;
  gap: 4px;
  padding: 12px 16px;
  border: 1px solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  background: var(--tblr-bg-surface-secondary);
}

.restore-progress-clock > small {
  display: block;
  font-size: 13px;
  color: var(--tblr-body-color);
}

.restore-progress-clock > small:first-child {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}


/* Connector enrollment and website onboarding. */

#connectorEnrollmentsDialog {
  width: 680px;
}

#connectorEnrollmentsDialog [hidden] {
  display: none!important;
}

#connectorEnrollmentError:empty {
  display: none;
}

#connectorEnrollmentsDialog .connector-enrollment-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

#connectorEnrollmentsDialog .connector-enrollment-copy {
  display: grid;
  gap: 4px;
  flex: 1;
  min-width: min(220px,100%);
  overflow-wrap: anywhere;
}

#connectorEnrollmentsDialog .connector-enrollment-copy small {
  color: var(--tblr-secondary-color);
}

#connectorEnrollmentsDialog .connector-enrollment-copy p {
  color: var(--tblr-danger);
  margin: 0;
}

#connectorEnrollmentsDialog .connector-enrollment-url {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

#connectorEnrollmentsDialog .connector-enrollment-url svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

#addSiteManual > summary {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
}

#addSiteManual > summary::marker {
  content: "";
}

#addSiteManual > summary::-webkit-details-marker {
  display: none;
}

#addSiteManualHint {
  display: block;
}

#connectorRecoveryDialog {
  width: 800px; /* Tabler modal-lg; shared dialog gutter clamps narrow viewports. */
}

#addSiteDialog {
  width: var(--tblr-modal-width,500px);
}

#addSiteForm [hidden] {
  display: none!important;
}

#addSiteForm .add-site-package {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

#addSiteForm .add-site-steps {
  padding-left: 24px;
  margin: 0;
}

#addSiteForm .add-site-steps li {
  padding-left: 4px;
  margin-bottom: 20px;
}

#addSiteForm :is(.add-site-steps p,small,#addSiteManualHint) {
  color: var(--tblr-secondary-color);
}

#addSiteForm .add-site-steps p {
  margin: 4px 0 10px;
}

#addSiteManualFields {
  border: 0;
  padding: 0;
  margin: 16px 0 0;
  min-width: 0;
}

#addSiteManualFields > label {
  display: block;
  margin-bottom: 16px;
}

#addSiteManualFields > label :is(input,select) {
  margin-top: 6px;
}

#addSiteForm .add-site-tag-create {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}

#addSiteForm .add-site-selected-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 8px 0;
}

#addSiteForm .add-site-tag-options {
  border: 1px solid var(--tblr-border-color);
  padding: 8px;
  max-height: 180px;
  overflow: auto;
  background: var(--tblr-bg-surface);
}

#addSiteForm .add-site-tag-options button {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  padding: 8px;
  text-align: left;
}

#addSiteForm .add-site-tag-options button:hover {
  background: var(--tblr-bg-surface-secondary);
}

#addSiteForm .add-site-selected-tags button {
  border: 1px solid var(--tblr-border-color);
  border-radius: 4px;
  background: var(--tblr-bg-surface-secondary);
  color: inherit;
}

#addSiteForm .add-site-tags-head {
  display: flex;
  align-items: baseline;
  gap: 6px;
}

#addSiteForm .add-site-tags-head .optional {
  color: var(--tblr-secondary-color);
  font-size: 12px;
}

#addSiteForm .add-site-selected-tags:empty {
  display: none;
}

#addSiteForm .add-site-selected-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  min-width: 0;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 20px;
}

#addSiteForm .add-site-selected-tag span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#addSiteForm .add-site-selected-tag svg {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
}

#addSiteForm :is(.add-site-selected-tag,.add-site-tag-option) > i {
  display: inline-block;
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
  background: var(--site-tag-color);
}

#addSiteForm .add-site-tag-option[aria-selected="true"] {
  background: var(--tblr-bg-surface-secondary);
  font-weight: 600;
}

#addSiteConnector > summary {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
}

#addSiteConnector > summary::marker {
  content: "";
}

#addSiteConnector > summary::-webkit-details-marker {
  display: none;
}

#addSiteConnectorVersion {
  margin-left: auto;
  font-size: 12px;
}

#addSiteConnector[open] > summary {
  margin-bottom: 16px;
}

#addSiteManual {
  border-top: 1px solid var(--tblr-border-color);
  padding-top: 16px;
  margin-top: 16px;
}


/* Notification badge, toasts, and notification history. */

#notificationBadge .visually-hidden {
  position: absolute!important;
  width: 1px!important;
  height: 1px!important;
  padding: 0!important;
  margin: -1px!important;
  overflow: hidden!important;
  clip: rect(0,0,0,0)!important;
  white-space: nowrap!important;
  border: 0!important;
}

#dashboardSidebar #openNotifications {
  overflow: visible;
  display: flex;
  gap: 8px;
  padding-right: 8px;
}

#dashboardSidebar #notificationBadge {
  --tblr-badge-padding-x: 0.5em;
  --tblr-badge-padding-y: 0.25em;
  --tblr-badge-font-size: 0.85714285em;
  --tblr-badge-font-weight: var(--tblr-font-weight-medium);
  --tblr-badge-color: var(--tblr-secondary);
  --tblr-badge-border-radius: var(--tblr-border-radius);
  --tblr-badge-icon-size: 1em;
  --tblr-badge-line-height: 1;
  --tblr-badge-gap: 0.25rem;
  gap: var(--tblr-badge-gap);
  align-items: center;
  justify-content: center;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  vertical-align: bottom;
  -webkit-user-select: none;
  user-select: none;
  inset-inline-end: 0;
  top: 0;
  z-index: 1;
  position: static;
  inset: auto;
  transform: none;
  display: inline-flex;
  flex: 0 0 auto;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  margin: 0 0 0 4px;
  border: 0;
  border-radius: 6px;
  background: #6b7280;
  color: #fff;
  -webkit-text-fill-color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: normal;
}

#dashboardSidebar #notificationBadge[hidden] {
  display: none;
}

html[data-sidebar-collapsed="true"] #dashboardSidebar #notificationBadge {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  transform: translate(35%,-35%);
}

.toast-region {
  position: fixed;
  top: calc(22px + env(safe-area-inset-top, 0px));
  right: 0;
  left: 0;
  z-index: 2147483000;
  width: min(500px, calc(100vw - 32px));
  margin-inline: auto;
  display: grid;
  gap: 8px;
  isolation: isolate;
  overflow: visible;
  pointer-events: none;
}

.toast-region > * {
  pointer-events: auto;
}

.toast-history-backdrop {
  position: fixed;
  inset: 0;
  z-index: 0;
  width: 100vw;
  height: 100dvh;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: rgba(2,7,14,.74);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  cursor: default;
}

html[data-theme="light"] .toast-history-backdrop {
  background: rgba(42,58,76,.38);
}

.toast-stack {
  order: 3;
  display: grid;
  gap: 8px;
}

.toast-region.history-open .toast-stack {
  visibility: hidden;
  pointer-events: none;
}

.toast-item {
  position: relative;
  min-height: 62px;
  padding: 12px 40px 12px 46px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: color-mix(in srgb, var(--panel) 96%, transparent);
  color: var(--text);
  box-shadow: 0 12px 32px rgba(0,0,0,.24);
  animation: toast-enter .2s ease-out both;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

.toast-item::before {
  content: "✓";
  position: absolute;
  left: 14px;
  top: 16px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--accent);
  color: #fff;
  font-size: 13px;
  font-weight: 900;
}

.toast-item.error::before {
  content: "!";
  background: var(--danger);
}

.toast-item.warning::before {
  content: "!";
  background: var(--amber);
  color: #332207;
}

.toast-item.info::before {
  content: "i";
  background: var(--blue);
}

.toast-item-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 800;
}

.toast-item-count {
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 10px;
  display: inline-grid;
  place-items: center;
  background: var(--panel-2);
  color: var(--muted);
  font-size: 12px;
}

.toast-item-message {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.toast-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  border-radius: 7px;
  display: grid;
  place-items: center;
  background: transparent;
  color: var(--muted);
}

.toast-close:hover {
  background: var(--panel-2);
  color: var(--text);
}

.toast-close svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.2;
}

.toast-history-panel {
  position: fixed;
  top: 50px;
  left: 50%;
  z-index: 1;
  order: 2;
  width: min(500px, calc(100vw - 32px));
  max-height: min(520px, calc(100dvh - 100px));
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: color-mix(in srgb, var(--panel) 97%, transparent);
  color: var(--text);
  box-shadow: 0 18px 48px rgba(0,0,0,.3);
  transform: translateX(-50%);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

.toast-history-head {
  min-height: 46px;
  padding: 0 10px 0 14px;
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.toast-history-head strong {
  font-size: 13px;
}

.toast-history-head button {
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 7px;
  display: grid;
  place-items: center;
  background: transparent;
  color: var(--muted);
}

.toast-history-head button:hover {
  background: var(--panel-2);
  color: var(--text);
}

.toast-history-head svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.2;
}

.toast-history-scope {
  min-height: 42px;
  padding: 6px 10px;
  border-bottom: 1px solid var(--line);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  background: color-mix(in srgb, var(--panel-2) 58%, transparent);
}

.toast-history-scope[hidden] {
  display: none;
}

.toast-history-scope button {
  min-width: 0;
  height: 29px;
  padding: 0 10px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: var(--muted);
  box-shadow: none;
  font-size: 12px;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toast-history-scope button[aria-pressed="true"] {
  border-color: color-mix(in srgb, var(--accent) 42%, var(--line));
  background: color-mix(in srgb, var(--accent) 10%, transparent);
  color: var(--text);
}

.toast-history-list {
  max-height: calc(min(520px, calc(100dvh - 100px)) - 46px);
  overflow-y: auto;
}

.toast-history-panel.site-filter-active .toast-history-list {
  max-height: calc(min(520px, calc(100dvh - 100px)) - 88px);
}

.toast-history-item {
  position: relative;
  padding: 11px 38px 11px 36px;
  border-bottom: 1px solid var(--line);
}

.toast-history-item:last-child {
  border-bottom: 0;
}

.toast-history-item::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 17px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--accent);
}

.toast-history-item.error::before {
  background: var(--danger);
}

.toast-history-item.warning::before {
  background: var(--amber);
}

.toast-history-item.info::before {
  background: var(--blue);
}

.toast-history-item.is-read::before {
  background: #000;
}

.toast-history-item strong,
.toast-history-item small {
  display: block;
}

.toast-history-item strong {
  padding-right: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}

.toast-history-item small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

.toast-history-item time {
  position: absolute;
  top: 12px;
  right: 38px;
  color: var(--muted);
  font-size: 11px;
}

.toast-history-item .toast-close {
  top: 8px;
  right: 7px;
}

@keyframes toast-enter { from { opacity: 0; transform: translateY(-10px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }

@media (max-width: 600px) {
  .toast-region {
    width: min(500px, calc(100vw - 24px));
  }

  .toast-history-panel {
    width: min(500px, calc(100vw - 24px));
  }

}

html[data-design-system="tabler"] :is(.toast-item,.toast-history-panel) {
  border-radius: 8px;
  background: var(--panel);
  color: var(--text);
  box-shadow: 0 8px 24px #00000015;
}

html[data-design-system="tabler"] .toast-item-message {
  font-size: 13px;
  color: var(--muted);
}


/* Native inbox dialog; the page inbox retains its existing layout. */
#notificationsDialog { width: 800px; }
#notificationsDialog .notification-list { border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); }
#notificationsDialog .notification-item { position: relative; padding: 16px 16px 16px 32px; border-bottom: 1px solid var(--tblr-border-color); display: grid; gap: 12px; }
#notificationsDialog .notification-item:last-child { border-bottom: 0; }
#notificationsDialog .notification-item.unread { background: var(--tblr-primary-lt); }
#notificationsDialog .notification-indicator { position: absolute; top: 22px; left: 14px; width: 7px; height: 7px; border-radius: 50%; background: var(--tblr-danger); }
#notificationsDialog .notification-indicator.warning { background: var(--tblr-warning); }
#notificationsDialog .notification-title { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; }
#notificationsDialog :is(time, small, .notification-item p) { color: var(--tblr-secondary-color); }
#notificationsDialog .notification-item p { margin: 8px 0 0; }
#notificationsDialog .notification-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }

/* Account, team and confirmation forms use Tabler's shared modal shell.
   Only content layouts and feature widths belong here. */

.management-dialog {
  width: 500px;
}

#customerActionDialog,
#backupQuotaDialog {
  width: 620px;
}

#staffInviteDialog {
  width: 720px;
}

#accountDeletionDialog {
  width: 680px;
}

.management-dialog [hidden] {
  display: none !important;
}

.management-dialog .form-error {
  color: var(--tblr-danger);
}

.management-dialog :is(.form-error, .form-hint):empty {
  display: none;
}

.management-dialog :is(.modal-title, .form-label, .customer-action-body) {
  min-width: 0;
  overflow-wrap: anywhere;
}

.management-dialog .customer-action-body > p,
.account-deletion-warning p {
  margin: 0;
}

.account-deletion-warning p {
  margin-top: 8px;
}

.staff-invite-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

:is(.account-deletion-summary, .customer-deletion-summary) {
  display: grid;
  gap: 16px;
}

:is(.account-deletion-summary, .customer-deletion-summary) dl {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 12px;
  margin: 0;
}

:is(.account-deletion-summary, .customer-deletion-summary) dl > div {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  background: var(--tblr-bg-surface-secondary);
}

:is(.account-deletion-summary, .customer-deletion-summary) dt {
  color: var(--tblr-secondary-color);
  font-size: 12px;
  font-weight: 400;
}

:is(.account-deletion-summary, .customer-deletion-summary) dd {
  margin: 4px 0 0;
  font-weight: 600;
  overflow-wrap: anywhere;
}

:is(.account-deletion-summary, .customer-deletion-summary) p {
  margin: 0;
}

.customer-retention-note {
  padding: 12px;
  border-left: 3px solid var(--tblr-warning);
  background: var(--tblr-warning-lt);
}

@media (max-width: 575.98px) {
  .staff-invite-grid {
    grid-template-columns: 1fr;
  }
}

/* Protected file dialogs. Shared shell and motion belong to 25-modals.css;
   credentials, previews and quarantine retain their existing workflow. */

.file-profile-dialog { width: 760px; }
.file-access-dialog { width: 560px; }
.file-editor-dialog { width: 1040px; }
.file-operation-dialog,
.file-upload-dialog { width: 820px; }

.file-dialog [hidden] { display: none !important; }
.file-dialog :is(.form-error, .form-hint):empty { display: none; }
.file-dialog :is(.form-error, [data-file-profile-error]) { color: var(--tblr-danger); }
.file-dialog :is(.modal-title, .form-label, .modal-body > p) {
  min-width: 0;
  overflow-wrap: anywhere;
}

.file-profile-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.file-profile-grid > .span-2 { grid-column: 1 / -1; }

.file-dialog :is(.file-profile-security, .file-change-preview, .file-quarantine-review) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  background: var(--tblr-bg-surface-secondary);
  overflow-wrap: anywhere;
}
.file-dialog :is(.file-profile-security, .file-quarantine-review).attention,
.file-dialog .file-quarantine-review.blocked {
  border-color: var(--tblr-warning);
  background: var(--tblr-warning-lt);
}
.file-dialog :is(.file-profile-security, .file-change-preview, .file-quarantine-review) p {
  margin: 0;
  color: var(--tblr-secondary-color);
}
.file-dialog :is(.file-change-preview, .file-quarantine-review) code {
  min-width: 0;
  overflow-wrap: anywhere;
}
.file-dialog .file-profile-recovery-import {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
}
.file-profile-recovery-import > div { min-width: 0; }

#fileEditorContent {
  min-height: 280px;
  font-size: 13px;
  line-height: 1.6;
  tab-size: 2;
  resize: vertical;
}
.file-diff-list {
  max-height: min(36vh, 360px);
  overflow: auto;
  border-top: 1px solid var(--tblr-border-color);
}
.file-diff-list > div {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
  padding: 8px 0;
  border-bottom: 1px solid var(--tblr-border-color);
  font: 12px/1.5 var(--tblr-font-monospace);
}
.file-diff-list b { color: var(--tblr-secondary-color); }
.file-diff-list :is(del, ins) {
  padding: 4px;
  border-radius: var(--tblr-border-radius);
  overflow-wrap: anywhere;
  text-decoration: none;
}
.file-diff-list del { background: var(--tblr-danger-lt); }
.file-diff-list ins { background: var(--tblr-success-lt); }
.file-quarantine-review dl {
  display: grid;
  gap: 8px;
  margin: 0;
}
.file-quarantine-review dl > div {
  display: grid;
  grid-template-columns: minmax(100px, 28%) minmax(0, 1fr);
  gap: 12px;
  padding-top: 8px;
  border-top: 1px solid var(--tblr-border-color);
}
.file-quarantine-review dd { min-width: 0; margin: 0; }

@media (max-width: 575.98px) {
  .file-profile-grid,
  .file-dialog .file-profile-recovery-import,
  .file-quarantine-review dl > div { grid-template-columns: 1fr; }
  .file-profile-grid > .span-2 { grid-column: auto; }
}

/* Protected database forms; frame, motion and scrolling belong to 25-modals.
   The access confirmation also serves the protected file access dialog. */

.database-access-dialog { width: 560px; }
.database-row-dialog { width: 760px; }
.database-dialog [hidden] { display: none !important; }
.database-dialog .form-error:empty { display: none; }
.database-dialog :is(.modal-title, .form-label, .modal-body > p) {
  min-width: 0;
  overflow-wrap: anywhere;
}

.database-access-confirmation,
.database-row-preview,
.database-row-delete-warning {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  background: var(--tblr-bg-surface-secondary);
  overflow-wrap: anywhere;
}
.database-access-confirmation.attention {
  border-color: var(--tblr-warning);
  background: var(--tblr-warning-lt);
}
.database-row-delete-warning {
  border-color: var(--tblr-danger);
  background: var(--tblr-danger-lt);
}
.database-access-confirmation span,
.database-dialog :is(.database-row-preview, .database-row-delete-warning) p {
  margin: 0;
  color: var(--tblr-secondary-color);
}

.database-row-fields { display: grid; gap: 16px; min-width: 0; }
.database-row-field {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 16px;
  padding: 16px;
  border: 1px solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
}
.database-null-toggle { padding-bottom: 9px; }
.database-row-preview dl { display: grid; gap: 12px; margin: 0; }
.database-row-preview dl > div {
  display: grid;
  grid-template-columns: minmax(100px, 28%) minmax(0, 1fr);
  gap: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--tblr-border-color);
}
.database-row-preview :is(dt, dd) { min-width: 0; margin: 0; }
.database-row-preview dd {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 8px;
  color: var(--tblr-secondary-color);
}
.database-row-preview dd > span { min-width: 0; overflow-wrap: anywhere; }
.database-dialog .database-null { font-family: var(--tblr-font-monospace); font-style: italic; }

@media (max-width: 575.98px) {
  .database-row-field,
  .database-row-preview dl > div { grid-template-columns: 1fr; }
  .database-null-toggle { padding-bottom: 0; }
}

/* Helpdesk dialog content. Shared frame and motion belong to 25-modals. */
.ticket-dialog { width: 760px; }
.ticket-detail-dialog { width: 1180px; }
.ticket-detail-shell { height: min(860px, var(--mwp-modal-max-height)); }
.helpdesk-dialog [hidden] { display: none !important; }
.helpdesk-dialog :is(.modal-title, .form-label) { min-width: 0; overflow-wrap: anywhere; }
.ticket-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.ticket-detail-content { min-height: 0; }
.ticket-detail-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 24px; }
.ticket-thread-panel, .ticket-sidebar { min-width: 0; overflow-wrap: anywhere; }
.ticket-thread-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.ticket-thread-heading small, .ticket-sidebar-label, .ticket-context small {
  display: block;
  color: var(--tblr-secondary-color);
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.ticket-thread-heading h3 { margin: 4px 0 0; font-size: 16px; line-height: 24px; }
.ticket-thread-heading > span { color: var(--tblr-secondary-color); }
.ticket-sidebar { padding-left: 24px; border-left: 1px solid var(--tblr-border-color); }
.ticket-sidebar > :is(section, form, div) + :is(section, form, div) {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--tblr-border-color);
}
.ticket-detail-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.ticket-facts { margin: 12px 0 0; }
.ticket-facts > div { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 8px 0; border-top: 1px solid var(--tblr-border-color); }
.ticket-facts dt { color: var(--tblr-secondary-color); font-weight: 400; }
.ticket-facts dd { margin: 0; text-align: right; min-width: 0; }
.ticket-context { display: grid; gap: 12px; margin-top: 12px; }
.ticket-context > div { display: grid; gap: 4px; min-width: 0; padding: 12px; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); background: var(--tblr-bg-surface-secondary); }
.ticket-context span { color: var(--tblr-secondary-color); }
.ticket-manage-form, .ticket-delete-panel { display: grid; gap: 12px; }
.ticket-delete-panel p { margin: 0; color: var(--tblr-secondary-color); }
.ticket-opening-message, .ticket-message {
  margin: 12px 0;
  padding: 16px;
  border: 1px solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  background: var(--tblr-bg-surface-secondary);
  overflow-wrap: anywhere;
}
.ticket-message.support { border-left: 3px solid var(--tblr-primary); }
.ticket-message.internal { border-color: var(--tblr-warning); background: var(--tblr-warning-lt); }
:is(.ticket-opening-message, .ticket-message) header { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
:is(.ticket-opening-message, .ticket-message) header time { margin-left: auto; }
:is(.ticket-opening-message, .ticket-message) header :is(span, time) { color: var(--tblr-secondary-color); font-size: 12px; }
:is(.ticket-opening-message, .ticket-message) p { margin: 12px 0 0; }
.ticket-editing-notice {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 4px 12px;
  padding: 12px;
  margin-bottom: 20px;
  border: 1px solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  background: var(--tblr-primary-lt);
  overflow-wrap: anywhere;
}
.ticket-editing-notice.blocked { border-color: var(--tblr-warning); background: var(--tblr-warning-lt); }
.ticket-editing-notice small { grid-column: 2; color: var(--tblr-secondary-color); }
.ticket-editing-indicator { grid-row: 1 / span 2; align-self: center; width: 8px; height: 8px; border-radius: 50%; background: var(--tblr-primary); }
.ticket-editing-notice.blocked .ticket-editing-indicator { background: var(--tblr-warning); }
.ticket-reply-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.ticket-reply-head > div { display: grid; gap: 4px; min-width: 0; }
.ticket-reply-head small { color: var(--tblr-secondary-color); }
.ticket-reply-head label { width: 240px; flex-shrink: 0; }
.ticket-reply-body { display: block; }
.ticket-reply-form textarea { min-height: 64px; max-height: 112px; resize: vertical; }

@media (max-width: 767.98px) {
  .ticket-form-grid, .ticket-detail-layout { grid-template-columns: 1fr; }
  .ticket-sidebar { padding: 20px 0 0; border-top: 1px solid var(--tblr-border-color); border-left: 0; }
  .ticket-reply-head { flex-direction: column; align-items: stretch; gap: 8px; }
  .ticket-reply-head label { width: 100%; }
  .ticket-reply-form textarea { height: 64px; }
}

/* Client content only; shared dialog frame and motion belong to 25-modals. */
.client-dialog, .client-report-dialog { width: 900px; }
.client-modal [hidden] { display: none !important; }
.client-modal :is(.modal-title, .form-label) { min-width: 0; overflow-wrap: anywhere; }
.client-modal .form-error { margin: 0; color: var(--tblr-danger); }
.client-modal :is(.form-error, [data-client-error]):empty { display: none; }
.client-form-grid, .client-site-assignment-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.client-report-toggle { align-self: end; margin-bottom: 12px; }
.client-site-assignment-field { min-width: 0; margin: 0; padding: 0; border: 0; }
.client-site-assignment-field > p { color: var(--tblr-secondary-color); }
.client-site-assignment-list { max-height: 240px; overflow-y: auto; gap: 8px; }
.client-site-option { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 12px; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); cursor: pointer; }
.client-site-option .form-check-input { margin: 0; flex-shrink: 0; }
.client-site-option > span { display: grid; min-width: 0; }
.client-site-option :is(strong, small) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.client-site-option small { color: var(--tblr-secondary-color); }
.client-site-option:has(input:checked) { border-color: var(--tblr-primary); background: var(--tblr-primary-lt); }
.client-site-option.is-unavailable { opacity: .55; cursor: not-allowed; }
.client-site-assignment-empty { grid-column: 1 / -1; margin: 0; color: var(--tblr-secondary-color); }
.client-report-controls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.client-report-controls > span { grid-column: 1 / -1; color: var(--tblr-secondary-color); }
#clientReportPreview { min-width: 0; overflow-wrap: anywhere; }
#clientReportPreview :is(.empty, .loading) { padding: 16px; margin: 0; color: var(--tblr-secondary-color); }
.report-summary-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin-bottom: 16px; }
.report-summary-grid article, .report-recipient-line { padding: 16px; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); background: var(--tblr-bg-surface-secondary); }
.report-summary-grid article { min-width: 0; }
.report-summary-grid strong { display: block; margin-top: 8px; font-size: 24px; line-height: 32px; font-weight: 600; }
.report-summary-grid small, .report-recipient-line small { display: block; color: var(--tblr-secondary-color); }
.report-recipient-line { display: grid; gap: 4px; margin-bottom: 24px; }
.report-section-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 12px; }
.report-section-head h3, .report-history h3 { margin: 0; font-size: 16px; line-height: 24px; font-weight: 500; }
.report-section-head p { margin: 4px 0 0; color: var(--tblr-secondary-color); }
.report-section-head > span { padding: 4px 8px; border-radius: var(--tblr-border-radius); background: var(--tblr-bg-surface-secondary); }
.report-site-list, .report-activity-list { border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); overflow: hidden; }
.report-site-columns, .report-site-row { display: grid; grid-template-columns: minmax(0, 1fr) 80px 72px 100px 100px; align-items: center; gap: 12px; padding: 12px; }
.report-site-columns { background: var(--tblr-bg-surface-secondary); color: var(--tblr-secondary-color); font-size: 12px; }
.report-site-row { border-top: 1px solid var(--tblr-border-color); }
.report-site-identity { display: flex; align-items: center; gap: 12px; min-width: 0; }
.report-site-identity .site-icon { display: inline-flex; align-items: center; justify-content: center; object-fit: contain; width: 32px; height: 32px; flex: 0 0 32px; border-radius: var(--tblr-border-radius); overflow: hidden; }
.report-site-identity .site-icon :is(img, svg) { width: 100%; height: 100%; object-fit: contain; }
.report-site-identity .site-wordpress-fallback { width: 100%; height: 100%; }
.report-site-identity .site-wordpress-fallback-night { display: none; }
[data-bs-theme="dark"] .report-site-identity .site-wordpress-fallback-day { display: none; }
[data-bs-theme="dark"] .report-site-identity .site-wordpress-fallback-night { display: block; }
.report-site-identity > span { display: grid; min-width: 0; }
.report-site-identity :is(strong, small) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.report-site-list small { color: var(--tblr-secondary-color); }
.report-status { display: inline-flex; align-items: center; gap: 6px; }
.report-status::before { width: 7px; height: 7px; flex-shrink: 0; content: ""; border-radius: 50%; background: currentColor; }
.report-status.healthy, .report-activity-summary .success { color: var(--tblr-success); }
.report-status.attention, .report-activity-summary .warning { color: var(--tblr-warning); }
.report-status.offline, .report-activity-summary .failed { color: var(--tblr-danger); }
.report-activity-section, .report-history { margin-top: 24px; }
.report-activity-summary { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.report-activity-summary span { padding: 4px 8px; border-radius: var(--tblr-border-radius); background: var(--tblr-bg-surface-secondary); }
.report-activity-list article { display: grid; grid-template-columns: 8px minmax(0, 1fr); gap: 12px; padding: 16px; border-top: 1px solid var(--tblr-border-color); }
.report-activity-list article:first-child { border-top: 0; }
.report-activity-list :is(strong, small) { display: block; }
.report-activity-list small { margin-top: 4px; color: var(--tblr-secondary-color); }
.report-activity-list p { margin: 8px 0 0; color: var(--tblr-secondary-color); }
.report-activity-state { width: 8px; height: 8px; margin-top: 6px; border-radius: 50%; background: var(--tblr-secondary-color); }
.report-activity-state.success { background: var(--tblr-success); }
.report-activity-state.warning { background: var(--tblr-warning); }
.report-activity-state.failed { background: var(--tblr-danger); }
.report-history h3 { margin-bottom: 12px; }
.report-history p { display: grid; grid-template-columns: 160px 160px minmax(0, 1fr); gap: 12px; margin: 0; padding: 12px 0; border-top: 1px solid var(--tblr-border-color); }
.report-history small { color: var(--tblr-secondary-color); }

@media (max-width: 767.98px) {
  .client-form-grid, .client-site-assignment-list, .client-report-controls { grid-template-columns: 1fr; }
  .report-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .report-site-columns { display: none; }
  .report-site-row { grid-template-columns: minmax(0, 1fr) auto; }
  .report-site-row > [data-label] { grid-column: 1 / -1; display: flex; gap: 6px; }
  .report-site-row > [data-label]::before { content: attr(data-label); margin-right: auto; color: var(--tblr-secondary-color); }
  .report-history p { grid-template-columns: 1fr; gap: 4px; }
}

/* Remaining operational dialog content. Frame, backdrop and motion: 25-modals. */
.workflow-dialog { width: 760px; }
.workflow-dialog [hidden] { display: none !important; }
.workflow-dialog :is(.modal-title, .form-label, .modal-body) { min-width: 0; overflow-wrap: anywhere; }
.workflow-dialog :is(.modal-body > p, .modal-header p:last-child) { margin-bottom: 0; }
.workflow-dialog :is(.form-error, .settings-message, .site-contract-status):empty { display: none; }
.workflow-dialog :is(.form-error, .error-message) { color: var(--tblr-danger); }
.workflow-dialog :is(.loading, .empty, .muted) { color: var(--tblr-secondary-color); }
.workflow-dialog :is(.loading, .empty) { margin: 0; padding: 16px; }
.workflow-dialog :is(.settings-message, .site-contract-status) { margin: 0; }
.workflow-dialog .operation-progress:not([hidden]) { display: flex; align-items: center; gap: 12px; padding: 16px; border: 1px solid var(--tblr-primary); border-radius: var(--tblr-border-radius); background: var(--tblr-primary-lt); }
.workflow-dialog .operation-progress .spinner-border { flex-shrink: 0; }
.workflow-dialog .operation-progress small { display: block; color: var(--tblr-secondary-color); }
.workflow-dialog .operation-progress.failed { background: var(--tblr-danger-lt); border-color: var(--tblr-danger); }
.workflow-dialog .operation-progress.success { background: var(--tblr-success-lt); border-color: var(--tblr-success); }
.workflow-dialog .operation-progress:is(.success, .failed) .spinner-border { animation: none; }

/* Guided setup and bulk tag assignment. */
.onboarding-dialog { width: 640px; }
.onboarding-step-indicator { display: flex; gap: 8px; }
.onboarding-step-indicator span { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid var(--tblr-border-color); border-radius: 50%; color: var(--tblr-secondary-color); }
.onboarding-step-indicator .active { border-color: var(--tblr-primary); background: var(--tblr-primary-lt); color: var(--tblr-primary); }
.onboarding-step-indicator .complete { color: var(--tblr-success); border-color: var(--tblr-success); }
.onboarding-step { display: grid; gap: 16px; }
.onboarding-step :is(h3, p) { margin: 0; }
.onboarding-step h3 { font-size: 16px; line-height: 24px; }
.onboarding-step p, .onboarding-step small { color: var(--tblr-secondary-color); }
.onboarding-step-hero, .onboarding-confirmed, .onboarding-success-card, .onboarding-status-line { display: flex; align-items: center; gap: 16px; padding: 16px; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); background: var(--tblr-bg-surface-secondary); }
.onboarding-step .brand-mark { width: 48px; height: 48px; flex-shrink: 0; }
.onboarding-step .brand-mark img { width: 100%; height: 100%; }
.onboarding-step :is(.onboarding-confirmed, .onboarding-success-card, .complete) { color: var(--tblr-success); }
.onboarding-step :is(.onboarding-confirmed, .onboarding-success-card) small { display: block; }
.onboarding-choice-grid, .onboarding-safety-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.onboarding-safety-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.onboarding-safety-grid > div { display: grid; gap: 4px; padding: 16px; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); }
.onboarding-wide-action { width: 100%; }
.onboarding-instructions { margin: 0; padding-left: 24px; }
.onboarding-dialog-actions > span { margin-right: auto; }
.site-tag-assignment-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.site-tag-assignment-option { display: grid; grid-template-columns: 20px 10px minmax(0, 1fr); align-items: center; gap: 8px; padding: 12px; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); }
.site-tag-assignment-option input { margin: 0; }
.site-tag-assignment-option i { width: 10px; height: 10px; border-radius: 50%; background: var(--site-tag-color); }
.site-tag-assignment-option small { grid-column: 3; color: var(--tblr-secondary-color); }
.site-tag-assignment-option:has(input:checked) { border-color: var(--tblr-primary); background: var(--tblr-primary-lt); }

/* Staging, contracts and disaster recovery retain their confirmation fields. */
.staging-profile-grid, .staging-provision-options, .site-contract-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
:is(.staging-profile-grid, .site-contract-grid) .wide { grid-column: 1 / -1; }
.staging-provision-option { display: grid; gap: 4px; padding: 16px; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); }
.staging-provision-option.active { border-color: var(--tblr-primary); background: var(--tblr-primary-lt); }
.staging-provision-option.pending { opacity: .6; }
.staging-confirmation, #cleanRestoreScopedAccess { display: flex; align-items: flex-start; gap: 12px; padding: 16px; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); }
:is(.staging-confirmation, #cleanRestoreScopedAccess) input { flex-shrink: 0; margin: 2px 0 0; }
.staging-confirmation small, .staging-profile-grid small { display: block; font-weight: 400; color: var(--tblr-secondary-color); }
.staging-search-protection { display: flex; align-items: flex-start; gap: 12px; padding: 16px; border-radius: var(--tblr-border-radius); background: var(--tblr-success-lt); }
.staging-search-protection svg { width: 24px; height: 24px; fill: none; stroke: currentColor; }
.staging-search-protection small { display: block; }
.staging-search-protection em { margin-left: 8px; font-style: normal; font-size: 12px; }
.workflow-dialog .clone-warning, .clean-restore-warning { display: grid; gap: 8px; padding: 16px; background: var(--tblr-warning-lt); border: 1px solid var(--tblr-warning); border-radius: var(--tblr-border-radius); }
.workflow-dialog .clone-warning p { margin: 0; }
.site-contract-options, .clean-restore-confirmations { margin: 0; padding: 0; border: 0; min-width: 0; display: grid; gap: 16px; }
:is(.site-contract-options, .clean-restore-confirmations) legend { font-size: 14px; font-weight: 500; margin-bottom: 12px; }
.site-contract-enabled-row, .site-contract-option-row { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.site-contract-option-row small { display: block; font-weight: 400; color: var(--tblr-secondary-color); }
:is(.site-contract-enabled-row, .site-contract-option-row) .form-check-input { margin: 0; flex-shrink: 0; }
#deleteSiteContract { margin-right: auto; }
.clean-restore-summary, .clean-restore-transport { display: grid; gap: 12px; margin: 0; }
:is(.clean-restore-summary, .clean-restore-transport) > div { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 12px; }
:is(.clean-restore-summary, .clean-restore-transport) dd { margin: 0; overflow-wrap: anywhere; }
.clean-restore-summary small { display: block; color: var(--tblr-secondary-color); }
.clean-restore-details > div { padding-top: 16px; }
.clean-restore-details summary { cursor: pointer; }

@media (max-width: 575.98px) {
  .site-tag-assignment-list, .staging-profile-grid, .staging-provision-options, .site-contract-grid { grid-template-columns: 1fr; }
  .onboarding-step-hero { align-items: flex-start; }
  .onboarding-step-hero .brand-mark { width: 32px; height: 32px; }
  .onboarding-dialog-actions > span { display: none; }
  :is(.clean-restore-summary, .clean-restore-transport) > div { grid-template-columns: 1fr; gap: 4px; }
}

/* Library dialog content. Shared frame and forms use native Tabler. */
:is(.code-snippet-library-dialog, .library-category-dialog, .library-product-dialog, .library-product-editor-dialog) { width: 1000px; }
.library-product-dialog { width: 1100px; }
:is(.code-snippet-library-dialog, .library-category-dialog, .library-product-dialog, .library-product-editor-dialog) svg { width: 20px; height: 20px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.5; }
.code-snippet-library-toolbar, .library-plugin-site-filters { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; margin-bottom: 16px; }
.code-snippet-library-layout { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 24px; }
.code-snippet-library-list, .code-snippet-library-detail { min-width: 0; }
.code-snippet-library-summary, .code-snippet-library-detail-title { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 16px; }
.code-snippet-library-detail h3 { margin: 0; font-size: 16px; line-height: 24px; }
.code-snippet-library-item { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; padding: 12px; text-align: left; color: var(--tblr-body-color); background: var(--tblr-bg-surface); border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); margin-bottom: 8px; }
.code-snippet-library-item.active { background: var(--tblr-primary-lt); border-color: var(--tblr-primary); }
.code-snippet-library-item small { display: block; color: var(--tblr-secondary-color); }
.code-snippet-library-state { font-size: 12px; padding: 2px 6px; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); }
.code-snippet-library-state.published { color: var(--tblr-success); }
.code-snippet-library-state.draft { color: var(--tblr-warning); }
.code-snippet-library-fields, .library-product-editor-fields, .library-product-ribbon-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
:is(.code-snippet-library-fields, .library-product-editor-fields) > .wide { grid-column: 1 / -1; }
.code-snippet-library-code textarea { min-height: 240px; font-family: var(--tblr-font-monospace); }
.code-snippet-library-preview pre { max-height: 360px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; }
.code-snippet-library-actions, .code-snippet-library-actions > div { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.code-snippet-library-actions { margin-top: 16px; }
.code-snippet-library-meta { display: flex; flex-wrap: wrap; gap: 12px; margin: 16px 0; }
.library-category-form { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 100px; gap: 16px; }
.library-category-form > div:first-child, .library-category-form-actions { grid-column: 1 / -1; }
.library-category-form small { display: block; color: var(--tblr-secondary-color); }
.library-category-form-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.library-category-list { border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); }
.library-category-row { padding: 16px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--tblr-border-color); }
.library-category-row:last-child { border-bottom: 0; }
.library-category-row small { display: block; color: var(--tblr-secondary-color); }
.library-category-row > div:last-child { display: flex; flex-wrap: wrap; gap: 8px; }
.library-category-status { color: var(--tblr-secondary-color); }
.library-category-status.active { color: var(--tblr-success); }
.library-product-detail > .modal-body { display: grid; grid-template-columns: 240px minmax(0, 1fr); align-items: start; gap: 24px; }
.library-product-detail-media { position: relative; display: grid; place-items: center; min-height: 180px; border-radius: var(--tblr-border-radius); overflow: hidden; background: var(--tblr-bg-surface-secondary); }
.library-product-detail-media img { width: 100%; height: auto; object-fit: contain; }
.library-product-detail-media svg { width: 64px; height: 64px; }
.library-product-detail-copy { min-width: 0; display: grid; gap: 16px; }
.library-product-detail-copy > p { margin: 0; white-space: pre-line; }
.library-product-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; }
.library-product-facts > div { padding: 12px; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); }
.library-product-facts dt { color: var(--tblr-secondary-color); font-weight: 400; }
.library-product-facts dd { margin: 4px 0 0; }
.library-product-site-action { display: grid; gap: 12px; }
.library-plugin-site-filters { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.library-plugin-site-filters .wide { grid-column: 1 / -1; }
.library-plugin-site-tools, .library-plugin-site-tools > div { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.library-plugin-site-list { max-height: 320px; overflow-y: auto; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); }
.library-plugin-site-row { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 8px 12px; align-items: center; padding: 12px; border-bottom: 1px solid var(--tblr-border-color); }
.library-plugin-site-row:last-child { border-bottom: 0; }
.library-plugin-site-row .form-check-input { margin: 0; }
.library-plugin-site-copy { min-width: 0; }
.library-plugin-site-copy :is(strong, small) { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.library-plugin-site-state { grid-column: 2; color: var(--tblr-secondary-color); font-size: 12px; }
.library-plugin-install-summary { margin: 12px 0; }
.library-product-type-switch { display: flex; flex-wrap: wrap; gap: 12px; }
.library-product-type-switch .active { border-color: var(--tblr-primary); background: var(--tblr-primary-lt); }
.library-plugin-package-note { display: flex; gap: 12px; padding: 16px; background: var(--tblr-success-lt); border-radius: var(--tblr-border-radius); }
.library-plugin-package-note small { display: block; }
.library-product-ribbon-editor { min-width: 0; margin: 0; padding: 16px; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); }
.library-product-ribbon-editor legend { font-size: 14px; font-weight: 500; }
.library-product-ribbon-toggle { display: flex; align-items: center; gap: 12px; }
.library-product-ribbon-toggle .form-check-input { margin: 0; flex-shrink: 0; }
.library-product-ribbon-preview { display: grid; gap: 8px; justify-items: start; }
.workflow-dialog .library-product-ribbon { padding: 4px 8px; border-radius: var(--tblr-border-radius); color: var(--tblr-primary); background: var(--tblr-primary-lt); }
.workflow-dialog .library-product-ribbon.detail { position: absolute; top: 12px; right: 12px; }
.workflow-dialog .library-product-ribbon.success { color: var(--tblr-success); background: var(--tblr-success-lt); }
.workflow-dialog .library-product-ribbon.warning { color: var(--tblr-warning); background: var(--tblr-warning-lt); }
.workflow-dialog .library-product-ribbon.danger { color: var(--tblr-danger); background: var(--tblr-danger-lt); }
.library-product-image-editor { display: grid; grid-template-columns: 180px minmax(0, 1fr); align-items: end; gap: 16px; }
.library-product-image-preview { display: grid; gap: 8px; min-width: 0; }
.library-product-image-preview img { max-width: 100%; max-height: 160px; object-fit: contain; }
.library-product-image-preview > span { min-height: 100px; display: grid; place-items: center; background: var(--tblr-bg-surface-secondary); }
.library-product-editor-fields small { color: var(--tblr-secondary-color); font-weight: 400; }
.repository-requirements, .repository-detail-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.repository-requirements { margin-bottom: 16px; color: var(--tblr-secondary-color); }
.repository-detail-text { white-space: pre-wrap; overflow-wrap: anywhere; }
.repository-dialog-body details { margin-bottom: 16px; }
.repository-dialog-body summary { cursor: pointer; }
.repository-activate { display: flex; gap: 12px; align-items: center; margin-top: 16px; }
.repository-dialog-footer p { margin: 0 auto 0 0; }

/* Installation and preview content share the same body flow. */
.library-plugin-bulk-action { display: grid; gap: 12px; }
.library-plugin-bulk-action > header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.library-plugin-bulk-action > header small { display: block; color: var(--tblr-secondary-color); }
.library-plugin-inactive-note { padding: 4px 8px; border-radius: var(--tblr-border-radius); background: var(--tblr-secondary-lt); font-size: 12px; }
.code-snippet-library-search { position: relative; }
.code-snippet-library-search > svg { position: absolute; left: 12px; top: 16px; }
.code-snippet-library-search input { padding-left: 40px; }
.code-snippet-library-preview > footer { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; }
.code-snippet-library-preview dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.code-snippet-library-archive-note { color: var(--tblr-secondary-color); margin-right: auto; }

/* The central editor reuses the snippet form outside a dialog. */
.central-snippet-library .code-snippet-library-toolbar { grid-template-columns: minmax(280px, 1fr) 210px auto; }
.central-snippet-library .code-snippet-library-layout { grid-template-columns: minmax(250px, 310px) minmax(0, 1fr); }
.central-snippet-library .code-snippet-library-detail { background: transparent; }
.central-snippet-library .code-snippet-library-form { min-height: 100%; padding: 18px; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; align-content: stretch; gap: 16px; }
.central-snippet-library .code-snippet-library-fields { align-content: start; grid-template-columns: minmax(0, 1fr) minmax(190px, .34fr) 110px; gap: 13px; }
.central-snippet-library .code-snippet-library-fields textarea { min-height: 300px; height: min(360px, 36vh); }
.central-snippet-library .code-snippet-library-actions { align-self: end; }
.code-snippet-library-state.archived { color: var(--tblr-secondary-color); }
.code-snippet-library-form.archived .form-control { color: var(--tblr-secondary-color); }
.library-plugin-site-state:is(.checking, .installing) { color: var(--tblr-primary); }
.library-plugin-site-state:is(.ready, .installed) { color: var(--tblr-success); }
.library-plugin-site-state:is(.blocked, .failed) { color: var(--tblr-danger); }
.library-plugin-site-row.unavailable { opacity: .7; }
@media (max-width: 1040px) {
  .central-snippet-library .code-snippet-library-toolbar { grid-template-columns: minmax(220px, 1fr) 180px; }
  .central-snippet-library .code-snippet-library-layout { grid-template-columns: 250px minmax(0, 1fr); }
  .central-snippet-library .code-snippet-library-fields { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
  .central-snippet-library :is(.code-snippet-library-toolbar, .code-snippet-library-layout, .code-snippet-library-fields) { grid-template-columns: 1fr; }
  .central-snippet-library .code-snippet-library-layout { overflow-y: auto; }
  .central-snippet-library .code-snippet-library-detail { overflow: visible; }
}

@media (max-width: 767.98px) {
  .code-snippet-library-layout, .library-product-detail > .modal-body, .library-category-form, .library-product-image-editor { grid-template-columns: 1fr; }
  .code-snippet-library-list { max-height: 220px; overflow-y: auto; }
  .library-product-detail-media { min-height: 100px; max-height: 220px; }
}
@media (max-width: 575.98px) {
  .code-snippet-library-toolbar, .code-snippet-library-fields, .library-product-editor-fields, .library-product-ribbon-fields, .library-plugin-site-filters { grid-template-columns: 1fr; }
}