/*
  Kennow Command Deck - surgical theme layer.
  This does not depend on replacing services.yaml.
*/

/* Hide scrollbars while keeping scroll */
::-webkit-scrollbar { display: none; }

body {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Atmospheric overlay */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(circle at 18% 12%, rgba(56,189,248,0.22), transparent 28%),
    radial-gradient(circle at 82% 18%, rgba(168,85,247,0.18), transparent 30%),
    radial-gradient(circle at 50% 95%, rgba(34,197,94,0.10), transparent 35%),
    linear-gradient(135deg, rgba(15,23,42,0.35), rgba(2,6,23,0.55));
}

/* General card polish */
.service-card,
.bookmark-card,
li.bookmark a {
  border-radius: 22px !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: 0 16px 36px rgba(0,0,0,0.22) !important;
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    background-color 0.18s ease,
    box-shadow 0.18s ease !important;
  overflow: hidden !important;
  position: relative !important;
}

.service-card:hover,
li.bookmark a:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(255,255,255,0.28) !important;
  box-shadow: 0 20px 44px rgba(0,0,0,0.30) !important;
  background-color: rgba(255,255,255,0.08) !important;
}

/* Tabs: centered pill bar */
#tabs ul {
  width: fit-content !important;
  margin: 0 auto 14px auto !important;
  padding: 6px !important;
  display: flex !important;
  justify-content: center !important;
  gap: 6px !important;
  border-radius: 999px !important;
  background-color: rgba(15,23,42,0.48) !important;
  border: 1px solid rgba(148,163,184,0.18) !important;
  backdrop-filter: blur(10px) !important;
}

#tabs ul li button {
  border-radius: 999px !important;
  padding: 7px 20px !important;
  color: rgba(226,232,240,0.65) !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
}

#tabs ul li button[aria-selected="true"] {
  color: rgba(255,255,255,0.98) !important;
  background: linear-gradient(90deg, rgba(14,165,233,0.32), rgba(139,92,246,0.28)) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
}

/* Group headings */
.service-group-name,
.bookmark-group-name {
  color: rgba(226,232,240,0.56) !important;
  font-weight: 900 !important;
  font-size: 0.72rem !important;
  letter-spacing: 2.3px !important;
  text-transform: uppercase !important;
}

/* Group containers */
#Server-Admin-services-group,
#Cloud---Apps-services-group,
#Media-services-group,
#Seedbox---Torrents-services-group,
#Business---Sites-services-group,
#Hosting---Diagnostics-services-group,
#Quick-Links-bookmarks-group {
  border-radius: 20px !important;
  padding: 13px !important;
  background: rgba(15,23,42,0.28) !important;
  border: 1px solid rgba(148,163,184,0.16) !important;
  backdrop-filter: blur(12px) !important;
}

#Server-Admin-services-group { border-color: rgba(56,189,248,0.34) !important; }
#Cloud---Apps-services-group { border-color: rgba(34,197,94,0.30) !important; }
#Media-services-group { border-color: rgba(245,158,11,0.34) !important; }
#Seedbox---Torrents-services-group { border-color: rgba(20,184,166,0.32) !important; }
#Business---Sites-services-group { border-color: rgba(168,85,247,0.34) !important; }
#Hosting---Diagnostics-services-group { border-color: rgba(248,113,113,0.30) !important; }

/* Card glow helper */
.service-card::before {
  content: "";
  position: absolute;
  inset: 2px 2px 7px 2px;
  border-radius: 20px;
  opacity: 0.24;
  pointer-events: none;
  z-index: 0;
  background-color: rgba(148,163,184,0.7);
}

.service-card > div {
  position: relative !important;
  z-index: 1 !important;
}

/* Server Admin */
#homepage-card::before { background-color: #38bdf8 !important; }
#webmin-card::before { background-color: #2563eb !important; }
#cockpit-card::before { background-color: #0ea5e9 !important; }
#phpmyadmin-card::before { background-color: #f97316 !important; }
#pterodactyl-card::before { background-color: #f59e0b !important; }
#local-router-card::before { background-color: #14b8a6 !important; }
#remote-router-card::before { background-color: #06b6d4 !important; }

