/*
 * ThreeSixOh! Midnight Dark Mode Preview v1
 * Internal authenticated shell only.
 */

html[data-theme="dark"] {
  color-scheme: dark;
  background:#0f172a;
}

html[data-theme="dark"] body.tso-shell-enabled {
  --tso-bg:#0f172a;
  --tso-surface:#182235;
  --tso-line:#334155;
  --tso-line-strong:#475569;
  --tso-text:#f1f5f9;
  --tso-muted:#94a3b8;

  --tso-teal:#2dd4bf;
  --tso-teal-dark:#5eead4;
  --tso-teal-soft:#173c3d;

  --tso-orange:#fbbf24;
  --tso-danger:#f87171;
  --tso-success:#4ade80;
  --tso-warning:#fbbf24;

  --nav:#0b1d3a;
  --accent:#2dd4bf;
  --bg:#0f172a;
  --panel:#182235;
  --text:#f1f5f9;
  --muted:#94a3b8;
  --line:#334155;
  --danger:#f87171;

  --tso-shadow:0 8px 28px rgba(0,0,0,.22);

  background:#0f172a !important;
  color:#f1f5f9 !important;
}

/* Main shell */
html[data-theme="dark"] body.tso-shell-enabled .tso-app-main,
html[data-theme="dark"] body.tso-shell-enabled .tso-content {
  background:#0f172a !important;
}

html[data-theme="dark"] body.tso-shell-enabled .tso-app-topbar {
  background:rgba(24,34,53,.96) !important;
  border-bottom-color:#334155 !important;
  box-shadow:0 1px 12px rgba(0,0,0,.24) !important;
}

html[data-theme="dark"] body.tso-shell-enabled .tso-topbar-copy strong,
html[data-theme="dark"] body.tso-shell-enabled .tso-topbar-copy-text strong {
  color:#f1f5f9 !important;
}

html[data-theme="dark"] body.tso-shell-enabled .tso-topbar-copy span,
html[data-theme="dark"] body.tso-shell-enabled .tso-topbar-copy-text span {
  color:#94a3b8 !important;
}

/* Brand icon / controls */
html[data-theme="dark"] body.tso-shell-enabled .tso-topbar-brand-icon {
  background:
    radial-gradient(circle at 35% 30%,rgba(45,212,191,.16),transparent 52%),
    #111c2e !important;
  border-color:#334155 !important;
}

html[data-theme="dark"] body.tso-shell-enabled
:where(
  .tso-topbar-icon,
  .tso-user-chip,
  .tso-mobile-nav-toggle
) {
  background:#182235 !important;
  border-color:#334155 !important;
  color:#f1f5f9 !important;
}

html[data-theme="dark"] body.tso-shell-enabled .tso-user-chip small {
  color:#94a3b8 !important;
}

html[data-theme="dark"] body.tso-shell-enabled .tso-user-chip .user-initial {
  background:#243247 !important;
}

/* Theme preview button */
.tso-theme-preview-toggle {
  display:grid;
  place-items:center;
  width:42px;
  min-width:42px;
  height:42px;
  padding:0 !important;
  border-radius:10px !important;
  font-size:17px;
  font-weight:800;
}

html[data-theme="dark"] body.tso-shell-enabled .tso-theme-preview-toggle {
  color:#2dd4bf !important;
  background:#182235 !important;
  border-color:#475569 !important;
}

/* Headings */
html[data-theme="dark"] body.tso-shell-enabled
:where(
  h1,h2,h3,h4,
  .page-title,
  .section-title,
  .tso-dashboard-hero h1,
  .tso-record-hero h1,
  .tso-sales-hero h1,
  .tso-production-hero h1,
  .tso-production-record-hero h1,
  .tso-field-hero h1,
  .tso-card-head h2,
  .tso-kpi-value,
  .stat strong
) {
  color:#f1f5f9 !important;
}

html[data-theme="dark"] body.tso-shell-enabled
:where(
  p,
  .muted,
  small,
  .tso-kpi-label,
  .tso-kpi-note
) {
  color:#94a3b8;
}

html[data-theme="dark"] body.tso-shell-enabled .page-head {
  border-bottom-color:#334155 !important;
  background:
    linear-gradient(90deg,rgba(45,212,191,.045),transparent 42%) !important;
}

