/* =========================================================================
   SGIT CORPORATE DARK THEME - MASTER STYLESHEET (Client & SCP)
   ========================================================================= */

:root {
  /* Dark Design Tokens */
  --sgit-bg-base: #020617;         /* Very dark slate navy */
  --sgit-bg-container: #0f172a;    /* Slate 900 */
  --sgit-bg-panel: #1e293b;        /* Slate 800 */
  --sgit-bg-input: #020617;        /* Form elements background */
  --sgit-border: rgba(148, 163, 184, 0.18);
  --sgit-border-focus: #3b82f6;
  --sgit-text: #f1f5f9;            /* Slate 100 */
  --sgit-text-muted: #94a3b8;      /* Slate 400 */
  --sgit-text-bright: #ffffff;
  --sgit-blue-azure: #007FFF;      /* Premium SGIT Azure Blue */
  --sgit-blue-hover: #1d4ed8;
  --sgit-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
  --sgit-radius: 12px;

  /* Alert Banners Colors */
  --success-bg: rgba(6, 78, 59, 0.65);
  --success-border: #10b981;
  --success-text: #d1fae5;
  --warning-bg: rgba(120, 53, 15, 0.65);
  --warning-border: #f59e0b;
  --warning-text: #fde68a;
  --error-bg: rgba(127, 29, 29, 0.65);
  --error-border: #ef4444;
  --error-text: #fee2e2;
}

/* ---------- 1. GLOBAL RESETS & TYPOGRAPHY ---------- */
html, body {
  background: var(--sgit-bg-base) !important;
  color: var(--sgit-text) !important;
  font-family: Inter, "Segoe UI", system-ui, -apple-system, sans-serif !important;
  font-size: 14px;
  line-height: 1.5;
  width: 100%;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--sgit-text-bright) !important;
  font-weight: 700 !important;
}

a {
  color: #60a5fa !important;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

a:hover {
  color: #93c5fd !important;
  text-decoration: underline !important;
}

/* ---------- 2. LAYOUT & CONTAINERS ---------- */
#container {
  width: 95% !important;
  max-width: 960px !important;
  margin: 0 auto 20px auto !important;
  background: var(--sgit-bg-container) !important;
  border: 1px solid var(--sgit-border) !important;
  border-radius: var(--sgit-radius) !important;
  box-shadow: var(--sgit-shadow) !important;
  box-sizing: border-box !important;
  overflow: hidden;
}

#content, .content, .wrapper, .page, #scpwrap, #scplogo {
  background: transparent !important;
  color: var(--sgit-text) !important;
}

#header {
  height: auto !important;
  min-height: 80px;
  padding: 15px 20px;
  background: var(--sgit-bg-container) !important;
  border-bottom: 3px solid var(--sgit-blue-azure) !important;
}

/* Hide broken image and align helper */
#header #logo img, 
#header #logo .valign-helper {
  display: none !important;
}

#header #logo {
  display: block;
  text-decoration: none !important;
  padding: 10px 0 !important;
  width: auto !important;
  height: auto !important;
  outline: none;
  background: transparent !important;
  box-shadow: none !important;
}

/* Premium SGIT Text Logo */
#header #logo::after {
  content: "SGIT MANAGED IT PROVIDER TICKET SYSTEM";
  color: var(--sgit-blue-azure) !important;
  font-size: 24px;
  font-weight: 800;
  font-family: 'Segoe UI', Inter, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: block;
  line-height: 1.2;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.7);
}

/* ---------- 3. GLOBAL NAVIGATION & TABS ---------- */
/* Hide client Guest/Sign In/Flags and Main Nav as customized */
#header .pull-right, 
#header .flush-right,
#nav {
  display: none !important;
}

/* SCP Navigation & Subnav */
#subnav, #subnav .content {
  background: var(--sgit-bg-container) !important;
  border-color: var(--sgit-border) !important;
}