/* Cloud & Apps */
#nextcloud-card::before { background-color: #0082c9 !important; }
#onlyoffice-card::before { background-color: #ef4444 !important; }
#mytab-card::before { background-color: #3b82f6 !important; }
#wiki-card::before { background-color: #64748b !important; }
#vault-budget-card::before { background-color: #22c55e !important; }

/* Media */
#plex-card::before { background-color: #e5a00d !important; }
#stream-card::before { background-color: #06b6d4 !important; }
#tunarr-card::before { background-color: #f97316 !important; }
#tautulli-card::before { background-color: #d97706 !important; }
#flood-card::before { background-color: #22c55e !important; }

/* Downloads */
#ruseedbox-card::before { background-color: #14b8a6 !important; }
#seedbox-panel-card::before { background-color: #0f766e !important; }
#iptorrents-card::before { background-color: #dc2626 !important; }
#xspeeds-card::before { background-color: #9333ea !important; }

/* Business */
#kennowtech-card::before { background-color: #f59e0b !important; }
#ride-card::before { background-color: #14b8a6 !important; }
#chadhelp-card::before { background-color: #6366f1 !important; }
#github-card::before { background-color: #94a3b8 !important; }

/* Tools */
#fastcomet-login-card::before { background-color: #2563eb !important; }
#cpanel-login-card::before { background-color: #f97316 !important; }
#dns-checker-card::before { background-color: #38bdf8 !important; }
#whois-card::before { background-color: #64748b !important; }
#why-no-padlock-card::before { background-color: #ef4444 !important; }
#kennowtech-speedtest-card::before { background-color: #06b6d4 !important; }
#carifred-tools-card::before { background-color: #22c55e !important; }
#ublock-origin-card::before { background-color: #dc2626 !important; }

/* Text */
.service-name,
.bookmark-name {
  color: rgba(248,250,252,0.96) !important;
  font-weight: 900 !important;
}

.service-description,
.bookmark-description {
  color: rgba(203,213,225,0.75) !important;
  font-size: 0.75rem !important;
}

/* Ping/status chips */
.service-tags {
  position: absolute !important;
  top: 10px !important;
  right: 12px !important;
  z-index: 20 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 4px !important;
}

.service-ping .ping-status {
  width: auto !important;
  height: auto !important;
  padding: 2px 7px !important;
  border-radius: 999px !important;
  background-color: rgba(15,23,42,0.48) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
}

.service-ping .ping-status div {
  font-size: 9px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

/* Top widgets */
@media (min-width: 768px) {
  .information-widget-resource,
  .information-widget-search,
  .information-widget-datetime,
  .information-widget-greeting,
  [class*="information-widget"] {
    background-color: rgba(15,23,42,0.42) !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 16px !important;
    margin-top: 10px !important;
    backdrop-filter: blur(10px) !important;
  }
}

/* Mobile cleanup */
@media (max-width: 767px) {
  #tabs ul {
    width: 100% !important;
    border-radius: 18px !important;
    flex-wrap: wrap !important;
  }

  #tabs ul li button {
    padding: 7px 12px !important;
  }

  .service-group-name,
  .bookmark-group-name {
    font-size: 0.65rem !important;
    letter-spacing: 1.5px !important;
  }

  #Server-Admin-services-group,
  #Cloud---Apps-services-group,
  #Media-services-group,
  #Seedbox---Torrents-services-group,
  #Business---Sites-services-group,
  #Hosting---Diagnostics-services-group,
  #Quick-Links-bookmarks-group {
    padding: 9px !important;
  }
}

/* Phase 2 utility groups */
#Repair-Bench-services-group,
#Rescue---Boot-Media-services-group,
#LAN-Tools-services-group {
  border-radius: 20px !important;
  padding: 13px !important;
  background: rgba(15,23,42,0.28) !important;
  border: 1px solid rgba(148,163,184,0.16) !important;
  backdrop-filter: blur(12px) !important;
}

#Repair-Bench-services-group { border-color: rgba(14,165,233,0.35) !important; }
#Rescue---Boot-Media-services-group { border-color: rgba(245,158,11,0.35) !important; }
#LAN-Tools-services-group { border-color: rgba(34,197,94,0.35) !important; }