/* Core panels/cards */
html[data-theme="dark"] body.tso-shell-enabled
:where(
  .panel,
  section.panel,
  .card,
  .stat,
  .stat-card,
  .metric-card,
  .record-card,
  .dashboard-card,
  .job-card,
  .tso-kpi-card,
  .tso-dashboard-card,
  .tso-record-kpi,
  .tso-sales-kpi,
  .tso-production-kpi,
  .financial-tile,
  .payment-summary-card,
  .closeout-card,
  .warranty-summary-card,
  .warranty-registration-card,
  .exception-card,
  .exception-record,
  .quality-card,
  .quality-item,
  .signature-box
) {
  background:#182235 !important;
  border-color:#334155 !important;
  color:#f1f5f9 !important;
  box-shadow:0 5px 18px rgba(0,0,0,.16);
}

/* Secondary surfaces */
html[data-theme="dark"] body.tso-shell-enabled
:where(
  .tso-mini-metric,
  .tso-empty-state,
  .tso-record-empty,
  .tso-production-empty,
  .empty-state,
  .mapping-item,
  .job-summary-grid > div,
  .schedule-strip > div,
  .inline-entry-form,
  .readiness-item,
  .warranty-info-grid > div,
  .queue-summary span
) {
  background:#111c2e !important;
  border-color:#334155 !important;
  color:#f1f5f9 !important;
}

/* Dashboard rows */
html[data-theme="dark"] body.tso-shell-enabled
:where(
  .tso-queue-row,
  .tso-activity-item,
  .tso-alert-row
) {
  border-color:#2b394d !important;
}

html[data-theme="dark"] body.tso-shell-enabled .tso-queue-row {
  background:#151f31 !important;
}

html[data-theme="dark"] body.tso-shell-enabled .tso-queue-row:hover {
  background:#1d2b40 !important;
  border-color:#3f566b !important;
}

/* Inputs */
html[data-theme="dark"] body.tso-shell-enabled
input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body.tso-shell-enabled select,
html[data-theme="dark"] body.tso-shell-enabled textarea {
  background:#111c2e !important;
  border-color:#475569 !important;
  color:#f1f5f9 !important;
}

html[data-theme="dark"] body.tso-shell-enabled
input::placeholder,
html[data-theme="dark"] body.tso-shell-enabled textarea::placeholder {
  color:#718096 !important;
}

html[data-theme="dark"] body.tso-shell-enabled
.tso-app-topbar .global-search input {
  background:#111c2e !important;
  color:#f1f5f9 !important;
  border-color:#334155 !important;
}

html[data-theme="dark"] body.tso-shell-enabled
input:focus,
html[data-theme="dark"] body.tso-shell-enabled
select:focus,
html[data-theme="dark"] body.tso-shell-enabled
textarea:focus {
  border-color:#2dd4bf !important;
  box-shadow:0 0 0 3px rgba(45,212,191,.14) !important;
}

/* Buttons */
html[data-theme="dark"] body.tso-shell-enabled
:where(.button,button) {
  background:#1e293b;
  border-color:#475569;
  color:#f1f5f9;
}

html[data-theme="dark"] body.tso-shell-enabled
:where(.button,button):hover {
  background:#273449;
}

html[data-theme="dark"] body.tso-shell-enabled
:where(.button.primary,button.primary,input[type="submit"].primary) {
  background:#142f46 !important;
  border-color:#2b5878 !important;
  color:#fff !important;
}

/* Tables */
html[data-theme="dark"] body.tso-shell-enabled table {
  color:#f1f5f9 !important;
}

html[data-theme="dark"] body.tso-shell-enabled thead th {
  background:#162033 !important;
  color:#aebdce !important;
  border-color:#334155 !important;
}

html[data-theme="dark"] body.tso-shell-enabled tbody td {
  color:#e2e8f0;
  border-bottom-color:#2b394d !important;
}

html[data-theme="dark"] body.tso-shell-enabled tbody tr:hover td {
  background:#1b293d !important;
}

/* Calendar */
html[data-theme="dark"] body.tso-shell-enabled
:where(
  .calendar-scroll,
  .calendar-day-cell,
  .week-day-column,
  .sched-day,
  .week-column
) {
  background:#182235 !important;
  border-color:#334155 !important;
}

html[data-theme="dark"] body.tso-shell-enabled
:where(
  .calendar-weekday,
  .week-day-column > header,
  .sched-weekday
) {
  background:#162033 !important;
  border-color:#334155 !important;
  color:#aebdce !important;
}