#nav li a, #subnav li a {
  background: rgba(148, 163, 184, 0.08) !important;
  border: 1px solid var(--sgit-border) !important;
  color: var(--sgit-text-muted) !important;
  border-radius: 8px !important;
  padding: 8px 14px !important;
  transition: all 0.2s ease;
}

#nav li.active a, #subnav li.active a {
  background: linear-gradient(90deg, rgba(59, 130, 246, 0.4), rgba(34, 211, 238, 0.15)) !important;
  border-color: rgba(96, 165, 250, 0.6) !important;
  color: var(--sgit-text-bright) !important;
}

#nav li a:hover, #subnav li a:hover {
  background: rgba(59, 130, 246, 0.15) !important;
  border-color: var(--sgit-border-focus) !important;
  color: var(--sgit-text-bright) !important;
}

/* ---------- 4. DROPDOWNS & MENUS ---------- */
.dropdown-menu,
.dropdown ul,
#nav .submenu,
#subnav .submenu,
ul.dmenu,
ul.action-dropdown,
.action-dropdown,
#nav ul,
#subnav ul {
  background: rgba(15, 23, 42, 0.98) !important;
  border: 1px solid var(--sgit-border) !important;
  border-radius: var(--sgit-radius) !important;
  box-shadow: var(--sgit-shadow) !important;
  color: var(--sgit-text) !important;
}

.dropdown-menu a,
#nav .submenu a,
ul.dmenu li a,
ul.action-dropdown li a {
  color: var(--sgit-text-muted) !important;
  background: transparent !important;
}

.dropdown-menu a:hover,
#nav .submenu a:hover,
ul.dmenu li a:hover,
ul.action-dropdown li a:hover {
  background: rgba(59, 130, 246, 0.16) !important;
  color: var(--sgit-text-bright) !important;
}

.dropdown-menu .divider,
ul.dmenu .divider,
.action-dropdown .divider {
  border-top: 1px solid var(--sgit-border) !important;
  opacity: 0.6 !important;
}

/* ---------- 5. TABLES (Client & SCP list pages) ---------- */
table, .table, table.list {
  background: transparent !important;
  color: var(--sgit-text) !important;
  border-color: var(--sgit-border) !important;
  border-collapse: collapse !important;
  width: 100% !important;
}

table thead th, .table thead th, table.list thead th {
  background: rgba(15, 23, 42, 0.9) !important;
  color: var(--sgit-text-bright) !important;
  border-bottom: 2px solid var(--sgit-border) !important;
  padding: 12px 10px !important;
  font-weight: 700 !important;
}

table tbody td, .table tbody td, table.list tbody td {
  background: var(--sgit-bg-container) !important;
  border-bottom: 1px solid var(--sgit-border) !important;
  padding: 10px !important;
}

table.list tbody tr:nth-child(even) td {
  background: rgba(2, 6, 23, 0.3) !important;
}

table.list tbody tr:hover td {
  background: rgba(59, 130, 246, 0.08) !important;
}

/* ---------- 6. FORMS & INPUT ELEMENTS ---------- */
input[type="text"], input[type="search"], input[type="email"], input[type="tel"],
input[type="number"], input[type="password"], textarea, select {
  background: var(--sgit-bg-input) !important;
  color: var(--sgit-text-bright) !important;
  border: 1px solid var(--sgit-border) !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  box-sizing: border-box !important;
}

input:focus, textarea:focus, select:focus {
  border-color: var(--sgit-border-focus) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25) !important;
}

input::placeholder, textarea::placeholder {
  color: rgba(148, 163, 184, 0.6) !important;
}

select option {
  background: var(--sgit-bg-container) !important;
  color: var(--sgit-text-bright) !important;
}

label, .faded, .desc, .hint, .form-header, .form-caption {
  color: var(--sgit-text-muted) !important;
}

