/* Core tightening shard: shared tokens and generic surfaces only. */

:root {--tl-tight-border: rgba(148, 163, 184, 0.22);
  --tl-tight-border-strong: rgba(100, 116, 139, 0.22);
  --tl-tight-surface: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.98));
  --tl-tight-surface-accent: radial-gradient(circle at 100% 0, rgba(37,188,207,.09), transparent 24%), linear-gradient(180deg, rgba(255,255,255,0.99), rgba(248,250,252,0.98));
  --tl-tight-surface-gold: radial-gradient(circle at 0 0, rgba(225,186,65,.08), transparent 22%), linear-gradient(180deg, rgba(255,255,255,0.99), rgba(250,250,248,0.98));
  --tl-tight-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
  --tl-tight-shadow-soft: 0 8px 20px rgba(15, 23, 42, 0.06);
  --tl-tight-shadow-hover: 0 18px 42px rgba(15, 23, 42, 0.12);
  --tl-tight-radius-xl: 30px;
  --tl-tight-radius-lg: 24px;
  --tl-tight-radius-md: 18px;
  --tl-tight-radius-sm: 14px;
  --tl-tight-ring: 0 0 0 4px rgba(37, 188, 207, 0.12);
  --tl-tight-copy: #475569;
  --tl-tight-ink: #0f172a;
  --tl-tight-muted: #64748b;}

html {scroll-padding-top: calc(var(--tl-site-header-offset, var(--tl-site-header-h, 76px)) + 18px);}

body.tl-app,
body.tl-admin-body {background:
    radial-gradient(circle at top right, rgba(37,188,207,.04), transparent 28%),
    radial-gradient(circle at top left, rgba(225,186,65,.035), transparent 24%),
    #f8fafc;}

main {position: relative;}

main > *:first-child {padding-top: 12px;}

.tl-card,
.tl-admin-content .tl-card,
.tl-admin-content .tl-empty,
.tl-admin-content .tl-alert {border: 1px solid var(--tl-tight-border) !important;
  background: var(--tl-tight-surface-accent) !important;
  box-shadow: var(--tl-tight-shadow-soft) !important;}

.tl-card:hover {box-shadow: var(--tl-tight-shadow-hover) !important;
  border-color: rgba(37,188,207,.24) !important;}

.tl-card-copy {color: var(--tl-tight-copy) !important;}

.tl-metric {border: 1px solid var(--tl-tight-border) !important;
  background: var(--tl-tight-surface) !important;
  box-shadow: var(--tl-tight-shadow-soft) !important;}

.tl-ad-card {border-color: rgba(37,188,207,.16) !important;
  box-shadow: var(--tl-tight-shadow-soft) !important;}

.tl-ad-card:hover {box-shadow: var(--tl-tight-shadow-hover) !important;}

.tl-chip,
.tl-ad-card__tag {min-height: 30px;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  border: 1px solid var(--tl-tight-border) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.6);}

.tl-ad-card__priceUnder,
.tl-adp-price__main {letter-spacing: -0.02em;}

.tl-ad-card__priceUnder {box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 8px 16px rgba(15,23,42,.08) !important;}

.tl-table-wrap,
.tl-admin-content .overflow-x-auto,
.tl-admin-content .tl-table-wrap {overflow: auto;
  border-radius: 22px !important;
  border: 1px solid var(--tl-tight-border) !important;
  background: #fff;
  box-shadow: var(--tl-tight-shadow-soft) !important;}

.tl-table,
.tl-admin-table,
.tl-admin-content table.min-w-full,
.tl-admin-content table.w-full,
.tl-admin-content table.text-sm {width: 100%;
  border-collapse: separate !important;
  border-spacing: 0 !important;}

.tl-table thead th,
.tl-admin-table thead th,
.tl-admin-content table thead th {position: sticky;
  top: 0;
  z-index: 2;
  background: rgba(248,250,252,.96) !important;
  backdrop-filter: blur(10px);
  color: var(--tl-tight-muted) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  padding: 13px 14px !important;
  border-bottom: 1px solid var(--tl-tight-border) !important;}

.tl-table tbody td,
.tl-admin-table tbody td,
.tl-admin-content table tbody td {padding: 13px 14px !important;
  vertical-align: middle;
  border-bottom: 1px solid rgba(226,232,240,.92) !important;
  background: rgba(255,255,255,.98);}

.tl-table tbody tr:nth-child(even) td,
.tl-admin-table tbody tr:nth-child(even) td,
.tl-admin-content table tbody tr:nth-child(even) td {background: rgba(248,250,252,.74);}

.tl-table tbody tr:hover td,
.tl-admin-table tbody tr:hover td,
.tl-admin-content table tbody tr:hover td {background: rgba(239,246,255,.84) !important;}

.tl-table tbody tr:last-child td,
.tl-admin-table tbody tr:last-child td,
.tl-admin-content table tbody tr:last-child td {border-bottom: 0 !important;}