html[data-theme="dark"] body.tso-shell-enabled
:where(
  .calendar-day-cell.outside-month,
  .sched-day.outside
) {
  background:#111827 !important;
}

html[data-theme="dark"] body.tso-shell-enabled
:where(
  .tso-calendar-appointment,
  .calendar-appointment,
  .appointment-chip,
  .sched-event
) {
  background:#243247 !important;
  color:#f1f5f9 !important;
  border-color:#475569;
}

html[data-theme="dark"] body.tso-shell-enabled
:where(
  .tso-calendar-appointment,
  .calendar-appointment,
  .appointment-chip,
  .sched-event
):hover {
  background:#304057 !important;
}

/* Production / sales boards */
html[data-theme="dark"] body.tso-shell-enabled
:where(
  .production-column,
  .sales-column
) {
  background:#131e2f !important;
  border-color:#334155 !important;
}

html[data-theme="dark"] body.tso-shell-enabled
:where(
  .production-column-head,
  .sales-column-head
) {
  background:#1b293d !important;
  border-color:#334155 !important;
}

/* Smart scheduling */
html[data-theme="dark"] body.tso-shell-enabled
:where(
  .smart-scheduling,
  .fixed-sales-slot-picker,
  .fixed-sales-slot-picker-v2
) {
  background:#132338 !important;
  border-color:#36536e !important;
}

html[data-theme="dark"] body.tso-shell-enabled .smart-scheduling-head strong {
  color:#60a5fa !important;
}

html[data-theme="dark"] body.tso-shell-enabled .smart-suggestion-card {
  background:#182235 !important;
  border-color:#334155 !important;
  color:#f1f5f9 !important;
}

html[data-theme="dark"] body.tso-shell-enabled .smart-suggestion-card:hover {
  background:#213149 !important;
  border-color:#60a5fa !important;
}

html[data-theme="dark"] body.tso-shell-enabled .smart-suggestion-card.selected {
  background:#17352a !important;
  border-color:#4ade80 !important;
}

/* Address lookup */
html[data-theme="dark"] body.tso-shell-enabled .address-lookup-menu {
  background:#182235 !important;
  border-color:#475569 !important;
  box-shadow:0 12px 30px rgba(0,0,0,.4) !important;
}

html[data-theme="dark"] body.tso-shell-enabled .address-lookup-results button {
  background:#182235 !important;
  color:#f1f5f9 !important;
  border-bottom-color:#334155 !important;
}

html[data-theme="dark"] body.tso-shell-enabled
.address-lookup-results button:hover,
html[data-theme="dark"] body.tso-shell-enabled
.address-lookup-results button.active {
  background:#243247 !important;
}

html[data-theme="dark"] body.tso-shell-enabled .address-attribution {
  background:#111c2e !important;
  color:#94a3b8 !important;
}

/* Neutral chips */
html[data-theme="dark"] body.tso-shell-enabled
:where(.badge,.chip,.pill,.tag,.status,.status-badge,.tso-soft-chip) {
  background:#273449;
  color:#dbe5ef;
}

/* Keep meaning-based colors visible */
html[data-theme="dark"] body.tso-shell-enabled
:where(.status-scheduled,.recommended) {
  border-color:#60a5fa;
}

html[data-theme="dark"] body.tso-shell-enabled
:where(.status-confirmed,.complete,.success,.ready) {
  border-color:#4ade80;
}

html[data-theme="dark"] body.tso-shell-enabled
:where(.warning,.status-no-show) {
  border-color:#fbbf24;
}

html[data-theme="dark"] body.tso-shell-enabled
:where(.danger,.critical,.error,.overdue,.status-cancelled) {
  border-color:#f87171;
}

/* Selected light legacy utility surfaces */
html[data-theme="dark"] body.tso-shell-enabled
:where(
  .saved-view,
  .save-view-form,
  .mfa-qr-card,
  .mfa-manual-setup,
  .handoff-readonly-grid > div,
  .warranty-upload-grid form,
  .review-item,
  .requirement-row
) {
  background:#182235 !important;
  border-color:#334155 !important;
  color:#f1f5f9 !important;
}

/* Scrollbars */
html[data-theme="dark"] body.tso-shell-enabled {
  scrollbar-color:#475569 #111827;
}

html[data-theme="dark"] body.tso-shell-enabled ::-webkit-scrollbar {
  width:10px;
  height:10px;
}