/* ---------- 7. BUTTONS ---------- */
.button, .action-button, input[type="submit"], input[type="button"], button {
  background: rgba(59, 130, 246, 0.15) !important;
  color: var(--sgit-text-bright) !important;
  border: 1px solid rgba(59, 130, 246, 0.35) !important;
  border-radius: 999px !important; /* Premium rounded pill look */
  padding: 10px 20px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
}

.button:hover, .action-button:hover, input[type="submit"]:hover, button:hover {
  background: var(--sgit-blue-azure) !important;
  border-color: var(--sgit-blue-azure) !important;
  color: #fff !important;
}

.primary.button {
  background: var(--sgit-blue-azure) !important;
  border-color: var(--sgit-blue-azure) !important;
}

.primary.button:hover {
  background: var(--sgit-blue-hover) !important;
}

/* Secondary/Reset buttons */
input[type="reset"], .button.secondary, .btn.secondary {
  background: rgba(148, 163, 184, 0.1) !important;
  border: 1px solid var(--sgit-border) !important;
  color: var(--sgit-text-muted) !important;
}

input[type="reset"]:hover, .button.secondary:hover, .btn.secondary:hover {
  background: rgba(148, 163, 184, 0.18) !important;
  color: var(--sgit-text) !important;
}

/* ---------- 8. SYSTEM ALERTS & BANNERS ---------- */
#msg_notice, .success-banner {
  background: var(--success-bg) !important;
  border: 1px solid var(--success-border) !important;
  color: var(--success-text) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  margin-bottom: 20px !important;
}

#msg_warning, .warning-banner {
  background: var(--warning-bg) !important;
  border: 1px solid var(--warning-border) !important;
  color: var(--warning-text) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  margin-bottom: 20px !important;
}

#msg_error, .error-banner, .error_msg {
  background: var(--error-bg) !important;
  border: 1px solid var(--error-border) !important;
  color: var(--error-text) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  margin-bottom: 20px !important;
}

/* ---------- 9. FOOTER (Client & Staff) ---------- */
#footer {
  background: var(--sgit-bg-base) !important;
  color: var(--sgit-text-muted) !important;
  border-top: 1px solid var(--sgit-border) !important;
  padding: 24px 15px !important;
  text-align: center;
}

#footer a, #footer a:visited {
  color: rgba(147, 197, 253, 0.95) !important;
  text-decoration: none !important;
}

#footer a:hover {
  color: var(--sgit-text-bright) !important;
  text-decoration: underline !important;
}

/* Specific styling for support details in footer to make them visible */
#footer a[href^="tel:"],
#footer a[href^="mailto:"] {
  color: var(--sgit-text-bright) !important;
  font-weight: 800 !important;
  letter-spacing: 0.2px;
}

#footer i, #footer svg {
  opacity: 0.9 !important;
  filter: none !important;
}

/* ---------- 10. CUSTOM LANDING PAGE CARDS & LAYOUT ---------- */
.sgit-home {
  font-family: 'Segoe UI', Inter, -apple-system, sans-serif;
  color: #f1f5f9;
  max-width: 960px;
  margin: 0 auto;
  padding: 10px 5px;
}