#ninite-card::before,
#windows-11-download-card::before,
#microsoft-update-catalog-card::before,
#intel-drivers-card::before,
#amd-drivers-card::before,
#nvidia-drivers-card::before,
#dell-support-card::before,
#hp-support-card::before,
#lenovo-support-card::before,
#virustotal-card::before,
#hibp-card::before,
#mxtoolbox-card::before,
#ventoy-card::before,
#medicat-card::before,
#rescuezilla-card::before,
#clonezilla-card::before,
#gparted-live-card::before,
#systemrescue-card::before,
#memtest86-card::before,
#hirens-card::before,
#plex-local-card::before,
#transmission-local-card::before,
#tautulli-local-card::before,
#cockpit-local-card::before,
#media-server-card::before,
#cloud-server-card::before,
#daily-driver-card::before {
  content: "";
  position: absolute;
  inset: 2px 2px 7px 2px;
  border-radius: 20px;
  opacity: 0.24;
  pointer-events: none;
  z-index: 0;
}

#ninite-card::before { background-color: #84cc16 !important; }
#windows-11-download-card::before { background-color: #2563eb !important; }
#microsoft-update-catalog-card::before { background-color: #0ea5e9 !important; }
#intel-drivers-card::before { background-color: #38bdf8 !important; }
#amd-drivers-card::before { background-color: #dc2626 !important; }
#nvidia-drivers-card::before { background-color: #22c55e !important; }
#dell-support-card::before { background-color: #2563eb !important; }
#hp-support-card::before { background-color: #0ea5e9 !important; }
#lenovo-support-card::before { background-color: #ef4444 !important; }
#virustotal-card::before { background-color: #6366f1 !important; }
#hibp-card::before { background-color: #f97316 !important; }
#mxtoolbox-card::before { background-color: #06b6d4 !important; }

#ventoy-card::before { background-color: #f97316 !important; }
#medicat-card::before { background-color: #ef4444 !important; }
#rescuezilla-card::before { background-color: #22c55e !important; }
#clonezilla-card::before { background-color: #84cc16 !important; }
#gparted-live-card::before { background-color: #a855f7 !important; }
#systemrescue-card::before { background-color: #06b6d4 !important; }
#memtest86-card::before { background-color: #f59e0b !important; }
#hirens-card::before { background-color: #64748b !important; }

#plex-local-card::before { background-color: #e5a00d !important; }
#transmission-local-card::before { background-color: #22c55e !important; }
#tautulli-local-card::before { background-color: #d97706 !important; }
#cockpit-local-card::before { background-color: #0ea5e9 !important; }
#media-server-card::before { background-color: #2563eb !important; }
#cloud-server-card::before { background-color: #0ea5e9 !important; }
#daily-driver-card::before { background-color: #9333ea !important; }

/* KennowTech polish: cleaner top tab bar */
[role="tablist"] {
  min-height: 48px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  gap: 0.35rem;
  align-items: center;
}

[role="tablist"] a,
[role="tablist"] button {
  min-height: 38px;
  padding: 0.35rem 0.85rem;
  border-radius: 0.85rem;
  white-space: nowrap;
  line-height: 1.1;
}

/* Prevent multi-word tab names from stacking */
[role="tablist"] * {
  white-space: nowrap;
}

/* Kennow TV readability mode */
html,
body {
  font-size: 18px;
}

/* General card text */
.service-card,
.bookmark-card,
.item,
.card,
article,
li,
p,
span,
a {
  font-size: 1.04em;
}

/* Service/bookmark titles */
.service-card .title,
.bookmark-card .title,
.card-title,
h1,
h2,
h3 {
  letter-spacing: -0.01em;
}

/* Keep descriptions readable without getting cartoonishly huge */
.service-card .description,
.bookmark-card .description,
.description,
.text-xs,
.text-sm {
  font-size: 0.98rem !important;
  line-height: 1.35 !important;
}

/* Widget numbers/text */
.widget,
.widget span,
.widget div {
  font-size: 1.02em;
}

/* Top tabs/nav: readable but still one-line */
[role="tablist"] a,
[role="tablist"] button,
nav a,
nav button {
  font-size: 1.02rem;
  white-space: nowrap;
}

/* Search/greeting/date widgets */
input,
button {
  font-size: 1rem;
}