/* Centralized app styles (moved from inline/page styles) */

body { padding-top: 4.5rem; }

.site-navbar {
  background: #f8fafc !important;
  border-color: rgba(71, 85, 105, .18) !important;
}
.site-navbar .navbar-brand,
.site-navbar .nav-link,
.site-navbar .navbar-text,
.site-navbar .navbar-toggler {
  color: #1f2937 !important;
}
.site-navbar .nav-link.active,
.site-navbar .nav-link:hover,
.site-navbar .nav-link:focus,
.site-navbar .navbar-brand:hover,
.site-navbar .navbar-brand:focus {
  color: #0f172a !important;
}
.site-navbar .navbar-toggler {
  border-color: rgba(71, 85, 105, .28);
}
.site-navbar .navbar-toggler-icon {
  filter: invert(15%) sepia(14%) saturate(762%) hue-rotate(182deg) brightness(94%) contrast(90%);
}
html[data-bs-theme="dark"] .site-navbar {
  background: #f8fafc !important;
}
html[data-bs-theme="dark"] .site-navbar .dropdown-menu {
  --bs-dropdown-bg: #f8fafc;
  --bs-dropdown-color: #1f2937;
  --bs-dropdown-link-hover-bg: rgba(15, 23, 42, .08);
}

/* Shared dashboard palette for all Blade content */
:root {
  --dash-teal: #14b8a6;
  --dash-coral: #ff7f6a;
  --dash-slate: #475569;
  --dash-red: #dc2626;
  --dash-bg: #0f172a;
}