/* Hero Banner on Homepage */
.sgit-home-hero {
  text-align: center;
  padding: 30px 15px 40px;
  background: linear-gradient(135deg, #0f172a 0%, #020617 100%) !important;
  border: 1px solid var(--sgit-border);
  border-radius: 16px;
  margin-bottom: 30px;
  box-shadow: var(--sgit-shadow);
}

.sgit-home-hero h1 {
  color: #3b82f6 !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px;
  margin: 0 0 12px 0 !important;
  text-transform: uppercase;
}

.sgit-home-hero p {
  color: #cbd5e1 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  max-width: 720px;
  margin: 0 auto !important;
}

/* Flexbox / Grid for both layout options */
.landing-wrapper, .sgit-home-grid {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-top: 30px;
  flex-wrap: wrap;
}

/* Cards (Supporting both .landing-card and .sgit-home-card) */
.landing-card, .sgit-home-card {
  background: var(--sgit-bg-container) !important;
  border: 1px solid var(--sgit-border) !important;
  border-radius: var(--sgit-radius) !important;
  padding: 35px 20px !important;
  width: 290px;
  text-align: center;
  text-decoration: none !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: var(--sgit-shadow) !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.landing-card:hover, .sgit-home-card:hover {
  transform: translateY(-5px);
  border-color: var(--sgit-blue-azure) !important;
  box-shadow: 0 10px 25px -5px rgba(0, 127, 255, 0.25) !important;
  background: rgba(30, 41, 59, 0.45) !important;
}

/* Icons within cards */
.card-icon, .sgit-home-icon {
  font-size: 36px;
  margin-bottom: 18px;
  color: #60a5fa;
  width: 54px;
  height: 54px;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sgit-home-icon svg {
  width: 28px;
  height: 28px;
  fill: #3b82f6;
}

/* Typography inside cards */
.landing-card h3, .sgit-home-card h2 {
  color: var(--sgit-text-bright) !important;
  font-size: 19px !important;
  margin: 0 0 12px 0 !important;
  font-weight: 700 !important;
}

.landing-card p, .sgit-home-card p {
  color: var(--sgit-text-muted) !important;
  font-size: 14px !important;
  margin: 0 0 20px 0 !important;
  line-height: 1.5;
  flex-grow: 1;
}

/* Action buttons for homepage cards */
.sgit-home-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #1e293b;
  color: #60a5fa !important;
  border: 2px solid #3b82f6;
  padding: 12px 24px;
  border-radius: 10px;
  text-decoration: none !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  transition: all 0.2s ease;
  width: 100%;
  box-sizing: border-box;
}

.sgit-home-btn:hover {
  background-color: #3b82f6;
  color: #fff !important;
}

/* Info Box / Info Banner */
.sgit-home-info {
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid var(--sgit-border);
  border-radius: 12px;
  padding: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.sgit-home-info h3 {
  color: #60a5fa !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  margin: 0 0 10px 0 !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.sgit-home-info ul {
  margin: 0 !important;
  padding-left: 20px !important;
  color: #94a3b8;
}

.sgit-home-info li {
  font-size: 14px !important;
  line-height: 1.6 !important;
  margin-bottom: 8px !important;
}

/* Quick Support footer on homepage */
.sgit-home-footer {
  text-align: center;
  border-top: 1px solid var(--sgit-border);
  padding-top: 24px;
  margin-top: 10px;
}

.sgit-home-footer p {
  color: #94a3b8 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* ---------- 11. GLOBAL CONSOLIDATED MOBILE FIXES ---------- */
@media only screen and (max-width: 980px) {
  
  html, body {
    width: 100% !important;
    overflow-x: hidden !important;
  }

  #container, #content, #main, #middle, .content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
    float: none !important;
    border-radius: 0 !important;
  }

  #sidebar, .sidebar, .pull-left, .pull-right, .left, .right {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  input, textarea, select {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  a.button, .button, button, input[type="submit"], input[type="button"] {
    width: 100% !important;
    max-width: 480px !important;
    margin: 12px auto !important;
    display: block !important;
    box-sizing: border-box !important;
    white-space: normal !important;
  }

  p, div, span, a, td, th, li, h1, h2, h3, h4 {
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  img, svg, canvas, iframe {
    max-width: 100% !important;
    height: auto !important;
  }

  #footer {
    padding: 20px 15px !important;
    text-align: center !important;
  }

  #footer a, #footer span {
    display: inline-block !important;
    margin: 6px 8px !important;
  }

  /* Grid layout breaks down on mobile devices */
  .landing-wrapper, .sgit-home-grid {
    flex-direction: column !important;
    align-items: center !important;
    gap: 16px;
  }

  .landing-card, .sgit-home-card {
    width: 100% !important;
    max-width: 320px !important;
  }
}

@media only screen and (max-width: 760px) {
  #header #logo::after {
    font-size: 16px !important;
    white-space: normal !important;
    text-align: center;
    padding-right: 10px;
  }
  
  #content {
    padding: 10px !important;
  }
}