.tl-label,
.tl-form-label,
.tl-field label {display: block;
  margin-bottom: 8px !important;
  color: var(--tl-tight-ink) !important;
  font-size: 13px !important;
  font-weight: 900 !important;}

.tl-input,
.tl-inputx,
.tl-admin-content input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
.tl-admin-content select,
.tl-admin-content textarea {width: 100%;
  min-height: 46px;
  border-radius: 16px !important;
  border: 1px solid var(--tl-tight-border-strong) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.95)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92);}

.tl-admin-content textarea {min-height: 120px;}

.tl-input:focus,
.tl-inputx:focus,
.tl-admin-content input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):focus,
.tl-admin-content select:focus,
.tl-admin-content textarea:focus {outline: none;
  border-color: rgba(37,188,207,.46) !important;
  box-shadow: var(--tl-tight-ring) !important;}

.tl-admin-content form {gap: 14px;}

.tl-btn,
.tl-btnx,
.tl-mini-btn,
.tl-admin-content .tl-btn {border-radius: 14px !important;
  font-weight: 900 !important;
  box-shadow: 0 8px 18px rgba(15,23,42,.08);}

.tl-btn--primary,
.tl-btnx--gold,
.tl-mini-btn--gold,
.tl-mini-btn--navy {box-shadow: 0 12px 24px rgba(15,23,42,.12) !important;}

.tl-btn--secondary,
.tl-btn--minimal,
.tl-btnx--soft,
.tl-btnx--ghost,
.tl-mini-btn--ghost,
.tl-mini-btn--line {box-shadow: none !important;}

.tl-admin-topbar,
.tl-admin-content .tl-page,
.tl-admin-content .tl-card,
.tl-admin-content .tl-table-wrap,
.tl-admin-content .tl-empty {border-radius: 22px !important;}

.tl-admin-topbar {box-shadow: 0 12px 26px rgba(15,23,42,.10) !important;}

.tl-admin-content .tl-page,
.tl-admin-content .tl-card,
.tl-admin-content .tl-table-wrap,
.tl-admin-content .tl-empty {border: 1px solid rgba(148,163,184,.18) !important;
  box-shadow: var(--tl-tight-shadow-soft) !important;}

@media (max-width: 1023px), ((hover: none) and (pointer: coarse) and (max-width: 1366px)){
main > *:first-child {padding-top: 10px;}

.tl-btn,
.tl-btnx,
.tl-mini-btn,
.tl-admin-content .tl-btn {width: 100%;
    justify-content: center !important;}

.tl-table thead th,
.tl-admin-table thead th,
.tl-admin-content table thead th,
.tl-table tbody td,
.tl-admin-table tbody td,
.tl-admin-content table tbody td {padding: 11px 10px !important;
    font-size: 12px !important;}
}

@media (max-width: 767px), ((hover: none) and (pointer: coarse) and (max-width: 1366px)){
.tl-metrics {gap: 10px !important;}
}

.tl-metric__label {color: var(--tl-tight-muted) !important;}

.tl-metric__value {color: var(--tl-tight-ink) !important;}

@media (max-width: 767.98px), ((hover: none) and (pointer: coarse) and (max-width: 1366px)){
body.tl-app {background:
      radial-gradient(circle at top right, rgba(37,188,207,.035), transparent 24%),
      radial-gradient(circle at top left, rgba(225,186,65,.03), transparent 20%),
      #f4f7fb;}
}


/* TL unified desktop header */
@media ((min-width: 1024px) and (hover: hover) and (pointer: fine)), (min-width: 1367px) {
.tl-site-ribbon--home {
  position: relative;
  background:
    linear-gradient(90deg, rgba(15, 35, 71, 0.98) 0%, rgba(27, 52, 104, 0.98) 58%, rgba(18, 88, 128, 0.98) 100%) !important;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.08);
}

.tl-site-ribbon--home::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 12% 50%, rgba(245, 197, 24, 0.14), transparent 26%),
    linear-gradient(90deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0) 32%, rgba(255,255,255,0.08) 100%);
  pointer-events: none;
}

.tl-site-ribbon--home .h-10 {
  height: 3.1rem;
}

.tl-site-ribbon--home .text-xs {
  font-size: 0.75rem;
  letter-spacing: 0.01em;
}

#tlSiteHeader.tl-site-header--home {
  position: sticky;
  top: 0;
  background:
    linear-gradient(90deg, rgba(15, 35, 71, 0.96) 0%, rgba(27, 52, 104, 0.96) 64%, rgba(0, 188, 212, 0.34) 100%) !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(18px);
  box-shadow: 0 18px 44px rgba(8, 15, 32, 0.22);
  overflow: clip;
}

#tlSiteHeader.tl-site-header--home::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 15% 0%, rgba(245, 197, 24, 0.18), transparent 22%),
    radial-gradient(circle at 100% 0%, rgba(0, 188, 212, 0.14), transparent 28%);
  pointer-events: none;
}

#tlSiteHeader.tl-site-header--home .tl-site-header__inner {
  position: relative;
  gap: 18px;
  min-height: 96px;
}