/* Apply dashboard-like text/table treatment across Blade pages */
.app-content-theme {
  color: color-mix(in srgb, var(--dash-slate) 88%, #fff 12%);
}
.app-content-theme h1,
.app-content-theme h2,
.app-content-theme h3,
.app-content-theme h4,
.app-content-theme h5,
.app-content-theme h6 {
  color: color-mix(in srgb, var(--dash-slate) 92%, #fff 8%);
}
.app-content-theme .text-muted,
.app-content-theme .text-body-secondary,
.app-content-theme small {
  color: color-mix(in srgb, var(--dash-slate) 70%, #fff 30%) !important;
}
.app-content-theme .table {
  border-color: rgba(71, 85, 105, .22);
}
.app-content-theme .table > :not(caption) > * > * {
  border-color: rgba(71, 85, 105, .22);
  color: inherit;
}
.app-content-theme .table thead th {
  background: color-mix(in srgb, var(--dash-bg) 10%, #fff 90%);
  color: color-mix(in srgb, var(--dash-slate) 90%, #fff 10%);
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: .76rem;
  font-weight: 700;
}

html[data-bs-theme="dark"] .app-content-theme {
  color: #d6e1ee;
}
html[data-bs-theme="dark"] .app-content-theme h1,
html[data-bs-theme="dark"] .app-content-theme h2,
html[data-bs-theme="dark"] .app-content-theme h3,
html[data-bs-theme="dark"] .app-content-theme h4,
html[data-bs-theme="dark"] .app-content-theme h5,
html[data-bs-theme="dark"] .app-content-theme h6 {
  color: #e5eef8;
}
html[data-bs-theme="dark"] .app-content-theme .text-muted,
html[data-bs-theme="dark"] .app-content-theme .text-body-secondary,
html[data-bs-theme="dark"] .app-content-theme small {
  color: #a8bacd !important;
}
html[data-bs-theme="dark"] .app-content-theme .table thead th {
  background: color-mix(in srgb, var(--dash-bg) 72%, #fff 28%);
  color: #e5eef8;
}

/* Theme tables/cards/dropdowns */
[data-bs-theme="light"] .table {
  --bs-table-bg: #fff;
  --bs-table-color: #212529;
  --bs-table-border-color: rgba(0,0,0,.12);
  --bs-table-striped-bg: rgba(0,0,0,.03);
  --bs-table-hover-bg: rgba(0,0,0,.06);
}
[data-bs-theme="light"] thead:not(.table-dark):not(.table-light) { background: #f8f9fa; color: #212529; }

[data-bs-theme="dark"] .table {
  --bs-table-bg: #151a1f;
  --bs-table-color: #e8ecef;
  --bs-table-border-color: rgba(255,255,255,.12);
  --bs-table-striped-bg: rgba(255,255,255,.05);
  --bs-table-hover-bg: rgba(255,255,255,.08);
}
[data-bs-theme="dark"] thead:not(.table-dark):not(.table-light) { background: #0f1316; color: #e8ecef; }
[data-bs-theme="dark"] .card { --bs-card-border-color: rgba(255,255,255,.12); --bs-card-cap-bg: rgba(255,255,255,.03); }
[data-bs-theme="dark"] .dropdown-menu {
  --bs-dropdown-bg: #151a1f;
  --bs-dropdown-color: #e8ecef;
  --bs-dropdown-link-hover-bg: rgba(255,255,255,.08);
}

body.dark-mode { background-color: #121212; color: #f0f0f0; }
.dark-mode .card,
.dark-mode .table,
.dark-mode .dropdown-menu { background-color: #1e1e1e; color: #e0e0e0; }
.dropdown-menu { background-color: #cccccc !important; color: #e0e0e0; }
.dark-mode .navbar { background-color: #212529 !important; }
.dark-mode .navbar .navbar-brand,
.dark-mode .nav-link,
.dark-mode .navbar-text { color: #f8f9fa !important; }
.dark-mode .nav-link.active,
.dark-mode .dropdown-item:hover { color: #fff !important; font-weight: bold; background-color: #007bff !important; }
.dark-mode .table thead,
.dark-mode .table-striped tbody tr:nth-of-type(odd) { background-color: #ccc; }
.dark-mode .table-bordered,
.dark-mode .table-bordered th,
.dark-mode .table-bordered td { border-color: #444 !important; }

.bg-white { background-color: var(--bs-table-striped-bg) !important; }
.temperature-cell.low { color: #0d6efd; font-weight: bold; }
.temperature-cell.high { color: #dc3545; font-weight: bold; }
svg { width: 48px !important; height: 48px !important; }

/* Utility classes replacing inline style attributes */
.app-logo { height: 40px; }
.auth-card-sm { max-width: 400px; }
.img-max-h-150 { max-height: 150px; }
.img-max-h-300 { max-height: 300px; }
.max-w-300 { max-width: 300px; }
.h-280 { height: 280px; }
.h-300 { height: 300px; }
.cursor-pointer { cursor: pointer; }
.hidden-inline { display: none; }
.ws-nowrap { white-space: nowrap; }
.ws-pre-wrap { white-space: pre-wrap; }
.max-w-200 { max-width: 200px; }
.max-w-300 { max-width: 300px; }
.max-w-360 { max-width: 360px; }
.min-w-140 { min-width: 140px; }
.min-w-220 { min-width: 220px; }
.min-w-260 { min-width: 260px; }
.w-10p { width: 10%; }
.w-12p { width: 12%; }
.w-15p { width: 15%; }
.w-20p { width: 20%; }
.w-28p { width: 28%; }
.w-50p { width: 50%; }
.w-180 { width: 180px; }
.w-220 { width: 220px; }
.w-auto-inline { width: auto; }

/* AWB timeline */
.timeline { position: relative; padding-left: 1.5rem; margin-left: .25rem; }
.timeline::before { content: ""; position: absolute; left: .3rem; top: .4rem; bottom: .4rem; width: 2px; background: rgba(0,0,0,.1); }
.tl-item { position: relative; padding-left: 1rem; margin-bottom: .75rem; }
.tl-dot { position: absolute; left: -.05rem; top: .25rem; width: .7rem; height: .7rem; border-radius: 50%; background: #adb5bd; border: 2px solid #fff; box-shadow: 0 0 0 2px rgba(0,0,0,.05); }
.tl-item.done .tl-dot { background: #198754; }
.tl-item.active .tl-dot { background: #0d6efd; }
.tl-time { font-size: .85rem; color: #6c757d; }

/* Dashboard KPI partial */
.kpi-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.kpi-card { background: #ffffff00; color: #ffffff; border-radius: 14px; padding: 14px 16px; margin-top: 10px; margin-bottom: 15px; }
.kpi-title { font-size: 12px; line-height: 18px; color: #ffffff; margin-top: 4px; margin-bottom: 4px; }
.kpi-value { font-size: 28px; font-weight: 700; margin-top: 4px; margin-bottom: 4px; }
.kpi-sub { font-size: 12px; line-height: 18px; color: #ffffff; }

/* Alerts/Readings page injected styles moved from @push blocks */
.dashboard-nav { display: flex; gap: 1rem; margin-bottom: 1.5rem; }
.dashboard-nav a { text-decoration: none; color: #007bff; padding: .5rem 1rem; border-radius: 4px; }
.dashboard-nav a.active { background: #007bff; color: #fff; }

.report-badge { padding: 3px 8px; border-radius: 6px; }
.report-badge-green { background: #e7f7ec; color: #116b38; }
.report-badge-yellow { background: #fff5e6; color: #8a5700; }
.report-badge-red { background: #fde8e8; color: #a12626; }

/* Sensors explain page */
.explain-page .explain-muted { color: var(--bs-secondary-color); }
html[data-bs-theme="dark"] .explain-page .explain-muted { color: #e6e9ed !important; }
html[data-bs-theme="dark"] .explain-page .badge.bg-info.text-dark {
  color: #e6e9ed !important;
  background-color: rgba(13,110,253,.18) !important;
  border: 1px solid rgba(110,168,254,.35) !important;
}

/* Dashboard v2 (ApexCharts) */
.sea-dashboard {
  --dash-teal: #14b8a6;
  --dash-coral: #ff7f6a;
  --dash-slate: #475569;
  --dash-red: #dc2626;
  --dash-bg: #0f172a;
}
.dashboard-header-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
.dashboard-title {
  margin: 0;
  font-size: 1.65rem;
  letter-spacing: .01em;
  color: var(--dash-slate);
}
.dashboard-subtitle {
  margin: .2rem 0 0;
  color: color-mix(in srgb, var(--dash-slate) 78%, #fff 22%);
}
.dashboard-chip-wrap {
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
}
.dashboard-chip {
  border: 1px solid color-mix(in srgb, var(--dash-teal) 28%, transparent);
  color: var(--dash-teal);
  border-radius: 999px;
  padding: .24rem .72rem;
  font-size: .75rem;
  font-weight: 600;
  background: color-mix(in srgb, var(--dash-teal) 10%, transparent);
}
.dashboard-chip.alert {
  border-color: color-mix(in srgb, var(--dash-red) 35%, transparent);
  color: var(--dash-red);
  background: color-mix(in srgb, var(--dash-red) 10%, transparent);
}
.dashboard-card {
  border: 1px solid rgba(71, 85, 105, .22);
  border-radius: 16px;
  background: linear-gradient(165deg, color-mix(in srgb, var(--dash-bg) 18%, #fff 82%), #fff);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}
html[data-bs-theme="dark"] .dashboard-card {
  background: linear-gradient(165deg, #111827, #0b1324);
  box-shadow: 0 10px 26px rgba(2, 6, 23, 0.55);
  color: #f3f4f6;
}

/* Product mapping */
.product-geo-card,
.product-map-shell,
.product-detail-card {
  border: 1px solid rgba(71, 85, 105, .18);
  border-radius: 24px;
  background:
    radial-gradient(circle at top right, rgba(20, 184, 166, .14), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(242, 247, 250, .98));
  box-shadow: 0 18px 40px rgba(15, 23, 42, .08);
}
html[data-bs-theme="dark"] .product-geo-card,
html[data-bs-theme="dark"] .product-map-shell,
html[data-bs-theme="dark"] .product-detail-card {
  background:
    radial-gradient(circle at top right, rgba(20, 184, 166, .18), transparent 28%),
    linear-gradient(180deg, rgba(15, 23, 42, .94), rgba(18, 32, 48, .96));
  border-color: rgba(148, 163, 184, .18);
  box-shadow: 0 20px 48px rgba(2, 6, 23, .36);
}
.product-geo-card,
.product-map-shell {
  padding: 1.25rem;
}
.product-hero {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  align-items: flex-end;
  padding: 1.5rem;
  border-radius: 28px;
  background:
    radial-gradient(circle at top left, rgba(20, 184, 166, .25), transparent 26%),
    linear-gradient(135deg, #0f172a, #164e63 54%, #f97316 160%);
  color: #f8fafc;
  box-shadow: 0 20px 50px rgba(15, 23, 42, .22);
}
.product-hero-kicker,
.product-geo-eyebrow {
  display: inline-block;
  margin-bottom: .45rem;
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: .72rem;
  font-weight: 700;
}
.product-hero-text {
  max-width: 46rem;
  color: rgba(248, 250, 252, .82);
}
.product-location-map {
  position: relative;
  min-height: 360px;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(71, 85, 105, .16);
}
.product-location-map-view {
  min-height: 470px;
  background:
    radial-gradient(circle at center, rgba(20, 184, 166, .08), transparent 35%),
    linear-gradient(180deg, rgba(255,255,255,.2), rgba(255,255,255,0));
}
.product-map-legend {
  display: flex;
  flex-wrap: wrap;
  gap: .9rem;
  font-size: .9rem;
  color: var(--bs-secondary-color);
}
.product-dot {
  display: inline-block;
  width: .8rem;
  height: .8rem;
  border-radius: 999px;
  margin-right: .35rem;
}
.product-dot-product {
  background: #f97316;
}
.product-dot-sensor {
  background: #14b8a6;
}
.product-map-pin-wrap {
  background: transparent;
  border: 0;
}
.product-map-pin {
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 50% 50% 50% 0;
  transform: rotate(-45deg);
  box-shadow: 0 8px 20px rgba(15, 23, 42, .24);
  border: 2px solid rgba(255,255,255,.95);
}
.product-map-pin::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255,255,255,.95);
  top: 5px;
  left: 5px;
}
.product-map-pin.is-product {
  background: linear-gradient(180deg, #fb923c, #ea580c);
}
.product-map-pin.is-sensor {
  background: linear-gradient(180deg, #2dd4bf, #0f766e);
}
.product-stat-card {
  padding: 1rem;
  border-radius: 18px;
  background: rgba(255,255,255,.65);
  border: 1px solid rgba(71, 85, 105, .12);
}
html[data-bs-theme="dark"] .product-stat-card {
  background: rgba(15, 23, 42, .45);
  border-color: rgba(148, 163, 184, .14);
  color: #f3f4f6;
}
.product-stat-card strong {
  display: block;
  font-size: 1.7rem;
  line-height: 1.1;
  color: color-mix(in srgb, var(--dash-bg) 82%, #fff 18%);
}
html[data-bs-theme="dark"] .product-stat-card strong {
  color: #f8fafc;
}
.product-stat-label {
  display: block;
  margin-bottom: .25rem;
  color: var(--bs-secondary-color);
  font-size: .82rem;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.product-detail-card .card-header {
  background: transparent;
  border-bottom: 1px solid rgba(71, 85, 105, .12);
  font-weight: 700;
  padding: 1rem 1.25rem 0;
}
.product-detail-card .card-body {
  padding: 1.25rem;
}
.product-detail-list dt {
  font-weight: 700;
}
.product-detail-list dd {
  margin-bottom: .8rem;
}
.product-sensor-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: .85rem 0;
  border-bottom: 1px solid rgba(71, 85, 105, .12);
}
.product-sensor-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
html[data-bs-theme="dark"] .product-map-shell,
html[data-bs-theme="dark"] .product-detail-card,
html[data-bs-theme="dark"] .product-detail-card .card-body {
  color: #f3f4f6 !important;
}
html[data-bs-theme="dark"] .product-map-legend,
html[data-bs-theme="dark"] .product-stat-label,
html[data-bs-theme="dark"] .product-map-shell .text-muted,
html[data-bs-theme="dark"] .product-detail-card .text-muted,
html[data-bs-theme="dark"] .product-detail-card .small,
html[data-bs-theme="dark"] .product-detail-card .form-text {
  color: #cbd5e1 !important;
}
html[data-bs-theme="dark"] .product-detail-card .card-header,
html[data-bs-theme="dark"] .product-detail-list dt,
html[data-bs-theme="dark"] .product-detail-list dd,
html[data-bs-theme="dark"] .product-sensor-item strong {
  color: #f8fafc;
}
html[data-bs-theme="dark"] .product-detail-card .badge.text-bg-light {
  background: rgba(248, 250, 252, .14) !important;
  border-color: rgba(226, 232, 240, .28) !important;
  color: #f8fafc !important;
}
html[data-bs-theme="dark"] .product-detail-card .table,
html[data-bs-theme="dark"] .product-detail-card .table > :not(caption) > * > * {
  color: #e5eef8;
}

@media (max-width: 767.98px) {
  .product-hero,
  .product-geo-card,
  .product-map-shell {
    padding: 1rem;
  }

  .product-location-map,
  .product-location-map-view {
    min-height: 320px;
  }
}
.dashboard-card-label {
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: .72rem;
  font-weight: 700;
  color: color-mix(in srgb, var(--dash-slate) 76%, #fff 24%);
}
.dashboard-card-stat {
  margin-top: .2rem;
  font-size: 1.02rem;
  font-weight: 700;
  color: color-mix(in srgb, var(--dash-slate) 88%, #fff 12%);
  text-align: center;
}
.dashboard-gauge {
  min-height: 210px;
}
.dashboard-alert-number {
  font-size: 2.4rem;
  font-weight: 800;
  line-height: 1.1;
  margin-top: .45rem;
  color: var(--dash-red);
}
.dashboard-alert-meta {
  font-size: .83rem;
  color: color-mix(in srgb, var(--dash-slate) 72%, #fff 28%);
}
.dashboard-spark {
  min-height: 84px;
  margin-top: .25rem;
}
.dashboard-section-title {
  border-bottom: 1px solid rgba(71, 85, 105, .18);
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: .75rem;
  font-weight: 700;
  color: color-mix(in srgb, var(--dash-slate) 82%, #fff 18%);
  background: transparent;
}
html[data-bs-theme="dark"] .dashboard-title,
html[data-bs-theme="dark"] .dashboard-card-label,
html[data-bs-theme="dark"] .dashboard-card-stat,
html[data-bs-theme="dark"] .dashboard-section-title {
  color: #f8fafc;
}
html[data-bs-theme="dark"] .dashboard-subtitle,
html[data-bs-theme="dark"] .dashboard-alert-meta,
html[data-bs-theme="dark"] .dashboard-card .card-body {
  color: #cbd5e1 !important;
}
.dashboard-chart-lg { min-height: 360px; }
.dashboard-chart-md { min-height: 300px; }

/* Apex charts use SVG; override legacy global svg sizing rules on dashboard pages. */
.sea-dashboard svg {
  width: auto !important;
  height: auto !important;
}
.sea-dashboard .apexcharts-canvas svg,
.sea-dashboard .apexcharts-svg {
  width: 100% !important;
  height: 100% !important;
}

@media (max-width: 767px) {
  .dashboard-header-row { flex-direction: column; }
}

@media (max-width: 991.98px) {
  .dashboard-title {
    font-size: 1.35rem;
  }
  .dashboard-subtitle {
    font-size: .9rem;
  }
  .dashboard-card {
    border-radius: 14px;
  }
  .dashboard-card-label {
    font-size: .68rem;
  }
  .dashboard-alert-number {
    font-size: 2rem;
  }
  .dashboard-gauge {
    min-height: 190px;
  }
  .dashboard-chart-lg {
    min-height: 320px;
  }
  .dashboard-chart-md {
    min-height: 280px;
  }
}

@media (max-width: 575.98px) {
  .sea-dashboard {
    --bs-gutter-x: .75rem;
  }
  .dashboard-header-row {
    margin-bottom: .75rem;
    gap: .65rem;
  }
  .dashboard-title {
    font-size: 1.15rem;
    line-height: 1.2;
  }
  .dashboard-subtitle {
    font-size: .82rem;
    margin-top: .1rem;
  }
  .dashboard-chip {
    font-size: .66rem;
    padding: .2rem .55rem;
  }
  .dashboard-card {
    border-radius: 12px;
  }
  .dashboard-card .card-body {
    padding: .8rem;
  }
  .dashboard-card-stat {
    font-size: .92rem;
  }
  .dashboard-alert-number {
    font-size: 1.75rem;
    margin-top: .3rem;
  }
  .dashboard-alert-meta {
    font-size: .76rem;
  }
  .dashboard-gauge {
    min-height: 170px;
  }
  .dashboard-spark {
    min-height: 68px;
  }
  .dashboard-section-title {
    font-size: .68rem;
    letter-spacing: .045em;
    padding: .72rem .8rem;
  }
  .dashboard-chart-lg {
    min-height: 260px;
  }
  .dashboard-chart-md {
    min-height: 240px;
  }
}
/* ---- resources/views/reports/clinet.blade.php ---- */

    body { font-family: DejaVu Sans, Arial, sans-serif; font-size: 12px; color: #222; }
    h1 { font-size: 18px; margin: 0 0 6px; }
    h2 { font-size: 14px; margin: 14px 0 6px; }
    table { width: 100%; border-collapse: collapse; margin: 8px 0 12px; }
    th, td { border: 1px solid #eee; padding: 6px 8px; vertical-align: top; }
    th { background: #fafafa; }
    .muted { color: #666; }
    .ok { color: #117a3a; }
    .warn { color: #b35c00; }
    .section { margin-bottom: 10px; }
  
/* ---- resources/views/reports/haccp.blade.php ---- */

    body { font-family: DejaVu Sans, Arial, sans-serif; font-size: 12px; color: #222; }
    h1, h2, h3 { margin: 0 0 6px; }
    h1 { font-size: 18px; }
    h2 { font-size: 14px; margin-top: 16px; }
    table { width: 100%; border-collapse: collapse; margin: 8px 0 12px; }
    th, td { border: 1px solid #ddd; padding: 6px 8px; vertical-align: top; }
    th { background: #f5f5f5; }
    .muted { color: #666; }
    .ok { color: #117a3a; }
    .warn { color: #b35c00; }
    .header { display: block; margin-bottom: 10px; }
    .small { font-size: 11px; }
    .signature { height: 48px; border-bottom: 1px solid #000; width: 260px; }
  
/* ---- resources/views/sensors/explain.blade.php ---- */

  .card { border-radius: 12px; background: var(--bs-card-bg); color: #ffffff!important; }
  .card-header { background: var(--bs-card-cap-bg); border-bottom-color: var(--bs-border-color); }
  .card .text-muted { color: var(--bs-secondary-color) !important; }
.card-body {color: #ffffff!important;}

  .form-control, .form-select { background-color: var(--bs-body-bg); color: var(--bs-body-color); border-color: var(--bs-border-color); }
  .form-control::placeholder { color: var(--bs-secondary-color); opacity: .8; }

  .explain-page .explain-muted { color: var(--bs-secondary-color); }
  html[data-bs-theme="dark"] .explain-page .explain-muted { color: #e6e9ed !important; }
  html[data-bs-theme="dark"] .explain-page .badge.bg-info.text-dark {
    color: #e6e9ed !important; background-color: rgba(13,110,253,.18) !important; border: 1px solid rgba(110,168,254,.35) !important;
  }

/* ---- resources/views/sensors/index.blade.php ---- */

  .dashboard-nav { display:flex; gap:1rem; margin-bottom:1.5rem; }
  .dashboard-nav a { text-decoration:none; color:#007bff; padding:0.5rem 1rem; border-radius:4px; }
  .dashboard-nav a.active { background:#007bff; color:#fff; }
  svg { width:48px !important; height:48px !important; }

/* ---- resources/views/awbs/show.blade.php ---- */

  /* ===== Lightweight timeline styling (Bootstrap friendly) ===== */
  .timeline {position:relative;padding-left:1.5rem;margin-left:.25rem}
  .timeline::before{content:"";position:absolute;left:.3rem;top:.4rem;bottom:.4rem;width:2px;background:rgba(0,0,0,.1)}
  .tl-item{position:relative;padding-left:1rem;margin-bottom:.75rem}
  .tl-dot{position:absolute;left:-.05rem;top:.25rem;width:.7rem;height:.7rem;border-radius:50%;background:#adb5bd;border:2px solid #fff;box-shadow:0 0 0 2px rgba(0,0,0,.05)}
  .tl-item.done .tl-dot{background:#198754}
  .tl-item.active .tl-dot{background:#0d6efd}
  .tl-time{font-size:.85rem;color:#6c757d}

/* ---- resources/views/alerts/export.blade.php ---- */

    body{font-family:system-ui,-apple-system,Arial,Helvetica,sans-serif;font-size:14px;color:#111;margin:16px}
    h1{margin:0 0 10px}
    .meta{color:#666;margin-bottom:12px}
    table{width:100%;border-collapse:collapse}
    th,td{border:1px solid #ddd;padding:8px;text-align:left}
    th{background:#fafafa}
    .nowrap{white-space:nowrap}
    .muted{color:#666}
  
/* ---- resources/views/products/export.blade.php ---- */

  body{font-family:DejaVu Sans, Arial, sans-serif;font-size:12px;line-height:1.35}
  h2{margin:0 0 10px 0}
  table{width:100%;border-collapse:collapse}
  th,td{border:1px solid #ddd;padding:6px;text-align:left;vertical-align:top}
  th{background:#f5f5f5}
  .nowrap{white-space:nowrap}
  .muted{color:#666}

/* ---- resources/views/products/index.blade.php ---- */

  .dashboard-nav {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
  }
  .dashboard-nav a {
    text-decoration: none;
    color: #007bff;
    padding: 0.5rem 1rem;
    border-radius: 4px;
  }
  .dashboard-nav a.active {
    background: #007bff;
    color: white;
  }
  svg {
      width: 48px !important;
      height: 48px !important;
  }
  .bg-white {
      background-color: black!important;
  }

/* ---- resources/views/alerts/index.blade.php ---- */

  .dashboard-nav { display:flex; gap:1rem; margin-bottom:1.5rem; }
  .dashboard-nav a { text-decoration:none; color:#007bff; padding:0.5rem 1rem; border-radius:4px; }
  .dashboard-nav a.active { background:#007bff; color:#fff; }
  .temperature-cell.low { color:#0d6efd; font-weight:bold; }
  .temperature-cell.high { color:#dc3545; font-weight:bold; }
  svg { width:48px !important; height:48px !important; }

/* ---- resources/views/readings/index.blade.php ---- */

    .dashboard-nav { display:flex; gap:1rem; margin-bottom:1.5rem; }
    .dashboard-nav a { text-decoration:none; color:#007bff; padding:0.5rem 1rem; border-radius:4px; }
    .dashboard-nav a.active { background:#007bff; color:#fff; }
    .temperature-cell.low  { color:#0d6efd; font-weight:bold; }
    .temperature-cell.high { color:#dc3545; font-weight:bold; }
    svg { width:48px !important; height:48px !important; }

/* ---- resources/views/readings/summary.blade.php ---- */

        body{ font-family: system-ui, -apple-system, Arial, Helvetica, sans-serif; font-size:14px; color:#111; margin:16px; }
        h1{ margin:0 0 10px; }
        h2{ margin:18px 0 8px; font-size:16px; }
        .meta{ color:#666; margin-bottom:12px; }
        table{ width:100%; border-collapse:collapse; }
        th, td{ border:1px solid #ddd; padding:8px; text-align:left; }
        th{ background:#fafafa; }
        .muted{ color:#666; }
        .nowrap{ white-space:nowrap; }
        .grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
        .card{ border:1px solid #ddd; padding:10px; }
        .card table{ border:none; }
        .card th, .card td{ border:none; padding:4px 0; }
    
/* ---- resources/views/readings/edit.blade.php ---- */

 body{font-family:DejaVu Sans,Arial,sans-serif;font-size:12px}
 table{width:100%;border-collapse:collapse}
 th,td{border:1px solid #ccc;padding:6px;text-align:left}
 th{background:#f3f4f6}

/* ---- resources/views/readings/export.blade.php ---- */

        body{ font-family: system-ui, -apple-system, Arial, Helvetica, sans-serif; font-size:14px; color:#111; margin:16px; }
        h1{ margin:0 0 10px; }
        .meta{ color:#666; margin-bottom:12px; }
        table{ width:100%; border-collapse:collapse; }
        th, td{ border:1px solid #ddd; padding:8px; text-align:left; }
        th{ background:#fafafa; }
        .nowrap{ white-space:nowrap; }
        .muted{ color:#666; }
    

/* ---- Final overrides (must be last) ---- */
.dropdown-menu .dropdown-item {
  color: #475569 !important;
}

/* Prevent legacy global svg icon sizing from breaking ApexCharts. */
.sea-dashboard .apexcharts-canvas,
.sea-dashboard .apexcharts-canvas svg,
.sea-dashboard .apexcharts-svg {
  width: 100% !important;
  height: 100% !important;
}