/* Force filter strip in older browsers/osTicket versions */
* {
  filter: none !important;
  -webkit-filter: none !important;
}

/* ---------- 12. RICH TEXT EDITOR INLINE STYLE OVERRIDES & FLAT FALLBACKS ---------- */

/* Εξουδετέρωση των σκούρων/μαύρων χρωμάτων που βάζει αυτόματα ο επεξεργαστής κειμένου */
#content span[style*="color:rgb(12,"],
#content span[style*="color: rgb(12,"],
#content span[style*="color:#0c0c0c"],
#content span[style*="color: #0c0c0c"],
#content [style*="color:black"],
#content [style*="color: black"],
#content [style*="color:#000"],
#content [style*="color: #000"] {
  color: var(--sgit-text) !important; /* Αναγκάζει το κείμενο να γίνει φωτεινό γκρι */
}

/* Force all text inside the content area to be light and highly readable */
#content, 
#content p, 
#content span, 
#content li, 
#content td,
#content th,
#content div:not(.landing-card):not(.sgit-home-card):not(.sgit-home-icon) {
  color: var(--sgit-text) !important;
}

/* Override inline dark colors on headings and lists */
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6,
#content h1 span, #content h2 span, #content h3 span, #content h4 span, #content h5 span, #content h6 span {
  color: var(--sgit-text-bright) !important;
}

/* Give specific beautiful bright blue/cyan accents to headings */
#content h1 {
  color: #ffffff !important;
  text-align: center !important;
  margin-top: 25px !important;
  margin-bottom: 15px !important;
  font-size: 32px !important;
  font-weight: 800 !important;
}

#content > h1:first-of-type + p,
#content > h1:first-of-type + p span {
  text-align: center !important;
  max-width: 720px !important;
  margin: 0 auto 35px auto !important;
  color: var(--sgit-text-muted) !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

#content h2 {
  border-left: 4px solid var(--sgit-blue-azure) !important;
  padding-left: 12px !important;
  margin-top: 35px !important;
  margin-bottom: 15px !important;
  font-size: 20px !important;
  color: var(--sgit-blue-azure) !important;
}
#content h2 span {
  color: var(--sgit-blue-azure) !important;
}

#content h3 {
  color: #60a5fa !important;
  margin-top: 35px !important;
  margin-bottom: 15px !important;
  font-size: 18px !important;
  border-bottom: 1px solid var(--sgit-border) !important;
  padding-bottom: 8px !important;
}
#content h3 span {
  color: #60a5fa !important;
}

/* Force spans inside links to inherit the link color (prevents dark/invisible text in buttons) */
#content a span {
  color: inherit !important;
}

/* Convert flat homepage links into beautiful call-to-action buttons */
#content a[href*="open.php"],
#content a[href*="view.php"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background-color: var(--sgit-blue-azure) !important; /* Solid bright blue background */
  color: #ffffff !important; /* High contrast pure white text */
  border: 2px solid var(--sgit-blue-azure) !important;
  padding: 12px 28px !important;
  border-radius: 8px !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 12px rgba(0, 127, 255, 0.3) !important;
  margin-top: 10px !important;
  margin-bottom: 20px !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

#content a[href*="open.php"]:hover,
#content a[href*="view.php"]:hover {
  background-color: var(--sgit-blue-hover) !important;
  border-color: var(--sgit-blue-hover) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(0, 127, 255, 0.5) !important;
}

/* Styling lists and details for high readability */
#content ul {
  padding-left: 20px !important;
  margin-bottom: 25px !important;
}

#content li {
  margin-bottom: 12px !important;
  line-height: 1.6 !important;
  color: var(--sgit-text-muted) !important;
}