html[data-theme="dark"] body.tso-shell-enabled ::-webkit-scrollbar-track {
  background:#111827;
}

html[data-theme="dark"] body.tso-shell-enabled ::-webkit-scrollbar-thumb {
  background:#475569;
  border-radius:999px;
}

/* Browser-native date / select controls */
html[data-theme="dark"] body.tso-shell-enabled
input[type="date"],
html[data-theme="dark"] body.tso-shell-enabled
input[type="datetime-local"],
html[data-theme="dark"] body.tso-shell-enabled
input[type="time"] {
  color-scheme:dark;
}

/* THREESIXOH DARK SETTINGS CARDS v1 START */

/*
 * Settings cards are intentionally one level lighter than their containing
 * panel so individual users/settings remain easy to distinguish.
 */

html[data-theme="dark"] body.tso-shell-enabled .settings-card {
    background:#263a52 !important;
    background-color:#263a52 !important;
    border-color:#3b526b !important;
    color:#f8fafc !important;

    box-shadow:
        0 2px 5px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.025) !important;
}


/* Settings cards that are clickable */

html[data-theme="dark"] body.tso-shell-enabled a.settings-card:hover {
    background:#304965 !important;
    background-color:#304965 !important;
    border-color:#506983 !important;
    color:#f8fafc !important;

    box-shadow:
        0 4px 10px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.035) !important;

    text-decoration:none !important;
}


/* Names / headings */

html[data-theme="dark"] body.tso-shell-enabled
.settings-card strong,

html[data-theme="dark"] body.tso-shell-enabled
.settings-card h2,

html[data-theme="dark"] body.tso-shell-enabled
.settings-card h3 {
    color:#f8fafc !important;
}


/* Emails, roles, descriptions and secondary information */

html[data-theme="dark"] body.tso-shell-enabled
.settings-card > span,

html[data-theme="dark"] body.tso-shell-enabled
.settings-card p,

html[data-theme="dark"] body.tso-shell-enabled
.settings-card small {
    color:#a8b6c7 !important;
}


/* Labels */

html[data-theme="dark"] body.tso-shell-enabled
.settings-card label {
    color:#eef3f8 !important;
}


/* Buttons inside settings cards */

html[data-theme="dark"] body.tso-shell-enabled
.settings-card :where(button,.button) {
    background:#142f46 !important;
    border-color:#3b526b !important;
    color:#ffffff !important;
}

html[data-theme="dark"] body.tso-shell-enabled
.settings-card :where(button,.button):hover {
    background:#1c405e !important;
    border-color:#58728c !important;
}


/* Small navigation / arrow controls inside cards */

html[data-theme="dark"] body.tso-shell-enabled
.settings-card a:not(.button) {
    color:#5eead4 !important;
}

html[data-theme="dark"] body.tso-shell-enabled
.settings-card a:not(.button):hover {
    color:#99f6e4 !important;
}


/* Checkbox follows ThreeSixOh branding */

html[data-theme="dark"] body.tso-shell-enabled
.settings-card input[type="checkbox"] {
    accent-color:#2dd4bf;
}


/* Keep inactive cards readable without returning to a light surface */

html[data-theme="dark"] body.tso-shell-enabled
.settings-card :where(.inactive,.disabled,.muted) {
    color:#8091a5 !important;
}


/* THREESIXOH DARK SETTINGS CARDS v1 END */

/* THREESIXOH PERMANENT APPEARANCE CONTROL v1 START */

.tso-theme-preference-form {
    display:flex;
    align-items:center;
    margin:0;
}

