/*
 * POZITIF BOT x Vuexy
 * Final visual layer loaded after legacy page styles.
 * Business-flow selectors and JavaScript hooks intentionally remain untouched.
 */
:root {
  --pb-vx-primary: #7367f0;
  --pb-vx-primary-rgb: 115, 103, 240;
  --pb-vx-primary-dark: #655bd3;
  --pb-vx-heading: #444050;
  --pb-vx-body: #6d6b77;
  --pb-vx-muted: #a5a3ae;
  --pb-vx-bg: #f8f7fa;
  --pb-vx-surface: #fff;
  --pb-vx-border: #e6e6e8;
  --pb-vx-menu: #fff;
  --pb-vx-success: #28c76f;
  --pb-vx-danger: #ff4c51;
  --pb-vx-warning: #ff9f43;
  --pb-vx-info: #00bad1;
  --pb-vx-radius: .5rem;
  --pb-vx-shadow: 0 .25rem 1.125rem rgba(47, 43, 61, .10);
  --pb-vx-shadow-lg: 0 .75rem 2rem rgba(47, 43, 61, .14);
  --sidebar-width: 260px;
  --sidebar-bg: var(--pb-vx-menu);
  --sidebar-border: var(--pb-vx-border);
  --sidebar-text: #6f6b7d;
  --sidebar-text-active: #fff;
  --sidebar-hover: rgba(var(--pb-vx-primary-rgb), .08);
  --sidebar-active-bg: var(--pb-vx-primary);
  --sidebar-accent: var(--pb-vx-primary);
  --topbar-height: 64px;
  --topbar-bg: rgba(255, 255, 255, .96);
  --topbar-border: transparent;
  --content-bg: var(--pb-vx-bg);
  --card-bg: var(--pb-vx-surface);
  --card-border: var(--pb-vx-border);
  --card-radius: var(--pb-vx-radius);
  --card-shadow: var(--pb-vx-shadow);
  --card-shadow-md: var(--pb-vx-shadow);
  --card-shadow-lg: var(--pb-vx-shadow-lg);
  --primary: var(--pb-vx-primary);
  --primary-dark: var(--pb-vx-primary-dark);
  --primary-light: #f0efff;
  --primary-ring: rgba(var(--pb-vx-primary-rgb), .16);
  --text-primary: var(--pb-vx-heading);
  --text-secondary: var(--pb-vx-body);
  --text-muted: var(--pb-vx-muted);
  --border: var(--pb-vx-border);
  --border-focus: var(--pb-vx-primary);
  --radius: .375rem;
  --radius-md: .5rem;
  --radius-lg: .625rem;
  --radius-xl: .75rem;
  --v5-bg: var(--pb-vx-bg);
  --v5-surface: var(--pb-vx-surface);
  --v5-surface-solid: var(--pb-vx-surface);
  --v5-surface-soft: #fbfaff;
  --v5-line: var(--pb-vx-border);
  --v5-ink: var(--pb-vx-heading);
  --v5-muted: var(--pb-vx-body);
  --v5-primary: var(--pb-vx-primary);
  --v5-primary-2: #9e95f5;
  --v5-shadow: var(--pb-vx-shadow);
  --v5-shadow-hover: var(--pb-vx-shadow-lg);
  --v5-radius: .625rem;
  --v5-radius-sm: .5rem;
}

html,
body {
  min-height: 100%;
  background: var(--pb-vx-bg) !important;
  color: var(--pb-vx-body);
  font-family: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: normal !important;
}

body::before { display: none !important; }
h1, h2, h3, h4, h5, h6, strong, b { color: var(--pb-vx-heading); }
a { color: var(--pb-vx-primary); }
a:hover { color: var(--pb-vx-primary-dark); }

/* Vuexy-aligned shared components */
.card,
.content-card,
.stat-card,
.panel,
.table-card,
.settings-card,
.v7-card,
.metric-card,
.widget,
.info-card {
  background: var(--pb-vx-surface) !important;
  border: 0 !important;
  border-radius: var(--pb-vx-radius) !important;
  box-shadow: var(--pb-vx-shadow) !important;
}

.card-header,
.panel-header,
.table-header {
  background: transparent !important;
  border-color: var(--pb-vx-border) !important;
}

.btn,
button,
.button {
  border-radius: .375rem;
}

.btn-primary,
.btn-login-premium,
.pz-primary-button,
.td-primary-btn {
  border: 0 !important;
  background: var(--pb-vx-primary) !important;
  color: #fff !important;
  box-shadow: 0 .125rem .375rem rgba(var(--pb-vx-primary-rgb), .30) !important;
}

.btn-primary:hover,
.btn-login-premium:hover,
.pz-primary-button:hover,
.td-primary-btn:hover {
  background: var(--pb-vx-primary-dark) !important;
  transform: translateY(-1px);
  box-shadow: 0 .35rem .85rem rgba(var(--pb-vx-primary-rgb), .32) !important;
}