#content li strong {
  color: var(--sgit-text-bright) !important;
}

#content a[href^="mailto:"] {
  color: #60a5fa !important;
  font-weight: 700;
}
/* ---------- 9. FOOTER (Client & Staff) ---------- */
#footer {
background: var(--sgit-bg-base) !important;
color: var(--sgit-text-muted) !important;
border-top: 1px solid var(--sgit-border) !important;
padding: 24px 15px !important;
text-align: center;
}

#footer a, #footer a:visited {
color: rgba(147, 197, 253, 0.95) !important;
text-decoration: none !important;
}

#footer a:hover {
color: var(--sgit-text-bright) !important;
text-decoration: underline !important;
}

/* Specific styling for support details in footer to make them visible */
#footer a[href^="tel:"] {
color: var(--sgit-text-bright) !important;
font-weight: 800 !important;
letter-spacing: 0.2px;
}

#footer a[href^="mailto:"] {
color: var(--sgit-text-bright) !important;
font-weight: 800 !important;
letter-spacing: 0.2px;
}

#footer i, #footer svg {
opacity: 0.9 !important;
filter: none !important;
}

/* ---------- 10. CUSTOM LANDING PAGE CARDS & LAYOUT ---------- */
.sgit-home {

/* Grid layout breaks down on mobile devices */
.landing-wrapper, .sgit-home-grid {
flex-direction: column !important;
align-items: center !important;
gap: 16px;
}

.landing-card, .sgit-home-card {
width: 100% !important;
max-width: 320px !important;
}
}

@media only screen and (max-width: 760px) {
#header #logo::after {
font-size: 16px !important;
white-space: normal !important;
text-align: center;
padding-right: 10px;
}

#content {
padding: 10px !important;
}
}

/* Force filter strip in older browsers/osTicket versions */

{
filter: none !important;
-webkit-filter: none !important;
}

/* ---------- 12. RICH TEXT EDITOR INLINE STYLE OVERRIDES & FLAT FALLBACKS ---------- */

/* Εξουδετέρωση των σκούρων/μαύρων χρωμάτων που βάζει αυτόματα ο επεξεργαστής κειμένου /
#content span[style="color:rgb(12,"],
#content span[style*="color: rgb(12,"],
#content span[style*="color:#0c0c0c"],
#content span[style*="color: #0c0c0c"],
#content [style*="color:black"],
#content [style*="color: black"],
#content [style*="color:#000"],
#content [style*="color: #000"] {
color: var(--sgit-text) !important; /* Αναγκάζει το κείμενο να γίνει φωτεινό γκρι */
}

/* Force all text inside the content area to be light and highly readable */
#content,
#content p,
#content span,
#content li,
#content td,
#content th,
#content div:not(.landing-card):not(.sgit-home-card):not(.sgit-home-icon) {
color: var(--sgit-text) !important;
}

/* Override inline dark colors on headings and lists */
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6,
#content h1 span, #content h2 span, #content h3 span, #content h4 span, #content h5 span, #content h6 span {
color: var(--sgit-text-bright) !important;
}

/* Give specific beautiful bright blue/cyan accents to headings */
#content h1 {
color: #ffffff !important;
text-align: center !important;
margin-top: 25px !important;
margin-bottom: 15px !important;
font-size: 32px !important;
font-weight: 800 !important;
}

#content > h1:first-of-type + p,
#content > h1:first-of-type + p span {
text-align: center !important;
max-width: 720px !important;
margin: 0 auto 35px auto !important;
color: var(--sgit-text-muted) !important;
font-size: 16px !important;
line-height: 1.6 !important;
}

#content h2 {
border-left: 4px solid var(--sgit-blue-azure) !important;
padding-left: 12px !important;
margin-top: 35px !important;
margin-bottom: 15px !important;
font-size: 20px !important;
color: var(--sgit-blue-azure) !important;
}
#content h2 span {
color: var(--sgit-blue-azure) !important;
}