.tso-theme-preference-select {
    width:auto !important;
    min-width:108px;
    max-width:118px;
    min-height:42px !important;
    height:42px;
    margin:0 !important;
    padding:0 28px 0 10px !important;

    border:1px solid var(--tso-line,#e2e8f0) !important;
    border-radius:10px !important;

    background:#ffffff !important;
    color:#172033 !important;

    font-size:11px !important;
    font-weight:750 !important;
    cursor:pointer;
}

.tso-theme-preference-select:hover {
    border-color:#9ddbd9 !important;
}

.tso-theme-preference-select:focus {
    border-color:#00a7a5 !important;
    box-shadow:0 0 0 3px rgba(0,167,165,.13) !important;
    outline:none;
}

html[data-theme="dark"]
body.tso-shell-enabled
.tso-theme-preference-select {
    background:#182235 !important;
    color:#f1f5f9 !important;
    border-color:#475569 !important;
}

html[data-theme="dark"]
body.tso-shell-enabled
.tso-theme-preference-select:hover {
    background:#263a52 !important;
    border-color:#5b7187 !important;
}

html[data-theme="dark"]
body.tso-shell-enabled
.tso-theme-preference-select:focus {
    border-color:#2dd4bf !important;
    box-shadow:0 0 0 3px rgba(45,212,191,.14) !important;
}

@media(max-width:700px) {
    .tso-theme-preference-select {
        min-width:92px;
        max-width:98px;
        padding-left:8px !important;
        font-size:10px !important;
    }
}

/* THREESIXOH PERMANENT APPEARANCE CONTROL v1 END */

/* THREESIXOH DARK FEEDBACK POLISH v1 START */


/* =========================================================
   FEEDBACK / BUG / FEATURE REQUEST CARDS
   ========================================================= */

html[data-theme="dark"] body.tso-shell-enabled .feedback-card {
    background:#263a52 !important;
    border-color:#3b526b !important;
    color:#f8fafc !important;

    box-shadow:
        0 2px 6px rgba(0,0,0,.17),
        inset 0 1px 0 rgba(255,255,255,.025) !important;
}

html[data-theme="dark"] body.tso-shell-enabled .feedback-card:hover {
    background:#304965 !important;
    border-color:#506983 !important;

    box-shadow:
        0 5px 14px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.035) !important;
}

html[data-theme="dark"] body.tso-shell-enabled .feedback-card strong {
    color:#f8fafc !important;
}

html[data-theme="dark"] body.tso-shell-enabled .feedback-card small {
    color:#a8b6c7 !important;
}

html[data-theme="dark"] body.tso-shell-enabled .feedback-id {
    color:#cbd5e1 !important;
}


/* =========================================================
   FEEDBACK ACTIVITY / UPDATE TIMELINE
   ========================================================= */

html[data-theme="dark"] body.tso-shell-enabled
.feedback-timeline article {
    background:#243247 !important;
    border-top:1px solid #334155 !important;
    border-right:1px solid #334155 !important;
    border-bottom:1px solid #334155 !important;

    /*
     * Keep the left edge visually distinct from the surrounding panel.
     */
    border-left:4px solid #64748b !important;

    color:#f1f5f9 !important;

    box-shadow:
        0 2px 5px rgba(0,0,0,.16),
        inset 0 1px 0 rgba(255,255,255,.02) !important;
}

html[data-theme="dark"] body.tso-shell-enabled
.feedback-timeline article:hover {
    background:#2a3b53 !important;
    border-top-color:#475569 !important;
    border-right-color:#475569 !important;
    border-bottom-color:#475569 !important;
}

html[data-theme="dark"] body.tso-shell-enabled
.feedback-timeline article div {
    color:#f8fafc !important;
}

html[data-theme="dark"] body.tso-shell-enabled
.feedback-timeline article strong {
    color:#f8fafc !important;
}

html[data-theme="dark"] body.tso-shell-enabled
.feedback-timeline article small {
    color:#94a3b8 !important;
}

html[data-theme="dark"] body.tso-shell-enabled
.feedback-timeline article p {
    color:#cbd5e1 !important;
}


/* =========================================================
   FEEDBACK STATUS PILLS
   Avoid bright pastel pills floating on dark surfaces.
   ========================================================= */

html[data-theme="dark"] body.tso-shell-enabled .feedback-status {
    background:#273449 !important;
    color:#dbe5ef !important;
    border:1px solid #475569 !important;
}

html[data-theme="dark"] body.tso-shell-enabled
.feedback-status.status-new {
    background:#3b2228 !important;
    color:#fca5a5 !important;
    border-color:#7f3b46 !important;
}

html[data-theme="dark"] body.tso-shell-enabled
.feedback-status.status-triaged {
    background:#3a2b18 !important;
    color:#fdba74 !important;
    border-color:#7c552c !important;
}

html[data-theme="dark"] body.tso-shell-enabled
.feedback-status.status-planned {
    background:#29274a !important;
    color:#c4b5fd !important;
    border-color:#514a83 !important;
}

html[data-theme="dark"] body.tso-shell-enabled
.feedback-status.status-in-progress {
    background:#1d3555 !important;
    color:#93c5fd !important;
    border-color:#365f8d !important;
}