#tlSiteHeader.tl-site-header--home .tl-site-header__brand {
  gap: 14px;
  padding-inline: 4px;
}

#tlSiteHeader.tl-site-header--home .tl-site-header__brand-mark {
  width: 72px;
  height: 72px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(255, 255, 255, 0.16) !important;
  box-shadow: 0 16px 36px rgba(2, 6, 23, 0.24);
}

#tlSiteHeader.tl-site-header--home .tl-site-header__brand-copy {
  display: grid;
  gap: 6px;
}

#tlSiteHeader.tl-site-header--home .tl-site-header__brand-title,
#tlSiteHeader.tl-site-header--home .tl-site-header__brand-tagline,
#tlSiteHeader.tl-site-header--home .tl-site-header__nav-link,
#tlSiteHeader.tl-site-header--home .tl-site-header__account-meta strong,
#tlSiteHeader.tl-site-header--home .tl-site-header__account-meta small {
  color: #ffffff !important;
}

#tlSiteHeader.tl-site-header--home .tl-site-header__brand-title {
  font-size: 1.18rem;
  line-height: 1.1;
  font-weight: 950;
}

#tlSiteHeader.tl-site-header--home .tl-site-header__brand-tagline {
  max-width: 30ch;
  color: rgba(255, 255, 255, 0.74) !important;
  font-size: 0.74rem;
  line-height: 1.8;
}

#tlSiteHeader.tl-site-header--home .tl-site-header__nav {
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(14px);
}

#tlSiteHeader.tl-site-header--home .tl-site-header__nav-link {
  min-height: 46px;
  padding: 0 18px !important;
  border-radius: 999px;
  background: transparent !important;
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 0.88rem;
  font-weight: 900;
}

#tlSiteHeader.tl-site-header--home .tl-site-header__nav-link:hover {
  background: rgba(255, 255, 255, 0.10) !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}

#tlSiteHeader.tl-site-header--home .tl-site-header__nav-link.is-active {
  background: #00BCD4 !important;
  color: #ffffff !important;
  box-shadow: 0 12px 28px rgba(0, 188, 212, 0.26);
}

#tlSiteHeader.tl-site-header--home .tl-site-header__actions {
  gap: 10px;
}

#tlSiteHeader.tl-site-header--home .tl-site-header__cta,
#tlSiteHeader.tl-site-header--home .tl-site-header__register-chip,
#tlSiteHeader.tl-site-header--home .tl-site-header__ghost-action,
#tlSiteHeader.tl-site-header--home .tl-site-header__account-chip,
#tlSiteHeader.tl-site-header--home .tl-site-header__messages-chip {
  min-height: 46px;
  border-radius: 18px;
}

#tlSiteHeader.tl-site-header--home .tl-site-header__cta {
  background: #F5C518 !important;
  color: #0F2347 !important;
  border: 0 !important;
  box-shadow: 0 14px 28px rgba(245, 197, 24, 0.26);
}

#tlSiteHeader.tl-site-header--home .tl-site-header__register-chip,
#tlSiteHeader.tl-site-header--home .tl-site-header__ghost-action,
#tlSiteHeader.tl-site-header--home .tl-site-header__account-chip,
#tlSiteHeader.tl-site-header--home .tl-site-header__messages-chip {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  box-shadow: none;
}

#tlSiteHeader.tl-site-header--home .tl-site-header__register-chip:hover,
#tlSiteHeader.tl-site-header--home .tl-site-header__ghost-action:hover,
#tlSiteHeader.tl-site-header--home .tl-site-header__account-chip:hover,
#tlSiteHeader.tl-site-header--home .tl-site-header__messages-chip:hover {
  background: rgba(255, 255, 255, 0.13) !important;
}

#tlSiteHeader.tl-site-header--home .tl-site-header__messages-chip.is-active {
  background: rgba(0, 188, 212, 0.18) !important;
  color: #ffffff !important;
  border-color: rgba(0, 188, 212, 0.24) !important;
}

#tlSiteHeader.tl-site-header--home .tl-site-header__account-avatar {
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

#tlSiteHeader.tl-site-header--home .tl-site-header__account-meta small {
  color: rgba(255, 255, 255, 0.64) !important;
}
}

@media (min-width: 1024px) and (max-width: 1279.98px) {
#tlSiteHeader.tl-site-header--home .tl-site-header__inner {
  gap: 14px;
}

#tlSiteHeader.tl-site-header--home .tl-site-header__brand-mark {
  width: 64px;
  height: 64px;
  border-radius: 22px;
}

#tlSiteHeader.tl-site-header--home .tl-site-header__brand-title {
  font-size: 1.08rem;
}

#tlSiteHeader.tl-site-header--home .tl-site-header__brand-tagline {
  max-width: 22ch;
  font-size: 0.72rem;
}

#tlSiteHeader.tl-site-header--home .tl-site-header__nav-link {
  padding: 0 14px !important;
  font-size: 0.83rem;
}
}