/* Body background */
body {
    background-color: #ffffff;
}

/* Link color */
a, a:hover {
    color: #0074b2;
}

/* Pagination style */
.pagination .page-item.active .page-link,
div.pagination ul.pagination li.active .page-link,
div.pagination ul.pagination li.active a {
    background-color: #0074b2;
    border-color: #0074b2;
}

/* Header style */
.header {
    background: #ffffff;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#ffffff));
    background: -webkit-linear-gradient(#ffffff, #ffffff);
    background: -moz-linear-gradient(#ffffff, #ffffff);
    background: -ms-linear-gradient(#ffffff, #ffffff);
    background: -o-linear-gradient(#ffffff, #ffffff);
    background: linear-gradient(#ffffff, #ffffff);
    -pie-background: linear-gradient(#ffffff, #ffffff);
}

/* Title style */
.title {
    background: #f7f9fb;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f7f9fb), to(#f9f9fb));
    background: -webkit-linear-gradient(#f7f9fb, #f9f9fb);
    background: -moz-linear-gradient(#f7f9fb, #f9f9fb);
    background: -ms-linear-gradient(#f7f9fb, #f9f9fb);
    background: -o-linear-gradient(#f7f9fb, #f9f9fb);
    background: linear-gradient(#f7f9fb, #f9f9fb);
    -pie-background: linear-gradient(#f7f9fb, #f9f9fb);
}

.title h3 {
    color: #232629;
}

/* Navigation bar style */
.nav-content nav.navbar {
    background: #2e3338;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2e3338), to(#2e3338));
    background: -webkit-linear-gradient(#2e3338, #2e3338);
    background: -moz-linear-gradient(#2e3338, #2e3338);
    background: -ms-linear-gradient(#2e3338, #2e3338);
    background: -o-linear-gradient(#2e3338, #2e3338);
    background: linear-gradient(#2e3338, #2e3338);
    -pie-background: linear-gradient(#2e3338, #2e3338);
}

.nav-content nav.navbar .navbar-nav > .active > a,
nav.navbar .navbar-nav > .active > a:hover,
nav.navbar .navbar-nav > .active > a:focus {
    color: #fbfcfd !important;
}

.nav-content nav.navbar .navbar-nav > li > a {
    color: #d8dbde !important;
}

@media (max-width: 767px) {
    nav.navbar .navbar-nav .show .dropdown-menu > a {
        color: #d8dbde !important;
    }

    nav.navbar .navbar-nav .show .dropdown-menu > a:hover,
    nav.navbar .navbar-nav .show .dropdown-menu > a:focus {
        color: #fbfcfd !important;
    }
}

.nav-content nav.navbar .navbar-nav > li > a:hover {
    color: #fbfcfd !important;
}

.nav-content nav.navbar .navbar-nav > .open > a,
nav.navbar .navbar-nav > .open > a:hover,
nav.navbar .navbar-nav > .open > a:focus {
    color: #fbfcfd !important;
}

/* Card style */
.card-blesta > .card-header {
    color: #f2f2f2;
    background: #2e3338;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2e3338), to(#2e3338));
    background: -webkit-linear-gradient(#2e3338, #2e3338);
    background: -moz-linear-gradient(#2e3338, #2e3338);
    background: -ms-linear-gradient(#2e3338, #2e3338);
    background: -o-linear-gradient(#2e3338, #2e3338);
    background: linear-gradient(#2e3338, #2e3338);
    -pie-background: linear-gradient(#2e3338, #2e3338);
}

/* Highlight Color */
.list-group.list-options a.list-group-item:hover,
.list-group.list-options a.list-group-item:focus,
a.list-group-item:hover,
a.list-group-item:focus {
    background-color: #d1ecf1 !important;
}

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
    background-color: #d1ecf1 !important;
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #ffffff !important;
}

/* Settings Link Text Color */
.list-group-item.credits {
    color: #4f4f4f !important;
}

.top-focus-box {
    background-color: #d1ecf1 !important;
}

.list-group-item h4 {
    color: #0074b2 !important;
}

/* Top navigation style */
.top-nav .dropdown a.dropdown-toggle,
.top-nav .dropdown a.dropdown-toggle:focus {
    color: #ebebeb !important;
}

.top-nav .dropdown a.dropdown-toggle:hover {
    color: #ffffff !important;
}

/* Bootstrap theme */
.bg-primary {
    background-color: #007bff !important;
}

.text-primary {
    color: #007bff !important;
}

.border-primary {
    border-color: #007bff !important;
}

.badge-primary {
    color: #ffffff !important;
    background-color: #007bff !important;
}

.btn-primary {
    color: #ffffff !important;
    background-color: #007bff !important;
    border-color: #007bff !important;
}

.btn-primary:hover {
    color: #ffffff !important;
    background-color: #0069d9 !important;
    border-color: #0069d9 !important;
}

.btn-primary:disabled, .btn-primary.disabled {
    background-color: #007bff !important;
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff !important;
}

.btn-outline-primary:hover {
    color: #ffffff;
    background: #007bff;
    border-color: #007bff;
}

.alert-primary {
    color: #004085;
    background: #cce5ff;
    border-color: #b8daff;
}


.bg-secondary {
    background-color: #6c757d !important;
}

.text-secondary {
    color: #6c757d !important;
}

.border-secondary {
    border-color: #6c757d !important;
}

.badge-secondary {
    color: #ffffff !important;
    background-color: #6c757d !important;
}

.btn-secondary {
    color: #ffffff !important;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}

.btn-secondary:hover {
    color: #ffffff !important;
    background-color: #545b62 !important;
    border-color: #545b62 !important;
}

.btn-secondary:disabled, .btn-secondary.disabled {
    background-color: #6c757d !important;
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d !important;
}

.btn-outline-secondary:hover {
    color: #ffffff;
    background: #6c757d;
    border-color: #6c757d;
}

.alert-secondary {
    color: #383d41;
    background: #e2e3e5;
    border-color: #d6d8db;
}


.bg-success {
    background-color: #28a746 !important;
}

.text-success {
    color: #28a746 !important;
}

.border-success {
    border-color: #28a746 !important;
}

.badge-success {
    color: #ffffff !important;
    background-color: #28a746 !important;
}

.btn-success {
    color: #ffffff !important;
    background-color: #28a746 !important;
    border-color: #28a746 !important;
}

.btn-success:hover {
    color: #ffffff !important;
    background-color: #218838 !important;
    border-color: #218838 !important;
}

.btn-success:disabled, .btn-success.disabled {
    background-color: #28a746 !important;
}

.btn-outline-success {
    color: #28a746;
    border-color: #28a746 !important;
}

.btn-outline-success:hover {
    color: #ffffff;
    background: #28a746;
    border-color: #28a746;
}

.alert-success {
    color: #155725;
    background: #d4edda;
    border-color: #c3e6cb;
}


.bg-info {
    background-color: #17a3b8 !important;
}

.text-info {
    color: #17a3b8 !important;
}

.border-info {
    border-color: #17a3b8 !important;
}

.badge-info {
    color: #ffffff !important;
    background-color: #17a3b8 !important;
}

.btn-info {
    color: #ffffff !important;
    background-color: #17a3b8 !important;
    border-color: #17a3b8 !important;
}

.btn-info:hover {
    color: #ffffff !important;
    background-color: #138596 !important;
    border-color: #138596 !important;
}

.btn-info:disabled, .btn-info.disabled {
    background-color: #17a3b8 !important;
}

.btn-outline-info {
    color: #17a3b8;
    border-color: #17a3b8 !important;
}

.btn-outline-info:hover {
    color: #ffffff;
    background: #17a3b8;
    border-color: #17a3b8;
}

.alert-info {
    color: #0c5360;
    background: #d1ecf1;
    border-color: #bee5eb;
}


.bg-warning {
    background-color: #ffc107 !important;
}

.text-warning {
    color: #ffc107 !important;
}

.border-warning {
    border-color: #ffc107 !important;
}

.badge-warning {
    color: #ffffff !important;
    background-color: #ffc107 !important;
}

.btn-warning {
    color: #ffffff !important;
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
}

.btn-warning:hover {
    color: #ffffff !important;
    background-color: #e0a800 !important;
    border-color: #e0a800 !important;
}

.btn-warning:disabled, .btn-warning.disabled {
    background-color: #ffc107 !important;
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107 !important;
}

.btn-outline-warning:hover {
    color: #ffffff;
    background: #ffc107;
    border-color: #ffc107;
}

.alert-warning {
    color: #856504;
    background: #fff3cd;
    border-color: #ffeeba;
}


.bg-danger {
    background-color: #dc3545 !important;
}

.text-danger {
    color: #dc3545 !important;
}

.border-danger {
    border-color: #dc3545 !important;
}

.badge-danger {
    color: #ffffff !important;
    background-color: #dc3545 !important;
}

.btn-danger {
    color: #ffffff !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.btn-danger:hover {
    color: #ffffff !important;
    background-color: #c82334 !important;
    border-color: #c82334 !important;
}

.btn-danger:disabled, .btn-danger.disabled {
    background-color: #dc3545 !important;
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545 !important;
}

.btn-outline-danger:hover {
    color: #ffffff;
    background: #dc3545;
    border-color: #dc3545;
}

.alert-danger {
    color: #721c25;
    background: #f8d7da;
    border-color: #f5c6cb;
}


.bg-light {
    background-color: #ffffff !important;
}

.text-light {
    color: #ffffff !important;
}

.border-light {
    border-color: #ffffff !important;
}

.badge-light {
    color: #212529 !important;
    background-color: #ffffff !important;
}

.btn-light {
    color: #212529 !important;
    background-color: #ffffff !important;
    border-color: #e2e6ea !important;
}

.btn-light:hover {
    color: #212529 !important;
    background-color: #e2e6ea !important;
    border-color: #e2e6ea !important;
}

.btn-light:disabled, .btn-light.disabled {
    background-color: #ffffff !important;
}

.btn-outline-light {
    color: #ffffff;
    border-color: #ffffff !important;
}

.btn-outline-light:hover {
    color: #212529;
    background: #ffffff;
    border-color: #ffffff;
}

.alert-light {
    color: #818182;
    background: #fefefe;
    border-color: #fdfdfe;
}

/* ------------------------------------------------------------
   SideroCloud Professional Palette & Overrides
   Uses nuanced variations of the brand colors for a polished UI
   Base: Background #17142f | Accent #fe7800
   ------------------------------------------------------------ */

:root {
  /* Core brand palette */
  --sc-bg-1000: #0e0c20; /* deepest base */
  --sc-bg-900:  #13102a;
  --sc-bg-800:  #17142f; /* requested background */
  --sc-bg-700:  #1c1840; /* slightly brighter surface */
  --sc-bg-600:  #211c49; /* header/nav deeper tone */
  --sc-surface: #1f1b44; /* content surface */

  --sc-border: rgba(255, 255, 255, 0.08);
  --sc-border-soft: rgba(255, 255, 255, 0.06);
  --sc-elev-1: 0 4px 16px rgba(0, 0, 0, 0.35), 0 1px 0 rgba(255,255,255,0.04);
  --sc-elev-2: 0 6px 20px rgba(0, 0, 0, 0.45), 0 1px 0 rgba(255,255,255,0.04);

  --sc-accent-500: #fe7800; /* requested accent */
  --sc-accent-600: #e76e00;
  --sc-accent-700: #cc6200;
  --sc-accent-300: #ff9b47;
  --sc-accent-200: #ffb273;

  --sc-text: rgba(255, 255, 255, 0.92);
  --sc-muted: rgba(255, 255, 255, 0.65);
}

/* Body and typography */
body {
  background-color: var(--sc-bg-800) !important;
  color: var(--sc-text);
}

/* Sticky footer layout */
html, body { height: 100%; }
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.site-main { flex: 1 0 auto; }
.site-footer { flex-shrink: 0; }

a, a:hover {
  color: var(--sc-accent-300) !important;
}

/* Header and navigation with subtle gradients and elevation */
.header {
  background: #ffffff;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#ffffff));
  background: -webkit-linear-gradient(#ffffff, #ffffff);
  background: -moz-linear-gradient(#ffffff, #ffffff);
  background: -ms-linear-gradient(#ffffff, #ffffff);
  background: -o-linear-gradient(#ffffff, #ffffff);
  background: linear-gradient(#ffffff, #ffffff);
  -pie-background: linear-gradient(#ffffff, #ffffff);
}

.nav-content nav.navbar {
  background: #2e3338;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2e3338), to(#2e3338));
  background: -webkit-linear-gradient(#2e3338, #2e3338);
  background: -moz-linear-gradient(#2e3338, #2e3338);
  background: -ms-linear-gradient(#2e3338, #2e3338);
  background: -o-linear-gradient(#2e3338, #2e3338);
  background: linear-gradient(#2e3338, #2e3338);
  -pie-background: linear-gradient(#2e3338, #2e3338);
}
/* Ensure logo and menu align neatly in a single row */
.nav-content nav.navbar .container-md,
.nav-content nav.navbar .container-fluid {
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1.25rem;
  padding-right: 1.5rem; /* reduce slightly so dropdown stays on-screen */
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  gap: 0;
  min-height: auto;
}

/* Layout tweak: slightly increase spacing between navbar items */
.nav-content nav.navbar .navbar-nav > li + li { margin-left: .75rem; }
.nav-content .logo { display: block; }
.nav-content .logo a { display: inline; }
.nav-content .logo img { height: auto; max-height: none; }
.nav-content .navbar-nav { align-items: stretch; }
.nav-content .navbar-main { margin-left: 0; }
.nav-content .navbar-utilities { margin-left: 0; gap: 0; }

/* Remove custom nav link styling to revert to theme defaults */

/* Responsive adjustments for smaller screens */
@media (max-width: 991.98px) {
}

/* Remove all additional navbar link customizations */

/* Title bar */
.title {
  background: linear-gradient(180deg, var(--sc-bg-700), var(--sc-bg-800)) !important;
  border-bottom: 1px solid var(--sc-border) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

.title h3 { color: var(--sc-text) !important; }

/* Hero header replacing simple title */
/* Removed page hero for simpler header */

/* Dropdown menu polish for navbar */
/* Remove dropdown customizations to use theme defaults */

/* Utility bar above header */
.utility-bar {
  background: var(--sc-bg-800);
  border-bottom: 1px solid var(--sc-border-soft);
  color: var(--sc-accent-300);
  font-size: 0.875rem;
}
.utility-bar a { color: var(--sc-text); }
.utility-bar a:hover { color: var(--sc-accent-300); }

/* Cards and panels subtly elevated on dark background */
.card,
.card-blesta {
  background-color: var(--sc-surface) !important;
  border-color: var(--sc-border-soft) !important;
}

.card-blesta > .card-header {
  color: var(--sc-text) !important;
  background: linear-gradient(180deg, var(--sc-bg-700), var(--sc-bg-800)) !important;
}

/* Interactive highlight tints */
.list-group.list-options a.list-group-item:hover,
.list-group.list-options a.list-group-item:focus,
a.list-group-item:hover,
a.list-group-item:focus,
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th,
.top-focus-box {
  background-color: rgba(255, 255, 255, 0.0) !important;
}

/* Primary accent (buttons, badges, utilities) */
.bg-primary { background-color: var(--sc-accent-500) !important; }
.text-primary { color: var(--sc-accent-500) !important; }
.border-primary { border-color: var(--sc-accent-500) !important; }

.badge-primary {
  color: #fff !important;
  background-color: var(--sc-accent-500) !important;
}

/* Icon color helpers for accent hints */
.text-accent { color: var(--sc-accent-300) !important; }
.text-accent-strong { color: var(--sc-accent-500) !important; }

.btn-primary {
  color: #fff !important;
  background-color: var(--sc-accent-500) !important;
  border-color: var(--sc-accent-500) !important;
}

.btn-primary:hover {
  color: #fff !important;
  background-color: var(--sc-accent-600) !important;
  border-color: var(--sc-accent-600) !important;
}

.btn-outline-primary {
  color: var(--sc-accent-500);
  border-color: var(--sc-accent-500) !important;
}
.btn-outline-primary:hover {
  color: #fff;
  background: var(--sc-accent-500);
  border-color: var(--sc-accent-500);
}

/* Footer styles: revert to simple footer row appearance */
.footer { background: transparent; }

/* Footer layout polish */
.site-footer { background: transparent; font-size: .875rem; color: var(--sc-muted); }
.site-footer h6 { font-size: .9rem; font-weight: 600; margin-bottom: .5rem; letter-spacing: 0; color: var(--sc-text); text-transform: none; }
.site-footer a { color: var(--sc-muted); text-decoration: none; }
.site-footer a:hover { color: var(--sc-accent-300); text-decoration: none; }
.site-footer ul { margin-bottom: 0; }
.site-footer ul li { margin-bottom: .25rem; }
.site-footer .footer-socials a { color: var(--sc-muted); }
.site-footer .footer-socials a:hover { color: var(--sc-accent-300); }

/* Login page: pin card footer to bottom */
body.client_login .panel.panel-blesta {
  position: relative;
  padding-bottom: 56px; /* space for absolute footer */
}
body.client_login .panel.panel-blesta .panel-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}
.site-footer .border-top { border-top: 1px solid var(--sc-border-soft) !important; }

/* Wider content stage on large screens for a modern feel */
@media (min-width: 1200px) {
  .container-md { max-width: 1200px; }
}

/* Typography and spacing refinements */
body, .card, .list-group-item, .navbar, .title h3 {
  letter-spacing: 0.1px;
}

.site-main { padding: 24px 0 48px; }

/* Dropdown menu polish */
.dropdown-menu {
  background-color: var(--sc-bg-700);
  border-color: var(--sc-border);
}
.dropdown-menu .dropdown-item { color: var(--sc-text); }
.dropdown-menu .dropdown-item:hover {
  background-color: rgba(254, 120, 0, 0.12);
  color: var(--sc-accent-200);
}

/* Forms */
.form-control {
  background-color: var(--sc-bg-600);
  border-color: var(--sc-border-soft);
  color: var(--sc-border);
}
.form-control:focus {
  background-color: var(--sc-bg-600);
  border-color: var(--sc-accent-300);
  box-shadow: var(--sc-text);
}

/* Tables */
.table { color: var(--sc-accent-600); }
.table thead th { border-bottom-color: var(--sc-border); }
.table td, .table th { border-top-color: var(--sc-border-soft); }

/* Smooth transitions for interactive elements */
a, .btn, .nav-link, .dropdown-item, .form-control {
  transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

/* Custom theme overrides are linked from structure.pdt to ensure they load after all styles */
/* Form fields in dark theme */
input,
select,
textarea,
.form-control {
    background-color: var(--sc-bg-600) !important;
    color: var(--sc-text) !important;
    border: 1px solid var(--sc-border) !important;
}

/* Placeholder text color */
::placeholder {
    color: var(--sc-muted) !important;
}

/* WYSIWYG editor (both TinyMCE and ACE) */
.mce-content-body,
.ace_editor,
.ace_gutter {
    background-color: var(--sc-bg-600) !important;
    color: var(--sc-text) !important;
}

/* File upload drop zone */
.dropzone {
    background-color: var(--sc-bg-700) !important;
    color: var(--sc-text) !important;
    border: 2px dashed var(--sc-border) !important;
}

/* Priority dropdown (Low/Medium/High selector) */
select {
    background-color: var(--sc-bg-600) !important;
    color: var(--sc-text) !important;
}
/* ===== SideroCloud dark form polish (tickets, editor, uploads) ===== */

/* Labels + small helper text */
.form-group > label,
.control-label,
label {
  color: var(--sc-text) !important;
}
.form-text,
.help-block,
.text-muted {
  color: var(--sc-muted) !important;
}

/* Core fields */
input,
select,
textarea,
.form-control {
  background-color: var(--sc-bg-600) !important;
  color: var(--sc-text) !important;
  border: 1px solid var(--sc-border) !important;
}
::placeholder { color: var(--sc-muted) !important; }

/* Input groups (the white strip above the editor & add-ons) */
.input-group-text,
.input-group .form-control,
.input-group-prepend .btn,
.input-group-append .btn {
  background-color: var(--sc-bg-700) !important;
  color: var(--sc-text) !important;
  border-color: var(--sc-border) !important;
}

/* “Light” / default buttons used by toolbars (B, I, H, link, list, code, image) */
.btn-light,
.btn-default,
.input-group .btn.btn-light {
  background-color: var(--sc-bg-700) !important;
  color: var(--sc-text) !important;
  border-color: var(--sc-border) !important;
}

/* Select caret (keep it visible on dark backgrounds) */
.custom-select,
select.form-control {
  background-color: var(--sc-bg-600) !important;
  color: var(--sc-text) !important;
  border-color: var(--sc-border) !important;
}

/* WYSIWYG / Markdown / ACE areas */
.mce-content-body,
.ace_editor,
.ace_gutter,
.markdown-editor,
.textarea-wrapper {
  background-color: var(--sc-bg-600) !important;
  color: var(--sc-text) !important;
}

/* Dropzone / file upload */
.dropzone {
  background-color: var(--sc-bg-700) !important;
  color: var(--sc-text) !important;
  border: 2px dashed var(--sc-border) !important;
}
.dropzone .dz-message { color: var(--sc-muted) !important; }

/* Keep “Preview” (primary) orange readable on dark */
.btn-primary {
  color: #ffffff !important;
}

/* Table row hover shouldn’t flash white in dark mode */
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: rgba(255,255,255,0.04) !important;
}
/* ===== Kill remaining white in editor toolbars & bits ===== */

/* Editor wrapper surfaces */
.md-editor,
.markdown-editor,
.wysiwyg-editor,
.textarea-wrapper {
  background-color: var(--sc-bg-600) !important;
  border-color: var(--sc-border) !important;
}

/* The toolbar row above the textarea (the white strip) */
.md-editor > .btn-toolbar,
.md-editor .btn-toolbar,
.markdown-editor > .btn-toolbar,
.markdown-editor .btn-toolbar,
.editor-toolbar,
.wysihtml5-toolbar,
.note-toolbar,              /* summernote */
.ql-toolbar,                /* quill */
.trumbowyg-button-pane {    /* trumbowyg */
  background-color: var(--sc-bg-700) !important;
  color: var(--sc-text) !important;
  border-bottom: 1px solid var(--sc-border) !important;
  border-top: 1px solid var(--sc-border) !important;
}

/* Buttons inside the toolbar */
.md-editor .btn,
.markdown-editor .btn,
.editor-toolbar .btn,
.wysihtml5-toolbar .btn,
.note-toolbar .btn,
.ql-toolbar .btn,
.trumbowyg-button-pane button,
.input-group-prepend .btn,
.input-group-append .btn,
.btn-light,
.btn-default {
  background-color: var(--sc-bg-700) !important;
  color: var(--sc-text) !important;
  border-color: var(--sc-border) !important;
}

/* Icon color inside toolbar buttons */
.md-editor .btn i,
.markdown-editor .btn i,
.editor-toolbar .btn i,
.wysihtml5-toolbar .btn i,
.note-toolbar .btn i,
.trumbowyg-button-pane button i {
  color: var(--sc-text) !important;
}

/* Textarea / content area under the toolbar */
.mce-content-body,
.ace_editor,
.ace_gutter,
.md-editor textarea,
.markdown-editor textarea,
textarea.form-control {
  background-color: var(--sc-bg-600) !important;
  color: var(--sc-text) !important;
  border-color: var(--sc-border) !important;
}

/* Disabled / readonly fields should still be dark */
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: var(--sc-bg-700) !important;
  color: var(--sc-muted) !important;
  opacity: 1 !important;
}

/* Priority select caret & general selects */
select,
.custom-select,
select.form-control {
  background-color: var(--sc-bg-600) !important;
  color: var(--sc-text) !important;
  border-color: var(--sc-border) !important;
}

/* Dropzone / file-upload */
.dropzone {
  background-color: var(--sc-bg-700) !important;
  color: var(--sc-text) !important;
  border: 2px dashed var(--sc-border) !important;
}
.dropzone .dz-message { color: var(--sc-muted) !important; }

/* Table hover should not flash white */
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: rgba(255,255,255,0.04) !important;
}
/* ===== Dark tables (order history, invoices, etc.) ===== */

/* Base table + cells */
.table,
.table td,
.table th {
  background-color: var(--sc-bg-600) !important;
  color: var(--sc-text) !important;
  border-color: var(--sc-border-soft) !important;
}

/* Header row */
.table thead th,
.table .thead-dark th,
.table .thead-light th {
  background-color: #1f1b3a !important;   /* surface */
  color: var(--sc-text) !important;
  border-bottom-color: var(--sc-border) !important;
}

/* Row background + striping */
.table tbody tr { background-color: #1a1736 !important; }
.table-striped tbody tr:nth-of-type(odd) { background-color: #1c1840 !important; }

/* Hover state */
.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
  background-color: rgba(254,120,0,0.06) !important; /* subtle accent glow */
}

/* Bordered tables */
.table-bordered,
.table-bordered td,
.table-bordered th {
  border-color: var(--sc-border) !important;
}

/* Links inside tables (headers + body) */
.table a,
.table thead th a {
  color: #ff9b47 !important;         /* accent link */
  text-decoration: none;
}
.table a:hover,
.table thead th a:hover {
  color: #fe7800 !important;
}

/* “Options” column buttons keep dark look */
.table .btn-light,
.table .btn-default {
  background-color: var(--sc-bg-700) !important;
  color: var(--sc-text) !important;
  border-color: var(--sc-border) !important;
}

/* DataTables/Bootstrap helper variants if used */
.table .thead-light th { color: var(--sc-text) !important; }
/* Catch-all for any lingering light boxes on signup/order */
body .well,
body .content_box,
body .box,
body .panel,
body .order .well,
body .signup .well,
body #signup .well,
body #order .well,
body .consent-box,
body .marketing_consent {
  background: #1b1738 !important;
  border-color: rgba(255,255,255,.12) !important;
  color: #e6e6e6 !important;
}

/* Inputs */
body .form-control { 
  background: #211c49 !important; 
  border-color: rgba(255,255,255,.18) !important; 
  color: #fff !important; 
}
body .form-control::placeholder { color: rgba(255,255,255,.55) !important; }


/* --- SideroCloud: Flash/alert reset as a top toast --- */

/* Catch common flash containers Blesta uses */
#flash_messages,
#flash,
.flash-messages,
.messages {
  position: fixed !important;   /* detach from any grid column */
  top: 74px;                    /* under your header/nav */
  left: 0;
  right: 0;
  z-index: 9999;
  height: auto !important;      /* never full height */
  display: block !important;
  pointer-events: none;         /* clicks pass through except on the card */
}

/* The alert card itself */
#flash_messages .alert,
#flash .alert,
.flash-messages .alert,
.messages .alert,
.alert,
.message,
.notice,
.success,
.error {
  width: min(96vw, 1160px) !important;    /* responsive width */
  margin: 0 auto !important;              /* center it */
  padding: 12px 14px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: #1f1b44 !important;         /* dark card */
  color: rgba(255,255,255,.92) !important;
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.35) !important;
  pointer-events: auto;                   /* allow clicking links in the card */
}

/* Variant accents (optional) */
.alert-success,
.success { background: #1f1b44 !important; }
.alert-info,
.notice  { background: #1f1b44 !important; }
.alert-danger,
.error   { background: #231a33 !important; border-color: rgba(255,100,100,.25) !important; }

/* Links inside the alert */
#flash_messages .alert a,
#flash .alert a,
.alert a { color: #ff9b47 !important; text-decoration: none; }
#flash_messages .alert a:hover,
#flash .alert a:hover,
.alert a:hover { text-decoration: underline; }

/* Safety valves: kill any inherited 100% heights/columns */
#flash_messages *, #flash *, .flash-messages *, .messages * {
  height: auto !important;
  max-height: none !important;
}