html[data-theme="dark"] body.tso-shell-enabled
.feedback-status.status-testing {
    background:#3a3019 !important;
    color:#fde68a !important;
    border-color:#75602a !important;
}

html[data-theme="dark"] body.tso-shell-enabled
.feedback-status.status-completed {
    background:#17352a !important;
    color:#86efac !important;
    border-color:#347451 !important;
}

html[data-theme="dark"] body.tso-shell-enabled
.feedback-status.status-declined,

html[data-theme="dark"] body.tso-shell-enabled
.feedback-status.status-duplicate {
    background:#293341 !important;
    color:#aebdce !important;
    border-color:#475569 !important;
}


/* =========================================================
   SUCCESS / ERROR FLASH MESSAGES
   ========================================================= */

html[data-theme="dark"] body.tso-shell-enabled .flash {
    background:#17352a !important;
    border-color:#347451 !important;
    color:#bbf7d0 !important;
}

html[data-theme="dark"] body.tso-shell-enabled .flash.error {
    background:#3b2228 !important;
    border-color:#7f3b46 !important;
    color:#fecaca !important;
}


/* =========================================================
   FEEDBACK DETAIL TEXT
   ========================================================= */

html[data-theme="dark"] body.tso-shell-enabled
.feedback-privacy-note {
    color:#94a3b8 !important;
}

html[data-theme="dark"] body.tso-shell-enabled
.feedback-detail-grid .description-box p {
    color:#cbd5e1 !important;
}


/* THREESIXOH DARK FEEDBACK POLISH v1 END */

/* THREESIXOH DARK SALES ACCOUNTABILITY v1.1 START */


/* ---------------------------------------------------------
   TOP ACCOUNTABILITY METRICS
   --------------------------------------------------------- */

html[data-theme="dark"]
body.tso-shell-enabled
.tso-followup-summary-card {
    background:#263a52 !important;
    background-color:#263a52 !important;

    /*
     * Keep the existing left-side accent color.
     */
    border-top-color:#3b526b !important;
    border-right-color:#3b526b !important;
    border-bottom-color:#3b526b !important;

    color:#f8fafc !important;

    box-shadow:
        0 2px 6px rgba(0,0,0,.17),
        inset 0 1px 0 rgba(255,255,255,.025) !important;
}

html[data-theme="dark"]
body.tso-shell-enabled
.tso-followup-summary-card > span {
    color:#a8b6c7 !important;
}

html[data-theme="dark"]
body.tso-shell-enabled
.tso-followup-summary-card > strong {
    color:#f8fafc !important;
}

html[data-theme="dark"]
body.tso-shell-enabled
.tso-followup-summary-card > small {
    color:#94a3b8 !important;
}


/* ---------------------------------------------------------
   EMPTY ACCOUNTABILITY BUCKETS
   --------------------------------------------------------- */

html[data-theme="dark"]
body.tso-shell-enabled
.tso-sales-empty {
    background:#111c2e !important;
    background-color:#111c2e !important;

    border:1px solid #334155 !important;

    color:#94a3b8 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.018) !important;
}

html[data-theme="dark"]
body.tso-shell-enabled
.tso-sales-empty strong {
    color:#cbd5e1 !important;
}

html[data-theme="dark"]
body.tso-shell-enabled
.tso-sales-empty :where(
    span,
    small,
    p
) {
    color:#94a3b8 !important;
}


/* ---------------------------------------------------------
   DO NOT RECOLOR POPULATED UPCOMING CARDS
   They already render correctly.
   --------------------------------------------------------- */


/* THREESIXOH DARK SALES ACCOUNTABILITY v1.1 END */

/* THREESIXOH DARK PRODUCTION BOARD v1 START */


/* =========================================================
   PRODUCTION BOARD LANES
   ========================================================= */

html[data-theme="dark"]
body.tso-shell-enabled
.production-column {
    background:#111c2e !important;
    border-color:#334155 !important;

    box-shadow:
        0 3px 12px rgba(0,0,0,.18) !important;
}


/* Column headings */

html[data-theme="dark"]
body.tso-shell-enabled
.production-column-head {
    background:#1b293d !important;
    border-bottom-color:#334155 !important;
    color:#f1f5f9 !important;
}

html[data-theme="dark"]
body.tso-shell-enabled
.production-column-head h2 {
    color:#f1f5f9 !important;
}