input:not([type="checkbox"]):not([type="radio"]),
select,
textarea,
.form-control,
.form-select,
.input-premium {
  border: 1px solid #d1d0d4 !important;
  border-radius: .375rem !important;
  background: #fff !important;
  color: var(--pb-vx-heading) !important;
  box-shadow: none !important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus,
.form-select:focus,
.input-premium:focus {
  border-color: var(--pb-vx-primary) !important;
  box-shadow: 0 0 0 .2rem rgba(var(--pb-vx-primary-rgb), .14) !important;
}

.table,
table { color: var(--pb-vx-body); }
.table thead th,
table thead th {
  background: #f6f6f7 !important;
  color: #6f6b7d !important;
  border-color: var(--pb-vx-border) !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.table td,
table td { border-color: var(--pb-vx-border) !important; }

.badge,
.status-badge { border-radius: 50rem !important; }
.alert { border: 0 !important; border-radius: .375rem !important; }
.alert-success { background: #ddf6e8 !important; color: #1d8050 !important; }
.alert-danger { background: #ffe2e3 !important; color: #b82e32 !important; }
.alert-info { background: #d6f4f8 !important; color: #007d8e !important; }

/* Main application shell */
.app-layout { background: var(--pb-vx-bg) !important; }
.sidebar {
  width: var(--sidebar-width) !important;
  padding: .75rem !important;
  background: var(--pb-vx-menu) !important;
  border: 0 !important;
  box-shadow: 0 0 .375rem rgba(47, 43, 61, .12) !important;
}
.sidebar-logo {
  min-height: 64px !important;
  margin: 0 0 .45rem !important;
  padding: .6rem .75rem !important;
  border-radius: .5rem !important;
}
.sidebar-logo-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: .5rem !important;
  color: #fff !important;
  background: var(--pb-vx-primary) !important;
  box-shadow: 0 .25rem .75rem rgba(var(--pb-vx-primary-rgb), .26) !important;
}
.sidebar-logo-title { color: var(--pb-vx-heading) !important; font-weight: 700 !important; }
.sidebar-logo-subtitle { color: var(--pb-vx-muted) !important; }
.portal-badge-sidebar {
  order: 2;
  margin: .25rem .45rem .65rem !important;
  border: 0 !important;
  border-radius: .375rem !important;
  color: var(--pb-vx-primary) !important;
  background: rgba(var(--pb-vx-primary-rgb), .10) !important;
}
.sidebar-nav {
  padding: .25rem 0 1rem !important;
  scrollbar-color: #d5d3d8 transparent;
}
.nav-section-label {
  margin: 1.15rem .9rem .4rem !important;
  color: #a5a3ae !important;
  font-size: .68rem !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
}
.nav-item {
  min-height: 40px !important;
  margin: .15rem 0 !important;
  padding: .55rem .75rem !important;
  border-radius: .375rem !important;
  color: #6f6b7d !important;
  font-size: .9rem !important;
  font-weight: 400 !important;
}
.nav-item i { color: #6f6b7d !important; font-size: 1.1rem !important; }
.nav-item:hover {
  background: rgba(47, 43, 61, .05) !important;
  color: var(--pb-vx-heading) !important;
  transform: none !important;
}
.nav-item.active,
.nav-item[aria-current="page"] {
  color: #fff !important;
  background: linear-gradient(72.47deg, #7367f0 22.16%, rgba(115, 103, 240, .72) 76.47%) !important;
  box-shadow: 0 .125rem .375rem rgba(var(--pb-vx-primary-rgb), .30) !important;
}
.nav-item.active i,
.nav-item[aria-current="page"] i { color: #fff !important; }
.logout-link:hover { color: var(--pb-vx-danger) !important; background: rgba(255, 76, 81, .08) !important; }
.sidebar-footer {
  margin: .5rem 0 0 !important;
  padding: .75rem .25rem .1rem !important;
  border-color: var(--pb-vx-border) !important;
}
.sidebar-user { padding: .55rem !important; border-radius: .5rem !important; }
.sidebar-user:hover { background: #f6f6f7 !important; }
.sidebar-user-avatar { background: #e9e7fd !important; color: var(--pb-vx-primary) !important; }
.sidebar-user-name { color: var(--pb-vx-heading) !important; }
.sidebar-user-role { color: var(--pb-vx-muted) !important; }

.main-wrapper {
  min-height: 100vh !important;
  background: var(--pb-vx-bg) !important;
}
.main-wrapper > .topbar {
  top: .85rem !important;
  min-height: 64px !important;
  margin: 0 1.5rem !important;
  padding: .65rem 1.25rem !important;
  border: 0 !important;
  border-radius: .5rem !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: var(--pb-vx-shadow) !important;
  backdrop-filter: blur(12px);
}
.topbar-hamburger,
.topbar-btn {
  border: 0 !important;
  color: #6f6b7d !important;
  background: transparent !important;
}
.topbar-hamburger:hover,
.topbar-btn:hover { color: var(--pb-vx-primary) !important; background: rgba(var(--pb-vx-primary-rgb), .08) !important; }
.topbar-breadcrumb a,
.topbar-breadcrumb span { color: var(--pb-vx-muted) !important; }
.topbar-breadcrumb .active { color: var(--pb-vx-heading) !important; }
.topbar-search {
  border: 1px solid transparent !important;
  border-radius: .375rem !important;
  background: #f6f6f7 !important;
}
.topbar-search:focus-within {
  border-color: var(--pb-vx-primary) !important;
  background: #fff !important;
  box-shadow: 0 0 0 .2rem rgba(var(--pb-vx-primary-rgb), .12) !important;
}
.portal-switcher-topbar { border: 0 !important; background: #f6f6f7 !important; }
.portal-switch-btn.active { background: #fff !important; color: var(--pb-vx-primary) !important; box-shadow: 0 .125rem .35rem rgba(47, 43, 61, .12) !important; }
.page-content { padding: 2.25rem 1.5rem 1.5rem !important; }

/* Simplified, Vuexy-style loading state */
#v5-app-loader {
  background: rgba(248, 247, 250, .97) !important;
  color: var(--pb-vx-heading) !important;
}
#v5-app-loader .v5-loader-grid,
#v5-app-loader .v5-loader-kicker,
#v5-app-loader .v5-loader-copy { display: none !important; }
#v5-app-loader .v5-loader-mark { width: 56px !important; height: 56px !important; margin-bottom: 1rem !important; }
#v5-app-loader .v5-loader-mark::before {
  border: 3px solid #e5e3f6 !important;
  border-top-color: var(--pb-vx-primary) !important;
  border-radius: 50% !important;
}
#v5-app-loader .v5-loader-mark::after { display: none !important; }
#v5-app-loader .v5-loader-core { background: transparent !important; box-shadow: none !important; color: var(--pb-vx-primary) !important; }
#v5-app-loader .v5-loader-title { color: var(--pb-vx-heading) !important; font-size: 1rem !important; }
#v5-app-loader .v5-loader-progress { background: #eceaf8 !important; }

/* Auth layout and standard auth forms */
.auth-page { min-height: 100vh; background: var(--pb-vx-bg) !important; }
.full-page-auth {
  min-height: 100vh !important;
  height: auto !important;
  background: var(--pb-vx-bg) !important;
}
.auth-side-branding {
  position: relative !important;
  overflow: hidden !important;
  padding: 3rem !important;
  color: var(--pb-vx-heading) !important;
  background: #f2f0ff url('../vuexy/img/illustrations/auth-login-illustration-light.png') center 60%/min(76%, 560px) auto no-repeat !important;
  border: 0 !important;
}
.auth-side-branding::before { display: none !important; }
.auth-side-branding::after {
  content: '';
  position: absolute;
  left: 7%; right: 7%; bottom: 6%; height: 30%;
  z-index: 0;
  background: url('../vuexy/img/illustrations/bg-shape-image-light.png') center bottom/contain no-repeat;
  opacity: .72;
}
.branding-content { position: relative; z-index: 1; }
.branding-header { margin-bottom: 2rem !important; }
.brand-logo-white,
.card-logo-icon {
  background: var(--pb-vx-primary) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: .5rem !important;
  box-shadow: 0 .25rem .75rem rgba(var(--pb-vx-primary-rgb), .28) !important;
}
.brand-name-white h2,
.brand-name-white span,
.hero-title,
.hero-subtitle,
.feature-info h3,
.feature-info p,
.branding-footer p,
.footer-links a { color: var(--pb-vx-heading) !important; text-shadow: none !important; }
.hero-text-section { max-width: 560px; margin: 0 !important; }
.hero-title { font-size: clamp(2rem, 4vw, 3.4rem) !important; letter-spacing: -.045em !important; }
.hero-subtitle { color: var(--pb-vx-body) !important; font-size: 1rem !important; }
.features-list,
.branding-footer { display: none !important; }
.auth-side-form {
  padding: 3rem 2rem !important;
  background: #fff !important;
}
.form-container { max-width: 440px !important; }
.login-card {
  padding: 1.5rem !important;
  color: var(--pb-vx-body) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.login-title,
.card-logo-text { color: var(--pb-vx-heading) !important; }
.login-subtitle,
.form-label-premium { color: var(--pb-vx-body) !important; }
.input-container-premium i { z-index: 2; color: var(--pb-vx-muted) !important; }
.btn-login-premium { min-height: 44px !important; border-radius: .375rem !important; }
.portal-opt {
  border: 1px solid var(--pb-vx-border) !important;
  border-radius: .5rem !important;
  background: #fff !important;
  color: var(--pb-vx-body) !important;
}
.portal-radio:checked + .portal-opt {
  border-color: var(--pb-vx-primary) !important;
  background: rgba(var(--pb-vx-primary-rgb), .08) !important;
  color: var(--pb-vx-primary) !important;
}
.auth-side-footer { color: var(--pb-vx-muted) !important; }
.register-turnstile-wrap {
  border: 1px solid var(--pb-vx-border) !important;
  background: #f8f7fa !important;
}

/* Main login: official Vuexy cover proportions with existing secure flow */
.pz-auth {
  min-height: 100vh !important;
  color: var(--pb-vx-body) !important;
  background: var(--pb-vx-bg) !important;
}
.pz-auth__ambient,
.pz-auth__grid { display: none !important; }
.pz-auth__topbar {
  position: absolute !important;
  z-index: 10 !important;
  top: 1.5rem !important;
  left: 2rem !important;
  right: 2rem !important;
  padding: 0 !important;
  color: var(--pb-vx-heading) !important;
}
.pz-brand__logo-wrap {
  width: 42px !important;
  height: 42px !important;
  border: 0 !important;
  border-radius: .5rem !important;
  background: #fff !important;
  box-shadow: var(--pb-vx-shadow) !important;
}
.pz-brand__copy strong { color: var(--pb-vx-heading) !important; }
.pz-brand__copy small { color: var(--pb-vx-muted) !important; }
.pz-status {
  border: 0 !important;
  border-radius: 50rem !important;
  color: #1e8e54 !important;
  background: rgba(40, 199, 111, .12) !important;
}
.pz-auth__shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1.65fr) minmax(420px, .85fr) !important;
  min-height: 100vh !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
}
.pz-auth__hero {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
  padding: 8rem 5vw 3rem !important;
  overflow: hidden !important;
  color: var(--pb-vx-body) !important;
  background: #f2f0ff !important;
}
.pz-auth__hero::before {
  content: '';
  position: absolute;
  inset: 24% 8% 7%;
  background: url('../vuexy/img/illustrations/auth-login-illustration-light.png') center/contain no-repeat;
}
.pz-auth__hero::after {
  content: '';
  position: absolute;
  left: 8%; right: 8%; bottom: 3%; height: 30%;
  background: url('../vuexy/img/illustrations/bg-shape-image-light.png') center bottom/contain no-repeat;
  opacity: .72;
}
.pz-kicker,
.pz-auth__lead,
.pz-auth__title { position: relative; z-index: 2; max-width: 620px !important; }
.pz-kicker {
  width: max-content;
  border: 0 !important;
  color: var(--pb-vx-primary) !important;
  background: rgba(var(--pb-vx-primary-rgb), .10) !important;
}
.pz-kicker__icon { color: var(--pb-vx-primary) !important; background: transparent !important; }
.pz-auth__title {
  margin: 1.15rem 0 .75rem !important;
  color: var(--pb-vx-heading) !important;
  font-size: clamp(2.3rem, 4vw, 4rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -.055em !important;
}
.pz-auth__title span { color: var(--pb-vx-primary) !important; }
.pz-auth__lead { color: var(--pb-vx-body) !important; font-size: 1rem !important; }
.pz-product-grid { display: none !important; }
.pz-trust-row {
  position: relative !important;
  z-index: 3 !important;
  margin-top: auto !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .75rem !important;
}
.pz-trust-item {
  border: 0 !important;
  border-radius: .5rem !important;
  background: rgba(255,255,255,.82) !important;
  box-shadow: 0 .25rem 1rem rgba(47,43,61,.06) !important;
}
.pz-trust-item > span { color: var(--pb-vx-primary) !important; background: rgba(var(--pb-vx-primary-rgb), .10) !important; }
.pz-trust-item strong { color: var(--pb-vx-heading) !important; }
.pz-trust-item small { color: var(--pb-vx-muted) !important; }
.pz-login-panel {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-height: 100vh !important;
  padding: 5rem 3rem 2rem !important;
  background: #fff !important;
}
.pz-login-panel__halo { display: none !important; }
.pz-login-card {
  width: min(100%, 460px) !important;
  margin: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--pb-vx-body) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.pz-login-card__secure {
  border: 0 !important;
  color: var(--pb-vx-primary) !important;
  background: rgba(var(--pb-vx-primary-rgb), .10) !important;
}
.pz-login-card__step { color: var(--pb-vx-muted) !important; }
.pz-login-heading h2 { color: var(--pb-vx-heading) !important; font-size: 1.55rem !important; }
.pz-login-heading p { color: var(--pb-vx-body) !important; }
.pz-login-heading__mini { color: var(--pb-vx-primary) !important; }
.pz-portal-picker { gap: .65rem !important; }
.pz-portal-option {
  border: 1px solid var(--pb-vx-border) !important;
  border-radius: .5rem !important;
  color: var(--pb-vx-body) !important;
  background: #fff !important;
  box-shadow: none !important;
}
.pz-portal-option.is-active {
  border-color: var(--pb-vx-primary) !important;
  color: var(--pb-vx-primary) !important;
  background: rgba(var(--pb-vx-primary-rgb), .07) !important;
}
.pz-portal-option__icon { color: var(--pb-vx-primary) !important; background: rgba(var(--pb-vx-primary-rgb), .10) !important; }
.pz-portal-option__copy strong { color: var(--pb-vx-heading) !important; }
.pz-portal-option__copy small { color: var(--pb-vx-muted) !important; }
.pz-portal-option__check { color: #fff !important; background: var(--pb-vx-primary) !important; }
.pz-field label { color: var(--pb-vx-heading) !important; }
.pz-input-shell { border: 0 !important; background: transparent !important; }
.pz-input-shell__icon { color: var(--pb-vx-muted) !important; }
.pz-input-shell input { min-height: 46px !important; padding-left: 3rem !important; }
.pz-field__hint { color: var(--pb-vx-muted) !important; }
.pz-turnstile-wrap {
  border: 1px solid var(--pb-vx-border) !important;
  border-radius: .5rem !important;
  background: #f8f7fa !important;
}
.pz-turnstile-wrap small,
.pz-login-card__footer,
.pz-login-panel__legal,
.pz-secure-note { color: var(--pb-vx-muted) !important; }
.pz-primary-button { min-height: 44px !important; border-radius: .375rem !important; }
.pz-alert { border: 0 !important; border-radius: .375rem !important; background: #ffe2e3 !important; color: #b82e32 !important; }
.pz-alert.is-success { background: #ddf6e8 !important; color: #1d8050 !important; }
.pz-user-avatar { background: #e9e7fd !important; color: var(--pb-vx-primary) !important; box-shadow: none !important; }
.pz-user-lockup__verified { background: var(--pb-vx-success) !important; }
.pz-otp-meta { color: var(--pb-vx-body) !important; }
.pz-otp-input {
  border: 1px solid #d1d0d4 !important;
  border-radius: .375rem !important;
  color: var(--pb-vx-heading) !important;
  background: #fff !important;
}
.pz-otp-input:focus { border-color: var(--pb-vx-primary) !important; }
.pz-back-button,
.pz-resend-row button { color: var(--pb-vx-primary) !important; }
.pz-auth__footer { display: none !important; }

/* Clean Vuexy login cover — replaces the legacy login DOM completely. */
.pb-vuexy-login {
  min-height: 100vh;
  background: #fff !important;
}
.pb-vuexy-login .authentication-inner {
  width: 100%;
  min-height: 100vh;
}
.pb-vuexy-brand {
  top: 2rem !important;
  left: 2.5rem !important;
  z-index: 20 !important;
  display: inline-flex !important;
  align-items: center;
  gap: .75rem;
  color: var(--pb-vx-heading) !important;
}
.pb-vuexy-brand-mark {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: .5rem;
  background: #fff;
  box-shadow: var(--pb-vx-shadow);
}
.pb-vuexy-brand-mark img { width: 100%; height: 100%; padding: .3rem; object-fit: contain; }
.pb-vuexy-brand .app-brand-text { max-width: 280px; font-size: 1rem !important; letter-spacing: -.01em !important; }
.pb-vuexy-visual {
  display: flex !important;
  min-height: 100vh;
  overflow: hidden;
  background: #f2f0ff !important;
}
.pb-vuexy-visual .auth-cover-bg {
  position: relative;
  min-height: 100vh;
  padding: 7rem 4.5rem 2.25rem;
  background: transparent !important;
}
.pb-vuexy-visual-copy {
  position: relative;
  z-index: 3;
  width: min(100%, 720px);
  margin: 0 auto;
  text-align: center;
}
.pb-vuexy-visual-copy h1 {
  margin: 0 auto .75rem;
  color: var(--pb-vx-heading) !important;
  font-size: clamp(2rem, 3vw, 3rem);
  font-weight: 700;
  line-height: 1.14;
  letter-spacing: -.045em;
}
.pb-vuexy-visual-copy p {
  max-width: 620px;
  margin: 0 auto;
  color: var(--pb-vx-body);
  font-size: 1rem;
  line-height: 1.65;
}
.pb-vuexy-illustration-wrap {
  position: relative;
  z-index: 1;
  flex: 1;
  width: min(100%, 760px);
  min-height: 310px;
  max-height: 460px;
  margin: 1.25rem auto .75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pb-vuexy-illustration {
  position: relative;
  z-index: 2;
  width: auto !important;
  height: auto !important;
  max-width: 82% !important;
  max-height: 100% !important;
  margin: 0 !important;
  object-fit: contain;
}
.pb-vuexy-platform {
  position: absolute !important;
  z-index: 1;
  left: 7%;
  right: 7%;
  bottom: 0;
  width: 86% !important;
  max-width: none !important;
  opacity: .78;
}
.pb-vuexy-benefits {
  position: relative;
  z-index: 3;
  width: min(100%, 760px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
}
.pb-vuexy-benefits > div {
  min-width: 0;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  column-gap: .7rem;
  align-items: center;
  padding: .85rem;
  border: 1px solid rgba(115,103,240,.10);
  border-radius: .5rem;
  background: rgba(255,255,255,.82);
  box-shadow: 0 .25rem 1rem rgba(47,43,61,.06);
  backdrop-filter: blur(10px);
}
.pb-vuexy-benefits .avatar { grid-row: 1 / 3; }
.pb-vuexy-benefits b { font-size: .82rem; font-weight: 600; }
.pb-vuexy-benefits small { color: var(--pb-vx-muted); font-size: .68rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pb-vuexy-form-column {
  min-height: 100vh;
  background: #fff !important;
}
.pb-vuexy-form-wrap {
  max-width: 480px;
  padding: 3rem 0 1.5rem;
}
.pb-vuexy-form-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.25rem;
}
.pb-vuexy-form-top .bi-circle-fill { font-size: .48rem; }
.pb-vuexy-stage h2 { color: var(--pb-vx-heading) !important; font-size: 1.7rem; font-weight: 600; letter-spacing: -.03em; }
.pb-vuexy-portals {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .75rem;
}
.pb-vuexy-login .pz-portal-option {
  position: relative;
  min-height: 82px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 18px;
  align-items: center;
  gap: .7rem;
  padding: .8rem;
  border: 1px solid #d1d0d4 !important;
  border-radius: .5rem !important;
  color: var(--pb-vx-body) !important;
  background: #fff !important;
  text-align: left;
  transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}
.pb-vuexy-login .pz-portal-option:hover { border-color: rgba(var(--pb-vx-primary-rgb), .55) !important; }
.pb-vuexy-login .pz-portal-option.is-active {
  border-color: var(--pb-vx-primary) !important;
  background: rgba(var(--pb-vx-primary-rgb), .06) !important;
  box-shadow: 0 0 0 .18rem rgba(var(--pb-vx-primary-rgb), .10) !important;
}
.pb-vuexy-portal-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: .5rem; font-size: 1.15rem; }
.pb-vuexy-login .pz-portal-option strong,
.pb-vuexy-login .pz-portal-option small { display: block; }
.pb-vuexy-login .pz-portal-option strong { color: var(--pb-vx-heading) !important; font-size: .82rem; font-weight: 600; }
.pb-vuexy-login .pz-portal-option small { margin-top: .15rem; color: var(--pb-vx-muted) !important; font-size: .68rem; }
.pb-vuexy-check { color: #d1d0d4; opacity: .55; }
.pb-vuexy-login .pz-portal-option.is-active .pb-vuexy-check { color: var(--pb-vx-primary); opacity: 1; }
.pb-vuexy-login .input-group { flex-wrap: nowrap; }
.pb-vuexy-login .input-group-text {
  border-color: #d1d0d4 !important;
  border-right: 0 !important;
  background: #fff !important;
  color: var(--pb-vx-muted) !important;
}
.pb-vuexy-login .input-group .form-control {
  min-height: 46px;
  border-left: 0 !important;
  padding-left: 0 !important;
}
.pb-vuexy-login .input-group:focus-within .input-group-text { border-color: var(--pb-vx-primary) !important; color: var(--pb-vx-primary) !important; }
.pb-vuexy-turnstile {
  padding: .85rem;
  border: 1px solid var(--pb-vx-border);
  border-radius: .5rem;
  background: #f8f7fa;
}
.pb-vuexy-turnstile small { display: block; margin-top: .45rem; color: var(--pb-vx-muted); font-size: .7rem; }
.pb-vuexy-submit { position: relative; min-height: 46px; border-radius: .375rem !important; font-weight: 500; }
.pb-vuexy-submit .pz-button-loader {
  display: none;
  width: 18px;
  height: 18px;
  margin: auto;
  border: 2px solid rgba(255,255,255,.4);
  border-top-color: #fff;
  border-radius: 50%;
  animation: pb-vuexy-spin .7s linear infinite;
}
.pb-vuexy-submit.is-loading .pz-primary-button__label { display: none; }
.pb-vuexy-submit.is-loading .pz-button-loader { display: block; }
@keyframes pb-vuexy-spin { to { transform: rotate(360deg); } }
.pb-vuexy-login .pz-alert { padding: .75rem 1rem; font-size: .82rem; }
.pb-vuexy-security-footer {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 3rem;
  padding-top: 1rem;
  border-top: 1px solid var(--pb-vx-border);
  color: var(--pb-vx-muted);
  font-size: .7rem;
}
.pb-vuexy-avatar-wrap { position: relative; width: 74px; height: 74px; }
.pb-vuexy-login .pz-user-avatar {
  width: 74px !important;
  height: 74px !important;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: .75rem !important;
  font-size: 1.55rem;
  font-weight: 600;
}
.pb-vuexy-login .pz-user-avatar img { width: 100%; height: 100%; object-fit: cover; }
.pb-vuexy-avatar-check {
  position: absolute;
  right: -5px;
  bottom: -5px;
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border: 3px solid #fff;
  border-radius: 50%;
  background: var(--pb-vx-success);
  color: #fff;
  font-size: .72rem;
}
.pb-vuexy-otp-meta {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  padding: .75rem 1rem;
  border-radius: .5rem;
  color: var(--pb-vx-body);
  background: #f8f7fa;
  font-size: .75rem;
}
.pb-vuexy-otp-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: .6rem; }
.pb-vuexy-login .pz-otp-input {
  width: 100%;
  min-width: 0;
  height: 54px;
  padding: 0 !important;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 600;
}
.pb-vuexy-login .pz-otp-input.is-error { border-color: var(--pb-vx-danger) !important; }
.pb-vuexy-resend { font-size: .82rem; }

@media (max-width: 1399.98px) {
  .pb-vuexy-visual .auth-cover-bg { padding-left: 3rem; padding-right: 3rem; }
  .pb-vuexy-visual-copy h1 { font-size: 2.25rem; }
  .pb-vuexy-illustration-wrap { max-height: 390px; }
  .pb-vuexy-benefits { grid-template-columns: 1fr; max-width: 460px; }
  .pb-vuexy-benefits > div { padding: .65rem .8rem; }
}

@media (max-width: 1199.98px) {
  .pb-vuexy-visual { display: none !important; }
  .pb-vuexy-brand { top: 1.5rem !important; left: 1.5rem !important; }
  .pb-vuexy-form-column { padding-top: 6.5rem !important; }
  .pb-vuexy-form-wrap { max-width: 460px; }
}

@media (max-width: 575.98px) {
  .pb-vuexy-brand .app-brand-text { max-width: 210px; font-size: .85rem !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .pb-vuexy-form-column { padding: 6.25rem 1.25rem 1.25rem !important; }
  .pb-vuexy-form-wrap { padding-top: 1rem; }
  .pb-vuexy-portals { grid-template-columns: 1fr; }
  .pb-vuexy-login .pz-portal-option { min-height: 72px; }
  .pb-vuexy-otp-grid { gap: .35rem; }
  .pb-vuexy-login .pz-otp-input { height: 48px; font-size: 1rem; }
  .pb-vuexy-security-footer { flex-direction: column; align-items: center; margin-top: 2rem; }
}

/* Standalone OTP */
.pb-otp-shell {
  border: 0 !important;
  border-radius: .625rem !important;
  background: #fff !important;
  box-shadow: var(--pb-vx-shadow-lg) !important;
}
.pb-otp-icon,
.pb-otp-btn { background: var(--pb-vx-primary) !important; box-shadow: 0 .25rem .75rem rgba(var(--pb-vx-primary-rgb), .25) !important; }
.pb-otp-shell h1 { color: var(--pb-vx-heading) !important; }
.pb-otp-sub,
.pb-otp-meta { color: var(--pb-vx-body) !important; }

/* asilzade.php login */
.td-login-page { background: var(--pb-vx-bg) !important; color: var(--pb-vx-body) !important; }
.td-auth-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1.55fr) minmax(430px, .85fr) !important;
  min-height: 100vh !important;
  max-width: none !important;
  margin: 0 !important;
  background: #fff !important;
}
.td-auth-brand {
  position: relative !important;
  padding: 3rem 5vw !important;
  overflow: hidden !important;
  color: var(--pb-vx-body) !important;
  background: #f2f0ff !important;
}
.td-auth-brand::before {
  content: '';
  position: absolute;
  inset: 25% 8% 10%;
  background: url('../vuexy/img/illustrations/auth-login-illustration-light.png') center/contain no-repeat !important;
  opacity: 1 !important;
}
.td-auth-brand::after {
  content: '';
  position: absolute;
  left: 8%; right: 8%; bottom: 3%; height: 28%;
  background: url('../vuexy/img/illustrations/bg-shape-image-light.png') center bottom/contain no-repeat;
  opacity: .72;
}
.td-brand-lockup,
.td-auth-copy,
.td-auth-mini-grid,
.td-auth-foot { position: relative !important; z-index: 2 !important; }
.td-auth-copy h1 { color: var(--pb-vx-heading) !important; font-size: clamp(2.25rem, 4vw, 4rem) !important; letter-spacing: -.055em !important; }
.td-auth-copy h1 em { color: var(--pb-vx-primary) !important; }
.td-auth-copy p { color: var(--pb-vx-body) !important; max-width: 660px !important; }
.td-eyebrow { color: var(--pb-vx-primary) !important; }
.td-auth-mini-grid {
  margin-top: auto !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: .75rem !important;
}
.td-auth-mini-grid > div {
  border: 0 !important;
  border-radius: .5rem !important;
  background: rgba(255,255,255,.82) !important;
  box-shadow: 0 .25rem 1rem rgba(47,43,61,.06) !important;
}
.td-auth-mini-grid span { color: var(--pb-vx-primary) !important; }
.td-auth-mini-grid b { color: var(--pb-vx-heading) !important; }
.td-auth-mini-grid small,
.td-auth-foot { color: var(--pb-vx-muted) !important; }
.td-auth-panel {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 5rem 3rem 2rem !important;
  background: #fff !important;
}
.td-auth-card {
  width: min(100%, 470px) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.td-step-head > span { color: #fff !important; background: var(--pb-vx-primary) !important; box-shadow: 0 .25rem .75rem rgba(var(--pb-vx-primary-rgb), .25) !important; }
.td-step-head h2 { color: var(--pb-vx-heading) !important; }
.td-step-head small { color: var(--pb-vx-primary) !important; }
.td-form-help,
.td-field-example,
.td-trust-note { color: var(--pb-vx-body) !important; }
.td-phone-field,
.td-recognition-icon,
.td-phone-recognition,
.td-no-record-card,
.td-turnstile-wrap,
.td-otp-countdown,
.td-fixed-access-card {
  border-color: var(--pb-vx-border) !important;
  border-radius: .5rem !important;
  background: #f8f7fa !important;
  box-shadow: none !important;
}
.td-phone-recognition b,
.td-no-record-copy b,
.td-fixed-access-copy b { color: var(--pb-vx-heading) !important; }
.td-otp-grid input { color: var(--pb-vx-heading) !important; background: #fff !important; }
.td-inline-alert { border-radius: .375rem !important; }

/* asilzade.php authenticated drive */
.td-drive-page { background: var(--pb-vx-bg) !important; color: var(--pb-vx-body) !important; }
.td-drive-shell { background: var(--pb-vx-bg) !important; }
.td-drive-side {
  padding: .85rem !important;
  color: var(--pb-vx-body) !important;
  background: #fff !important;
  border: 0 !important;
  box-shadow: 0 0 .375rem rgba(47,43,61,.12) !important;
}
.td-drive-logo,
.td-side-caption { border-color: var(--pb-vx-border) !important; }
.td-side-caption small { color: var(--pb-vx-primary) !important; }
.td-side-caption b { color: var(--pb-vx-heading) !important; }
.td-side-nav-v4 a {
  margin: .15rem 0 !important;
  border: 0 !important;
  border-radius: .375rem !important;
  color: var(--pb-vx-body) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.td-side-nav-v4 a:hover { background: rgba(47,43,61,.05) !important; }
.td-side-nav-v4 a.active {
  color: #fff !important;
  background: linear-gradient(72.47deg, #7367f0 22.16%, rgba(115,103,240,.72) 76.47%) !important;
  box-shadow: 0 .125rem .375rem rgba(var(--pb-vx-primary-rgb), .30) !important;
}
.td-side-nav-v4 a b,
.td-side-nav-v4 a em { color: inherit !important; }
.td-side-nav-v4 a small { color: var(--pb-vx-muted) !important; }
.td-side-nav-v4 a.active small { color: rgba(255,255,255,.75) !important; }
.td-side-summary,
.td-side-user { border-color: var(--pb-vx-border) !important; background: #f8f7fa !important; }
.td-side-summary small { color: var(--pb-vx-muted) !important; }
.td-side-summary b,
.td-side-user b { color: var(--pb-vx-heading) !important; }
.td-user-avatar { background: #e9e7fd !important; color: var(--pb-vx-primary) !important; }
.td-drive-main { background: var(--pb-vx-bg) !important; }
.td-drive-topbar {
  top: .85rem !important;
  margin: 0 1.5rem !important;
  border: 0 !important;
  border-radius: .5rem !important;
  background: rgba(255,255,255,.95) !important;
  box-shadow: var(--pb-vx-shadow) !important;
  backdrop-filter: blur(12px);
}
.td-drive-search { border: 0 !important; background: #f6f6f7 !important; }
.td-drive-search:focus-within { box-shadow: 0 0 0 .2rem rgba(var(--pb-vx-primary-rgb), .12) !important; }
.td-drive-hero {
  border: 0 !important;
  border-radius: .625rem !important;
  color: var(--pb-vx-body) !important;
  background: linear-gradient(135deg, #fff 0%, #f2f0ff 100%) !important;
  box-shadow: var(--pb-vx-shadow) !important;
}
.td-drive-hero h1 { color: var(--pb-vx-heading) !important; }
.td-drive-hero p { color: var(--pb-vx-body) !important; }
.td-hero-chips span { color: var(--pb-vx-primary) !important; background: rgba(var(--pb-vx-primary-rgb), .10) !important; border: 0 !important; }
.td-hero-stats > div { border-color: var(--pb-vx-border) !important; background: rgba(255,255,255,.7) !important; }
.td-hero-stats b { color: var(--pb-vx-heading) !important; }
.td-drive-toolbar,
.td-shortcut-card,
.td-package-quick-card,
.td-package-card,
.td-file-card {
  border: 0 !important;
  border-radius: .5rem !important;
  background: #fff !important;
  box-shadow: var(--pb-vx-shadow) !important;
}
.td-shortcut-card:hover,
.td-package-quick-card:hover,
.td-package-card:hover,
.td-file-card:hover { transform: translateY(-2px) !important; box-shadow: var(--pb-vx-shadow-lg) !important; }
.td-section-title h2,
.td-shortcut-card b,
.td-package-quick-card b,
.td-package-card b,
.td-file-card b { color: var(--pb-vx-heading) !important; }
.td-section-title small,
.td-package-quick-copy > small { color: var(--pb-vx-primary) !important; }
.td-view-toggle { background: #f6f6f7 !important; border: 0 !important; }
.td-view-toggle button.active { color: #fff !important; background: var(--pb-vx-primary) !important; }

/* Standalone lock and secure-share screens */
.lock-page {
  color: var(--pb-vx-body) !important;
  background: var(--pb-vx-bg) !important;
}
.lock-page::before,
.lock-page .glow { display: none !important; }
.lock-page .brand strong,
.lock-page .clock strong,
.lock-page .user-copy strong,
.lock-page .hero h1,
.lock-page .pin-head span { color: var(--pb-vx-heading) !important; }
.lock-page .brand small,
.lock-page .clock small,
.lock-page .user-copy small,
.lock-page .hero p,
.lock-page .security,
.lock-page .foot { color: var(--pb-vx-muted) !important; }
.lock-page .mark,
.lock-page .lock-icon,
.lock-page .action { background: var(--pb-vx-primary) !important; box-shadow: 0 .25rem .75rem rgba(var(--pb-vx-primary-rgb), .28) !important; }
.lock-page .user {
  border-color: var(--pb-vx-border) !important;
  border-radius: .5rem !important;
  background: #f8f7fa !important;
}
.lock-page .avatar { background: #e9e7fd !important; color: var(--pb-vx-primary) !important; }
.lock-page .pin {
  border-color: #d1d0d4 !important;
  border-radius: .5rem !important;
  background: #fff !important;
  color: var(--pb-vx-heading) !important;
}
.lock-page .reset-overlay { background: rgba(47,43,61,.42) !important; }
.lock-page .reset-card {
  border: 0 !important;
  border-radius: .625rem !important;
  color: var(--pb-vx-body) !important;
  background: #fff !important;
  box-shadow: var(--pb-vx-shadow-lg) !important;
}
.lock-page .reset-top,
.lock-page .security { border-color: var(--pb-vx-border) !important; }
.lock-page .field { border-color: var(--pb-vx-border) !important; background: #fff !important; }
.lock-page .field input { color: var(--pb-vx-heading) !important; }

body > .shell > .card > .hero {
  color: var(--pb-vx-body) !important;
  background: linear-gradient(135deg, #fff, #f2f0ff) !important;
}
body > .shell > .card > .hero h1,
body > .shell > .card .file-copy b,
body > .shell > .card .action-area strong { color: var(--pb-vx-heading) !important; }
body > .shell > .card .file {
  border-color: var(--pb-vx-border) !important;
  background: #f8f7fa !important;
}
body > .shell > .card .file-icon { color: var(--pb-vx-primary) !important; background: #e9e7fd !important; }
body > .shell > .card .content,
body > .shell > .card .foot { border-color: var(--pb-vx-border) !important; }
body > .shell > .card .btn { background: var(--pb-vx-primary) !important; }

/* Dark theme is still supported by the existing theme switcher. */
html.dark {
  --pb-vx-heading: #cfcde4;
  --pb-vx-body: #b6b4c2;
  --pb-vx-muted: #88869a;
  --pb-vx-bg: #25293c;
  --pb-vx-surface: #2f3349;
  --pb-vx-border: #434968;
  --pb-vx-menu: #2f3349;
  --sidebar-bg: var(--pb-vx-menu);
  --topbar-bg: rgba(47, 51, 73, .96);
  --content-bg: var(--pb-vx-bg);
  --card-bg: var(--pb-vx-surface);
}
html.dark body,
html.dark .app-layout,
html.dark .main-wrapper,
html.dark .page-content { background: var(--pb-vx-bg) !important; }
html.dark .sidebar,
html.dark .main-wrapper > .topbar,
html.dark .card,
html.dark .content-card,
html.dark .panel { background: var(--pb-vx-surface) !important; }
html.dark input:not([type="checkbox"]):not([type="radio"]),
html.dark select,
html.dark textarea { background: #25293c !important; border-color: #434968 !important; color: #cfcde4 !important; }

@media (max-width: 1199.98px) {
  .pz-auth__shell,
  .td-auth-shell { grid-template-columns: 1fr !important; }
  .pz-auth__hero,
  .td-auth-brand { display: none !important; }
  .pz-login-panel,
  .td-auth-panel { min-height: 100vh !important; padding: 6rem 1.5rem 2rem !important; }
  .pz-auth__topbar { left: 1.25rem !important; right: 1.25rem !important; }
}

@media (max-width: 767.98px) {
  .main-wrapper > .topbar,
  .td-drive-topbar { margin: 0 .75rem !important; }
  .page-content { padding: 1.65rem .75rem 1rem !important; }
  .pz-login-panel,
  .td-auth-panel { padding-left: 1.25rem !important; padding-right: 1.25rem !important; }
  .pz-trust-row,
  .td-auth-mini-grid { grid-template-columns: 1fr !important; }
  .full-page-auth { display: block !important; }
  .auth-side-branding { display: none !important; }
  .auth-side-form { min-height: 100vh !important; padding: 2rem 1rem !important; }
  .login-card { padding: 1rem !important; }
}

/* Login product scene — subtle motion, no decorative copy. */
.pb-company-visual::before {
  content: '';
  position: absolute;
  z-index: -2;
  width: 230px;
  height: 230px;
  left: calc(50% - 115px);
  top: calc(50% - 115px);
  border-radius: 42% 58% 56% 44%;
  background: linear-gradient(135deg, rgba(115,103,240,.18), rgba(0,186,209,.11));
  filter: blur(28px);
  animation: pbCompanyAura 8s ease-in-out infinite;
}
.pb-company-visual::after {
  content: '';
  position: absolute;
  z-index: 1;
  top: -35%;
  bottom: -35%;
  left: -34%;
  width: 22%;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
  filter: blur(4px);
  transform: rotate(18deg);
  animation: pbCompanySweep 7.5s ease-in-out infinite;
}
.pb-company-grid { animation: pbCompanyGrid 16s linear infinite; }
.pb-company-orbit::before {
  content: '';
  position: absolute;
  top: -4px;
  left: calc(50% - 4px);
  width: 8px;
  height: 8px;
  border: 2px solid rgba(255,255,255,.9);
  border-radius: 50%;
  background: #7367f0;
  box-shadow: 0 0 0 6px rgba(115,103,240,.10), 0 0 20px rgba(115,103,240,.45);
}
.pb-company-orbit--outer { animation: pbCompanyOrbit 18s linear infinite; }
.pb-company-orbit--inner { animation: pbCompanyOrbitReverse 13s linear infinite; }
.pb-company-orbit--inner::before {
  top: auto;
  right: 13%;
  bottom: 7%;
  left: auto;
  width: 7px;
  height: 7px;
  background: #00bad1;
  box-shadow: 0 0 0 5px rgba(0,186,209,.10), 0 0 18px rgba(0,186,209,.40);
}
.pb-company-core { animation: pbCompanyCoreFloat 5.8s ease-in-out infinite; }
.pb-company-core-logo { animation: pbCompanyLogoPulse 3.6s ease-in-out infinite; }
.pb-company-product--answer { animation: pbCompanyFloatA 5.2s ease-in-out infinite; }
.pb-company-product--result { animation: pbCompanyFloatB 5.8s ease-in-out -1.4s infinite; }
.pb-company-status { animation: pbCompanyFloatC 4.9s ease-in-out -.7s infinite; }
.pb-company-particle {
  position: absolute;
  z-index: 2;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #7367f0;
  box-shadow: 0 0 0 5px rgba(115,103,240,.08);
  animation: pbCompanyParticle 4.8s ease-in-out infinite;
}
.pb-company-particle--one { left: 16%; bottom: 19%; animation-delay: -.6s; }
.pb-company-particle--two { left: 37%; top: 13%; width: 5px; height: 5px; background: #00bad1; animation-delay: -1.8s; }
.pb-company-particle--three { right: 22%; bottom: 12%; width: 6px; height: 6px; background: #28c76f; animation-delay: -2.9s; }
.pb-company-particle--four { right: 9%; top: 47%; width: 5px; height: 5px; background: #ff9f43; animation-delay: -3.7s; }
.pb-vuexy-security-footer { justify-content: flex-end; }

@keyframes pbCompanyAura {
  0%, 100% { opacity: .66; transform: scale(.92) rotate(0); border-radius: 42% 58% 56% 44%; }
  50% { opacity: 1; transform: scale(1.12) rotate(18deg); border-radius: 58% 42% 44% 56%; }
}
@keyframes pbCompanySweep {
  0%, 16% { left: -34%; opacity: 0; }
  28% { opacity: .65; }
  48%, 100% { left: 124%; opacity: 0; }
}
@keyframes pbCompanyGrid { to { background-position: 34px 34px; } }
@keyframes pbCompanyOrbit { to { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes pbCompanyOrbitReverse { to { transform: translate(-50%, -50%) rotate(-360deg); } }
@keyframes pbCompanyCoreFloat {
  0%, 100% { transform: translate(-50%, -50%) translateY(0); }
  50% { transform: translate(-50%, -50%) translateY(-7px); }
}
@keyframes pbCompanyLogoPulse {
  0%, 100% { box-shadow: 0 .45rem 1.2rem rgba(47,43,61,.08); }
  50% { box-shadow: 0 .65rem 1.8rem rgba(115,103,240,.22), 0 0 0 6px rgba(115,103,240,.05); }
}
@keyframes pbCompanyFloatA { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px) translateX(3px); } }
@keyframes pbCompanyFloatB { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(7px) translateX(-3px); } }
@keyframes pbCompanyFloatC { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
@keyframes pbCompanyParticle {
  0%, 100% { opacity: .35; transform: translateY(0) scale(.8); }
  50% { opacity: 1; transform: translateY(-13px) scale(1.15); }
}

/* asilzade.php V12 — isolated Vuexy shell and navigation. */
.td-drive-v12 {
  --td-v12-primary: #7367f0;
  --td-v12-primary-rgb: 115, 103, 240;
  --td-v12-heading: #2f2b3d;
  --td-v12-body: #6d6b77;
  --td-v12-muted: #a5a3ae;
  --td-v12-bg: #f8f7fa;
  --td-v12-border: #e6e6e8;
  background: var(--td-v12-bg) !important;
  color: var(--td-v12-body) !important;
  font-family: "Public Sans", system-ui, sans-serif !important;
}
.td-drive-v12 .td-drive-shell {
  display: grid !important;
  grid-template-columns: 286px minmax(0, 1fr) !important;
  min-height: 100dvh;
  background: var(--td-v12-bg) !important;
}
.td-drive-v12 .td-drive-side {
  position: sticky !important;
  top: 0 !important;
  z-index: 30;
  width: 286px;
  height: 100dvh !important;
  min-height: 0;
  padding: 1rem .9rem .9rem !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden;
  border-right: 1px solid rgba(47,43,61,.07) !important;
  background: #fff !important;
  box-shadow: .25rem 0 1.25rem rgba(47,43,61,.045) !important;
}
.td-v12-brand-row {
  min-height: 61px;
  display: flex;
  align-items: center;
  gap: .7rem;
  padding: .15rem .7rem .85rem;
  border-bottom: 1px solid var(--td-v12-border);
}
.td-drive-v12 .td-drive-logo {
  min-height: 0 !important;
  width: 54px;
  flex: 0 0 54px;
  padding: 0 !important;
  border: 0 !important;
}
.td-drive-v12 .td-side-brand-image { width: 54px; max-width: 54px !important; max-height: 42px !important; object-fit: contain; }
.td-v12-brand-name { color: var(--td-v12-heading); font-size: 1.08rem; font-weight: 700; letter-spacing: -.02em; }
.td-drive-v12 .td-side-caption {
  margin: .85rem .35rem .35rem !important;
  padding: .72rem .8rem !important;
  border: 1px solid rgba(var(--td-v12-primary-rgb),.13) !important;
  border-radius: .5rem;
  background: #f4f3ff;
}
.td-drive-v12 .td-side-caption small { color: var(--td-v12-primary) !important; font-size: .58rem; letter-spacing: .11em; }
.td-drive-v12 .td-side-caption b { margin-top: .2rem; color: var(--td-v12-heading) !important; font-size: .78rem; font-weight: 600; }
.td-drive-v12 .td-side-nav-v4 {
  min-height: 0;
  flex: 1 1 auto;
  display: flex !important;
  flex-direction: column;
  gap: .18rem !important;
  margin: .25rem 0 0 !important;
  overflow: hidden;
}
.td-v12-nav-label {
  display: block;
  padding: .75rem .8rem .3rem;
  color: var(--td-v12-muted);
  font-size: .62rem;
  font-weight: 600;
  letter-spacing: .09em;
}
.td-v12-folder-label { padding-top: 1rem; }
.td-v12-folder-scroll {
  min-height: 0;
  display: grid;
  align-content: start;
  gap: .18rem;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--td-v12-primary-rgb),.22) transparent;
}
.td-v12-folder-scroll::-webkit-scrollbar { width: 5px; }
.td-v12-folder-scroll::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(var(--td-v12-primary-rgb),.22); }
.td-drive-v12 .td-side-nav-v4 a {
  min-height: 46px !important;
  height: auto !important;
  margin: 0 !important;
  padding: .48rem .65rem !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0,1fr) 14px !important;
  gap: .62rem !important;
  border: 0 !important;
  border-radius: .375rem !important;
  color: var(--td-v12-body) !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: color .18s ease, background-color .18s ease, transform .18s ease !important;
}
.td-drive-v12 .td-side-nav-v4 a:hover {
  color: var(--td-v12-heading) !important;
  background: rgba(47,43,61,.055) !important;
  transform: translateX(2px);
}
.td-drive-v12 .td-side-nav-v4 a.active {
  color: #fff !important;
  background: linear-gradient(72.47deg, #7367f0 22.16%, rgba(115,103,240,.78) 76.47%) !important;
  box-shadow: 0 .2rem .75rem rgba(var(--td-v12-primary-rgb),.34) !important;
}
.td-drive-v12 .td-side-nav-v4 a .td-nav-icon {
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center;
  border: 0 !important;
  border-radius: .375rem !important;
  color: var(--td-v12-primary) !important;
  background: #f0efff !important;
}
.td-drive-v12 .td-side-nav-v4 a.active .td-nav-icon { color: #fff !important; background: rgba(255,255,255,.16) !important; }
.td-drive-v12 .td-side-nav-v4 a b { color: inherit !important; font-size: .78rem !important; font-weight: 500 !important; }
.td-drive-v12 .td-side-nav-v4 a em { color: currentColor !important; font-size: 1rem !important; opacity: .58; }
.td-menu-svg { width: 19px; height: 19px; display: block; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.td-drive-v12 .td-side-summary {
  flex: 0 0 auto;
  margin: .65rem .2rem !important;
  padding: .7rem .8rem !important;
  border: 1px solid var(--td-v12-border) !important;
  border-radius: .5rem !important;
  background: #f8f7fa !important;
}
.td-drive-v12 .td-side-summary > small { color: var(--td-v12-muted) !important; font-size: .58rem; }
.td-drive-v12 .td-side-summary > div { margin-top: .45rem !important; gap: .5rem !important; }
.td-drive-v12 .td-side-summary span { color: var(--td-v12-muted) !important; }
.td-drive-v12 .td-side-summary b { color: var(--td-v12-heading) !important; font-size: 1rem !important; }
.td-drive-v12 .td-side-user {
  flex: 0 0 auto;
  margin: 0 .2rem !important;
  padding: .65rem !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0,1fr) 34px !important;
  gap: .6rem !important;
  border: 1px solid var(--td-v12-border) !important;
  border-radius: .5rem !important;
  background: #fff !important;
}
.td-drive-v12 .td-user-avatar,
.td-v12-top-avatar { width: 38px; height: 38px; display: grid; place-items: center; border-radius: .45rem; color: #fff !important; background: var(--td-v12-primary) !important; font-size: .82rem; font-weight: 600; }
.td-drive-v12 .td-side-user b { color: var(--td-v12-heading) !important; font-size: .7rem !important; }
.td-drive-v12 .td-side-user small { color: var(--td-v12-muted) !important; font-size: .58rem !important; }
.td-drive-v12 .td-side-user > a {
  width: 34px; height: 34px;
  border: 0 !important;
  border-radius: .375rem !important;
  color: var(--td-v12-body) !important;
  background: #f3f2f3 !important;
}
.td-drive-v12 .td-side-user > a:hover { color: #ea5455 !important; background: #fff0f0 !important; }
.td-drive-v12 .td-drive-main { min-width: 0; background: var(--td-v12-bg) !important; }
.td-drive-v12 .td-drive-topbar {
  position: sticky !important;
  top: 1rem !important;
  z-index: 20;
  height: 68px !important;
  margin: 0 1.5rem 1.25rem !important;
  padding: 0 1rem !important;
  border: 0 !important;
  border-radius: .5rem !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 .25rem 1.125rem rgba(47,43,61,.10) !important;
  backdrop-filter: blur(14px);
}
.td-drive-v12 .td-drive-search { width: min(620px,60%); height: 42px; border: 0 !important; border-radius: .375rem !important; background: #f6f6f7 !important; }
.td-drive-v12 .td-drive-search:focus-within { box-shadow: 0 0 0 .2rem rgba(var(--td-v12-primary-rgb),.12); }
.td-drive-v12 .td-top-user { color: var(--td-v12-heading); font-size: .73rem; font-weight: 500; }
.td-drive-v12 .td-top-user > a { width: 36px; height: 36px; display: grid; place-items: center; padding: 0; border: 0; color: var(--td-v12-body); background: #f3f2f3; }
.td-drive-v12 .td-top-user > a:hover { color: #ea5455; background: #fff0f0; }
.td-drive-v12 .td-v12-top-avatar { width: 36px; height: 36px; font-size: .75rem; }
.td-drive-v12 .td-v11-hero {
  min-height: 168px !important;
  margin: 0 1.5rem !important;
  padding: 2rem !important;
  border-radius: .625rem !important;
  color: var(--td-v12-body) !important;
  background: linear-gradient(118deg,#fff 0%,#f4f2ff 64%,#ebe8ff 100%) !important;
  box-shadow: 0 .25rem 1.125rem rgba(47,43,61,.09) !important;
}
.td-drive-v12 .td-v11-hero::after { right: 12%; top: -210px; border-color: rgba(var(--td-v12-primary-rgb),.08); }
.td-drive-v12 .td-v11-hero .td-eyebrow { color: var(--td-v12-primary) !important; }
.td-drive-v12 .td-v11-hero h1 { color: var(--td-v12-heading) !important; }
.td-drive-v12 .td-v11-hero p { color: var(--td-v12-body) !important; }
.td-drive-v12 .td-v11-hero .td-hero-stats > div { border: 1px solid rgba(var(--td-v12-primary-rgb),.10) !important; background: rgba(255,255,255,.76) !important; }
.td-drive-v12 .td-v11-hero .td-hero-stats small { color: var(--td-v12-muted) !important; }
.td-drive-v12 .td-v11-hero .td-hero-stats b { color: var(--td-v12-heading) !important; }
.td-drive-v12 .td-v11-toolbar { margin: 0 1.5rem !important; padding: 1.1rem 0 .4rem !important; background: transparent !important; box-shadow: none !important; }
.td-drive-v12 .td-v11-section { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
.td-drive-v12 .td-section-title h2,
.td-drive-v12 .td-exam-summary-copy > b,
.td-drive-v12 .td-package-file-copy b { color: var(--td-v12-heading) !important; }
.td-drive-v12 .td-section-title small { color: var(--td-v12-primary) !important; }
.td-drive-v12 .td-v11-folder-card,
.td-drive-v12 .td-package-quick-card,
.td-drive-v12 .td-v11-browser-folder,
.td-drive-v12 .td-exam-package {
  border: 1px solid transparent !important;
  border-radius: .5rem !important;
  background: #fff !important;
  box-shadow: 0 .25rem 1.125rem rgba(47,43,61,.075) !important;
}
.td-drive-v12 .td-v11-folder-card:hover,
.td-drive-v12 .td-package-quick-card:hover,
.td-drive-v12 .td-v11-browser-folder:hover,
.td-drive-v12 .td-exam-package:hover {
  border-color: rgba(var(--td-v12-primary-rgb),.24) !important;
  box-shadow: 0 .5rem 1.5rem rgba(47,43,61,.12) !important;
  transform: translateY(-2px);
}
.td-drive-v12 .td-package-file-actions .primary { background: var(--td-v12-primary) !important; }
.td-drive-v12 .td-view-toggle { border: 0 !important; border-radius: .375rem !important; background: #ecebed !important; }
.td-drive-v12 .td-view-toggle button.active { color: #fff !important; background: var(--td-v12-primary) !important; }

@media (max-width: 900px) {
  .td-drive-v12 { padding-bottom: 74px; }
  .td-drive-v12 .td-drive-shell { display: block !important; }
  .td-drive-v12 .td-drive-side {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 62px;
    padding: .65rem .9rem !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    border-bottom: 1px solid var(--td-v12-border) !important;
    box-shadow: none !important;
  }
  .td-drive-v12 .td-v12-brand-row { min-height: 0; padding: 0; border: 0; }
  .td-drive-v12 .td-v12-brand-name { font-size: .92rem; }
  .td-drive-v12 .td-drive-logo { width: 46px; flex-basis: 46px; }
  .td-drive-v12 .td-side-brand-image { width: 46px; max-width: 46px !important; max-height: 34px !important; }
  .td-drive-v12 .td-side-caption,
  .td-drive-v12 .td-side-nav-v4,
  .td-drive-v12 .td-side-summary,
  .td-drive-v12 .td-side-user { display: none !important; }
  .td-drive-v12 .td-drive-topbar { top: 0 !important; height: 62px !important; margin: 0 .85rem 1rem !important; padding: .6rem !important; }
  .td-drive-v12 .td-drive-search { width: 100%; }
  .td-drive-v12 .td-top-user { display: none; }
  .td-drive-v12 .td-v11-hero { min-height: 0 !important; margin: 0 .85rem !important; padding: 1.35rem !important; }
  .td-drive-v12 .td-v11-toolbar { margin: 0 .85rem !important; }
  .td-drive-v12 .td-v11-section { margin-left: .85rem !important; margin-right: .85rem !important; }
  .td-drive-v12 .td-mobile-folder-strip a.active,
  .td-drive-v12 .td-mobile-dock a.active { color: var(--td-v12-primary) !important; border-color: rgba(var(--td-v12-primary-rgb),.24) !important; background: #f0efff !important; }
}

@media (prefers-reduced-motion: reduce) {
  .pb-company-visual::before,
  .pb-company-visual::after,
  .pb-company-grid,
  .pb-company-orbit,
  .pb-company-core,
  .pb-company-core-logo,
  .pb-company-product,
  .pb-company-status,
  .pb-company-particle { animation: none !important; }
}

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

/* --------------------------------------------------------------------------
   Vuexy final polish — one visual language across every PozitifBot surface
   -------------------------------------------------------------------------- */

/* Permanent, compact authorship signature used by shared and standalone views. */
.pb-design-credit {
  position: fixed;
  right: 1rem;
  bottom: .8rem;
  z-index: 9990;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  max-width: calc(100vw - 2rem);
  padding: .42rem .72rem;
  border: 1px solid rgba(47, 43, 61, .10);
  border-radius: 50rem;
  color: #a5a3ae;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 .25rem 1rem rgba(47, 43, 61, .12);
  backdrop-filter: blur(12px);
  font-size: .67rem;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
.pb-design-credit__dot { color: #d1d0d4; }
.pb-design-credit a {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  color: var(--pb-vx-primary) !important;
  font-weight: 700;
  text-decoration: none !important;
}
.pb-design-credit a:hover { color: #5d52d8 !important; }

/* Authentication CTAs and Turnstile stay completely unobstructed. */
body:has(.pb-vuexy-login) .pb-design-credit,
body:has(.td-auth-shell) .pb-design-credit {
  right: auto;
  left: 1rem;
}

/* Sidebar: stop stacking/overlap and match Vuexy's vertical menu rhythm. */
.sidebar {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}
.sidebar-logo,
.portal-badge-sidebar,
.sidebar-footer { flex: 0 0 auto !important; }
.sidebar-nav {
  min-height: 0 !important;
  flex: 1 1 auto !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}
.sidebar-nav::-webkit-scrollbar { width: 5px; }
.sidebar-nav::-webkit-scrollbar-track { background: transparent; }
.sidebar-nav::-webkit-scrollbar-thumb { border-radius: 50rem; background: #d5d3d8; }
.sidebar-nav > div[style*="padding:12px"] {
  margin: .25rem .55rem .4rem !important;
  padding: .65rem .7rem !important;
  border-radius: .375rem !important;
  background: #f6f6f7 !important;
}
.sidebar-nav > div[style*="padding:12px"] > div:first-child { color: #a5a3ae !important; }
.sidebar-nav > div[style*="padding:12px"] > div:last-child { color: var(--pb-vx-heading) !important; }
.nav-section-label {
  display: block !important;
  flex: 0 0 auto !important;
  line-height: 1.2 !important;
}
.nav-item {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  gap: .72rem !important;
  width: 100% !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  overflow: visible !important;
}
.nav-item > i:first-child {
  width: 1.25rem !important;
  flex: 0 0 1.25rem !important;
  text-align: center !important;
}
.sidebar-footer {
  position: relative !important;
  bottom: auto !important;
  background: #fff !important;
}

/* Dashboard and shared hero blocks: remove the old dark-gradient generation. */
.v5-hero,
.v7-hero,
.v7-page-head,
.inst-hero,
.dc-hero,
.delivery-hero {
  border: 0 !important;
  border-radius: .5rem !important;
  color: var(--pb-vx-body) !important;
  background: linear-gradient(135deg, #fff 0%, #f2f0ff 100%) !important;
  box-shadow: var(--pb-vx-shadow) !important;
}
.v5-hero::after,
.v7-hero::after,
.v7-page-head::after,
.inst-hero::after,
.dc-hero::after,
.delivery-hero::after { display: none !important; }
.v5-hero h1,
.v7-hero h1,
.v7-page-head h1,
.inst-hero h1,
.dc-hero h1,
.delivery-hero h1 { color: var(--pb-vx-heading) !important; }
.v5-hero p,
.v7-hero p,
.v7-page-head p,
.inst-hero p,
.dc-hero p,
.delivery-hero p { color: var(--pb-vx-body) !important; }
.v5-hero-kicker,
.v7-eyebrow,
.inst-hero-kicker,
.dc-kicker { color: var(--pb-vx-primary) !important; }
.v5-hero-kicker span { background: #28c76f !important; }
.v5-hero .btn-secondary,
.v7-hero .v7-btn:not(.primary),
.inst-hero .btn-secondary,
.dc-hero .dc-secondary {
  border: 1px solid var(--pb-vx-border) !important;
  color: var(--pb-vx-body) !important;
  background: #fff !important;
  box-shadow: none !important;
}
.dc-portal-preview {
  border: 1px solid rgba(var(--pb-vx-primary-rgb), .15) !important;
  color: var(--pb-vx-body) !important;
  background: rgba(255, 255, 255, .72) !important;
}
.dc-portal-preview b { color: var(--pb-vx-heading) !important; }
.dc-portal-preview small,
.dc-portal-preview span { color: var(--pb-vx-muted) !important; }

/* Files: Vuexy card layout, compact folder rail, clean table and toolbar. */
.fm-page-content { background: var(--pb-vx-bg) !important; }
.fm-premium-hero[data-ui-build="V7.7"] {
  min-height: 0 !important;
  margin: 0 0 1.5rem !important;
  padding: 1.5rem !important;
  border: 0 !important;
  border-radius: .5rem !important;
  color: var(--pb-vx-body) !important;
  background: linear-gradient(135deg, #fff 0%, #f2f0ff 100%) !important;
  box-shadow: var(--pb-vx-shadow) !important;
}
.fm-premium-hero[data-ui-build="V7.7"]::after { display: none !important; }
.fm-premium-hero[data-ui-build="V7.7"] h1 {
  margin-top: .45rem !important;
  color: var(--pb-vx-heading) !important;
  font-size: clamp(1.65rem, 2.4vw, 2.25rem) !important;
  font-weight: 700 !important;
}
.fm-premium-hero[data-ui-build="V7.7"] p { color: var(--pb-vx-body) !important; }
.fm-premium-kicker { color: var(--pb-vx-primary) !important; }
.fm-premium-shortcuts span {
  border: 0 !important;
  color: var(--pb-vx-body) !important;
  background: rgba(255, 255, 255, .74) !important;
}
.fm-premium-shortcuts kbd {
  border: 1px solid var(--pb-vx-border) !important;
  color: var(--pb-vx-heading) !important;
  background: #fff !important;
  box-shadow: none !important;
}
.fm-premium-metrics { gap: .65rem !important; }
.fm-premium-metric {
  min-width: 132px !important;
  border: 0 !important;
  border-radius: .5rem !important;
  color: var(--pb-vx-body) !important;
  background: rgba(255, 255, 255, .82) !important;
  box-shadow: 0 .125rem .5rem rgba(47, 43, 61, .06) !important;
}
.fm-premium-metric > i { color: var(--pb-vx-primary) !important; background: #e9e7fd !important; }
.fm-premium-metric strong { color: var(--pb-vx-heading) !important; }
.fm-premium-metric span { color: var(--pb-vx-muted) !important; }
.fm-layout {
  display: grid !important;
  grid-template-columns: minmax(300px, 330px) minmax(0, 1fr) !important;
  gap: 1.5rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.fm-sidebar.fm-sidebar-premium[data-ui-build="V7.7"] {
  position: sticky !important;
  top: 6rem !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: calc(100vh - 7.5rem) !important;
  padding: 1rem .75rem !important;
  border: 0 !important;
  border-radius: .5rem !important;
  background: #fff !important;
  box-shadow: var(--pb-vx-shadow) !important;
}
.fm-sidebar-premium[data-ui-build="V7.7"] .fm-sidebar-header {
  min-height: 52px !important;
  margin: 0 .25rem .7rem !important;
  padding: .25rem .25rem .75rem !important;
  border-bottom: 1px solid var(--pb-vx-border) !important;
  background: transparent !important;
}
.fm-sidebar-eyebrow { color: var(--pb-vx-primary) !important; }
.fm-sidebar-premium .fm-sidebar-title { color: var(--pb-vx-heading) !important; font-weight: 600 !important; }
.fm-rail-search {
  height: 40px !important;
  margin: 0 .25rem .65rem !important;
  border: 1px solid var(--pb-vx-border) !important;
  border-radius: .375rem !important;
  background: #fff !important;
  box-shadow: none !important;
}
.fm-rail-search:focus-within { border-color: var(--pb-vx-primary) !important; box-shadow: 0 0 0 .2rem rgba(var(--pb-vx-primary-rgb), .12) !important; }
.fm-rail-search input { color: var(--pb-vx-heading) !important; background: transparent !important; }
.fm-rail-hint { display: none !important; }
.fm-folder-rail-list { padding: .2rem 0 !important; }
.fm-sidebar-premium[data-ui-build="V7.7"] .fm-folder-item {
  min-height: 42px !important;
  margin: .15rem 0 !important;
  padding: .45rem .55rem !important;
  border: 0 !important;
  border-radius: .375rem !important;
  color: var(--pb-vx-body) !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
.fm-sidebar-premium[data-ui-build="V7.7"] .fm-folder-item:hover { background: rgba(47, 43, 61, .05) !important; }
.fm-sidebar-premium[data-ui-build="V7.7"] .fm-folder-item.active {
  color: #fff !important;
  background: linear-gradient(72.47deg, #7367f0 22.16%, rgba(115, 103, 240, .72) 76.47%) !important;
  box-shadow: 0 .125rem .375rem rgba(var(--pb-vx-primary-rgb), .28) !important;
}
.fm-sidebar-premium[data-ui-build="V7.7"] .fm-folder-item.active .fm-folder-label,
.fm-sidebar-premium[data-ui-build="V7.7"] .fm-folder-item.active .fm-folder-chevron,
.fm-sidebar-premium[data-ui-build="V7.7"] .fm-folder-item.active .fm-folder-drag,
.fm-sidebar-premium[data-ui-build="V7.7"] .fm-folder-item.active .fm-folder-more,
.fm-sidebar-premium[data-ui-build="V7.7"] .fm-folder-item.active .fm-folder-pin { color: #fff !important; }
.fm-sidebar-premium[data-ui-build="V7.7"] .folder-icon {
  width: 32px !important;
  height: 32px !important;
  flex-basis: 32px !important;
  border: 0 !important;
  border-radius: .375rem !important;
  background: #e9e7fd !important;
  color: var(--pb-vx-primary) !important;
  box-shadow: none !important;
}
.fm-sidebar-premium[data-ui-build="V7.7"] .fm-folder-item.active .folder-icon {
  color: #fff !important;
  background: rgba(255, 255, 255, .18) !important;
}
.fm-sidebar-premium[data-ui-build="V7.7"] .fm-folder-label {
  color: inherit !important;
  font-size: .82rem !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
}
.fm-sidebar-divider { background: var(--pb-vx-border) !important; }
.fm-main { min-width: 0 !important; overflow: visible !important; }
.fm-toolbar,
.fm-main > div[style*="border-bottom"],
.fm-content {
  border: 0 !important;
  background: #fff !important;
}
.fm-toolbar {
  position: relative !important;
  top: auto !important;
  z-index: 8 !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: .75rem 1rem !important;
  border-radius: .5rem .5rem 0 0 !important;
  box-shadow: var(--pb-vx-shadow) !important;
  backdrop-filter: none !important;
}
.fm-main > div[style*="border-bottom"] {
  padding: .65rem 1rem !important;
  border-top: 1px solid var(--pb-vx-border) !important;
  box-shadow: var(--pb-vx-shadow) !important;
}
.fm-content {
  padding: 1rem !important;
  border-top: 1px solid var(--pb-vx-border) !important;
  border-radius: 0 0 .5rem .5rem !important;
  box-shadow: var(--pb-vx-shadow) !important;
}
.fm-content .data-table {
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  background: #fff !important;
}
.fm-content .data-table tbody tr {
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  transform: none !important;
}
.fm-content .data-table tbody tr:hover { background: #fafafa !important; }
.fm-content .data-table tbody td { border-bottom: 1px solid var(--pb-vx-border) !important; }
#bulkActionBar {
  border: 1px solid var(--pb-vx-border) !important;
  border-radius: .5rem !important;
  color: var(--pb-vx-body) !important;
  background: #fff !important;
  box-shadow: var(--pb-vx-shadow-lg) !important;
}
#bulkActionBar .btn:not(.btn-danger) {
  border: 0 !important;
  color: var(--pb-vx-body) !important;
  background: #f6f6f7 !important;
}

/* Teacher portal cover: keep the illustration on the right and copy unobstructed. */
.td-auth-brand { padding: 3rem !important; }
.td-auth-brand::before {
  inset: 18% 2.5% 9% 42% !important;
  background-position: right center !important;
  background-size: contain !important;
}
.td-auth-copy { position: relative !important; z-index: 2 !important; max-width: 52% !important; }
.td-auth-copy h1 { font-size: clamp(2.4rem, 4vw, 3.6rem) !important; }
.td-auth-copy p { max-width: 34rem !important; }
.td-auth-mini-grid { position: relative !important; z-index: 2 !important; }

/* Standalone secure-share screen also follows the light Vuexy surface. */
body:has(> .shell > .brand) {
  background: var(--pb-vx-bg) !important;
  color: var(--pb-vx-body) !important;
}
body:has(> .shell > .brand) > .shell > .brand strong { color: var(--pb-vx-heading) !important; }
body:has(> .shell > .brand) > .shell > .card {
  border: 0 !important;
  border-radius: .625rem !important;
  background: #fff !important;
  box-shadow: var(--pb-vx-shadow-lg) !important;
}

@media (max-width: 1199.98px) {
  .fm-layout { grid-template-columns: minmax(270px, 300px) minmax(0, 1fr) !important; gap: 1rem !important; }
  .fm-premium-hero[data-ui-build="V7.7"] { align-items: flex-start !important; }
  .fm-premium-metrics { width: 100% !important; }
  .td-auth-copy { max-width: 100% !important; }
}

@media (max-width: 991.98px) {
  .fm-layout { display: block !important; }
  .fm-sidebar.fm-sidebar-premium[data-ui-build="V7.7"] {
    position: relative !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    max-height: 420px !important;
    margin-bottom: 1rem !important;
  }
  .fm-premium-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .fm-premium-metric { min-width: 0 !important; }
}

/* Login V8 — fixed viewport, company-focused cover and font-independent icons. */
html:has(.pb-vuexy-login),
body:has(.pb-vuexy-login) {
  height: 100%;
  overflow: hidden;
}
body:has(.pb-vuexy-login) .auth-page {
  display: block;
  width: 100%;
  height: 100dvh;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  background: #fff;
}
body:has(.pb-vuexy-login) .auth-page::before,
body:has(.pb-vuexy-login) .auth-page::after { display: none; }
.pb-vuexy-login,
.pb-vuexy-login .authentication-inner,
.pb-vuexy-login .pb-vuexy-visual,
.pb-vuexy-login .pb-vuexy-form-column {
  height: 100dvh;
  min-height: 0 !important;
}
.pb-vuexy-login { overflow: hidden; }
.pb-vuexy-login svg {
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.pb-inline-icon {
  display: inline-block !important;
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
  vertical-align: -.18em;
}
.pb-vuexy-visual .auth-cover-bg {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto;
  justify-items: center;
  align-items: center;
  width: 100%;
  height: 100% !important;
  min-height: 0 !important;
  block-size: 100% !important;
  padding: 5.4rem clamp(2.2rem, 3.8vw, 4.8rem) 1.35rem;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 38%, rgba(115, 103, 240, .15), transparent 31%),
    linear-gradient(145deg, #f8f7ff 0%, #efedff 50%, #f6f8ff 100%) !important;
}
.pb-vuexy-visual-copy { width: min(100%, 760px); }
.pb-vuexy-visual-copy .badge {
  display: inline-flex;
  align-items: center;
  gap: .36rem;
  margin-bottom: 1rem !important;
  padding: .48rem .72rem;
  border: 1px solid rgba(115, 103, 240, .13);
  background: rgba(255, 255, 255, .72) !important;
  box-shadow: 0 .4rem 1.2rem rgba(47, 43, 61, .05);
}
.pb-vuexy-visual-copy h1 {
  max-width: 720px;
  margin-bottom: .62rem;
  font-size: clamp(2rem, 2.7vw, 2.85rem);
  line-height: 1.08;
}
.pb-vuexy-visual-copy p {
  max-width: 680px;
  font-size: .94rem;
  line-height: 1.55;
}
.pb-company-visual {
  position: relative;
  isolation: isolate;
  width: min(100%, 760px);
  height: min(39vh, 410px);
  min-height: 285px;
  margin: .75rem auto .7rem;
  overflow: hidden;
  border: 1px solid rgba(115, 103, 240, .12);
  border-radius: 1.6rem;
  background:
    radial-gradient(circle at 50% 50%, rgba(115, 103, 240, .14), transparent 26%),
    rgba(255, 255, 255, .54);
  box-shadow: 0 1.5rem 4rem rgba(47, 43, 61, .08), inset 0 1px 0 rgba(255, 255, 255, .75);
}
.pb-company-grid {
  position: absolute;
  inset: 0;
  z-index: -3;
  opacity: .38;
  background-image:
    linear-gradient(rgba(115, 103, 240, .09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(115, 103, 240, .09) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: radial-gradient(circle at center, #000 22%, transparent 76%);
}
.pb-company-orbit {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  border: 1px solid rgba(115, 103, 240, .17);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.pb-company-orbit--outer { width: 340px; height: 340px; }
.pb-company-orbit--inner { width: 230px; height: 230px; border-style: dashed; }
.pb-company-core {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  width: 218px;
  padding: 1.05rem 1rem 1rem;
  border: 1px solid rgba(115, 103, 240, .16);
  border-radius: 1.25rem;
  text-align: center;
  background: rgba(255, 255, 255, .93);
  box-shadow: 0 1.3rem 3.5rem rgba(75, 64, 165, .14);
  transform: translate(-50%, -50%);
}
.pb-company-core-logo {
  width: 72px;
  height: 52px;
  display: grid;
  place-items: center;
  margin: 0 auto .55rem;
  overflow: hidden;
  border: 1px solid rgba(47, 43, 61, .08);
  border-radius: .8rem;
  background: #fff;
  box-shadow: 0 .45rem 1.2rem rgba(47, 43, 61, .08);
}
.pb-company-core-logo img { width: 100%; height: 100%; padding: .38rem; object-fit: contain; }
.pb-company-core small,
.pb-company-product small,
.pb-company-status small {
  display: block;
  color: #89859a;
  font-size: .57rem;
  font-weight: 800;
  letter-spacing: .08em;
}
.pb-company-core strong { display: block; margin-top: .18rem; color: #2f2b3d; font-size: .91rem; }
.pb-company-core > span:last-child { display: block; margin-top: .25rem; color: #89859a; font-size: .68rem; }
.pb-company-product,
.pb-company-status {
  position: absolute;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: .72rem;
  border: 1px solid rgba(47, 43, 61, .09);
  border-radius: .9rem;
  background: rgba(255, 255, 255, .93);
  box-shadow: 0 .8rem 2.4rem rgba(47, 43, 61, .10);
  backdrop-filter: blur(12px);
}
.pb-company-product { min-width: 225px; padding: .78rem .88rem; }
.pb-company-product--answer { top: 16%; left: 4.5%; }
.pb-company-product--result { right: 4.5%; bottom: 14%; }
.pb-company-product-icon,
.pb-company-status-icon {
  width: 40px;
  height: 40px;
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  border-radius: .72rem;
}
.pb-company-product-icon svg { width: 21px; height: 21px; }
.pb-company-product-icon.is-purple { color: #7367f0; background: #eeecff; }
.pb-company-product-icon.is-cyan { color: #00bad1; background: #dff7fa; }
.pb-company-product strong,
.pb-company-product em { display: block; }
.pb-company-product strong { margin-top: .12rem; color: #2f2b3d; font-size: .78rem; font-style: normal; }
.pb-company-product em { margin-top: .1rem; color: #89859a; font-size: .62rem; font-style: normal; }
.pb-company-status {
  top: 10%;
  right: 8%;
  padding: .62rem .75rem;
}
.pb-company-status-icon { width: 34px; height: 34px; color: #28c76f; background: #ddf6e8; }
.pb-company-status-icon svg { width: 19px; height: 19px; }
.pb-company-status strong { display: block; margin-top: .1rem; color: #2f2b3d; font-size: .72rem; }
.pb-vuexy-benefits {
  width: min(100%, 760px);
  max-width: 760px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .62rem;
  margin-bottom: 1.05rem;
}
.pb-vuexy-benefits > div {
  grid-template-columns: 34px minmax(0, 1fr);
  padding: .7rem .76rem;
  border-color: rgba(115, 103, 240, .11);
  background: rgba(255, 255, 255, .78);
}
.pb-vuexy-benefits .avatar {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .55);
  color: #fff !important;
  background: #7367f0 !important;
  box-shadow: 0 .5rem 1.15rem rgba(115, 103, 240, .30);
}
.pb-vuexy-benefits > div:nth-child(2) .avatar {
  background: #00a9c0 !important;
  box-shadow: 0 .5rem 1.15rem rgba(0, 169, 192, .27);
}
.pb-vuexy-benefits > div:nth-child(3) .avatar {
  background: #20a85a !important;
  box-shadow: 0 .5rem 1.15rem rgba(32, 168, 90, .27);
}
.pb-vuexy-benefits .avatar svg {
  width: 20px;
  height: 20px;
  color: #fff !important;
  stroke: #fff !important;
  stroke-width: 2.35;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .08));
}
.pb-vuexy-benefits b { font-size: .75rem; }
.pb-vuexy-benefits small { font-size: .62rem; }
.pb-vuexy-form-column {
  padding: 1.25rem clamp(2.2rem, 4.2vw, 5rem) !important;
  overflow: hidden;
}
.pb-vuexy-form-wrap {
  width: 100%;
  max-width: 500px;
  max-height: calc(100dvh - 2.5rem);
  padding: 0;
}
.pb-vuexy-form-top { margin-bottom: 1.45rem; }
.pb-vuexy-form-top .badge { display: inline-flex; align-items: center; gap: .42rem; }
.pb-status-dot {
  width: .42rem;
  height: .42rem;
  display: inline-block;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 .22rem rgba(40, 199, 111, .11);
}
.pb-vuexy-stage[data-stage="phone"] > .mb-6 { margin-bottom: 1.25rem !important; }
.pb-vuexy-stage .mb-5 { margin-bottom: 1rem !important; }
.pb-vuexy-stage .mt-6 { margin-top: 1.25rem !important; }
.pb-vuexy-stage h2 { font-size: 1.65rem; }
.pb-vuexy-login .pz-portal-option {
  min-height: 78px;
  grid-template-columns: 42px minmax(0, 1fr) 20px;
}
.pb-vuexy-portal-icon svg { width: 22px; height: 22px; }
.pb-vuexy-check { width: 20px; height: 20px; color: #c9c7cf; opacity: .72; }
.pb-vuexy-check svg { width: 20px; height: 20px; }
.pb-vuexy-login .pz-portal-option.is-active .pb-vuexy-check { color: var(--pb-vx-primary); opacity: 1; }
.pb-vuexy-login .input-group-text .pb-inline-icon { width: 1.08rem; height: 1.08rem; }
.pb-vuexy-turnstile { padding: .68rem .75rem; }
.pb-vuexy-turnstile small { display: flex; align-items: center; gap: .3rem; }
.pb-vuexy-security-footer {
  align-items: center;
  margin-top: 1.3rem;
  padding-top: .8rem;
}
.pb-vuexy-security-footer > span { display: inline-flex; align-items: center; gap: .3rem; }
#pzBackButton { display: inline-flex; align-items: center; gap: .35rem; }
.pb-vuexy-avatar-check svg { width: 14px; height: 14px; stroke-width: 2.4; }
.pb-vuexy-otp-meta > span { display: inline-flex; align-items: center; gap: .3rem; }

@media (min-width: 1200px) and (max-height: 840px) {
  .pb-vuexy-visual .auth-cover-bg { padding-top: 4.7rem; padding-bottom: .9rem; }
  .pb-vuexy-visual-copy .badge { margin-bottom: .65rem !important; }
  .pb-vuexy-visual-copy h1 { font-size: clamp(1.8rem, 2.25vw, 2.35rem); }
  .pb-vuexy-visual-copy p { font-size: .82rem; }
  .pb-company-visual { height: min(36vh, 320px); min-height: 245px; margin: .5rem auto; }
  .pb-company-orbit--outer { width: 285px; height: 285px; }
  .pb-company-orbit--inner { width: 195px; height: 195px; }
  .pb-company-core { width: 198px; padding: .72rem .8rem; }
  .pb-company-core-logo { width: 62px; height: 42px; margin-bottom: .38rem; }
  .pb-company-product { min-width: 205px; padding: .58rem .7rem; }
  .pb-company-status { padding: .48rem .6rem; }
  .pb-vuexy-benefits > div { padding: .55rem .65rem; }
  .pb-vuexy-form-column { padding-top: .8rem !important; padding-bottom: .8rem !important; }
  .pb-vuexy-form-wrap { max-height: calc(100dvh - 1.6rem); }
  .pb-vuexy-form-top { margin-bottom: 1rem; }
  .pb-vuexy-stage[data-stage="phone"] > .mb-6 { margin-bottom: .85rem !important; }
  .pb-vuexy-stage .mb-5 { margin-bottom: .75rem !important; }
  .pb-vuexy-stage .mt-6 { margin-top: .85rem !important; }
  .pb-vuexy-login .pz-portal-option { min-height: 70px; }
  .pb-vuexy-turnstile { padding: .5rem .65rem; }
  .pb-vuexy-security-footer { margin-top: .85rem; padding-top: .6rem; }
}

@media (max-width: 1199.98px) {
  html:has(.pb-vuexy-login),
  body:has(.pb-vuexy-login) { height: auto; overflow: auto; }
  body:has(.pb-vuexy-login) .auth-page {
    height: auto;
    min-height: 100dvh;
    overflow: visible;
  }
  .pb-vuexy-login,
  .pb-vuexy-login .authentication-inner,
  .pb-vuexy-login .pb-vuexy-form-column {
    height: auto;
    min-height: 100dvh !important;
    overflow: visible;
  }
  .pb-vuexy-form-wrap { max-height: none; }
}

@media (max-width: 575.98px) {
  .pb-design-credit {
    right: .6rem;
    bottom: .55rem;
    padding: .38rem .58rem;
    font-size: .61rem;
  }
  body:has(.pb-vuexy-login) .pb-design-credit,
  body:has(.td-auth-shell) .pb-design-credit {
    right: auto;
    left: .6rem;
  }
  .fm-premium-hero[data-ui-build="V7.7"] { padding: 1.15rem !important; }
  .fm-premium-shortcuts { display: none !important; }
  .fm-premium-metrics { grid-template-columns: 1fr !important; }
  .fm-toolbar { align-items: stretch !important; }
}

/* The login footer now contains only the copyright. */
.pb-vuexy-login .pb-vuexy-security-footer { justify-content: flex-end; }

/* asilzade.php institution login V12 — same product language as /login. */
html:has(.td-login-v12),
body:has(.td-login-v12) { height: 100%; overflow: hidden; }
.td-login-v12 .td-auth-shell {
  grid-template-columns: minmax(0,1.35fr) minmax(470px,.85fr) !important;
  height: 100dvh;
  min-height: 0 !important;
  overflow: hidden;
}
.td-login-v12 .td-auth-brand {
  height: 100dvh;
  min-height: 0;
  padding: 1.8rem clamp(2rem,3.5vw,4.5rem) 1.15rem !important;
  display: grid !important;
  grid-template-rows: auto auto minmax(0,1fr) auto;
  justify-items: center;
  align-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 42%,rgba(115,103,240,.15),transparent 31%),
    linear-gradient(145deg,#f8f7ff 0%,#efedff 50%,#f6f8ff 100%) !important;
}
.td-login-v12 .td-auth-brand::before,
.td-login-v12 .td-auth-brand::after { display: none !important; background: none !important; }
.td-login-v12 .td-brand-lockup {
  justify-self: start;
  min-height: 52px;
  margin: 0 !important;
}
.td-login-v12 .td-brand-image { max-width: 190px; max-height: 52px; }
.td-login-v12 .td-auth-copy {
  width: min(100%,760px);
  max-width: 760px !important;
  text-align: center;
}
.td-login-v12 .td-auth-copy h1 {
  margin: .45rem 0 .4rem !important;
  color: var(--pb-vx-heading) !important;
  font-size: clamp(2rem,2.9vw,2.8rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -.04em !important;
}
.td-login-v12 .td-auth-copy p {
  max-width: none !important;
  margin: 0 !important;
  color: var(--pb-vx-body) !important;
  font-size: .9rem !important;
  line-height: 1.5 !important;
}
.td-login-v12 .td-company-visual {
  height: min(43vh,390px);
  min-height: 275px;
  margin: .55rem auto;
}
.td-login-v12 .pb-company-visual svg {
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.td-login-v12 .pb-company-core-logo b { color: var(--pb-vx-primary); font-size: 1rem; }
.td-login-v12 .td-auth-mini-grid {
  width: min(100%,760px);
  max-width: 760px;
  margin: 0 0 .5rem !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: .65rem !important;
}
.td-login-v12 .td-auth-mini-grid > div {
  min-height: 70px !important;
  padding: .65rem .7rem !important;
  display: grid;
  grid-template-columns: 32px minmax(0,1fr);
  grid-template-rows: auto auto;
  column-gap: .6rem;
  align-items: center;
  border: 1px solid rgba(115,103,240,.10) !important;
  border-radius: .5rem !important;
  background: rgba(255,255,255,.8) !important;
}
.td-login-v12 .td-auth-mini-grid span { grid-row: 1/3; width: 32px; height: 32px; margin: 0 !important; color: #fff !important; background: var(--pb-vx-primary) !important; }
.td-login-v12 .td-auth-mini-grid > div:nth-child(2) span { background: #00a9c0 !important; }
.td-login-v12 .td-auth-mini-grid > div:nth-child(3) span { background: #20a85a !important; }
.td-login-v12 .td-auth-mini-grid b { margin: 0 !important; color: var(--pb-vx-heading) !important; font-size: .72rem !important; }
.td-login-v12 .td-auth-mini-grid small { color: var(--pb-vx-muted) !important; font-size: .6rem !important; }
.td-login-v12 .td-auth-panel {
  height: 100dvh;
  min-height: 0 !important;
  padding: 1.4rem clamp(2rem,4vw,4.5rem) !important;
  overflow-x: hidden;
  overflow-y: auto;
}
.td-login-v12 .td-auth-card { width: min(100%,490px) !important; }
.td-login-v12 .td-form-help { margin-bottom: 1.25rem !important; }
.td-login-v12 .td-turnstile-live { min-height: 64px; justify-content: center !important; }
.td-login-v12 .td-primary-btn { background: var(--pb-vx-primary) !important; box-shadow: 0 .25rem .75rem rgba(115,103,240,.28) !important; }

@media (min-width:1200px) and (max-height:840px) {
  .td-login-v12 .td-auth-brand { padding-top: 1rem !important; padding-bottom: .7rem !important; }
  .td-login-v12 .td-brand-lockup { min-height: 42px; }
  .td-login-v12 .td-brand-image { max-height: 42px; }
  .td-login-v12 .td-company-visual { height: min(39vh,320px); min-height: 245px; }
  .td-login-v12 .td-auth-mini-grid > div { min-height: 60px !important; padding: .5rem .6rem !important; }
  .td-login-v12 .td-auth-panel { padding-top: .8rem !important; padding-bottom: .8rem !important; }
}

@media (max-width:1199.98px) {
  html:has(.td-login-v12), body:has(.td-login-v12) { height: auto; overflow: auto; }
  .td-login-v12 .td-auth-shell { display: block !important; height: auto; min-height: 100dvh !important; overflow: visible; }
  .td-login-v12 .td-auth-brand { display: none !important; }
  .td-login-v12 .td-auth-panel { height: auto; min-height: 100dvh !important; padding: 4rem 1.25rem 2rem !important; overflow: visible; }
}

/* --------------------------------------------------------------------------
   Vuexy dark-mode final layer
   Keep this block last: it deliberately wins over the light-only final polish
   and the legacy premium gradients loaded before this stylesheet.
   -------------------------------------------------------------------------- */
html.dark {
  color-scheme: dark;
  --pb-vx-heading: #f4f6fb;
  --pb-vx-body: #c5ccda;
  --pb-vx-muted: #818ba1;
  --pb-vx-bg: #060a12;
  --pb-vx-surface: #0d1423;
  --pb-vx-elevated: #151d2f;
  --pb-vx-border: #222c40;
  --pb-vx-menu: #0d1423;
  --content-bg: #060a12;
  --card-bg: #0d1423;
  --topbar-bg: #0d1423;
  --card-border: rgba(255, 255, 255, .075);
  --border: rgba(255, 255, 255, .075);
  --text-primary: #f4f6fb;
  --text-secondary: #b4bdce;
  --text-muted: #818ba1;
  --sidebar-bg: #0d1423;
  --sidebar-border: rgba(255, 255, 255, .07);
  --sidebar-text: #929cb1;
  --sidebar-text-active: #fff;
  --sidebar-hover: rgba(255, 255, 255, .05);
}

html.dark body,
html.dark .app-layout,
html.dark .main-wrapper,
html.dark .page-content {
  color: var(--pb-vx-body) !important;
  background: var(--pb-vx-bg) !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html.dark .sidebar,
html.dark .sidebar-footer,
html.dark .main-wrapper > .topbar,
html.dark .card,
html.dark .content-card,
html.dark .panel {
  border-color: var(--pb-vx-border) !important;
  color: var(--pb-vx-body) !important;
  background: var(--pb-vx-surface) !important;
  background-image: none !important;
  box-shadow: 0 .55rem 1.8rem rgba(0, 0, 0, .28) !important;
}

html.dark .sidebar-footer {
  border-top-color: rgba(255, 255, 255, .075) !important;
  box-shadow: 0 -.35rem 1.2rem rgba(20, 22, 34, .16) !important;
}
html.dark .sidebar-user {
  border-color: transparent !important;
  color: var(--pb-vx-body) !important;
  background: rgba(255, 255, 255, .035) !important;
}
html.dark .sidebar-user:hover { background: rgba(115, 103, 240, .13) !important; }
html.dark .sidebar-user-name { color: var(--pb-vx-heading) !important; }
html.dark .sidebar-user-role { color: var(--pb-vx-muted) !important; }
html.dark .sidebar-nav::-webkit-scrollbar-thumb { background: #535978 !important; }
html.dark .sidebar-nav > div[style*="padding:12px"] {
  border: 1px solid rgba(255, 255, 255, .055) !important;
  background: rgba(255, 255, 255, .035) !important;
}
html.dark .sidebar-nav > div[style*="padding:12px"] > div:first-child { color: var(--pb-vx-muted) !important; }
html.dark .sidebar-nav > div[style*="padding:12px"] > div:last-child { color: var(--pb-vx-heading) !important; }

html.dark .topbar-search,
html.dark .portal-switcher-topbar,
html.dark .topbar-btn {
  border-color: rgba(255, 255, 255, .075) !important;
  color: var(--pb-vx-body) !important;
  background: rgba(6, 10, 18, .68) !important;
}
html.dark .topbar-search:focus-within,
html.dark .topbar-btn:hover {
  border-color: rgba(var(--pb-vx-primary-rgb), .45) !important;
  background: rgba(115, 103, 240, .12) !important;
}
html.dark .portal-switch-btn { color: var(--pb-vx-muted) !important; }
html.dark .portal-switch-btn.active {
  color: var(--pb-vx-primary) !important;
  background: var(--pb-vx-elevated) !important;
  box-shadow: 0 .2rem .6rem rgba(14, 16, 27, .28) !important;
}

html.dark .v5-hero,
html.dark .v7-hero,
html.dark .v7-page-head,
html.dark .inst-hero,
html.dark .dc-hero,
html.dark .delivery-hero,
html.dark .fm-premium-hero[data-ui-build="V7.7"] {
  border: 1px solid rgba(255, 255, 255, .07) !important;
  color: var(--pb-vx-body) !important;
  background:
    radial-gradient(circle at 84% 18%, rgba(115, 103, 240, .17), transparent 24rem),
    linear-gradient(135deg, #111a2b 0%, #0d1423 60%, #090f1b 100%) !important;
  box-shadow: 0 .7rem 2rem rgba(0, 0, 0, .30) !important;
}
html.dark .v5-hero h1,
html.dark .v7-hero h1,
html.dark .v7-page-head h1,
html.dark .inst-hero h1,
html.dark .dc-hero h1,
html.dark .delivery-hero h1,
html.dark .fm-premium-hero[data-ui-build="V7.7"] h1 { color: var(--pb-vx-heading) !important; }
html.dark .v5-hero p,
html.dark .v7-hero p,
html.dark .v7-page-head p,
html.dark .inst-hero p,
html.dark .dc-hero p,
html.dark .delivery-hero p,
html.dark .fm-premium-hero[data-ui-build="V7.7"] p { color: var(--pb-vx-body) !important; }
html.dark .v5-hero .btn-secondary,
html.dark .v7-hero .v7-btn:not(.primary),
html.dark .inst-hero .btn-secondary,
html.dark .dc-hero .dc-secondary {
  border-color: rgba(255, 255, 255, .09) !important;
  color: var(--pb-vx-heading) !important;
  background: rgba(37, 41, 60, .78) !important;
}
html.dark .v5-hero .btn-secondary:hover,
html.dark .v7-hero .v7-btn:not(.primary):hover,
html.dark .inst-hero .btn-secondary:hover,
html.dark .dc-hero .dc-secondary:hover {
  border-color: rgba(var(--pb-vx-primary-rgb), .48) !important;
  color: #fff !important;
  background: rgba(115, 103, 240, .18) !important;
}

html.dark .v5-status-card {
  border: 1px solid rgba(255, 255, 255, .07) !important;
  color: var(--pb-vx-body) !important;
  background: linear-gradient(145deg, #111827, #0b111e) !important;
  box-shadow: 0 .65rem 1.7rem rgba(0, 0, 0, .30) !important;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}
html.dark .v5-status-card:hover {
  border-color: rgba(var(--pb-vx-primary-rgb), .34) !important;
  transform: translateY(-2px);
  box-shadow: 0 .9rem 2.1rem rgba(0, 0, 0, .38) !important;
}
html.dark .v5-status-value {
  color: var(--pb-vx-heading) !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .04);
}
html.dark .v5-status-label,
html.dark .v5-status-trend { color: var(--pb-vx-muted) !important; }
html.dark .v5-status-icon {
  border: 1px solid rgba(255, 255, 255, .075) !important;
  background-color: rgba(255, 255, 255, .055) !important;
}

html.dark .card-header,
html.dark .card-body {
  color: var(--pb-vx-body) !important;
  background: transparent !important;
  background-image: none !important;
}
html.dark .card-header { border-bottom-color: rgba(255, 255, 255, .07) !important; }
html.dark .chart-container { background: transparent !important; }
html.dark .card-title,
html.dark .empty-state-title { color: var(--pb-vx-heading) !important; }
html.dark .empty-state-text { color: var(--pb-vx-muted) !important; }
html.dark .divider { border-color: rgba(255, 255, 255, .075) !important; }
html.dark .storage-bar-wrap { background: rgba(255, 255, 255, .07) !important; }

html.dark .data-table,
html.dark .data-table tbody,
html.dark .data-table tbody tr,
html.dark .fm-content .data-table,
html.dark .fm-content .data-table tbody tr {
  color: var(--pb-vx-body) !important;
  background: transparent !important;
}
html.dark .data-table thead th {
  border-color: rgba(255, 255, 255, .07) !important;
  color: var(--pb-vx-muted) !important;
  background: rgba(6, 10, 18, .82) !important;
}
html.dark .data-table tbody td { border-bottom-color: rgba(255, 255, 255, .065) !important; }
html.dark .data-table tbody tr:hover,
html.dark .fm-content .data-table tbody tr:hover { background: rgba(115, 103, 240, .065) !important; }

html.dark .pb-design-credit {
  border-color: rgba(255, 255, 255, .09) !important;
  color: var(--pb-vx-muted) !important;
  background: rgba(13, 20, 35, .94) !important;
  box-shadow: 0 .3rem 1rem rgba(0, 0, 0, .34) !important;
}
html.dark .pb-design-credit__dot { color: #626884 !important; }

/* --------------------------------------------------------------------------
   Vuexy dark-mode completion layer — files, tables, CRM and settings
   Audited against every route exposed by the main navigation (2026-08-31).
   Keep these selectors below every legacy light-theme rule.
   -------------------------------------------------------------------------- */
html.dark .table-wrap,
html.dark .settings-footer,
html.dark .inst-toolbar,
html.dark .dc-portal-preview,
html.dark .modal-content,
html.dark .modal-box,
html.dark .dropdown-menu {
  border-color: rgba(255, 255, 255, .075) !important;
  color: var(--pb-vx-body) !important;
  background: var(--pb-vx-surface) !important;
  background-image: none !important;
  box-shadow: 0 .65rem 1.8rem rgba(0, 0, 0, .3) !important;
}

html.dark .table-wrap .data-table,
html.dark .table-wrap .data-table tbody,
html.dark .table-wrap .data-table tbody tr,
html.dark .table-wrap .data-table tbody td {
  color: var(--pb-vx-body) !important;
  background: transparent !important;
}
html.dark .table-wrap .data-table tbody td {
  border-color: rgba(255, 255, 255, .065) !important;
}
html.dark .table-wrap .data-table tbody tr:hover {
  background: rgba(115, 103, 240, .065) !important;
}

html.dark .v7-table,
html.dark .v7-table tbody,
html.dark .v7-table tbody tr,
html.dark .v7-table tbody td {
  color: var(--pb-vx-body) !important;
  background: transparent !important;
}
html.dark .v7-table thead th {
  border-color: rgba(255, 255, 255, .07) !important;
  color: var(--pb-vx-muted) !important;
  background: rgba(6, 10, 18, .82) !important;
}
html.dark .v7-table tbody td { border-color: rgba(255, 255, 255, .065) !important; }
html.dark .v7-table tbody tr:hover { background: rgba(115, 103, 240, .055) !important; }

html.dark .dc-table,
html.dark .dc-table tbody,
html.dark .dc-table tbody tr,
html.dark .dc-table tbody td {
  color: var(--pb-vx-body) !important;
  background: transparent !important;
}
html.dark .dc-table thead th {
  border-color: rgba(255, 255, 255, .07) !important;
  color: var(--pb-vx-muted) !important;
  background: rgba(6, 10, 18, .82) !important;
}
html.dark .dc-table tbody td { border-color: rgba(255, 255, 255, .065) !important; }
html.dark .dc-table tbody tr:hover { background: rgba(115, 103, 240, .055) !important; }

html.dark .dc-applications,
html.dark .dc-app-head,
html.dark .dc-app-empty,
html.dark .dc-app-card,
html.dark .dc-app-count {
  border-color: rgba(255, 255, 255, .075) !important;
  color: var(--pb-vx-body) !important;
  background: var(--pb-vx-surface) !important;
  background-image: none !important;
}
html.dark .dc-app-head {
  background: linear-gradient(135deg, #111a2b, #0d1423) !important;
}
html.dark .dc-app-head h2,
html.dark .dc-app-empty b,
html.dark .dc-app-top h3 { color: var(--pb-vx-heading) !important; }
html.dark .dc-app-head p,
html.dark .dc-app-empty small,
html.dark .dc-app-top p,
html.dark .dc-app-meta span { color: var(--pb-vx-muted) !important; }
html.dark .dc-app-count { background: var(--pb-vx-elevated) !important; }
html.dark .dc-app-empty,
html.dark .dc-app-card { background: linear-gradient(145deg, #111827, #0b111e) !important; }
html.dark .dc-app-meta,
html.dark .dc-app-card footer { border-color: rgba(255, 255, 255, .065) !important; }
html.dark .dc-app-note-text {
  border: 1px solid rgba(255, 255, 255, .065) !important;
  color: var(--pb-vx-body) !important;
  background: rgba(255, 255, 255, .035) !important;
}

html.dark .dc-portal-preview b,
html.dark .inst-toolbar,
html.dark .settings-footer { color: var(--pb-vx-heading) !important; }
html.dark .dc-portal-preview small,
html.dark .dc-portal-preview span,
html.dark .settings-footer-text { color: var(--pb-vx-muted) !important; }
html.dark .inst-search input,
html.dark .settings-footer .test-btn {
  border-color: rgba(255, 255, 255, .075) !important;
  color: var(--pb-vx-body) !important;
  background: rgba(6, 10, 18, .72) !important;
}
html.dark .inst-filter-btn:not(.active) {
  border-color: rgba(255, 255, 255, .075) !important;
  color: var(--pb-vx-body) !important;
  background: rgba(255, 255, 255, .035) !important;
}
html.dark .inst-hero-actions .btn {
  border: 1px solid rgba(255, 255, 255, .09) !important;
  color: var(--pb-vx-heading) !important;
  background: var(--pb-vx-elevated) !important;
}

html.dark .fm-page-content { background: var(--pb-vx-bg) !important; }
html.dark .fm-premium-shortcuts > span {
  border-color: rgba(255, 255, 255, .075) !important;
  color: var(--pb-vx-body) !important;
  background: rgba(255, 255, 255, .045) !important;
  box-shadow: none !important;
}
html.dark .fm-premium-shortcuts kbd,
html.dark .fm-paste-toolbar kbd {
  border-color: rgba(255, 255, 255, .1) !important;
  color: var(--pb-vx-heading) !important;
  background: rgba(6, 10, 18, .72) !important;
}
html.dark .fm-premium-metric {
  border: 1px solid rgba(255, 255, 255, .075) !important;
  color: var(--pb-vx-body) !important;
  background: linear-gradient(145deg, #151d2f, #0d1423) !important;
  box-shadow: 0 .45rem 1.2rem rgba(0, 0, 0, .28) !important;
}
html.dark .fm-premium-metric > i {
  border: 1px solid rgba(115, 103, 240, .2) !important;
  color: #a9a2ff !important;
  background: rgba(115, 103, 240, .14) !important;
}
html.dark .fm-premium-metric strong { color: var(--pb-vx-heading) !important; }
html.dark .fm-premium-metric span { color: var(--pb-vx-muted) !important; }

html.dark .fm-layout {
  border-color: rgba(255, 255, 255, .07) !important;
  background: transparent !important;
  box-shadow: none !important;
}
html.dark .fm-sidebar.fm-sidebar-premium[data-ui-build="V7.7"],
html.dark .fm-main,
html.dark .fm-toolbar,
html.dark .fm-main > div[style*="border-bottom"],
html.dark .fm-content {
  border-color: rgba(255, 255, 255, .075) !important;
  color: var(--pb-vx-body) !important;
  background: var(--pb-vx-surface) !important;
  background-image: none !important;
}
html.dark .fm-sidebar.fm-sidebar-premium[data-ui-build="V7.7"],
html.dark .fm-content {
  box-shadow: 0 .65rem 1.8rem rgba(0, 0, 0, .28) !important;
}
html.dark .fm-sidebar-premium[data-ui-build="V7.7"] .fm-sidebar-header {
  border-color: rgba(255, 255, 255, .065) !important;
  background: var(--pb-vx-surface) !important;
  background-image: none !important;
}
html.dark .fm-sidebar-premium .fm-sidebar-title,
html.dark .fm-sidebar-premium .fm-folder-label { color: var(--pb-vx-body) !important; }
html.dark .fm-sidebar-eyebrow { color: #9189ff !important; }
html.dark .fm-rail-search,
html.dark #folderSearchWrap {
  border-color: rgba(255, 255, 255, .08) !important;
  color: var(--pb-vx-body) !important;
  background: rgba(6, 10, 18, .72) !important;
  box-shadow: none !important;
}
html.dark .fm-rail-search:focus-within,
html.dark #folderSearchWrap:focus-within {
  border-color: rgba(var(--pb-vx-primary-rgb), .52) !important;
  box-shadow: 0 0 0 .2rem rgba(var(--pb-vx-primary-rgb), .13) !important;
}
html.dark .fm-rail-search input,
html.dark #folderSearchInput {
  color: var(--pb-vx-heading) !important;
  background: transparent !important;
}
html.dark .fm-sidebar-premium[data-ui-build="V7.7"] .fm-folder-item:not(.active) {
  border-color: transparent !important;
  color: var(--pb-vx-body) !important;
  background: transparent !important;
  box-shadow: none !important;
}
html.dark .fm-sidebar-premium[data-ui-build="V7.7"] .fm-folder-item:not(.active):hover {
  border-color: rgba(255, 255, 255, .075) !important;
  color: var(--pb-vx-heading) !important;
  background: rgba(255, 255, 255, .045) !important;
}
html.dark .fm-sidebar-premium[data-ui-build="V7.7"] .folder-icon {
  border-color: rgba(255, 255, 255, .075) !important;
  background: rgba(255, 255, 255, .055) !important;
  box-shadow: none !important;
}
html.dark .fm-sidebar-divider { background: rgba(255, 255, 255, .075) !important; }
html.dark .fm-content .data-table,
html.dark .fm-content .data-table tbody,
html.dark .fm-content .data-table tbody tr,
html.dark .fm-content .data-table tbody td {
  color: var(--pb-vx-body) !important;
  background: transparent !important;
}
html.dark .fm-content .data-table thead th {
  border-color: rgba(255, 255, 255, .07) !important;
  color: var(--pb-vx-muted) !important;
  background: rgba(6, 10, 18, .82) !important;
}
html.dark .fm-content .data-table tbody td { border-color: rgba(255, 255, 255, .065) !important; }
html.dark .fm-content .data-table tbody tr:hover { background: rgba(115, 103, 240, .065) !important; }
html.dark .fm-content .badge-gray {
  border: 1px solid rgba(255, 255, 255, .075) !important;
  color: var(--pb-vx-body) !important;
  background: rgba(255, 255, 255, .055) !important;
}
html.dark .fm-content .drop-zone,
html.dark .fm-content .file-card,
html.dark .fm-content .folder-card {
  border-color: rgba(255, 255, 255, .075) !important;
  color: var(--pb-vx-body) !important;
  background: linear-gradient(145deg, #111827, #0b111e) !important;
  box-shadow: none !important;
}
html.dark .fm-content .file-card:hover,
html.dark .fm-content .folder-card:hover {
  border-color: rgba(var(--pb-vx-primary-rgb), .34) !important;
  box-shadow: 0 .65rem 1.5rem rgba(0, 0, 0, .3) !important;
}
html.dark .fm-main [x-show][style*="background:#fff"] {
  border-color: rgba(255, 255, 255, .075) !important;
  color: var(--pb-vx-body) !important;
  background: var(--pb-vx-elevated) !important;
}

html.dark input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
html.dark select,
html.dark textarea {
  border-color: rgba(255, 255, 255, .09) !important;
  color: var(--pb-vx-heading) !important;
  background-color: rgba(21, 29, 47, .92) !important;
}
html.dark input::placeholder,
html.dark textarea::placeholder { color: #727d94 !important; }
html.dark .modal-header,
html.dark .modal-footer {
  border-color: rgba(255, 255, 255, .07) !important;
  background: var(--pb-vx-surface) !important;
}

@media (max-width: 991.98px) {
  html.dark .main-wrapper > .topbar { background: rgba(13, 20, 35, .97) !important; }

  .app-layout,
  .main-wrapper,
  .page-content {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100vw !important;
  }
  .main-wrapper { margin-left: 0 !important; }
  .page-content { overflow-x: hidden !important; }
  .main-wrapper > .topbar {
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100vw - 1.5rem) !important;
  }
  .v5-hero,
  .v5-status-strip,
  .card { min-width: 0 !important; }
  .page-content > div[style*="grid-template-columns:2fr 1fr"],
  .page-content > div[style*="grid-template-columns:3fr 2fr"] {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: .875rem !important;
  }
}

@media (max-width: 767.98px) {
  .main-wrapper > .topbar {
    justify-content: space-between !important;
    gap: .45rem !important;
    min-height: 58px !important;
    padding: .55rem .65rem !important;
  }
  .topbar-breadcrumb,
  .topbar-search { display: none !important; }
  .topbar-actions {
    width: auto !important;
    min-width: 0 !important;
    gap: .3rem !important;
    margin-left: auto !important;
  }
  .portal-switcher-topbar {
    min-width: 0 !important;
    flex: 0 1 auto !important;
  }
  .portal-switch-btn {
    width: 34px !important;
    min-width: 34px !important;
    padding: 0 !important;
    justify-content: center !important;
  }
  .portal-switch-btn span { display: none !important; }
  .topbar-btn {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
  }
  .page-content { padding-top: 1.35rem !important; }
  .v5-hero {
    width: 100% !important;
    padding: 1.2rem !important;
  }
  .v5-hero-actions,
  .v5-hero-actions .btn { width: 100% !important; }
  .v5-hero-actions .btn { justify-content: center !important; }
  .v5-status-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .65rem !important;
  }
  .v5-status-card {
    min-height: 108px !important;
    padding: .85rem !important;
  }
  .v5-status-trend { font-size: .5rem !important; }
  .v5-status-value { font-size: 1.35rem !important; }
  .chart-container { min-height: 240px !important; }
  .page-content .data-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
  }
  .page-content .data-table th:first-child,
  .page-content .data-table td:first-child { width: 100% !important; }
  .page-content .data-table th:nth-child(n+2),
  .page-content .data-table td:nth-child(n+2) { display: none !important; }
  .page-content .data-table td:first-child > a { min-width: 0 !important; }
  .page-content .data-table td:first-child > a > div:last-child { min-width: 0 !important; }
  .page-content .data-table td:first-child > a > div:last-child > div:first-child {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  .app-layout + .pb-design-credit {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: max-content;
    margin: 0 auto 1rem !important;
  }
}

@media (max-width: 420px) {
  .v5-status-strip { grid-template-columns: 1fr !important; }
  .v5-status-card { min-height: 102px !important; }
}

/* Files use a leading checkbox column; keep the actual name visible on phones. */
@media (max-width: 767.98px) {
  .fm-content .data-table th:first-child,
  .fm-content .data-table td:first-child { display: none !important; }
  .fm-content .data-table th:nth-child(2),
  .fm-content .data-table td:nth-child(2) {
    display: table-cell !important;
    width: 100% !important;
    max-width: none !important;
  }
  .fm-content .data-table th:nth-child(n+3),
  .fm-content .data-table td:nth-child(n+3) { display: none !important; }
  .fm-content .data-table td:nth-child(2) > div {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .fm-content .data-table td:nth-child(2) span {
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
}