#content h3 {
color: #60a5fa !important;
margin-top: 35px !important;
margin-bottom: 15px !important;
font-size: 18px !important;
border-bottom: 1px solid var(--sgit-border) !important;
padding-bottom: 8px !important;
}
#content h3 span {
color: #60a5fa !important;
}

/* Force spans inside links to inherit the link color (prevents dark/invisible text in buttons) */
#content a span {
color: inherit !important;
}

/* Convert flat homepage links into beautiful call-to-action buttons /
#content a[href="open.php"],
#content a[href*="view.php"] {
display: inline-flex !important;
align-items: center;
justify-content: center;
background-color: var(--sgit-blue-azure) !important; /* Solid bright blue background /
color: #ffffff !important; / High contrast pure white text */
border: 2px solid var(--sgit-blue-azure) !important;
padding: 12px 28px !important;
border-radius: 8px !important;
font-weight: 800 !important;
font-size: 15px !important;
text-decoration: none !important;
transition: all 0.2s ease !important;
box-shadow: 0 4px 12px rgba(0, 127, 255, 0.3) !important;
margin-top: 10px !important;
margin-bottom: 20px !important;
text-transform: uppercase;
letter-spacing: 0.5px;
}

#content a[href*="open.php"]:hover,
#content a[href*="view.php"]:hover {
background-color: var(--sgit-blue-hover) !important;
border-color: var(--sgit-blue-hover) !important;
color: #ffffff !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 24px rgba(0, 127, 255, 0.5) !important;
}

/* Styling lists and details for high readability */
#content ul {
padding-left: 20px !important;
margin-bottom: 25px !important;
}

#content li {
margin-bottom: 12px !important;
line-height: 1.6 !important;
color: var(--sgit-text-muted) !important;
}

#content li strong {
color: var(--sgit-text-bright) !important;
}

#content a[href^="mailto:"] {
color: #60a5fa !important;
font-weight: 700;
}

/* ---------- 13. SCP BULK ACTIONS VISIBILITY PATCH ---------- /
/ Εξασφαλίζει ότι η μπάρα ενεργειών (Bulk Action Bar) του SCP δεν θα κρύβεται /
.sticky.bar {
position: fixed !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
z-index: 99999 !important; / Τεράστιο z-index για να περνάει πάνω από τα πάντα /
background: #0f172a !important; / Σκούρο slate φόντο /
border-top: 2px solid var(--sgit-blue-azure) !important;
box-shadow: 0 -10px 30px rgba(0,0,0,0.6) !important;
padding: 12px 20px !important;
display: block !important; / Αναγκάζει την εμφάνιση */
}

/* Εμφάνιση των επιλογών μέσα στη μπάρα ενεργειών */
.sticky.bar .content {
max-width: 960px !important;
margin: 0 auto !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
}

/* Force action buttons (Delete, Status, Transfer) to be bright and clickable */
.sticky.bar .action-button,
.sticky.bar a.action-button,
.sticky.bar button {
background: var(--sgit-bg-panel) !important;
color: var(--sgit-text-bright) !important;
border: 1px solid var(--sgit-border) !important;
padding: 8px 16px !important;
border-radius: 6px !important;
font-size: 13px !important;
font-weight: 700 !important;
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
}

.sticky.bar .action-button:hover,
.sticky.bar a.action-button:hover,
.sticky.bar button:hover {
background: var(--sgit-blue-azure) !important;
border-color: var(--sgit-blue-azure) !important;
color: #fff !important;
}

/* Dropdown μενού επιλογών (π.χ. More / Delete) */
.sticky.bar .action-dropdown {
background: #0f172a !important;
border: 1px solid var(--sgit-border) !important;
border-radius: 8px !important;
}

.sticky.bar .action-dropdown li a {
color: var(--sgit-text) !important;
}

.sticky.bar .action-dropdown li a:hover {
background: var(--sgit-blue-azure) !important;
color: #fff !important;
}