/* Count circle */

html[data-theme="dark"]
body.tso-shell-enabled
.production-column-head > span {
    background:#263a52 !important;
    color:#dbe5ef !important;
    border:1px solid #3b526b !important;
}


/* =========================================================
   PRODUCTION LANE BODY
   ========================================================= */

html[data-theme="dark"]
body.tso-shell-enabled
.production-cards {
    background:#111c2e !important;
}


/* =========================================================
   JOB CARDS
   ========================================================= */

html[data-theme="dark"]
body.tso-shell-enabled
.job-card {
    background:#263a52 !important;
    background-color:#263a52 !important;

    border-top-color:#3b526b !important;
    border-right-color:#3b526b !important;
    border-bottom-color:#3b526b !important;

    /*
     * Do not overwrite border-left-color.
     * Overdue/stage indicators remain intact.
     */

    color:#f8fafc !important;

    box-shadow:
        0 2px 6px rgba(0,0,0,.20),
        inset 0 1px 0 rgba(255,255,255,.025) !important;
}

html[data-theme="dark"]
body.tso-shell-enabled
.job-card:hover {
    background:#304965 !important;
    background-color:#304965 !important;

    border-top-color:#506983 !important;
    border-right-color:#506983 !important;
    border-bottom-color:#506983 !important;

    box-shadow:
        0 5px 13px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.035) !important;
}


/* Job number / title / scope */

html[data-theme="dark"]
body.tso-shell-enabled
.job-card strong,

html[data-theme="dark"]
body.tso-shell-enabled
.job-card h3,

html[data-theme="dark"]
body.tso-shell-enabled
.job-card p {
    color:#f8fafc !important;
}


/* Customer links */

html[data-theme="dark"]
body.tso-shell-enabled
.job-card a {
    color:#5eead4 !important;
}

html[data-theme="dark"]
body.tso-shell-enabled
.job-card a:hover {
    color:#99f6e4 !important;
}


/* Secondary details */

html[data-theme="dark"]
body.tso-shell-enabled
.job-card small,

html[data-theme="dark"]
body.tso-shell-enabled
.job-card .age-line,

html[data-theme="dark"]
body.tso-shell-enabled
.job-card-meta {
    color:#a8b6c7 !important;
}


/* Job metadata divider */

html[data-theme="dark"]
body.tso-shell-enabled
.job-card-meta {
    border-top-color:#3b526b !important;
}


/* =========================================================
   OVERDUE JOBS
   ========================================================= */

html[data-theme="dark"]
body.tso-shell-enabled
.job-card-overdue {
    border-left-color:#f87171 !important;
}


/* Late badge */

html[data-theme="dark"]
body.tso-shell-enabled
.alert-badge {
    background:#3b2228 !important;
    color:#fca5a5 !important;
    border:1px solid #7f3b46 !important;
}


/* =========================================================
   AGE / THRESHOLD METER
   ========================================================= */

html[data-theme="dark"]
body.tso-shell-enabled
.age-meter {
    background:#152235 !important;
    border:1px solid #334155 !important;
}


/*
 * Leave the existing colored meter fill intact.
 * Overdue bars can continue using the production warning colors.
 */


/* =========================================================
   EMPTY PRODUCTION LANES
   ========================================================= */

html[data-theme="dark"]
body.tso-shell-enabled
.empty-column {
    background:#152033 !important;
    border:1px dashed #3b526b !important;
    border-radius:10px !important;

    color:#94a3b8 !important;

    margin:10px !important;
    padding:28px 14px !important;
}

html[data-theme="dark"]
body.tso-shell-enabled
.empty-column strong,

html[data-theme="dark"]
body.tso-shell-enabled
.empty-column p,

html[data-theme="dark"]
body.tso-shell-enabled
.empty-column small {
    color:#94a3b8 !important;
}


/* =========================================================
   LEGACY SCHEDULE STRIPS USED ON PRODUCTION DETAIL VIEWS
   ========================================================= */

html[data-theme="dark"]
body.tso-shell-enabled
.schedule-strip > div {
    background:#182235 !important;
    border:1px solid #334155 !important;
    color:#f1f5f9 !important;
}

html[data-theme="dark"]
body.tso-shell-enabled
.schedule-strip span {
    color:#94a3b8 !important;
}


/* THREESIXOH DARK PRODUCTION BOARD v1 END */