/*
  MSMC Phase 13e → LiquidGlass Full UI Overlay
  Purpose: page-by-page visual migration without changing Laravel routes/controllers/business logic.
  Install with: php tools/install_liquidglass_full_ui.php
*/

:root {
  --lgu-bg: #08111f;
  --lgu-bg-2: #0d1c31;
  --lgu-surface: rgba(255, 255, 255, .085);
  --lgu-surface-strong: rgba(255, 255, 255, .14);
  --lgu-surface-solid: rgba(18, 31, 52, .82);
  --lgu-line: rgba(255, 255, 255, .16);
  --lgu-line-strong: rgba(255, 255, 255, .26);
  --lgu-text: #f6fbff;
  --lgu-text-soft: rgba(239, 248, 255, .74);
  --lgu-muted: rgba(211, 224, 243, .62);
  --lgu-primary: #72e7ff;
  --lgu-primary-2: #8f7dff;
  --lgu-mint: #3ce7ae;
  --lgu-warn: #ffb95a;
  --lgu-danger: #ff6b7b;
  --lgu-pink: #ff8edb;
  --lgu-radius-xl: 28px;
  --lgu-radius-lg: 22px;
  --lgu-radius-md: 16px;
  --lgu-shadow: 0 28px 90px rgba(0, 6, 18, .38);
  --lgu-shadow-soft: 0 16px 50px rgba(0, 6, 18, .22);
  --lgu-blur: blur(22px) saturate(155%);
  --lgu-font: 'Inter', 'Prompt', 'Sarabun', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body.light-layout,
body.semi-dark-layout {
  --lgu-bg: #eef6ff;
  --lgu-bg-2: #f7fbff;
  --lgu-surface: rgba(255, 255, 255, .64);
  --lgu-surface-strong: rgba(255, 255, 255, .84);
  --lgu-surface-solid: rgba(255, 255, 255, .94);
  --lgu-line: rgba(64, 87, 123, .14);
  --lgu-line-strong: rgba(64, 87, 123, .22);
  --lgu-text: #17243b;
  --lgu-text-soft: rgba(34, 49, 78, .74);
  --lgu-muted: rgba(58, 77, 110, .58);
  --lgu-shadow: 0 28px 80px rgba(38, 76, 126, .18);
  --lgu-shadow-soft: 0 14px 40px rgba(38, 76, 126, .12);
}

html body.liquidglass-ui {
  min-height: 100vh;
  font-family: var(--lgu-font);
  color: var(--lgu-text);
  background:
    radial-gradient(circle at 8% 4%, rgba(114, 231, 255, .32), transparent 28vw),
    radial-gradient(circle at 86% 2%, rgba(255, 142, 219, .22), transparent 26vw),
    radial-gradient(circle at 86% 86%, rgba(60, 231, 174, .20), transparent 30vw),
    linear-gradient(140deg, var(--lgu-bg), var(--lgu-bg-2)) !important;
  background-attachment: fixed !important;
}

html body.liquidglass-ui::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -2;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.72), transparent 88%);
}

html body.liquidglass-ui::after {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(circle at 22% 16%, rgba(255,255,255,.10), transparent 18vw),
    radial-gradient(circle at 80% 30%, rgba(255,255,255,.06), transparent 24vw);
  mix-blend-mode: screen;
}

body.liquidglass-ui .app-content,
body.liquidglass-ui .content-wrapper,
body.liquidglass-ui .content-body {
  color: var(--lgu-text);
}

body.liquidglass-ui .content-wrapper {
  padding-top: .85rem;
}

body.liquidglass-ui .content-body > section:first-child,
body.liquidglass-ui .content-body > .row:first-child,
body.liquidglass-ui .content-body > .card:first-child {
  animation: lguFadeLift .38s ease both;
}

@keyframes lguFadeLift {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Top navigation */
body.liquidglass-ui .header-navbar,
body.liquidglass-ui .navbar-container,
body.liquidglass-ui .navbar-wrapper,
body.liquidglass-ui .navbar-header {
  backdrop-filter: var(--lgu-blur);
  -webkit-backdrop-filter: var(--lgu-blur);
}

body.liquidglass-ui .header-navbar.floating-nav,
body.liquidglass-ui .header-navbar.fixed-top,
body.liquidglass-ui .navbar-container {
  background: rgba(10, 19, 34, .64) !important;
  border: 1px solid var(--lgu-line) !important;
  box-shadow: var(--lgu-shadow-soft) !important;
  border-radius: 22px !important;
}

body.light-layout.liquidglass-ui .header-navbar.floating-nav,
body.light-layout.liquidglass-ui .header-navbar.fixed-top,
body.light-layout.liquidglass-ui .navbar-container {
  background: rgba(255, 255, 255, .72) !important;
}

body.liquidglass-ui .navbar-container a,
body.liquidglass-ui .navbar-container .nav-link,
body.liquidglass-ui .navbar-container .dropdown-user-link,
body.liquidglass-ui .navbar-container i {
  color: var(--lgu-text) !important;
}

/* Global breadcrumb / Home bar glass fix
   Used by pages such as /exchange/internal, /exchange/walkin, /exchange/request/grouping,
   /set/borrow, /set/search, /set/history and every page that uses panels.breadcrumbs. */
body.liquidglass-ui .content-header-left .content-header-title {
  color: var(--lgu-text) !important;
  font-weight: 800;
  letter-spacing: .01em;
  text-shadow: 0 6px 22px rgba(0, 8, 22, .18);
}

body.liquidglass-ui .content-header-left .breadcrumb-wrapper {
  overflow: visible;
}

body.liquidglass-ui .content-header-left .breadcrumb {
  min-height: 32px;
  align-items: center;
  padding: .32rem .85rem !important;
  border-left: 0 !important;
  border-radius: 16px !important;
  border: 1px solid rgba(114, 231, 255, .20) !important;
  background:
    radial-gradient(circle at 2% 50%, rgba(114, 231, 255, .22), transparent 18%),
    linear-gradient(90deg, rgba(114, 231, 255, .12), rgba(143, 125, 255, .12) 48%, rgba(255, 142, 219, .08)),
    rgba(14, 27, 48, .50) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .12),
    0 12px 34px rgba(0, 8, 22, .20),
    0 0 28px rgba(114, 231, 255, .07);
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
}

body.light-layout.liquidglass-ui .content-header-left .breadcrumb,
body.semi-dark-layout.liquidglass-ui .content-header-left .breadcrumb {
  border-color: rgba(40, 166, 210, .20) !important;
  background:
    radial-gradient(circle at 2% 50%, rgba(114, 231, 255, .30), transparent 18%),
    linear-gradient(90deg, rgba(255, 255, 255, .78), rgba(228, 249, 255, .68) 45%, rgba(248, 241, 255, .66)),
    rgba(255, 255, 255, .66) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .88),
    0 12px 34px rgba(36, 91, 142, .10),
    0 0 30px rgba(114, 231, 255, .18);
}

body.liquidglass-ui .breadcrumb,
body.liquidglass-ui .breadcrumb a,
body.liquidglass-ui .breadcrumb-item.active {
  color: var(--lgu-text-soft) !important;
}

body.liquidglass-ui .breadcrumb .breadcrumb-item a,
body.liquidglass-ui .breadcrumb .breadcrumb-item a i {
  color: var(--lgu-primary) !important;
}

body.liquidglass-ui .breadcrumb .breadcrumb-item a i {
  top: 1px;
  font-size: 1.08rem;
  opacity: 1;
  text-shadow: 0 0 14px rgba(114, 231, 255, .68);
  filter: drop-shadow(0 4px 10px rgba(114, 231, 255, .24));
}

body.light-layout.liquidglass-ui .breadcrumb .breadcrumb-item a,
body.light-layout.liquidglass-ui .breadcrumb .breadcrumb-item a i,
body.semi-dark-layout.liquidglass-ui .breadcrumb .breadcrumb-item a,
body.semi-dark-layout.liquidglass-ui .breadcrumb .breadcrumb-item a i {
  color: #19a7d6 !important;
  text-shadow: 0 0 12px rgba(25, 167, 214, .28);
}

body.liquidglass-ui .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: rgba(188, 221, 242, .58) !important;
}

body.light-layout.liquidglass-ui .breadcrumb .breadcrumb-item + .breadcrumb-item::before,
body.semi-dark-layout.liquidglass-ui .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: rgba(55, 92, 130, .42) !important;
}

body.liquidglass-ui .breadcrumb .breadcrumb-item a:hover,
body.liquidglass-ui .breadcrumb .breadcrumb-item a:hover i {
  color: #9cf4ff !important;
}

body.light-layout.liquidglass-ui .breadcrumb .breadcrumb-item a:hover,
body.light-layout.liquidglass-ui .breadcrumb .breadcrumb-item a:hover i,
body.semi-dark-layout.liquidglass-ui .breadcrumb .breadcrumb-item a:hover,
body.semi-dark-layout.liquidglass-ui .breadcrumb .breadcrumb-item a:hover i {
  color: #077ca8 !important;
}

/* Route hero generated by JS */
.lgu-route-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .75rem;
  align-items: center;
  margin: .1rem 0 1rem;
  padding: .72rem .92rem;
  overflow: hidden;
  border: 1px solid var(--lgu-line);
  border-radius: 22px;
  background:
    radial-gradient(circle at 12% 20%, rgba(255,255,255,.18), transparent 18%),
    linear-gradient(135deg, rgba(114,231,255,.18), rgba(143,125,255,.14) 44%, rgba(255,142,219,.10)),
    var(--lgu-surface);
  box-shadow: var(--lgu-shadow-soft);
  backdrop-filter: var(--lgu-blur);
  -webkit-backdrop-filter: var(--lgu-blur);
}

.lgu-route-hero::before {
  content: '';
  position: absolute;
  inset: -70% auto auto -8%;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: rgba(114, 231, 255, .26);
  filter: blur(10px);
}

.lgu-route-hero__main {
  position: relative;
  display: flex;
  align-items: center;
  gap: .72rem;
  min-width: 0;
}

.lgu-route-hero__icon {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  border: 1px solid rgba(255,255,255,.26);
  background:
    linear-gradient(135deg, rgba(255,255,255,.26), rgba(255,255,255,.06)),
    rgba(255,255,255,.10);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.30), 0 10px 22px rgba(3, 9, 22, .14);
}

.lgu-route-hero__icon i { font-size: 1.32rem; }

.lgu-route-hero__kicker {
  margin: 0 0 .10rem;
  color: var(--lgu-primary);
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.lgu-route-hero__title {
  margin: 0;
  color: var(--lgu-text);
  font-size: clamp(1.02rem, .72vw + .9rem, 1.38rem);
  font-weight: 860;
  line-height: 1.08;
}

.lgu-route-hero__subtitle {
  max-width: min(68vw, 760px);
  margin: .18rem 0 0;
  color: var(--lgu-text-soft);
  font-size: .78rem;
  line-height: 1.25;
}

.lgu-route-hero__actions {
  position: relative;
  display: flex;
  gap: .36rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.lgu-route-chip {
  display: inline-flex;
  align-items: center;
  gap: .28rem;
  min-height: 28px;
  padding: .26rem .56rem;
  border: 1px solid var(--lgu-line);
  border-radius: 999px;
  color: var(--lgu-text-soft);
  background: rgba(255,255,255,.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16);
  font-size: .76rem;
  white-space: nowrap;
}

/* Card system */
body.liquidglass-ui .card,
body.liquidglass-ui .card.lgu-card,
body.liquidglass-ui .box,
body.liquidglass-ui .panel,
body.liquidglass-ui .widget,
body.liquidglass-ui .invoice-preview-card,
body.liquidglass-ui .invoice-action-wrapper {
  border: 1px solid var(--lgu-line) !important;
  border-radius: var(--lgu-radius-lg) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.035)),
    var(--lgu-surface) !important;
  box-shadow: var(--lgu-shadow-soft) !important;
  backdrop-filter: var(--lgu-blur);
  -webkit-backdrop-filter: var(--lgu-blur);
  overflow: hidden;
}

body.liquidglass-ui .card:hover {
  border-color: var(--lgu-line-strong) !important;
}

body.liquidglass-ui .card-header,
body.liquidglass-ui .modal-header,
body.liquidglass-ui .card > .card-header {
  border-bottom: 1px solid var(--lgu-line) !important;
  background: rgba(255,255,255,.045) !important;
  color: var(--lgu-text) !important;
}

body.liquidglass-ui .card-footer,
body.liquidglass-ui .modal-footer {
  border-top: 1px solid var(--lgu-line) !important;
  background: rgba(255,255,255,.035) !important;
}

body.liquidglass-ui .card-title,
body.liquidglass-ui .card-header h1,
body.liquidglass-ui .card-header h2,
body.liquidglass-ui .card-header h3,
body.liquidglass-ui .card-header h4,
body.liquidglass-ui .card-header h5,
body.liquidglass-ui .card-header h6,
body.liquidglass-ui .modal-title,
body.liquidglass-ui h1,
body.liquidglass-ui h2,
body.liquidglass-ui h3,
body.liquidglass-ui h4,
body.liquidglass-ui h5,
body.liquidglass-ui h6 {
  color: var(--lgu-text) !important;
}

body.liquidglass-ui p,
body.liquidglass-ui label,
body.liquidglass-ui small,
body.liquidglass-ui .text-muted,
body.liquidglass-ui .help-block,
body.liquidglass-ui .form-text,
body.liquidglass-ui .card-text {
  color: var(--lgu-text-soft) !important;
}

body.liquidglass-ui .text-primary { color: var(--lgu-primary) !important; }
body.liquidglass-ui .text-success { color: var(--lgu-mint) !important; }
body.liquidglass-ui .text-warning { color: var(--lgu-warn) !important; }
body.liquidglass-ui .text-danger { color: var(--lgu-danger) !important; }

body.liquidglass-ui .edit-userremark {
  cursor: pointer !important;
}

/* Buttons */
body.liquidglass-ui .btn {
  border-radius: 999px !important;
  font-weight: 760 !important;
  letter-spacing: .01em;
  box-shadow: 0 12px 26px rgba(0, 6, 18, .14), inset 0 1px 0 rgba(255,255,255,.20) !important;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease, border-color .16s ease;
}

body.liquidglass-ui .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 32px rgba(0, 6, 18, .20), inset 0 1px 0 rgba(255,255,255,.24) !important;
  filter: saturate(1.08);
}

body.liquidglass-ui .btn:active { transform: translateY(0); }

body.liquidglass-ui .btn-primary,
body.liquidglass-ui .btn-info,
body.liquidglass-ui .btn-outline-primary:hover,
body.liquidglass-ui .btn-outline-info:hover {
  border-color: rgba(114, 231, 255, .72) !important;
  background: linear-gradient(135deg, #25d9ff, #7772ff) !important;
  color: #fff !important;
}

body.liquidglass-ui .btn-success,
body.liquidglass-ui .btn-outline-success:hover {
  border-color: rgba(60, 231, 174, .72) !important;
  background: linear-gradient(135deg, #23d58d, #2edac7) !important;
  color: #fff !important;
}

body.liquidglass-ui .btn-warning,
body.liquidglass-ui .btn-outline-warning:hover {
  border-color: rgba(255, 185, 90, .78) !important;
  background: linear-gradient(135deg, #ffb648, #ff8e5a) !important;
  color: #1b2230 !important;
}

body.liquidglass-ui .btn-danger,
body.liquidglass-ui .btn-outline-danger:hover {
  border-color: rgba(255, 107, 123, .78) !important;
  background: linear-gradient(135deg, #ff5d73, #ff8e6d) !important;
  color: #fff !important;
}

body.liquidglass-ui .btn-secondary,
body.liquidglass-ui .btn-outline-secondary,
body.liquidglass-ui .btn-light,
body.liquidglass-ui .btn-outline-primary,
body.liquidglass-ui .btn-outline-info,
body.liquidglass-ui .btn-outline-success,
body.liquidglass-ui .btn-outline-warning,
body.liquidglass-ui .btn-outline-danger {
  border: 1px solid var(--lgu-line) !important;
  background: rgba(255,255,255,.08) !important;
  color: var(--lgu-text) !important;
}

body.liquidglass-ui .btn i { vertical-align: -1px; }

/* Forms */
body.liquidglass-ui .form-control,
body.liquidglass-ui .custom-select,
body.liquidglass-ui select,
body.liquidglass-ui textarea,
body.liquidglass-ui .select2-selection,
body.liquidglass-ui .select2-container--default .select2-selection--single,
body.liquidglass-ui .select2-container--default .select2-selection--multiple,
body.liquidglass-ui .input-group-text {
  border: 1px solid var(--lgu-line) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.08) !important;
  color: var(--lgu-text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10) !important;
}

body.light-layout.liquidglass-ui .form-control,
body.light-layout.liquidglass-ui .custom-select,
body.light-layout.liquidglass-ui select,
body.light-layout.liquidglass-ui textarea,
body.light-layout.liquidglass-ui .select2-selection,
body.light-layout.liquidglass-ui .select2-container--default .select2-selection--single,
body.light-layout.liquidglass-ui .select2-container--default .select2-selection--multiple,
body.light-layout.liquidglass-ui .input-group-text {
  background: rgba(255,255,255,.78) !important;
}

body.liquidglass-ui .form-control:focus,
body.liquidglass-ui .custom-select:focus,
body.liquidglass-ui select:focus,
body.liquidglass-ui textarea:focus,
body.liquidglass-ui .select2-container--focus .select2-selection {
  border-color: rgba(114,231,255,.68) !important;
  box-shadow: 0 0 0 .18rem rgba(114,231,255,.16), inset 0 1px 0 rgba(255,255,255,.14) !important;
}

body.liquidglass-ui .form-control::placeholder,
body.liquidglass-ui textarea::placeholder { color: var(--lgu-muted) !important; }

body.liquidglass-ui .select2-container--open,
body.liquidglass-ui .select2-dropdown {
  z-index: 13040 !important;
}

body.liquidglass-ui .select2-dropdown {
  border: 1px solid var(--lgu-line) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.05)),
    var(--lgu-surface-solid) !important;
  color: var(--lgu-text) !important;
  box-shadow: var(--lgu-shadow) !important;
  overflow: hidden;
}

body.liquidglass-ui .select2-container--default .select2-results__option {
  color: var(--lgu-text) !important;
}

body.liquidglass-ui .select2-container--default .select2-results__option[aria-selected="true"] {
  background:
    linear-gradient(135deg, rgba(114, 231, 255, .24), rgba(143, 125, 255, .18)) !important;
  color: var(--lgu-text) !important;
}

body.liquidglass-ui .select2-container--default .select2-results__option--highlighted[aria-selected],
body.liquidglass-ui .select2-container--default .select2-results__option--highlighted[aria-selected="true"] {
  background:
    linear-gradient(135deg, rgba(43, 196, 255, .94), rgba(102, 118, 255, .94)) !important;
  color: #fff !important;
}

body.liquidglass-ui .input-group .form-control:not(:first-child) { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
body.liquidglass-ui .input-group .input-group-text:first-child { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }

/* Tables and datatables */
body.liquidglass-ui .table,
body.liquidglass-ui table.dataTable {
  color: var(--lgu-text) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: transparent !important;
}

body.liquidglass-ui .table-responsive,
body.liquidglass-ui .lgu-table-shell,
body.liquidglass-ui .dataTables_wrapper {
  border-radius: var(--lgu-radius-lg);
}

body.liquidglass-ui .lgu-table-shell {
  position: relative;
  overflow: auto;
  border: 1px solid var(--lgu-line);
  background: rgba(255,255,255,.045);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

body.liquidglass-ui .table thead th,
body.liquidglass-ui table.dataTable thead th,
body.liquidglass-ui table.dataTable thead td {
  position: sticky;
  top: 0;
  z-index: 2;
  border: 0 !important;
  border-bottom: 1px solid var(--lgu-line) !important;
  background:
    linear-gradient(135deg, rgba(114,231,255,.22), rgba(143,125,255,.16)),
    rgba(255,255,255,.08) !important;
  color: var(--lgu-text) !important;
  font-weight: 820 !important;
}

body.liquidglass-ui .table thead tr.bg-primary,
body.liquidglass-ui table.dataTable thead tr.bg-primary,
body.liquidglass-ui .dataTables_scrollHead table thead tr.bg-primary {
  background: transparent !important;
}

body.liquidglass-ui .table thead tr.bg-primary > th,
body.liquidglass-ui .table thead tr.bg-primary > td,
body.liquidglass-ui table.dataTable thead tr.bg-primary > th,
body.liquidglass-ui table.dataTable thead tr.bg-primary > td,
body.liquidglass-ui .dataTables_scrollHead table thead tr.bg-primary > th,
body.liquidglass-ui .dataTables_scrollHead table thead tr.bg-primary > td {
  background:
    linear-gradient(135deg, rgba(114,231,255,.22), rgba(143,125,255,.16)),
    rgba(255,255,255,.08) !important;
  color: var(--lgu-text) !important;
  border-color: var(--lgu-line) !important;
  text-shadow: none;
}

body.dark-layout.liquidglass-ui .table thead tr.bg-primary > th,
body.dark-layout.liquidglass-ui .table thead tr.bg-primary > td,
body.dark-layout.liquidglass-ui table.dataTable thead tr.bg-primary > th,
body.dark-layout.liquidglass-ui table.dataTable thead tr.bg-primary > td,
body.dark-layout.liquidglass-ui .dataTables_scrollHead table thead tr.bg-primary > th,
body.dark-layout.liquidglass-ui .dataTables_scrollHead table thead tr.bg-primary > td {
  background:
    linear-gradient(135deg, rgba(114,231,255,.18), rgba(143,125,255,.18)),
    rgba(255,255,255,.07) !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.1) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .32);
}

body.liquidglass-ui:not(.dark-layout) .table thead th,
body.liquidglass-ui:not(.dark-layout) .table thead td,
body.liquidglass-ui:not(.dark-layout) table.dataTable thead th,
body.liquidglass-ui:not(.dark-layout) table.dataTable thead td,
body.liquidglass-ui:not(.dark-layout) .dataTables_scrollHead table thead th,
body.liquidglass-ui:not(.dark-layout) .dataTables_scrollHead table thead td,
body.liquidglass-ui:not(.dark-layout) .table thead tr.bg-primary > th,
body.liquidglass-ui:not(.dark-layout) .table thead tr.bg-primary > td,
body.liquidglass-ui:not(.dark-layout) table.dataTable thead tr.bg-primary > th,
body.liquidglass-ui:not(.dark-layout) table.dataTable thead tr.bg-primary > td,
body.liquidglass-ui:not(.dark-layout) .dataTables_scrollHead table thead tr.bg-primary > th,
body.liquidglass-ui:not(.dark-layout) .dataTables_scrollHead table thead tr.bg-primary > td,
body.liquidglass-ui:not(.dark-layout) .table thead .text-white,
body.liquidglass-ui:not(.dark-layout) table.dataTable thead .text-white {
  color: #172033 !important;
  text-shadow: none !important;
}

body.liquidglass-ui:not(.dark-layout) table.dataTable thead .sorting:before,
body.liquidglass-ui:not(.dark-layout) table.dataTable thead .sorting:after,
body.liquidglass-ui:not(.dark-layout) table.dataTable thead .sorting_asc:before,
body.liquidglass-ui:not(.dark-layout) table.dataTable thead .sorting_asc:after,
body.liquidglass-ui:not(.dark-layout) table.dataTable thead .sorting_desc:before,
body.liquidglass-ui:not(.dark-layout) table.dataTable thead .sorting_desc:after {
  color: rgba(23, 32, 51, .42) !important;
  text-shadow: none !important;
}

body.liquidglass-ui .table tbody td,
body.liquidglass-ui table.dataTable tbody td,
body.liquidglass-ui .table tbody th {
  border-color: rgba(255,255,255,.075) !important;
  color: var(--lgu-text-soft) !important;
  vertical-align: middle !important;
}

body.liquidglass-ui .table-striped tbody tr:nth-of-type(odd),
body.liquidglass-ui table.dataTable.stripe tbody tr.odd,
body.liquidglass-ui table.dataTable.display tbody tr.odd {
  background: rgba(255,255,255,.035) !important;
}

body.liquidglass-ui .table-hover tbody tr:hover,
body.liquidglass-ui table.dataTable.hover tbody tr:hover,
body.liquidglass-ui table.dataTable.display tbody tr:hover {
  background: rgba(114,231,255,.095) !important;
}

body.liquidglass-ui .dataTables_filter input,
body.liquidglass-ui .dataTables_length select {
  border: 1px solid var(--lgu-line) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.08) !important;
  color: var(--lgu-text) !important;
}

body.liquidglass-ui .dataTables_info,
body.liquidglass-ui .dataTables_length,
body.liquidglass-ui .dataTables_filter,
body.liquidglass-ui .page-link {
  color: var(--lgu-text-soft) !important;
}

body.liquidglass-ui .pagination .page-link {
  border: 1px solid var(--lgu-line) !important;
  border-radius: 999px !important;
  margin: 0 .12rem;
  background: rgba(255,255,255,.08) !important;
}

body.liquidglass-ui .page-item.active .page-link {
  color: #fff !important;
  background: linear-gradient(135deg, #25d9ff, #7772ff) !important;
}

/* Badges / alerts / tabs */
body.liquidglass-ui .badge,
body.liquidglass-ui .badge-pill,
body.liquidglass-ui .chip,
body.liquidglass-ui .avatar-content {
  border-radius: 999px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
}

body.liquidglass-ui .alert {
  border: 1px solid var(--lgu-line) !important;
  border-radius: var(--lgu-radius-md) !important;
  background: rgba(255,255,255,.08) !important;
  color: var(--lgu-text) !important;
  box-shadow: var(--lgu-shadow-soft);
}

body.liquidglass-ui .nav-tabs,
body.liquidglass-ui .nav-pills {
  border: 1px solid var(--lgu-line);
  border-radius: 999px;
  padding: .25rem;
  background: rgba(255,255,255,.065);
  gap: .25rem;
}

body.liquidglass-ui .nav-tabs .nav-link,
body.liquidglass-ui .nav-pills .nav-link {
  border: 0 !important;
  border-radius: 999px !important;
  color: var(--lgu-text-soft) !important;
}

body.liquidglass-ui .nav-tabs .nav-link.active,
body.liquidglass-ui .nav-pills .nav-link.active {
  background: rgba(255,255,255,.18) !important;
  color: var(--lgu-text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22);
}

/* Modals / dropdowns / sweetalert */
body.liquidglass-ui .modal-content,
body.liquidglass-ui .dropdown-menu,
body.liquidglass-ui .swal2-popup,
body.liquidglass-ui .popover {
  border: 1px solid var(--lgu-line) !important;
  border-radius: var(--lgu-radius-lg) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04)),
    var(--lgu-surface-solid) !important;
  color: var(--lgu-text) !important;
  box-shadow: var(--lgu-shadow) !important;
  backdrop-filter: var(--lgu-blur);
  -webkit-backdrop-filter: var(--lgu-blur);
}

body.liquidglass-ui .dropdown-item,
body.liquidglass-ui .dropdown-item i,
body.liquidglass-ui .swal2-title,
body.liquidglass-ui .swal2-html-container,
body.liquidglass-ui .swal2-content {
  color: var(--lgu-text) !important;
}

body.liquidglass-ui .dropdown-item:hover,
body.liquidglass-ui .dropdown-item:focus {
  background: rgba(114,231,255,.12) !important;
}

body.liquidglass-ui .modal-backdrop.show {
  opacity: .62 !important;
  backdrop-filter: blur(8px);
}

body.liquidglass-ui .modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 13020 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

body.liquidglass-ui .modal-backdrop {
  z-index: 13000 !important;
}

body.liquidglass-ui .modal.show {
  pointer-events: auto !important;
}

body.liquidglass-ui .modal.show .modal-dialog,
body.liquidglass-ui .modal.show .modal-content {
  position: relative;
  z-index: 13021 !important;
  pointer-events: auto !important;
}

body.liquidglass-ui .modal-dialog-centered {
  min-height: calc(100% - 3.5rem) !important;
  display: flex !important;
  align-items: center !important;
}

body.liquidglass-ui .modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 3.5rem) !important;
  overflow: hidden !important;
}

body.liquidglass-ui .modal-dialog-scrollable .modal-body {
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

body.liquidglass-ui.lgu-page-setting .modal-dialog-scrollable .modal-content > form {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden !important;
}

body.liquidglass-ui.lgu-page-setting .modal-dialog-scrollable .modal-content > form .modal-body {
  min-height: 0;
  overflow-y: auto !important;
}

body.liquidglass-ui.lgu-page-setting .modal form[style*="overflow-y"] {
  overflow-y: visible !important;
}

body.liquidglass-ui .station-remark-modal {
  z-index: 13020 !important;
}

body.liquidglass-ui .station-remark-modal.show .modal-dialog,
body.liquidglass-ui .station-remark-modal.show .modal-content {
  position: relative;
  z-index: 13021 !important;
}

body.liquidglass-ui.modal-open .modal-backdrop.show {
  z-index: 13000 !important;
}

@media (max-width: 575.98px) {
  body.liquidglass-ui .modal-dialog-centered {
    min-height: calc(100% - 1rem) !important;
  }

  body.liquidglass-ui .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem) !important;
  }
}

/* Dashboard */
body.liquidglass-ui.lgu-page-dashboard .stock-summary-card .card,
body.liquidglass-ui.lgu-page-dashboard .statistics-card,
body.liquidglass-ui.lgu-page-dashboard .dashboard-card {
  background:
    radial-gradient(circle at 20% 0, rgba(114,231,255,.18), transparent 42%),
    var(--lgu-surface) !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-machine-toolbar {
  padding: .7rem;
  border: 1px solid var(--lgu-line);
  border-radius: var(--lgu-radius-lg);
  background: rgba(255,255,255,.06);
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card {
  position: relative;
  border-radius: 26px !important;
  border: 1px solid var(--lgu-line) !important;
  background:
    radial-gradient(circle at 50% -10%, rgba(255,255,255,.26), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.04)),
    var(--lgu-surface) !important;
  box-shadow: var(--lgu-shadow-soft) !important;
  backdrop-filter: var(--lgu-blur);
  -webkit-backdrop-filter: var(--lgu-blur);
  overflow: hidden;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card::before {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(114,231,255,.48), rgba(255,255,255,0), rgba(255,142,219,.38));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card:hover {
  transform: translateY(-5px) scale(1.01) !important;
  box-shadow: 0 24px 60px rgba(0, 6, 18, .28) !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-idle {
  border-color: rgba(60,231,174,.36) !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-running {
  border-color: rgba(14,165,233,.58) !important;
  background:
    radial-gradient(circle at 50% -10%, rgba(14,165,233,.34), transparent 38%),
    linear-gradient(145deg, rgba(14,165,233,.17), rgba(255,255,255,.04)),
    var(--lgu-surface) !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-finished {
  border-color: rgba(255,185,90,.58) !important;
  background:
    radial-gradient(circle at 50% -10%, rgba(255,185,90,.30), transparent 38%),
    linear-gradient(145deg, rgba(255,185,90,.16), rgba(255,255,255,.04)),
    var(--lgu-surface) !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-broken {
  border-color: rgba(225,29,72,.76) !important;
  background:
    radial-gradient(circle at 50% -10%, rgba(225,29,72,.34), transparent 38%),
    linear-gradient(145deg, rgba(225,29,72,.17), rgba(255,255,255,.04)),
    var(--lgu-surface) !important;
  filter: saturate(1.05);
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-machine-icon-circle {
  border-width: 1px !important;
  border-color: rgba(255,255,255,.28) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.92), rgba(255,255,255,.50)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.85),
    inset 0 -16px 28px rgba(114,231,255,.14),
    0 18px 36px rgba(0,6,18,.18) !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-machine-status-pill,
body.liquidglass-ui.lgu-page-dashboard .dashboard-machine-timer,
body.liquidglass-ui.lgu-page-dashboard #dashboardMachineWorkHoursSummary {
  border-radius: 999px !important;
  border: 1px solid var(--lgu-line) !important;
  background: rgba(255,255,255,.10) !important;
  color: var(--lgu-text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14);
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-machine-timer {
  min-width: 84px !important;
  box-sizing: border-box;
  padding: .24rem .42rem !important;
  border-color: rgba(255,255,255,.72) !important;
  background: rgba(20,28,45,.90) !important;
  color: #fff !important;
  font-size: .82rem !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  white-space: nowrap;
  text-shadow: 0 1px 2px rgba(0,0,0,.45);
  box-shadow: 0 8px 22px rgba(20,28,45,.24), inset 0 1px 0 rgba(255,255,255,.20) !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-machine-running .dashboard-machine-timer {
  border-color: rgba(186,230,253,.88) !important;
  background: linear-gradient(135deg, rgba(22,78,166,.94), rgba(14,165,233,.90)) !important;
  color: #fff !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-machine-finished .dashboard-machine-timer {
  border-color: rgba(255,222,166,.90) !important;
  background: linear-gradient(135deg, rgba(126,75,10,.94), rgba(224,131,33,.90)) !important;
  color: #fff8e8 !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-machine-running .dashboard-machine-status-pill {
  background: rgba(22,78,166,.92) !important;
  border-color: rgba(186,230,253,.86) !important;
  color: #f0fbff !important;
  text-shadow: 0 1px 2px rgba(8,47,73,.45) !important;
}
body.liquidglass-ui.lgu-page-dashboard .dashboard-machine-idle .dashboard-machine-status-pill { color: var(--lgu-mint) !important; }
body.liquidglass-ui.lgu-page-dashboard .dashboard-machine-broken .dashboard-machine-status-pill {
  background: rgba(136,19,55,.92) !important;
  border-color: rgba(255,199,210,.82) !important;
  color: #fff1f2 !important;
  text-shadow: 0 1px 2px rgba(80,7,36,.44) !important;
}
body.liquidglass-ui.lgu-page-dashboard .dashboard-machine-finished .dashboard-machine-status-pill {
  background: rgba(126,75,10,.92) !important;
  border-color: rgba(255,217,151,.88) !important;
  color: #fff8e8 !important;
  text-shadow: 0 1px 2px rgba(80,45,0,.42) !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-machine-filter,
body.liquidglass-ui.lgu-page-dashboard .dashboard-machine-date-filter {
  border-radius: 999px !important;
}

/* Print / barcode pages */
body.liquidglass-ui.lgu-page-print .content-body .card,
body.liquidglass-ui.lgu-page-barcode .content-body .card,
body.liquidglass-ui.lgu-page-search .content-body .card {
  overflow: visible;
}

body.liquidglass-ui.lgu-page-print input[name*="barcode"],
body.liquidglass-ui.lgu-page-print input[id*="barcode"],
body.liquidglass-ui.lgu-page-print input[name*="label"],
body.liquidglass-ui.lgu-page-barcode input[name*="barcode"],
body.liquidglass-ui.lgu-page-search input[type="search"],
body.liquidglass-ui.lgu-page-search input[type="text"] {
  min-height: 46px;
  font-size: 1.02rem;
  font-weight: 720;
  letter-spacing: .02em;
}

body.liquidglass-ui.lgu-page-print .form-group,
body.liquidglass-ui.lgu-page-sterilize .form-group,
body.liquidglass-ui.lgu-page-stock .form-group,
body.liquidglass-ui.lgu-page-exchange .form-group,
body.liquidglass-ui.lgu-page-setting .form-group {
  padding: .45rem;
  border-radius: 18px;
}

body.liquidglass-ui .lgu-scan-focus {
  outline: 2px solid rgba(114,231,255,.38) !important;
  box-shadow: 0 0 0 .24rem rgba(114,231,255,.12) !important;
}

@media screen {
  body:not(.dark-layout).liquidglass-ui.lgu-page-print .lgu-print-sticker-shell {
    align-items: center;
    border-radius: 20px;
    border: 1px solid rgba(125,211,252,.22);
    background:
      linear-gradient(145deg, rgba(240,251,255,.76), rgba(248,245,255,.42) 48%, rgba(226,255,248,.62)),
      rgba(255,255,255,.28) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 18px 46px rgba(34,92,130,.10);
    padding: 1rem !important;
  }

  body:not(.dark-layout).liquidglass-ui.lgu-page-print .lgu-print-sticker-shell > table,
  body:not(.dark-layout).liquidglass-ui.lgu-page-print #set_recycle .lgu-print-sticker-shell > table,
  body:not(.dark-layout).liquidglass-ui.lgu-page-print #set_del .lgu-print-sticker-shell > table {
    border-color: rgba(148,163,184,.42) !important;
    background:
      linear-gradient(145deg, rgba(255,255,255,.50), rgba(186,230,253,.22) 46%, rgba(204,251,241,.30)),
      rgba(255,255,255,.18) !important;
    color: #24324a !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 16px 42px rgba(34,92,130,.08) !important;
  }

  body:not(.dark-layout).liquidglass-ui.lgu-page-print .lgu-print-sticker-shell table,
  body:not(.dark-layout).liquidglass-ui.lgu-page-print .lgu-print-sticker-shell tbody,
  body:not(.dark-layout).liquidglass-ui.lgu-page-print .lgu-print-sticker-shell tr,
  body:not(.dark-layout).liquidglass-ui.lgu-page-print .lgu-print-sticker-shell td {
    background-color: transparent !important;
  }

  body:not(.dark-layout).liquidglass-ui.lgu-page-print .lgu-print-sticker-shell,
  body:not(.dark-layout).liquidglass-ui.lgu-page-print .lgu-print-sticker-shell .text-dark,
  body:not(.dark-layout).liquidglass-ui.lgu-page-print .lgu-print-sticker-shell span,
  body:not(.dark-layout).liquidglass-ui.lgu-page-print .lgu-print-sticker-shell strong,
  body:not(.dark-layout).liquidglass-ui.lgu-page-print .lgu-print-sticker-shell p,
  body:not(.dark-layout).liquidglass-ui.lgu-page-print .lgu-print-sticker-shell div,
  body:not(.dark-layout).liquidglass-ui.lgu-page-print .lgu-print-sticker-shell label,
  body:not(.dark-layout).liquidglass-ui.lgu-page-print .lgu-print-sticker-shell td {
    color: #24324a !important;
  }

  body:not(.dark-layout).liquidglass-ui.lgu-page-print .lgu-print-sticker-shell input[type="text"],
  body:not(.dark-layout).liquidglass-ui.lgu-page-print .lgu-print-sticker-shell input[readonly] {
    border-color: transparent !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    color: #24324a !important;
    -webkit-text-fill-color: #24324a !important;
  }

  body:not(.dark-layout).liquidglass-ui.lgu-page-print .lgu-print-sticker-shell [style*="background-color:black"],
  body:not(.dark-layout).liquidglass-ui.lgu-page-print .lgu-print-sticker-shell [style*="background-color: black"],
  body:not(.dark-layout).liquidglass-ui.lgu-page-print .lgu-print-sticker-shell [style*="background-color: #000"],
  body:not(.dark-layout).liquidglass-ui.lgu-page-print .lgu-print-sticker-shell [style*="background:#000"] {
    background-color: #050b14 !important;
    color: #fff !important;
  }

  body:not(.dark-layout).liquidglass-ui.lgu-page-print .lgu-print-sticker-shell [style*="background-color:black"] *,
  body:not(.dark-layout).liquidglass-ui.lgu-page-print .lgu-print-sticker-shell [style*="background-color: black"] *,
  body:not(.dark-layout).liquidglass-ui.lgu-page-print .lgu-print-sticker-shell [style*="background-color: #000"] *,
  body:not(.dark-layout).liquidglass-ui.lgu-page-print .lgu-print-sticker-shell [style*="background:#000"] * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-preview-column > .card,
  body.dark-layout.liquidglass-ui.lgu-page-print #set_recycle .lgu-print-preview-column.col-xl-7.col-md-6.col-sm-12 > .card.w-100,
  body.dark-layout.liquidglass-ui.lgu-page-print #set_del .lgu-print-preview-column.col-xl-7.col-md-6.col-sm-12 > .card.w-100 {
    background:
      linear-gradient(145deg, rgba(114,231,255,.13), rgba(143,125,255,.11) 48%, rgba(60,231,174,.10)),
      rgba(21,36,60,.82) !important;
    color: var(--lgu-text) !important;
    border-color: rgba(174,211,255,.24) !important;
    box-shadow: 0 24px 70px rgba(0,6,18,.38), inset 0 1px 0 rgba(255,255,255,.12) !important;
  }

  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-item-list-card .table-responsive {
    border-radius: 18px;
    border: 1px solid rgba(174,211,255,.15);
    background: rgba(9,25,43,.26);
    overflow: hidden;
  }

  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-item-list-card #item_set_list,
  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-item-list-card #item_set_list tbody,
  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-item-list-card #item_set_list tr,
  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-item-list-card #item_set_list td {
    background-color: transparent !important;
    color: #edf7ff !important;
  }

  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-item-list-card #item_set_list input[type="number"] {
    border-color: rgba(174,211,255,.22) !important;
    background: rgba(255,255,255,.10) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-sticker-card .card-body {
    color: #f4fbff !important;
  }

  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-sticker-shell {
    align-items: center;
    border-radius: 20px;
    border: 1px solid rgba(174,211,255,.16);
    background:
      linear-gradient(145deg, rgba(255,255,255,.06), rgba(114,231,255,.08) 54%, rgba(60,231,174,.07)),
      rgba(9,25,43,.38) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 18px 48px rgba(0,0,0,.22);
    padding: 1rem !important;
  }

  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-sticker-shell > table {
    border-color: rgba(220,236,255,.58) !important;
    background:
      linear-gradient(145deg, rgba(255,255,255,.08), rgba(114,231,255,.08)),
      rgba(18,48,67,.66) !important;
    color: #edf7ff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.11), 0 18px 48px rgba(0,0,0,.22) !important;
  }

  body.dark-layout.liquidglass-ui.lgu-page-print #set_recycle .lgu-print-sticker-shell > table,
  body.dark-layout.liquidglass-ui.lgu-page-print #set_del .lgu-print-sticker-shell > table {
    border-color: rgba(220,236,255,.58) !important;
    background:
      linear-gradient(145deg, rgba(255,255,255,.08), rgba(114,231,255,.08)),
      rgba(18,48,67,.66) !important;
  }

  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-sticker-shell table,
  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-sticker-shell tbody,
  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-sticker-shell tr,
  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-sticker-shell td {
    background-color: transparent !important;
  }

  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-sticker-shell,
  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-sticker-shell .text-dark,
  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-sticker-shell span,
  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-sticker-shell strong,
  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-sticker-shell p,
  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-sticker-shell div,
  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-sticker-shell label,
  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-sticker-shell td {
    color: #edf7ff !important;
  }

  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-sticker-shell input[type="text"],
  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-sticker-shell input[readonly] {
    border-color: transparent !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-sticker-shell [style*="background-color:black"],
  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-sticker-shell [style*="background-color: black"],
  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-sticker-shell [style*="background-color: #000"],
  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-sticker-shell [style*="background:#000"] {
    background:
      linear-gradient(135deg, rgba(15,118,110,.88), rgba(37,99,235,.78)),
      rgba(10,22,39,.86) !important;
    color: #fff !important;
  }

  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-sticker-shell [style*="background-color:black"] *,
  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-sticker-shell [style*="background-color: black"] *,
  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-sticker-shell [style*="background-color: #000"] *,
  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-sticker-shell [style*="background:#000"] * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  body.dark-layout.liquidglass-ui.lgu-page-print .lgu-print-sticker-shell .preview-barcode {
    display: inline-block !important;
    filter: invert(1) brightness(2) drop-shadow(0 0 4px rgba(255,255,255,.12)) !important;
  }
}

/* Sterilize */
body.liquidglass-ui.lgu-page-sterilize .badge,
body.liquidglass-ui.lgu-page-sterilize .label,
body.liquidglass-ui.lgu-page-sterilize .status-badge {
  padding: .42rem .72rem;
}

body.liquidglass-ui.lgu-page-sterilize .list-group-item,
body.liquidglass-ui.lgu-page-stock .list-group-item {
  border: 1px solid var(--lgu-line) !important;
  background: rgba(255,255,255,.06) !important;
  color: var(--lgu-text-soft) !important;
}

/* Stock / Exchange */
body.liquidglass-ui.lgu-page-stock .summary-card,
body.liquidglass-ui.lgu-page-exchange .summary-card,
body.liquidglass-ui.lgu-page-stock .stats-card,
body.liquidglass-ui.lgu-page-exchange .stats-card,
body.liquidglass-ui.lgu-page-stock [class*="summary"],
body.liquidglass-ui.lgu-page-exchange [class*="summary"] {
  border-radius: var(--lgu-radius-lg) !important;
}

body.liquidglass-ui.lgu-page-stock .card .card-body > .row:first-child,
body.liquidglass-ui.lgu-page-exchange .card .card-body > .row:first-child {
  border-radius: 18px;
}

/* Settings */
body.liquidglass-ui.lgu-page-setting .nav.nav-tabs,
body.liquidglass-ui.lgu-page-setting .nav.nav-pills {
  margin-bottom: 1rem;
}

body.liquidglass-ui.lgu-page-setting .btn-group .btn {
  border-radius: 999px !important;
}

body.liquidglass-ui.lgu-page-setting img,
body.liquidglass-ui.lgu-page-print img,
body.liquidglass-ui.lgu-page-stock img {
  border-radius: 18px;
  border: 1px solid var(--lgu-line);
  box-shadow: var(--lgu-shadow-soft);
}

/* Ward / station */
body.liquidglass-ui.lgu-page-station .card,
body.liquidglass-ui.lgu-page-ward .card {
  min-height: 100%;
}

body.liquidglass-ui.lgu-page-station .badge,
body.liquidglass-ui.lgu-page-ward .badge {
  padding: .42rem .7rem;
}

/* Menu hub refinements when full UI is enabled */
body.liquidglass-ui .lg-hub-panel {
  border-radius: 34px !important;
}

body.liquidglass-ui .lg-hub-card,
body.liquidglass-ui .lg-hub-section {
  border-radius: 24px !important;
}

body.liquidglass-ui .lg-hub-toggle {
  transform-origin: left bottom;
}

body.liquidglass-ui .lg-hub-toggle:hover {
  transform: translateY(-2px) scale(1.02);
}

/* Utility classes added by JS */
.lgu-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem;
  padding: .68rem;
  border: 1px solid var(--lgu-line);
  border-radius: var(--lgu-radius-lg);
  background: rgba(255,255,255,.055);
}

.lgu-icon-title {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
}

.lgu-icon-title i {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(114,231,255,.14);
  color: var(--lgu-primary);
}

.lgu-soft-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--lgu-line), transparent);
  margin: .75rem 0;
}

body.liquidglass-ui .noUi-target,
body.liquidglass-ui .flatpickr-calendar {
  border: 1px solid var(--lgu-line) !important;
  border-radius: var(--lgu-radius-lg) !important;
  background: var(--lgu-surface-solid) !important;
  color: var(--lgu-text) !important;
  box-shadow: var(--lgu-shadow) !important;
}

/* Mobile */
@media (max-width: 991.98px) {
  .lgu-route-hero {
    grid-template-columns: 1fr;
  }

  .lgu-route-hero__actions {
    justify-content: flex-start;
  }

  body.liquidglass-ui .header-navbar.floating-nav,
  body.liquidglass-ui .header-navbar.fixed-top,
  body.liquidglass-ui .navbar-container {
    border-radius: 18px !important;
  }
}

@media (max-width: 575.98px) {
  .lgu-route-hero {
    padding: .68rem;
    border-radius: 18px;
  }

  .lgu-route-hero__main {
    align-items: flex-start;
  }

  .lgu-route-hero__icon {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
    border-radius: 14px;
  }

  body.liquidglass-ui .card,
  body.liquidglass-ui .modal-content {
    border-radius: 20px !important;
  }
}

/* Reduce motion support */
@media (prefers-reduced-motion: reduce) {
  body.liquidglass-ui *,
  body.liquidglass-ui *::before,
  body.liquidglass-ui *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}


/* ThemeEdit fix: clearer machine status colors in Dark mode only.
   Light mode keeps the previous LiquidGlass look. */
body.dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-idle,
body.dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-idle:hover {
  border-color: rgba(60, 231, 174, .82) !important;
  background:
    radial-gradient(circle at 50% -12%, rgba(60, 231, 174, .46), transparent 42%),
    linear-gradient(145deg, rgba(60, 231, 174, .22), rgba(255,255,255,.055)),
    var(--lgu-surface) !important;
  box-shadow: 0 20px 54px rgba(60, 231, 174, .16), inset 0 1px 0 rgba(255,255,255,.14) !important;
}

body.dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-running,
body.dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-running:hover {
  border-color: rgba(125, 211, 252, .92) !important;
  background:
    radial-gradient(circle at 50% -12%, rgba(14, 165, 233, .58), transparent 43%),
    linear-gradient(145deg, rgba(14, 165, 233, .26), rgba(255,255,255,.055)),
    var(--lgu-surface) !important;
  box-shadow: 0 20px 56px rgba(14, 165, 233, .22), inset 0 1px 0 rgba(255,255,255,.14) !important;
}

body.dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-finished,
body.dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-finished:hover {
  border-color: rgba(255, 185, 90, .94) !important;
  background:
    radial-gradient(circle at 50% -12%, rgba(255, 185, 90, .58), transparent 43%),
    linear-gradient(145deg, rgba(255, 185, 90, .26), rgba(255,255,255,.055)),
    var(--lgu-surface) !important;
  box-shadow: 0 20px 56px rgba(255, 185, 90, .22), inset 0 1px 0 rgba(255,255,255,.14) !important;
}

body.dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-broken,
body.dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-broken:hover {
  border-color: rgba(251, 113, 133, .96) !important;
  background:
    radial-gradient(circle at 50% -12%, rgba(225, 29, 72, .54), transparent 43%),
    linear-gradient(145deg, rgba(225, 29, 72, .25), rgba(255,255,255,.05)),
    var(--lgu-surface) !important;
  box-shadow: 0 20px 56px rgba(225, 29, 72, .24), inset 0 1px 0 rgba(255,255,255,.14) !important;
}

body.dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-idle::before {
  background: linear-gradient(135deg, rgba(60,231,174,.95), rgba(255,255,255,0), rgba(60,231,174,.46)) !important;
}

body.dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-running::before {
  background: linear-gradient(135deg, rgba(125,211,252,.96), rgba(255,255,255,0), rgba(14,165,233,.48)) !important;
}

body.dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-broken::before {
  background: linear-gradient(135deg, rgba(251,113,133,.96), rgba(255,255,255,0), rgba(225,29,72,.50)) !important;
}

body.dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-finished::before {
  background: linear-gradient(135deg, rgba(255,185,90,.96), rgba(255,255,255,0), rgba(255,185,90,.50)) !important;
}

body.dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-idle .dashboard-machine-icon-circle {
  border-color: rgba(60, 231, 174, .88) !important;
  color: #2affbf !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86), inset 0 -18px 30px rgba(60,231,174,.24), 0 18px 38px rgba(60,231,174,.14) !important;
}

body.dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-running .dashboard-machine-icon-circle {
  border-color: rgba(125, 211, 252, .92) !important;
  color: #38bdf8 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86), inset 0 -18px 30px rgba(14,165,233,.24), 0 18px 38px rgba(14,165,233,.18) !important;
}

body.dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-broken .dashboard-machine-icon-circle {
  border-color: rgba(251, 113, 133, .94) !important;
  color: #fb7185 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86), inset 0 -18px 30px rgba(225,29,72,.24), 0 18px 38px rgba(225,29,72,.20) !important;
}

body.dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-finished .dashboard-machine-icon-circle {
  border-color: rgba(255, 185, 90, .94) !important;
  color: #ffc267 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86), inset 0 -18px 30px rgba(255,185,90,.24), 0 18px 38px rgba(255,185,90,.18) !important;
}

body.dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-idle .dashboard-machine-status-pill {
  background: rgba(60, 231, 174, .22) !important;
  border-color: rgba(60, 231, 174, .56) !important;
  color: #2affbf !important;
}

body.dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-running .dashboard-machine-status-pill {
  background: rgba(147, 197, 253, .94) !important;
  border-color: rgba(219, 234, 254, .98) !important;
  color: #062149 !important;
  text-shadow: none !important;
  box-shadow: 0 10px 24px rgba(14,165,233,.24), inset 0 1px 0 rgba(255,255,255,.62) !important;
}

body.dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-broken .dashboard-machine-status-pill {
  background: rgba(253, 164, 175, .94) !important;
  border-color: rgba(255, 228, 230, .98) !important;
  color: #4c0519 !important;
  text-shadow: none !important;
  box-shadow: 0 10px 24px rgba(225,29,72,.24), inset 0 1px 0 rgba(255,255,255,.62) !important;
}

body.dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-finished .dashboard-machine-status-pill {
  background: rgba(255, 205, 121, .94) !important;
  border-color: rgba(255, 239, 196, .98) !important;
  color: #3d2600 !important;
  text-shadow: none !important;
  box-shadow: 0 10px 24px rgba(255,185,90,.24), inset 0 1px 0 rgba(255,255,255,.66) !important;
}

body.dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-idle .dashboard-machine-active-meta {
  color: #2affbf !important;
}

body.dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-running .dashboard-machine-active-meta {
  color: #7dd3fc !important;
}

body.dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-broken .dashboard-machine-active-meta {
  color: #fda4af !important;
}

body.dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-finished .dashboard-machine-active-meta {
  color: #ffc267 !important;
}

/* ThemeEdit fix: make Light mode machine status colors softly glow like Dark mode.
   Keep it gentle on white LiquidGlass surfaces, but make the active status obvious. */
body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-idle,
body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-idle:hover,
body.semi-dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-idle,
body.semi-dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-idle:hover {
  border-color: rgba(34, 197, 139, .72) !important;
  background:
    radial-gradient(circle at 50% -14%, rgba(60, 231, 174, .34), transparent 42%),
    radial-gradient(circle at 82% 100%, rgba(60, 231, 174, .16), transparent 42%),
    linear-gradient(145deg, rgba(60, 231, 174, .16), rgba(255,255,255,.78)),
    var(--lgu-surface) !important;
  box-shadow: 0 20px 54px rgba(60, 231, 174, .20), inset 0 1px 0 rgba(255,255,255,.84) !important;
}

body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-running,
body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-running:hover,
body.semi-dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-running,
body.semi-dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-running:hover {
  border-color: rgba(14, 165, 233, .78) !important;
  background:
    radial-gradient(circle at 50% -14%, rgba(14, 165, 233, .38), transparent 43%),
    radial-gradient(circle at 82% 100%, rgba(37, 99, 235, .14), transparent 42%),
    linear-gradient(145deg, rgba(14, 165, 233, .18), rgba(255,255,255,.78)),
    var(--lgu-surface) !important;
  box-shadow: 0 20px 56px rgba(14, 165, 233, .22), inset 0 1px 0 rgba(255,255,255,.84) !important;
}

body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-finished,
body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-finished:hover,
body.semi-dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-finished,
body.semi-dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-finished:hover {
  border-color: rgba(255, 169, 62, .82) !important;
  background:
    radial-gradient(circle at 50% -14%, rgba(255, 185, 90, .40), transparent 43%),
    radial-gradient(circle at 82% 100%, rgba(255, 185, 90, .18), transparent 42%),
    linear-gradient(145deg, rgba(255, 185, 90, .20), rgba(255,255,255,.78)),
    var(--lgu-surface) !important;
  box-shadow: 0 20px 56px rgba(255, 185, 90, .22), inset 0 1px 0 rgba(255,255,255,.84) !important;
}

body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-broken,
body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-broken:hover,
body.semi-dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-broken,
body.semi-dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-broken:hover {
  border-color: rgba(225, 29, 72, .86) !important;
  background:
    radial-gradient(circle at 50% -14%, rgba(225, 29, 72, .42), transparent 43%),
    radial-gradient(circle at 82% 100%, rgba(225, 29, 72, .18), transparent 42%),
    linear-gradient(145deg, rgba(225, 29, 72, .20), rgba(255,255,255,.76)),
    var(--lgu-surface) !important;
  box-shadow: 0 20px 56px rgba(225, 29, 72, .24), inset 0 1px 0 rgba(255,255,255,.84) !important;
}

body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-idle::before,
body.semi-dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-idle::before {
  background: linear-gradient(135deg, rgba(60,231,174,.86), rgba(255,255,255,0), rgba(60,231,174,.42)) !important;
}

body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-running::before,
body.semi-dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-running::before {
  background: linear-gradient(135deg, rgba(125,211,252,.88), rgba(255,255,255,0), rgba(14,165,233,.46)) !important;
}

body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-broken::before,
body.semi-dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-broken::before {
  background: linear-gradient(135deg, rgba(251,113,133,.90), rgba(255,255,255,0), rgba(225,29,72,.48)) !important;
}

body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-finished::before,
body.semi-dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-finished::before {
  background: linear-gradient(135deg, rgba(255,185,90,.90), rgba(255,255,255,0), rgba(255,185,90,.48)) !important;
}

body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-idle .dashboard-machine-icon-circle,
body.semi-dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-idle .dashboard-machine-icon-circle {
  border-color: rgba(34, 197, 139, .76) !important;
  color: #12b981 !important;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(219,255,243,.72)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), inset 0 -18px 30px rgba(60,231,174,.22), 0 18px 38px rgba(60,231,174,.18) !important;
}

body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-running .dashboard-machine-icon-circle,
body.semi-dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-running .dashboard-machine-icon-circle {
  border-color: rgba(14, 165, 233, .82) !important;
  color: #0e86d4 !important;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(224,246,255,.74)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), inset 0 -18px 30px rgba(14,165,233,.22), 0 18px 38px rgba(14,165,233,.20) !important;
}

body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-broken .dashboard-machine-icon-circle,
body.semi-dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-broken .dashboard-machine-icon-circle {
  border-color: rgba(225, 29, 72, .84) !important;
  color: #e11d48 !important;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,228,232,.74)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), inset 0 -18px 30px rgba(225,29,72,.22), 0 18px 38px rgba(225,29,72,.20) !important;
}

body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-finished .dashboard-machine-icon-circle,
body.semi-dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-finished .dashboard-machine-icon-circle {
  border-color: rgba(255, 169, 62, .86) !important;
  color: #e8922e !important;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,242,217,.76)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), inset 0 -18px 30px rgba(255,185,90,.24), 0 18px 38px rgba(255,185,90,.20) !important;
}

body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-idle .dashboard-machine-status-pill,
body.semi-dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-idle .dashboard-machine-status-pill {
  background: rgba(60, 231, 174, .18) !important;
  border-color: rgba(34, 197, 139, .46) !important;
  color: #0faf7d !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 8px 22px rgba(60,231,174,.14) !important;
}

body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-running .dashboard-machine-status-pill,
body.semi-dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-running .dashboard-machine-status-pill {
  background: rgba(22, 78, 166, .92) !important;
  border-color: rgba(186, 230, 253, .86) !important;
  color: #f0fbff !important;
  text-shadow: 0 1px 2px rgba(8,47,73,.45) !important;
  box-shadow: 0 10px 24px rgba(14,165,233,.20), inset 0 1px 0 rgba(255,255,255,.24) !important;
}

body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-broken .dashboard-machine-status-pill,
body.semi-dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-broken .dashboard-machine-status-pill {
  background: rgba(136, 19, 55, .92) !important;
  border-color: rgba(255, 199, 210, .82) !important;
  color: #fff1f2 !important;
  text-shadow: 0 1px 2px rgba(80,7,36,.44) !important;
  box-shadow: 0 10px 24px rgba(225,29,72,.22), inset 0 1px 0 rgba(255,255,255,.24) !important;
}

body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-finished .dashboard-machine-status-pill,
body.semi-dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-finished .dashboard-machine-status-pill {
  background: rgba(126, 75, 10, .92) !important;
  border-color: rgba(255, 217, 151, .88) !important;
  color: #fff8e8 !important;
  text-shadow: 0 1px 2px rgba(80,45,0,.42) !important;
  box-shadow: 0 10px 24px rgba(255,185,90,.22), inset 0 1px 0 rgba(255,255,255,.24) !important;
}

body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-idle .dashboard-machine-active-meta,
body.semi-dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-idle .dashboard-machine-active-meta {
  color: #0faf7d !important;
}

body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-running .dashboard-machine-active-meta,
body.semi-dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-running .dashboard-machine-active-meta {
  color: #0e86d4 !important;
}

body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-broken .dashboard-machine-active-meta,
body.semi-dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-broken .dashboard-machine-active-meta {
  color: #e11d48 !important;
}

body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-finished .dashboard-machine-active-meta,
body.semi-dark-layout.liquidglass-ui.lgu-page-dashboard .dashboard-machine-card.dashboard-machine-finished .dashboard-machine-active-meta {
  color: #e8922e !important;
}

/* LiquidGlass navbar dropdown safety fix
   Keep user/logout dropdown above the page content and make it clickable. */
body.liquidglass-ui .header-navbar,
body.liquidglass-ui .navbar-container,
body.liquidglass-ui .navbar-wrapper {
  z-index: 1120 !important;
  overflow: visible !important;
}

body.liquidglass-ui .header-navbar .dropdown-menu,
body.liquidglass-ui .navbar-container .dropdown-menu,
body.liquidglass-ui .dropdown.dropdown-user .dropdown-menu {
  z-index: 1130 !important;
  pointer-events: auto !important;
}

body.liquidglass-ui .app-content.content {
  position: relative;
  z-index: 1;
}

body.liquidglass-ui .sidenav-overlay,
body.liquidglass-ui .drag-target {
  z-index: 1030;
}

/* LiquidGlass navbar click-through hotfix
   Previous overlay/z-index safety made the page layer sit above the top navbar in some routes.
   Keep navbar controls clickable while keeping page overlays below it. */
body.liquidglass-ui .header-navbar,
body.liquidglass-ui nav.header-navbar,
body.liquidglass-ui .navbar-sticky,
body.liquidglass-ui .navbar-container,
body.liquidglass-ui .navbar-wrapper {
  position: relative !important;
  z-index: 12050 !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

body.liquidglass-ui .header-navbar .navbar-container,
body.liquidglass-ui .header-navbar .navbar-nav,
body.liquidglass-ui .header-navbar .nav-item,
body.liquidglass-ui .header-navbar .nav-link,
body.liquidglass-ui .header-navbar .dropdown,
body.liquidglass-ui .header-navbar .dropdown-menu,
body.liquidglass-ui .header-navbar button,
body.liquidglass-ui .header-navbar a {
  pointer-events: auto !important;
}

body.liquidglass-ui .header-navbar .dropdown-menu,
body.liquidglass-ui .navbar-container .dropdown-menu,
body.liquidglass-ui .dropdown.dropdown-user .dropdown-menu {
  z-index: 12080 !important;
}

/* Do not let the main content create a click-blocking layer above navbar. */
body.liquidglass-ui .app-content.content {
  z-index: auto !important;
}

/* The default content overlay is only visual/hidden; it must not catch navbar clicks. */
html body.liquidglass-ui .content.app-content .content-overlay,
body.liquidglass-ui .app-content > .content-overlay,
body.liquidglass-ui .content-overlay:not(.show) {
  pointer-events: none !important;
}

/* When framework activates overlay, keep it below navbar/dropdowns. */
html body.liquidglass-ui .content.app-content.show-overlay .content-overlay,
body.liquidglass-ui .content-overlay.show {
  z-index: 1040 !important;
}

/* Decorative shadows should never intercept clicks. */
body.liquidglass-ui .header-navbar-shadow,
body.liquidglass-ui .content-wrapper::before,
body.liquidglass-ui .content-wrapper::after {
  pointer-events: none !important;
}


/* LiquidGlass route header icons: match Liquid Hub menu icon colors */
.liquidglass-ui .lgu-route-hero__icon {
  border: 1px solid rgba(124, 231, 255, .24) !important;
  background:
    radial-gradient(circle at 28% 22%, rgba(255,255,255,.92), rgba(255,255,255,.2) 25%, transparent 48%),
    linear-gradient(135deg, rgba(124,231,255,.94), rgba(167,139,250,.88)) !important;
  color: #071426 !important;
  box-shadow: 0 8px 16px rgba(124,231,255,.14), inset 0 1px 1px rgba(255,255,255,.45) !important;
}

.liquidglass-ui .lgu-route-hero__icon i,
.liquidglass-ui .lgu-route-hero__icon svg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.92rem;
  height: 1.92rem;
  font-size: 1.92rem !important;
  line-height: 1;
  color: #071426 !important;
  opacity: .96;
}

.liquidglass-ui .lgu-route-hero__icon svg {
  stroke: currentColor;
  fill: none;
}

html[data-theme="light"] .liquidglass-ui .lgu-route-hero__icon,
body.light-layout.liquidglass-ui .lgu-route-hero__icon {
  border-color: rgba(99, 185, 225, .24) !important;
  box-shadow: 0 10px 22px rgba(91, 155, 214, .16), inset 0 1px 1px rgba(255,255,255,.58) !important;
}

html[data-theme="dark"] .liquidglass-ui .lgu-route-hero__icon,
body.dark-layout.liquidglass-ui .lgu-route-hero__icon {
  border-color: rgba(124, 231, 255, .28) !important;
  box-shadow: 0 10px 22px rgba(124,231,255,.16), inset 0 1px 1px rgba(255,255,255,.42) !important;
}

/* Station dark hero: keep the Ward Flow header stable on grid backgrounds. */
body.dark-layout.liquidglass-ui.lgu-page-station .lgu-route-hero {
  isolation: isolate;
  contain: paint;
  background:
    linear-gradient(135deg, rgba(46, 91, 122, .7), rgba(45, 55, 94, .76) 54%, rgba(71, 54, 103, .7)),
    rgba(12, 22, 38, .88) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.dark-layout.liquidglass-ui.lgu-page-station .lgu-route-hero::before {
  display: none !important;
  filter: none !important;
}


/* =========================================================
   LiquidGlass navbar alert chips: CSSD / Ward / SET low stock
   ทำให้กล่องแจ้งเตือนบน navbar เข้าธีม อ่านง่าย และไม่ใช้สีแดงส้มเดิม
   ========================================================= */
body.liquidglass-ui .lg-nav-alert-chip,
html[data-theme="light"] body.liquidglass-ui .lg-nav-alert-chip,
html[data-theme="dark"] body.liquidglass-ui .lg-nav-alert-chip {
  position: relative;
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  min-width: 70px;
  min-height: 58px;
  overflow: hidden;
  border-radius: 0;
  border: 1px solid rgba(92, 225, 255, .28) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(92, 225, 255, .32), transparent 52%),
    radial-gradient(circle at 90% 100%, rgba(126, 92, 255, .22), transparent 56%),
    rgba(255,255,255,.46) !important;
  box-shadow: 0 12px 32px rgba(31, 95, 140, .14), inset 0 1px 0 rgba(255,255,255,.58);
  backdrop-filter: blur(14px) saturate(150%);
  -webkit-backdrop-filter: blur(14px) saturate(150%);
}

body.liquidglass-ui .lg-nav-alert-chip::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,.45), rgba(255,255,255,0));
}

body.liquidglass-ui .lg-nav-alert-title {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  padding: .22rem .55rem .12rem;
  color: #2563eb !important;
  font-size: .92rem;
  font-weight: 950;
  line-height: 1.05;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .02em;
  border-bottom: 1px solid rgba(92, 225, 255, .24) !important;
  background: rgba(255,255,255,.18) !important;
}

body.liquidglass-ui .lg-nav-alert-row {
  position: relative;
  z-index: 1;
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  width: 100%;
  padding: .25rem .35rem .35rem;
}

body.liquidglass-ui .lg-nav-alert-count,
body.liquidglass-ui .lg-nav-alert-total {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 23px;
  padding: .18rem .42rem !important;
  border-radius: 999px;
  font-size: .92rem;
  font-weight: 950;
  line-height: 1;
  text-align: center;
  text-decoration: none !important;
  border: 1px solid rgba(255,255,255,.54);
  box-shadow: 0 8px 18px rgba(44, 105, 185, .12), inset 0 1px 0 rgba(255,255,255,.48);
}

body.liquidglass-ui .lg-nav-alert-count {
  color: #075985 !important;
  background: linear-gradient(135deg, rgba(103, 232, 249, .92), rgba(147, 197, 253, .78)) !important;
}

body.liquidglass-ui .lg-nav-alert-total {
  color: #4c1d95 !important;
  background: linear-gradient(135deg, rgba(196, 181, 253, .94), rgba(125, 211, 252, .76)) !important;
}

body.liquidglass-ui .lg-nav-low-stock {
  display:flex !important;
  align-items:center;
  justify-content:center;
  min-width: 128px;
  min-height: 58px;
  padding: .42rem .78rem;
  border-radius: 18px;
  border: 1px solid rgba(92, 225, 255, .34) !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(92, 225, 255, .34), transparent 55%),
    radial-gradient(circle at 88% 92%, rgba(126, 92, 255, .22), transparent 56%),
    rgba(255,255,255,.52) !important;
  box-shadow: 0 12px 30px rgba(31,95,140,.14), inset 0 1px 0 rgba(255,255,255,.62);
  backdrop-filter: blur(14px) saturate(150%);
  -webkit-backdrop-filter: blur(14px) saturate(150%);
  text-decoration:none !important;
}

body.liquidglass-ui .lg-nav-low-stock-label {
  color: #2563eb !important;
  font-size: .9rem;
  font-weight: 950;
  line-height: 1.08;
  text-align:center;
}

body.liquidglass-ui .lg-nav-low-stock-value {
  min-width: 54px;
  padding: .22rem .8rem;
  border-radius: 999px;
  color: #075985 !important;
  background: linear-gradient(135deg, rgba(103,232,249,.95), rgba(99,102,241,.74)) !important;
  box-shadow: 0 8px 18px rgba(56,189,248,.18);
  font-size: 1.08rem;
  font-weight: 1000;
  line-height: 1;
}

html[data-theme="dark"] body.liquidglass-ui .lg-nav-alert-chip,
html[data-theme="dark"] body.liquidglass-ui .lg-nav-low-stock {
  border-color: rgba(124, 231, 255, .28) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(34, 211, 238, .28), transparent 54%),
    radial-gradient(circle at 88% 100%, rgba(139, 92, 246, .24), transparent 58%),
    rgba(7, 16, 31, .74) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);
}

html[data-theme="dark"] body.liquidglass-ui .lg-nav-alert-title,
html[data-theme="dark"] body.liquidglass-ui .lg-nav-low-stock-label {
  color: #a5f3fc !important;
}

html[data-theme="dark"] body.liquidglass-ui .lg-nav-alert-count {
  color: #e0f2fe !important;
  background: linear-gradient(135deg, rgba(6, 182, 212, .76), rgba(37, 99, 235, .68)) !important;
}

html[data-theme="dark"] body.liquidglass-ui .lg-nav-alert-total,
html[data-theme="dark"] body.liquidglass-ui .lg-nav-low-stock-value {
  color: #f5f3ff !important;
  background: linear-gradient(135deg, rgba(124, 58, 237, .72), rgba(14, 165, 233, .62)) !important;
}

@media (max-width: 991.98px) {
  body.liquidglass-ui .lg-nav-alert-chip,
  body.liquidglass-ui .lg-nav-low-stock {
    min-height: 50px;
  }
}

/* =========================================================
   ThemeEdit fix: CSSD / Ward navbar chips rounded + stronger glass
   ให้ cssd/ward เป็น pill เหมือน SET คงเหลือต่ำกว่า และสีชัดขึ้น
   ========================================================= */
body.liquidglass-ui .lg-nav-alert-chip,
html[data-theme="light"] body.liquidglass-ui .lg-nav-alert-chip,
body.light-layout.liquidglass-ui .lg-nav-alert-chip {
  min-width: 76px !important;
  min-height: 58px !important;
  padding: .42rem .58rem !important;
  border-radius: 20px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .22rem !important;
  border: 1px solid rgba(82, 177, 255, .42) !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(92, 225, 255, .42), transparent 56%),
    radial-gradient(circle at 92% 92%, rgba(126, 92, 255, .30), transparent 58%),
    linear-gradient(135deg, rgba(232, 249, 255, .78), rgba(243, 238, 255, .68)) !important;
  box-shadow:
    0 12px 30px rgba(31, 95, 140, .16),
    inset 0 1px 0 rgba(255,255,255,.66) !important;
  backdrop-filter: blur(14px) saturate(155%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(155%) !important;
}

body.liquidglass-ui .lg-nav-alert-chip::before {
  border-radius: inherit !important;
}

body.liquidglass-ui .lg-nav-alert-title,
html[data-theme="light"] body.liquidglass-ui .lg-nav-alert-title,
body.light-layout.liquidglass-ui .lg-nav-alert-title {
  padding: 0 !important;
  color: #2563eb !important;
  font-size: .92rem !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  border-bottom: 0 !important;
  background: transparent !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.64);
}

body.liquidglass-ui .lg-nav-alert-row {
  width: auto !important;
  min-width: 58px !important;
  padding: 0 !important;
  gap: 5px !important;
}

body.liquidglass-ui .lg-nav-alert-count,
body.liquidglass-ui .lg-nav-alert-total {
  min-width: 28px !important;
  min-height: 20px !important;
  padding: .16rem .5rem !important;
  font-size: .88rem !important;
  box-shadow: 0 8px 18px rgba(56, 130, 220, .18), inset 0 1px 0 rgba(255,255,255,.58) !important;
}

body.liquidglass-ui .lg-nav-alert-count {
  color: #075985 !important;
  background: linear-gradient(135deg, rgba(103,232,249,.98), rgba(96,165,250,.84)) !important;
}

body.liquidglass-ui .lg-nav-alert-total {
  color: #24315f !important;
  background: linear-gradient(135deg, rgba(196,181,253,.98), rgba(125,211,252,.86)) !important;
}

html[data-theme="dark"] body.liquidglass-ui .lg-nav-alert-chip,
body.dark-layout.liquidglass-ui .lg-nav-alert-chip {
  border-color: rgba(124, 231, 255, .36) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(34, 211, 238, .34), transparent 54%),
    radial-gradient(circle at 88% 100%, rgba(139, 92, 246, .30), transparent 58%),
    rgba(7, 16, 31, .82) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.10) !important;
}

html[data-theme="dark"] body.liquidglass-ui .lg-nav-alert-title,
body.dark-layout.liquidglass-ui .lg-nav-alert-title {
  color: #a5f3fc !important;
  text-shadow: 0 0 14px rgba(103,232,249,.22);
}

html[data-theme="dark"] body.liquidglass-ui .lg-nav-alert-count,
body.dark-layout.liquidglass-ui .lg-nav-alert-count {
  color: #e0f2fe !important;
  background: linear-gradient(135deg, rgba(6,182,212,.84), rgba(37,99,235,.76)) !important;
}

html[data-theme="dark"] body.liquidglass-ui .lg-nav-alert-total,
body.dark-layout.liquidglass-ui .lg-nav-alert-total {
  color: #f5f3ff !important;
  background: linear-gradient(135deg, rgba(124,58,237,.82), rgba(14,165,233,.70)) !important;
}

/* ========================================================================
   ThemeEdit fix: navbar bell + theme toggle icon glass colors
   ทำให้ icon กระดิ่ง / พระจันทร์ / พระอาทิตย์ เข้าธีม LiquidGlass มากขึ้น
   ======================================================================== */
body.liquidglass-ui .header-navbar .dropdown-notification .nav-link-label,
body.liquidglass-ui .header-navbar #themeToggleBtn {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(95, 197, 255, .28) !important;
  background:
    radial-gradient(circle at 30% 22%, rgba(255, 255, 255, .82), transparent 34%),
    linear-gradient(135deg, rgba(124, 231, 255, .28), rgba(142, 126, 255, .22) 56%, rgba(255, 142, 219, .14)),
    rgba(255, 255, 255, .72) !important;
  box-shadow:
    0 10px 28px rgba(45, 93, 150, .13),
    inset 0 1px 0 rgba(255, 255, 255, .75) !important;
  backdrop-filter: blur(14px) saturate(155%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(155%) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease !important;
}

body.liquidglass-ui .header-navbar .dropdown-notification .nav-link-label:hover,
body.liquidglass-ui .header-navbar #themeToggleBtn:hover {
  transform: translateY(-1px);
  border-color: rgba(83, 211, 255, .48) !important;
  box-shadow:
    0 14px 34px rgba(45, 93, 150, .18),
    0 0 0 4px rgba(114, 231, 255, .10),
    inset 0 1px 0 rgba(255, 255, 255, .82) !important;
}

body.liquidglass-ui .header-navbar .dropdown-notification .nav-link-label:active,
body.liquidglass-ui .header-navbar #themeToggleBtn:active {
  transform: translateY(0) scale(.98);
}

body.liquidglass-ui .header-navbar .dropdown-notification .bx-bell,
body.liquidglass-ui .header-navbar #themeToggleBtn .bx {
  font-size: 1.25rem !important;
  line-height: 1 !important;
  color: #1577e8 !important;
  text-shadow: 0 0 16px rgba(34, 197, 255, .32) !important;
}

body.liquidglass-ui .header-navbar .dropdown-notification .bx-bell {
  color: #0ea5e9 !important;
  filter: drop-shadow(0 0 8px rgba(14, 165, 233, .24));
}

body.light-layout.liquidglass-ui.lg-nav-scrolled .header-navbar .dropdown-notification .nav-link-label,
html[data-theme="light"] body.liquidglass-ui.lg-nav-scrolled .header-navbar .dropdown-notification .nav-link-label,
body.liquidglass-ui:not(.dark-layout).lg-nav-scrolled .header-navbar .dropdown-notification .nav-link-label {
  border-color: rgba(95, 197, 255, .32) !important;
  background:
    radial-gradient(circle at 30% 22%, rgba(255, 255, 255, .86), transparent 34%),
    linear-gradient(135deg, rgba(124, 231, 255, .30), rgba(142, 126, 255, .24) 56%, rgba(255, 142, 219, .15)),
    rgba(255, 255, 255, .76) !important;
  box-shadow:
    0 10px 28px rgba(45, 93, 150, .14),
    inset 0 1px 0 rgba(255, 255, 255, .78) !important;
}

body.light-layout.liquidglass-ui.lg-nav-scrolled .header-navbar .dropdown-notification .bx-bell,
html[data-theme="light"] body.liquidglass-ui.lg-nav-scrolled .header-navbar .dropdown-notification .bx-bell,
body.liquidglass-ui:not(.dark-layout).lg-nav-scrolled .header-navbar .dropdown-notification .bx-bell {
  color: #0ea5e9 !important;
  -webkit-text-fill-color: #0ea5e9 !important;
  opacity: 1 !important;
  text-shadow: 0 0 16px rgba(34, 197, 255, .34) !important;
  filter: drop-shadow(0 0 8px rgba(14, 165, 233, .26));
}

body.liquidglass-ui .header-navbar #themeToggleBtn .bx-moon {
  color: #536dfe !important;
  filter: drop-shadow(0 0 8px rgba(83, 109, 254, .20));
}

body.liquidglass-ui .header-navbar #themeToggleBtn .bx-sun,
html[data-theme="dark"] body.liquidglass-ui .header-navbar #themeToggleBtn .bx {
  color: #ffd166 !important;
  filter: drop-shadow(0 0 10px rgba(255, 209, 102, .38));
}

html[data-theme="dark"] body.liquidglass-ui .header-navbar .dropdown-notification .nav-link-label,
html[data-theme="dark"] body.liquidglass-ui .header-navbar #themeToggleBtn {
  border-color: rgba(124, 231, 255, .26) !important;
  background:
    radial-gradient(circle at 30% 22%, rgba(255, 255, 255, .22), transparent 34%),
    linear-gradient(135deg, rgba(124, 231, 255, .17), rgba(142, 126, 255, .22) 58%, rgba(255, 142, 219, .10)),
    rgba(7, 18, 34, .74) !important;
  box-shadow:
    0 12px 32px rgba(0, 8, 20, .30),
    0 0 0 1px rgba(255, 255, 255, .045),
    inset 0 1px 0 rgba(255, 255, 255, .18) !important;
}

html[data-theme="dark"] body.liquidglass-ui .header-navbar .dropdown-notification .nav-link-label:hover,
html[data-theme="dark"] body.liquidglass-ui .header-navbar #themeToggleBtn:hover {
  border-color: rgba(124, 231, 255, .48) !important;
  box-shadow:
    0 16px 38px rgba(0, 8, 20, .38),
    0 0 0 4px rgba(124, 231, 255, .08),
    inset 0 1px 0 rgba(255, 255, 255, .22) !important;
}

html[data-theme="dark"] body.liquidglass-ui .header-navbar .dropdown-notification .bx-bell {
  color: #7ce7ff !important;
  text-shadow: 0 0 18px rgba(124, 231, 255, .42) !important;
  filter: drop-shadow(0 0 10px rgba(124, 231, 255, .30));
}

html[data-theme="dark"] body.liquidglass-ui .header-navbar #themeToggleBtn .bx-moon {
  color: #9fb3ff !important;
  filter: drop-shadow(0 0 10px rgba(159, 179, 255, .32));
}

/* =========================================================
   ThemeEdit fix: small bell icons inside CSSD / Ward alert pills
   วางกระดิ่งเล็กหน้า cssd/ward ให้เข้าธีม LiquidGlass
   ========================================================= */
body.liquidglass-ui .lg-nav-alert-title {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .28rem !important;
}

body.liquidglass-ui .lg-nav-alert-mini-bell {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px;
  height: 16px;
  border-radius: 999px;
  font-size: .78rem;
  line-height: 1;
  color: #075985 !important;
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,.78), transparent 42%),
    linear-gradient(135deg, rgba(103,232,249,.95), rgba(129,140,248,.76)) !important;
  border: 1px solid rgba(255,255,255,.58);
  box-shadow:
    0 5px 12px rgba(56,189,248,.20),
    inset 0 1px 0 rgba(255,255,255,.62);
  text-shadow: none !important;
}

body.liquidglass-ui .dropdown-menu .lg-nav-alert-mini-bell {
  vertical-align: middle;
  margin-top: -1px;
}

html[data-theme="dark"] body.liquidglass-ui .lg-nav-alert-mini-bell,
body.dark-layout.liquidglass-ui .lg-nav-alert-mini-bell {
  color: #e0f2fe !important;
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,.28), transparent 42%),
    linear-gradient(135deg, rgba(6,182,212,.84), rgba(124,58,237,.70)) !important;
  border-color: rgba(165,243,252,.28);
  box-shadow:
    0 0 16px rgba(103,232,249,.18),
    0 5px 12px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.14);
}

@media (max-width: 991.98px) {
  body.liquidglass-ui .dropdown-menu .lg-nav-alert-mini-bell {
    width: 15px;
    height: 15px;
    font-size: .72rem;
  }
}

/* =========================================================
   ThemeEdit fix: move main bell before CSSD + center low stock count
   - ไม่ใช้กระดิ่งเล็กหน้า CSSD/WARD แล้ว
   - กระดิ่งหลักวางก่อนกรอบ CSSD ตามตำแหน่ง navbar
   - จัดเลข SET คงเหลือต่ำกว่า ให้อยู่กลาง pill ชัด ๆ
   ========================================================= */
body.liquidglass-ui .header-navbar .dropdown-notification.nav-item {
  order: initial;
}

body.liquidglass-ui .header-navbar .lg-nav-low-stock,
body.liquidglass-ui .header-navbar .lg-nav-low-stock > span {
  text-align: center !important;
}

body.liquidglass-ui .header-navbar .lg-nav-low-stock-value {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  min-width: 54px !important;
}

body.liquidglass-ui .lg-nav-alert-title {
  gap: 0 !important;
}

body.liquidglass-ui .lg-nav-alert-mini-bell {
  display: none !important;
}


/* =========================================================
   ThemeEdit fix: center main bell between low-stock and CSSD
   ขยับกระดิ่งหลักให้กึ่งกลางระหว่าง SET คงเหลือต่ำกว่า กับ CSSD
   ========================================================= */
body.liquidglass-ui .header-navbar .navbar-nav.float-right > .dropdown-notification.nav-item {
  transform: translateX(-14px) !important;
  margin-left: .15rem !important;
  margin-right: .15rem !important;
}

body.liquidglass-ui .header-navbar .navbar-nav.float-right > .dropdown-notification.nav-item .nav-link-label {
  position: relative !important;
  z-index: 2 !important;
}

@media (max-width: 1199.98px) {
  body.liquidglass-ui .header-navbar .navbar-nav.float-right > .dropdown-notification.nav-item {
    transform: translateX(-10px) !important;
  }
}

@media (max-width: 991.98px) {
  body.liquidglass-ui .header-navbar .navbar-nav.float-right > .dropdown-notification.nav-item {
    transform: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* =========================================================
   ThemeEdit fix: user login navbar chip glass frame
   ทำให้ชื่อผู้ใช้ + สถานะ + avatar เป็นกรอบ LiquidGlass เข้าชุดกับ SET/CSSD/WARD
   ========================================================= */
body.liquidglass-ui .header-navbar .navbar-nav.float-right > .dropdown.dropdown-user.nav-item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 58px !important;
  margin-left: .35rem !important;
}

body.liquidglass-ui .header-navbar .dropdown.dropdown-user .dropdown-user-link,
html[data-theme="light"] body.liquidglass-ui .header-navbar .dropdown.dropdown-user .dropdown-user-link,
body.light-layout.liquidglass-ui .header-navbar .dropdown.dropdown-user .dropdown-user-link {
  min-height: 58px !important;
  min-width: 210px !important;
  padding: .42rem .72rem .42rem .95rem !important;
  border-radius: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem !important;
  border: 1px solid rgba(82, 177, 255, .34) !important;
  background:
    radial-gradient(circle at 10% 10%, rgba(92, 225, 255, .34), transparent 54%),
    radial-gradient(circle at 92% 88%, rgba(126, 92, 255, .24), transparent 58%),
    linear-gradient(135deg, rgba(242, 251, 255, .82), rgba(245, 240, 255, .72)) !important;
  box-shadow:
    0 12px 30px rgba(31, 95, 140, .12),
    inset 0 1px 0 rgba(255,255,255,.72) !important;
  backdrop-filter: blur(14px) saturate(155%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(155%) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease !important;
}

body.liquidglass-ui .header-navbar .dropdown.dropdown-user .dropdown-user-link:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(83, 211, 255, .50) !important;
  box-shadow:
    0 16px 36px rgba(31, 95, 140, .17),
    0 0 0 4px rgba(114, 231, 255, .09),
    inset 0 1px 0 rgba(255,255,255,.80) !important;
}

body.liquidglass-ui .header-navbar .dropdown.dropdown-user .dropdown-user-link::after {
  display: none !important;
}

body.liquidglass-ui .header-navbar .dropdown.dropdown-user .user-nav {
  margin-right: 0 !important;
  min-width: 0 !important;
  align-items: flex-end !important;
  justify-content: center !important;
  line-height: 1.05 !important;
}

body.liquidglass-ui .header-navbar .dropdown.dropdown-user .user-name {
  max-width: 142px !important;
  color: #17243b !important;
  font-size: .98rem !important;
  font-weight: 900 !important;
  letter-spacing: .01em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.62) !important;
}

body.liquidglass-ui .header-navbar .dropdown.dropdown-user .user-status {
  margin-top: .22rem !important;
  color: #10b981 !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
  text-shadow: 0 0 12px rgba(16,185,129,.18) !important;
}

body.liquidglass-ui .header-navbar .dropdown.dropdown-user .avatar {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(82, 177, 255, .30) !important;
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,.78), transparent 42%),
    linear-gradient(135deg, rgba(103,232,249,.72), rgba(129,140,248,.58)) !important;
  box-shadow:
    0 8px 20px rgba(56, 130, 220, .16),
    inset 0 1px 0 rgba(255,255,255,.60) !important;
}

body.liquidglass-ui .header-navbar .dropdown.dropdown-user .avatar .avatar-content {
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  color: #1e3a8a !important;
  background: rgba(255,255,255,.48) !important;
  font-weight: 900 !important;
  font-size: .86rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html[data-theme="dark"] body.liquidglass-ui .header-navbar .dropdown.dropdown-user .dropdown-user-link,
body.dark-layout.liquidglass-ui .header-navbar .dropdown.dropdown-user .dropdown-user-link {
  border-color: rgba(124, 231, 255, .30) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(34, 211, 238, .25), transparent 54%),
    radial-gradient(circle at 88% 100%, rgba(139, 92, 246, .25), transparent 58%),
    rgba(7, 16, 31, .80) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(255,255,255,.11) !important;
}

html[data-theme="dark"] body.liquidglass-ui .header-navbar .dropdown.dropdown-user .dropdown-user-link:hover,
body.dark-layout.liquidglass-ui .header-navbar .dropdown.dropdown-user .dropdown-user-link:hover {
  border-color: rgba(124, 231, 255, .50) !important;
  box-shadow:
    0 16px 38px rgba(0, 8, 20, .40),
    0 0 0 4px rgba(124, 231, 255, .08),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

html[data-theme="dark"] body.liquidglass-ui .header-navbar .dropdown.dropdown-user .user-name,
body.dark-layout.liquidglass-ui .header-navbar .dropdown.dropdown-user .user-name {
  color: #f6fbff !important;
  text-shadow: 0 0 14px rgba(124,231,255,.12) !important;
}

html[data-theme="dark"] body.liquidglass-ui .header-navbar .dropdown.dropdown-user .user-status,
body.dark-layout.liquidglass-ui .header-navbar .dropdown.dropdown-user .user-status {
  color: #86efac !important;
  text-shadow: 0 0 14px rgba(134,239,172,.25) !important;
}

html[data-theme="dark"] body.liquidglass-ui .header-navbar .dropdown.dropdown-user .avatar,
body.dark-layout.liquidglass-ui .header-navbar .dropdown.dropdown-user .avatar {
  border-color: rgba(124, 231, 255, .30) !important;
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,.22), transparent 42%),
    linear-gradient(135deg, rgba(6,182,212,.56), rgba(124,58,237,.50)) !important;
  box-shadow:
    0 0 16px rgba(103,232,249,.14),
    0 8px 20px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.14) !important;
}

html[data-theme="dark"] body.liquidglass-ui .header-navbar .dropdown.dropdown-user .avatar .avatar-content,
body.dark-layout.liquidglass-ui .header-navbar .dropdown.dropdown-user .avatar .avatar-content {
  color: #e0f2fe !important;
  background: rgba(15,23,42,.42) !important;
}

@media (max-width: 1199.98px) {
  body.liquidglass-ui .header-navbar .dropdown.dropdown-user .dropdown-user-link {
    min-width: 178px !important;
    padding-left: .78rem !important;
  }
  body.liquidglass-ui .header-navbar .dropdown.dropdown-user .user-name {
    max-width: 110px !important;
  }
}

@media (max-width: 767.98px) {
  body.liquidglass-ui .header-navbar .dropdown.dropdown-user .dropdown-user-link {
    min-width: 48px !important;
    width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    justify-content: center !important;
  }
  body.liquidglass-ui .header-navbar .dropdown.dropdown-user .avatar {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }
}


/* LiquidGlass Navbar Float Only
   Visual-only layer: navbar follows page scroll softly.
   Native browser scrolling is not changed. */
body.liquidglass-ui {
  --lg-nav-y: 0px;
  --lg-nav-scale: 1;
  --lg-nav-blur: 14px;
}

body.liquidglass-ui .header-navbar,
body.liquidglass-ui nav.header-navbar {
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 12050 !important;
  transform: translate3d(0, var(--lg-nav-y), 0) scale(var(--lg-nav-scale)) !important;
  transform-origin: top center;
  will-change: transform, box-shadow, background-color, border-color;
  transition:
    transform .38s cubic-bezier(.22, 1, .36, 1),
    box-shadow .38s cubic-bezier(.22, 1, .36, 1),
    background-color .38s cubic-bezier(.22, 1, .36, 1),
    border-color .38s cubic-bezier(.22, 1, .36, 1);
  contain: layout style;
}

body.liquidglass-ui.lg-nav-scrolled .header-navbar.floating-nav,
body.liquidglass-ui.lg-nav-scrolled .header-navbar.fixed-top,
body.liquidglass-ui.lg-nav-scrolled .navbar-container {
  background: rgba(10, 19, 34, .78) !important;
  border-color: rgba(255,255,255,.22) !important;
  box-shadow: 0 16px 42px rgba(2, 8, 23, .22), inset 0 1px 0 rgba(255,255,255,.22) !important;
  backdrop-filter: blur(var(--lg-nav-blur)) saturate(150%) !important;
  -webkit-backdrop-filter: blur(var(--lg-nav-blur)) saturate(150%) !important;
}

body.light-layout.liquidglass-ui.lg-nav-scrolled .header-navbar.floating-nav,
body.light-layout.liquidglass-ui.lg-nav-scrolled .header-navbar.fixed-top,
body.light-layout.liquidglass-ui.lg-nav-scrolled .navbar-container,
html[data-theme="light"] body.liquidglass-ui.lg-nav-scrolled .header-navbar.floating-nav,
html[data-theme="light"] body.liquidglass-ui.lg-nav-scrolled .header-navbar.fixed-top,
html[data-theme="light"] body.liquidglass-ui.lg-nav-scrolled .navbar-container {
  background: rgba(255,255,255,.84) !important;
  border-color: rgba(66, 86, 120, .18) !important;
  box-shadow: 0 16px 42px rgba(45, 73, 115, .16), inset 0 1px 0 rgba(255,255,255,.72) !important;
}

body.liquidglass-ui.lg-nav-moving .header-navbar,
body.liquidglass-ui.lg-nav-moving nav.header-navbar {
  transition-duration: .18s;
}

body.liquidglass-ui .app-content.content {
  scroll-margin-top: 88px;
}

@media (max-width: 991.98px) {
  body.liquidglass-ui .header-navbar,
  body.liquidglass-ui nav.header-navbar {
    top: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.liquidglass-ui .header-navbar,
  body.liquidglass-ui nav.header-navbar {
    transform: none !important;
    transition: none !important;
  }
}

/* Navbar outer shell cleanup
   Keep the individual LiquidGlass chips/buttons, but remove the large rectangular wrapper. */
body.liquidglass-ui .header-navbar-shadow {
  display: none !important;
  opacity: 0 !important;
}

body.liquidglass-ui .header-navbar.floating-nav,
body.liquidglass-ui .header-navbar.fixed-top,
body.liquidglass-ui nav.header-navbar,
body.liquidglass-ui .navbar-wrapper,
body.liquidglass-ui .navbar-container,
body.liquidglass-ui .navbar-collapse,
body.liquidglass-ui.lg-nav-scrolled .header-navbar.floating-nav,
body.liquidglass-ui.lg-nav-scrolled .header-navbar.fixed-top,
body.liquidglass-ui.lg-nav-scrolled .navbar-container,
body.light-layout.liquidglass-ui .header-navbar.floating-nav,
body.light-layout.liquidglass-ui .header-navbar.fixed-top,
body.light-layout.liquidglass-ui .navbar-container,
body.light-layout.liquidglass-ui.lg-nav-scrolled .header-navbar.floating-nav,
body.light-layout.liquidglass-ui.lg-nav-scrolled .header-navbar.fixed-top,
body.light-layout.liquidglass-ui.lg-nav-scrolled .navbar-container,
html[data-theme="light"] body.liquidglass-ui.lg-nav-scrolled .header-navbar.floating-nav,
html[data-theme="light"] body.liquidglass-ui.lg-nav-scrolled .header-navbar.fixed-top,
html[data-theme="light"] body.liquidglass-ui.lg-nav-scrolled .navbar-container {
  background: transparent !important;
  border-color: transparent !important;
  border-width: 0 !important;
  box-shadow: none !important;
}

body.liquidglass-ui .header-navbar,
body.liquidglass-ui nav.header-navbar,
body.liquidglass-ui .navbar-wrapper,
body.liquidglass-ui .navbar-container,
body.liquidglass-ui .navbar-collapse,
body.liquidglass-ui .navbar-header {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Sterilize report result page */
body.liquidglass-ui #search_result.sterilize-report-results {
  background:
    radial-gradient(circle at 14% 8%, rgba(114, 231, 255, .13), transparent 30%),
    radial-gradient(circle at 86% 38%, rgba(143, 125, 255, .13), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03)),
    var(--lgu-surface) !important;
  color: var(--lgu-text) !important;
}

body.dark-layout.liquidglass-ui #search_result.sterilize-report-results,
html[data-theme="dark"] body.liquidglass-ui #search_result.sterilize-report-results {
  background:
    radial-gradient(circle at 12% 8%, rgba(114, 231, 255, .16), transparent 30%),
    radial-gradient(circle at 88% 42%, rgba(60, 231, 174, .10), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.085), rgba(255,255,255,.028)),
    rgba(9, 18, 34, .74) !important;
}

body.liquidglass-ui #search_result.sterilize-report-results .card {
  color: var(--lgu-text) !important;
}

body.dark-layout.liquidglass-ui #search_result.sterilize-report-results .card,
html[data-theme="dark"] body.liquidglass-ui #search_result.sterilize-report-results .card {
  border-color: rgba(255,255,255,.14) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.105), rgba(255,255,255,.035)),
    rgba(12, 25, 45, .66) !important;
}

body.liquidglass-ui #search_result.sterilize-report-results .card-header,
body.liquidglass-ui #search_result.sterilize-report-results .card-body,
body.liquidglass-ui #search_result.sterilize-report-results .font-weight-bold,
body.liquidglass-ui #search_result.sterilize-report-results span,
body.liquidglass-ui #search_result.sterilize-report-results li {
  color: var(--lgu-text) !important;
}

body.dark-layout.liquidglass-ui #search_result.sterilize-report-results .card-header,
html[data-theme="dark"] body.liquidglass-ui #search_result.sterilize-report-results .card-header {
  background: rgba(255,255,255,.055) !important;
}

body.dark-layout.liquidglass-ui #search_result.sterilize-report-results .card-body,
html[data-theme="dark"] body.liquidglass-ui #search_result.sterilize-report-results .card-body {
  background: transparent !important;
}

body.dark-layout.liquidglass-ui #search_result.sterilize-report-results .card-header span,
body.dark-layout.liquidglass-ui #search_result.sterilize-report-results li,
html[data-theme="dark"] body.liquidglass-ui #search_result.sterilize-report-results .card-header span,
html[data-theme="dark"] body.liquidglass-ui #search_result.sterilize-report-results li {
  text-shadow: 0 1px 2px rgba(0, 0, 0, .28);
}

body.light-layout.liquidglass-ui #search_result.sterilize-report-results,
body.semi-dark-layout.liquidglass-ui #search_result.sterilize-report-results,
html[data-theme="light"] body.liquidglass-ui #search_result.sterilize-report-results {
  background:
    radial-gradient(circle at 12% 8%, rgba(114, 231, 255, .22), transparent 30%),
    radial-gradient(circle at 86% 42%, rgba(60, 231, 174, .16), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.74), rgba(255,255,255,.48)),
    rgba(238, 246, 255, .78) !important;
}

body.light-layout.liquidglass-ui #search_result.sterilize-report-results .card-header,
body.light-layout.liquidglass-ui #search_result.sterilize-report-results .card-body,
body.light-layout.liquidglass-ui #search_result.sterilize-report-results .font-weight-bold,
body.light-layout.liquidglass-ui #search_result.sterilize-report-results span,
body.light-layout.liquidglass-ui #search_result.sterilize-report-results li,
body.semi-dark-layout.liquidglass-ui #search_result.sterilize-report-results .card-header,
body.semi-dark-layout.liquidglass-ui #search_result.sterilize-report-results .card-body,
body.semi-dark-layout.liquidglass-ui #search_result.sterilize-report-results .font-weight-bold,
body.semi-dark-layout.liquidglass-ui #search_result.sterilize-report-results span,
body.semi-dark-layout.liquidglass-ui #search_result.sterilize-report-results li,
html[data-theme="light"] body.liquidglass-ui #search_result.sterilize-report-results .card-header,
html[data-theme="light"] body.liquidglass-ui #search_result.sterilize-report-results .card-body,
html[data-theme="light"] body.liquidglass-ui #search_result.sterilize-report-results .font-weight-bold,
html[data-theme="light"] body.liquidglass-ui #search_result.sterilize-report-results span,
html[data-theme="light"] body.liquidglass-ui #search_result.sterilize-report-results li {
  color: #17243b !important;
}

body.liquidglass-ui .sterilize-export-shell {
  border: 1px solid transparent;
  border-radius: var(--lgu-radius-lg);
  background: transparent !important;
  box-shadow: none !important;
}

body.liquidglass-ui .sterilize-export-body {
  background: transparent !important;
}

body.liquidglass-ui .btn-sterilize-export {
  gap: .35rem;
}

body.liquidglass-ui #search_result.sterilize-report-results .sterilize-result-pair {
  align-items: stretch;
}

body.liquidglass-ui #search_result.sterilize-report-results .sterilize-result-pair > [class*="col-"] {
  display: flex;
}

body.liquidglass-ui #search_result.sterilize-report-results .sterilize-result-card {
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

body.liquidglass-ui #search_result.sterilize-report-results .sterilize-result-card > .card-body {
  flex: 1 1 auto;
  align-items: center;
}

/* Machine report tables */
body.liquidglass-ui .machine-report-table tbody tr,
body.liquidglass-ui .machine-report-table tbody tr.odd,
body.liquidglass-ui .machine-report-table thead tr.machine-report-summary-row,
body.liquidglass-ui .machine-report-table .machine-report-row,
body.liquidglass-ui .machine-report-table .machine-report-summary-row {
  background: rgba(255,255,255,.035) !important;
  color: var(--lgu-text-soft) !important;
}

body.liquidglass-ui .machine-report-table tbody tr:nth-child(even),
body.liquidglass-ui .machine-report-table tbody tr.even,
body.liquidglass-ui .machine-report-table.table-striped tbody tr:nth-of-type(even) {
  background: rgba(255,255,255,.065) !important;
}

body.liquidglass-ui .machine-report-table tbody tr:hover,
body.liquidglass-ui .machine-report-table .machine-report-row:hover,
body.liquidglass-ui .machine-report-table .machine-report-summary-row:hover {
  background: rgba(114,231,255,.12) !important;
  color: var(--lgu-text) !important;
}

body.liquidglass-ui .machine-report-table td,
body.liquidglass-ui .machine-report-table th,
body.liquidglass-ui .machine-report-table td span,
body.liquidglass-ui .machine-report-table td strong {
  background-color: transparent !important;
  color: inherit !important;
}

body.liquidglass-ui .machine-report-table a {
  color: var(--lgu-primary) !important;
  font-weight: 800;
}

body.liquidglass-ui .machine-report-table .machine-report-summary-row {
  background:
    linear-gradient(135deg, rgba(114,231,255,.16), rgba(143,125,255,.12)),
    rgba(255,255,255,.07) !important;
  color: var(--lgu-text) !important;
}

body.dark-layout.liquidglass-ui .machine-report-table tbody tr,
body.dark-layout.liquidglass-ui .machine-report-table tbody tr.odd,
html[data-theme="dark"] body.liquidglass-ui .machine-report-table tbody tr.odd,
html[data-theme="dark"] body.liquidglass-ui .machine-report-table tbody tr {
  background: rgba(10, 22, 40, .66) !important;
}

body.dark-layout.liquidglass-ui .machine-report-table tbody tr:nth-child(even),
body.dark-layout.liquidglass-ui .machine-report-table tbody tr.even,
body.dark-layout.liquidglass-ui .machine-report-table.table-striped tbody tr:nth-of-type(even),
html[data-theme="dark"] body.liquidglass-ui .machine-report-table tbody tr:nth-child(even),
html[data-theme="dark"] body.liquidglass-ui .machine-report-table tbody tr.even,
html[data-theme="dark"] body.liquidglass-ui .machine-report-table.table-striped tbody tr:nth-of-type(even) {
  background: rgba(18, 35, 58, .72) !important;
}

body.dark-layout.liquidglass-ui .machine-report-table tbody tr:hover,
body.dark-layout.liquidglass-ui .machine-report-table .machine-report-row:hover,
body.dark-layout.liquidglass-ui .machine-report-table .machine-report-summary-row:hover,
html[data-theme="dark"] body.liquidglass-ui .machine-report-table tbody tr:hover,
html[data-theme="dark"] body.liquidglass-ui .machine-report-table .machine-report-row:hover,
html[data-theme="dark"] body.liquidglass-ui .machine-report-table .machine-report-summary-row:hover {
  background: rgba(114,231,255,.14) !important;
}

/* MEC Sneat adapter: map LiquidGlass skin to the template classes used by MEC. */
html.light-style body,
html[data-theme*="light"] body,
html[data-theme*="semi-dark"] body {
  --lgu-bg: #eef6ff;
  --lgu-bg-2: #f7fbff;
  --lgu-surface: rgba(255, 255, 255, .64);
  --lgu-surface-strong: rgba(255, 255, 255, .84);
  --lgu-surface-solid: rgba(255, 255, 255, .94);
  --lgu-line: rgba(64, 87, 123, .14);
  --lgu-line-strong: rgba(64, 87, 123, .22);
  --lgu-text: #17243b;
  --lgu-text-soft: rgba(34, 49, 78, .74);
  --lgu-muted: rgba(58, 77, 110, .58);
  --lgu-shadow: 0 28px 80px rgba(38, 76, 126, .18);
  --lgu-shadow-soft: 0 14px 40px rgba(38, 76, 126, .12);
}

html.dark-style body,
html[data-theme*="dark"] body {
  --lgu-bg: #08111f;
  --lgu-bg-2: #0d1c31;
  --lgu-surface: rgba(255, 255, 255, .085);
  --lgu-surface-strong: rgba(255, 255, 255, .14);
  --lgu-surface-solid: rgba(18, 31, 52, .82);
  --lgu-line: rgba(255, 255, 255, .16);
  --lgu-line-strong: rgba(255, 255, 255, .26);
  --lgu-text: #f6fbff;
  --lgu-text-soft: rgba(239, 248, 255, .74);
  --lgu-muted: rgba(211, 224, 243, .62);
  --lgu-shadow: 0 28px 90px rgba(0, 6, 18, .38);
  --lgu-shadow-soft: 0 16px 50px rgba(0, 6, 18, .22);
}

html body.liquidglass-ui {
  overflow-x: hidden;
}

html body.liquidglass-ui .layout-wrapper,
html body.liquidglass-ui .layout-container,
html body.liquidglass-ui .layout-page,
html body.liquidglass-ui .content-wrapper {
  background: transparent !important;
}

html body.liquidglass-ui .content-wrapper {
  min-height: 100vh;
  padding-top: .85rem;
}

html body.liquidglass-ui .container-xxl,
html body.liquidglass-ui .container-fluid {
  max-width: min(1540px, calc(100vw - 24px));
}

html body.liquidglass-ui .layout-navbar,
html body.liquidglass-ui .navbar,
html body.liquidglass-ui .bg-navbar-theme {
  border: 1px solid var(--lgu-line) !important;
  border-radius: 22px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.05)),
    var(--lgu-surface) !important;
  box-shadow: var(--lgu-shadow-soft) !important;
  backdrop-filter: var(--lgu-blur);
  -webkit-backdrop-filter: var(--lgu-blur);
}

html body.liquidglass-ui .layout-navbar .nav-link,
html body.liquidglass-ui .layout-navbar .navbar-nav,
html body.liquidglass-ui .layout-navbar i,
html body.liquidglass-ui .layout-navbar span {
  color: var(--lgu-text) !important;
}

html.light-style body.liquidglass-ui .card,
html.light-style body.liquidglass-ui .modal-content,
html.light-style body.liquidglass-ui .dropdown-menu,
html.light-style body.liquidglass-ui .swal2-popup,
html[data-theme*="light"] body.liquidglass-ui .card,
html[data-theme*="semi-dark"] body.liquidglass-ui .card {
  background:
    linear-gradient(135deg, rgba(255,255,255,.82), rgba(255,255,255,.56)),
    var(--lgu-surface) !important;
}

html.dark-style body.liquidglass-ui .card,
html.dark-style body.liquidglass-ui .modal-content,
html.dark-style body.liquidglass-ui .dropdown-menu,
html.dark-style body.liquidglass-ui .swal2-popup,
html[data-theme*="dark"] body.liquidglass-ui .card {
  background:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.035)),
    var(--lgu-surface) !important;
}

html body.liquidglass-ui .table:not(.table-bordered) > :not(caption) > * > *,
html body.liquidglass-ui .table-bordered > :not(caption) > * > * {
  border-color: var(--lgu-line) !important;
}

html.light-style body.liquidglass-ui .table tbody td,
html.light-style body.liquidglass-ui table.dataTable tbody td,
html.light-style body.liquidglass-ui .table tbody th,
html[data-theme*="light"] body.liquidglass-ui .table tbody td,
html[data-theme*="semi-dark"] body.liquidglass-ui .table tbody td {
  color: rgba(23, 36, 59, .82) !important;
}

html.dark-style body.liquidglass-ui .table tbody td,
html.dark-style body.liquidglass-ui table.dataTable tbody td,
html.dark-style body.liquidglass-ui .table tbody th,
html[data-theme*="dark"] body.liquidglass-ui .table tbody td {
  color: rgba(239, 248, 255, .78) !important;
}

html body.liquidglass-ui .breadcrumb-wrapper,
html body.liquidglass-ui .card-header,
html body.liquidglass-ui .card-body {
  color: var(--lgu-text) !important;
}

html body.liquidglass-ui .form-label,
html body.liquidglass-ui .form-check-label,
html body.liquidglass-ui .dataTables_info,
html body.liquidglass-ui .dataTables_length label,
html body.liquidglass-ui .dataTables_filter label {
  color: var(--lgu-text-soft) !important;
}

html body.liquidglass-ui .alert,
html body.liquidglass-ui .toast {
  backdrop-filter: var(--lgu-blur);
  -webkit-backdrop-filter: var(--lgu-blur);
}

@media (max-width: 1199.98px) {
  html body.liquidglass-ui .layout-navbar {
    border-radius: 18px !important;
  }
}

/* MEC navbar fold + typography color tuning */
html body.liquidglass-ui #layout-navbar {
  --lg-nav-fold-radius: 999px;
}

html body.liquidglass-ui #navbar-collapse.navbar-nav-right {
  width: auto !important;
  flex: 0 0 auto !important;
  margin-left: auto;
  gap: .35rem;
  padding: .34rem .48rem;
  border: 1px solid var(--lgu-line);
  border-radius: 999px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.055)),
    var(--lgu-surface);
  box-shadow: var(--lgu-shadow-soft), inset 0 1px 0 rgba(255,255,255,.20);
  backdrop-filter: var(--lgu-blur);
  -webkit-backdrop-filter: var(--lgu-blur);
  transform-origin: right center;
  transition:
    transform .34s cubic-bezier(.22, 1, .36, 1),
    max-width .34s cubic-bezier(.22, 1, .36, 1),
    padding .34s cubic-bezier(.22, 1, .36, 1),
    gap .34s cubic-bezier(.22, 1, .36, 1),
    background .34s cubic-bezier(.22, 1, .36, 1),
    box-shadow .34s cubic-bezier(.22, 1, .36, 1);
}

html body.liquidglass-ui.lg-nav-scrolled #navbar-collapse.navbar-nav-right {
  gap: .18rem;
  padding: .24rem .34rem;
  transform: translateY(6px) scale(.88);
  background:
    linear-gradient(135deg, rgba(255,255,255,.22), rgba(255,255,255,.07)),
    var(--lgu-surface-solid);
  box-shadow: 0 16px 42px rgba(2, 8, 23, .18), inset 0 1px 0 rgba(255,255,255,.24);
}

html body.liquidglass-ui #layout-navbar.header-navbar {
  padding-inline: clamp(.75rem, 1.6vw, 1.5rem) !important;
}

html body.liquidglass-ui #layout-navbar > .container-xxl,
html body.liquidglass-ui #layout-navbar > .container-fluid {
  min-height: 62px;
  padding: .36rem .52rem !important;
  border: 1px solid var(--lgu-line) !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 2% 0%, rgba(114,231,255,.22), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.055)),
    var(--lgu-surface) !important;
  box-shadow: var(--lgu-shadow-soft), inset 0 1px 0 rgba(255,255,255,.24) !important;
  backdrop-filter: var(--lgu-blur) !important;
  -webkit-backdrop-filter: var(--lgu-blur) !important;
  transform-origin: top center;
  transition:
    transform .36s cubic-bezier(.22, 1, .36, 1),
    min-height .36s cubic-bezier(.22, 1, .36, 1),
    background .36s cubic-bezier(.22, 1, .36, 1),
    box-shadow .36s cubic-bezier(.22, 1, .36, 1);
}

html body.liquidglass-ui.lg-nav-scrolled #layout-navbar > .container-xxl,
html body.liquidglass-ui.lg-nav-scrolled #layout-navbar > .container-fluid {
  min-height: 54px;
  transform: translateY(4px) scale(.965);
  background:
    radial-gradient(circle at 2% 0%, rgba(114,231,255,.20), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.045)),
    var(--lgu-surface-solid) !important;
  box-shadow: 0 18px 46px rgba(2, 8, 23, .20), inset 0 1px 0 rgba(255,255,255,.22) !important;
}

html.dark-style body.liquidglass-ui .content-footer.footer,
html[data-theme="dark"] body.liquidglass-ui .content-footer.footer,
html.dark-style body.liquidglass-ui .bg-footer-theme,
html[data-theme="dark"] body.liquidglass-ui .bg-footer-theme {
  border-top: 1px solid rgba(124, 231, 255, .16) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(124,231,255,.14), transparent 32%),
    linear-gradient(135deg, rgba(8, 17, 31, .70), rgba(13, 28, 49, .82)) !important;
  color: rgba(239, 248, 255, .72) !important;
  box-shadow: 0 -14px 34px rgba(2, 8, 23, .16), inset 0 1px 0 rgba(255,255,255,.06) !important;
  backdrop-filter: blur(18px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
}

html.dark-style body.liquidglass-ui .content-footer.footer *,
html[data-theme="dark"] body.liquidglass-ui .content-footer.footer * {
  color: rgba(239, 248, 255, .72) !important;
}

html.light-style body.liquidglass-ui .content-footer.footer,
html[data-theme="light"] body.liquidglass-ui .content-footer.footer {
  border-top: 1px solid rgba(64, 87, 123, .12) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(114,231,255,.18), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.78), rgba(247,251,255,.86)) !important;
  color: rgba(34, 49, 78, .70) !important;
  box-shadow: 0 -12px 30px rgba(38, 76, 126, .08), inset 0 1px 0 rgba(255,255,255,.72) !important;
  backdrop-filter: blur(18px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
}

html.light-style body.liquidglass-ui .content-footer.footer *,
html[data-theme="light"] body.liquidglass-ui .content-footer.footer * {
  color: rgba(34, 49, 78, .70) !important;
}

html body.liquidglass-ui.lg-nav-scrolled #navbar-collapse .dropdown-style-switcher,
html body.liquidglass-ui.lg-nav-scrolled #navbar-collapse .navbar-nav.flex-row {
  transform: scale(.94);
  transform-origin: right center;
  transition: transform .28s cubic-bezier(.22, 1, .36, 1);
}

html body.liquidglass-ui #themeToggleBtn {
  border: 0;
  cursor: pointer;
}

html.dark-style body.liquidglass-ui #themeToggleBtn,
html[data-theme="dark"] body.liquidglass-ui #themeToggleBtn {
  color: #ffd166 !important;
}

html.light-style body.liquidglass-ui #themeToggleBtn,
html[data-theme="light"] body.liquidglass-ui #themeToggleBtn {
  color: #536dfe !important;
}

html body.liquidglass-ui,
html body.liquidglass-ui .content-wrapper,
html body.liquidglass-ui .card,
html body.liquidglass-ui .card-body,
html body.liquidglass-ui .modal-content,
html body.liquidglass-ui .dropdown-menu,
html body.liquidglass-ui .table,
html body.liquidglass-ui table,
html body.liquidglass-ui td,
html body.liquidglass-ui th,
html body.liquidglass-ui .dropdown-item,
html body.liquidglass-ui .select2-results__option {
  color: var(--lgu-text-soft) !important;
}

html body.liquidglass-ui h1,
html body.liquidglass-ui h2,
html body.liquidglass-ui h3,
html body.liquidglass-ui h4,
html body.liquidglass-ui h5,
html body.liquidglass-ui h6,
html body.liquidglass-ui .card-title,
html body.liquidglass-ui .modal-title,
html body.liquidglass-ui .fw-bold,
html body.liquidglass-ui .fw-semibold,
html body.liquidglass-ui .fw-medium,
html body.liquidglass-ui strong,
html body.liquidglass-ui label,
html body.liquidglass-ui .form-label,
html body.liquidglass-ui .page-link,
html body.liquidglass-ui .nav-link,
html body.liquidglass-ui .dropdown-item:hover,
html body.liquidglass-ui .lgu-route-hero__title {
  color: var(--lgu-text) !important;
}

html.light-style body.liquidglass-ui .text-muted,
html.light-style body.liquidglass-ui small,
html.light-style body.liquidglass-ui p,
html.light-style body.liquidglass-ui .form-text,
html[data-theme="light"] body.liquidglass-ui .text-muted,
html[data-theme="light"] body.liquidglass-ui small,
html[data-theme="light"] body.liquidglass-ui p {
  color: rgba(34, 49, 78, .68) !important;
}

html.dark-style body.liquidglass-ui .text-muted,
html.dark-style body.liquidglass-ui small,
html.dark-style body.liquidglass-ui p,
html.dark-style body.liquidglass-ui .form-text,
html[data-theme="dark"] body.liquidglass-ui .text-muted,
html[data-theme="dark"] body.liquidglass-ui small,
html[data-theme="dark"] body.liquidglass-ui p {
  color: rgba(211, 224, 243, .66) !important;
}

html.light-style body.liquidglass-ui a:not(.btn):not(.dropdown-item),
html[data-theme="light"] body.liquidglass-ui a:not(.btn):not(.dropdown-item) {
  color: #19a7d6 !important;
}

html.dark-style body.liquidglass-ui a:not(.btn):not(.dropdown-item),
html[data-theme="dark"] body.liquidglass-ui a:not(.btn):not(.dropdown-item) {
  color: #72e7ff !important;
}

@media (max-width: 767.98px) {
  html body.liquidglass-ui #navbar-collapse.navbar-nav-right {
    padding: .25rem .32rem;
    gap: .15rem;
  }

  html body.liquidglass-ui.lg-nav-scrolled #navbar-collapse.navbar-nav-right {
    transform: translateY(2px) scale(.96);
  }
}


/* ThemeEdit 20260617: Monitor polish pass 1-4
   - เติมข้อมูลให้ top navbar pill ไม่โล่ง
   - ปรับ hero ให้สมดุลขึ้นแบบ glass workspace
   - ลดความขาวจัดของ table body ให้เป็น milky glass
   - ปรับ DataTables Search ให้เข้าธีม
   หมายเหตุ: ไม่แตะสีปุ่ม filter ทั้งหมด / ใกล้หมดอายุ / หมดอายุ ตามที่ต้องการ */
body.liquidglass-ui .lgu-nav-context {
  position: relative;
  display: flex;
  align-items: center;
  gap: .72rem;
  min-width: 0;
  max-width: min(58vw, 680px);
  margin-right: auto;
  padding: .42rem .82rem .42rem .5rem;
  border: 1px solid rgba(114, 231, 255, .18);
  border-radius: 999px;
  color: var(--lgu-text);
  background:
    radial-gradient(circle at 8% 50%, rgba(114, 231, 255, .24), transparent 38%),
    linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.04)),
    rgba(255,255,255,.055);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 12px 30px rgba(0, 8, 22, .13);
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
}

body.light-layout.liquidglass-ui .lgu-nav-context,
body.semi-dark-layout.liquidglass-ui .lgu-nav-context,
html[data-theme="light"] body.liquidglass-ui .lgu-nav-context {
  border-color: rgba(82, 130, 174, .16);
  background:
    radial-gradient(circle at 8% 50%, rgba(114, 231, 255, .26), transparent 38%),
    linear-gradient(135deg, rgba(255,255,255,.78), rgba(246,251,255,.50)),
    rgba(255,255,255,.58);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.86),
    0 12px 30px rgba(47, 86, 137, .10);
}

body.liquidglass-ui .lgu-nav-context__icon {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, rgba(37,217,255,.94), rgba(119,114,255,.94));
  box-shadow: 0 10px 22px rgba(63, 104, 224, .22), inset 0 1px 0 rgba(255,255,255,.35);
}

body.liquidglass-ui .lgu-nav-context__icon i {
  font-size: 1.08rem;
}

body.liquidglass-ui .lgu-nav-context__copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
  line-height: 1.05;
}

body.liquidglass-ui .lgu-nav-context__kicker {
  color: var(--lgu-primary);
  font-size: .66rem;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
  white-space: nowrap;
}

body.liquidglass-ui .lgu-nav-context__title {
  margin-top: .14rem;
  color: var(--lgu-text);
  font-size: .9rem;
  font-weight: 850;
  letter-spacing: .01em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.liquidglass-ui .lgu-nav-context__path {
  margin-left: .25rem;
  color: var(--lgu-muted);
  font-size: .74rem;
  font-weight: 720;
  white-space: nowrap;
}

body.liquidglass-ui .lgu-route-hero {
  min-height: 76px;
  padding: .72rem .92rem;
  border-color: rgba(114, 231, 255, .16);
  background:
    radial-gradient(circle at 6% 15%, rgba(114,231,255,.20), transparent 28%),
    radial-gradient(circle at 90% 0%, rgba(255,142,219,.18), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.042)),
    var(--lgu-surface) !important;
}

body.light-layout.liquidglass-ui .lgu-route-hero,
body.semi-dark-layout.liquidglass-ui .lgu-route-hero,
html[data-theme="light"] body.liquidglass-ui .lgu-route-hero {
  border-color: rgba(82, 130, 174, .14);
  background:
    radial-gradient(circle at 7% 10%, rgba(114,231,255,.24), transparent 28%),
    radial-gradient(circle at 90% 0%, rgba(255,142,219,.18), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.72), rgba(246,251,255,.46)),
    rgba(255,255,255,.52) !important;
  box-shadow: 0 22px 62px rgba(47, 86, 137, .11), inset 0 1px 0 rgba(255,255,255,.78);
}

body.liquidglass-ui .lgu-route-hero__main {
  align-items: center;
}

body.liquidglass-ui .lgu-route-hero__icon {
  transform: translateZ(0);
}

body.liquidglass-ui .lgu-route-hero__actions {
  align-self: center;
}

body.liquidglass-ui .lgu-route-chip {
  min-height: 28px;
  padding-inline: .56rem;
  background: rgba(255,255,255,.075);
}

body.light-layout.liquidglass-ui .lgu-route-chip,
body.semi-dark-layout.liquidglass-ui .lgu-route-chip,
html[data-theme="light"] body.liquidglass-ui .lgu-route-chip {
  background: rgba(255,255,255,.48);
}

body.liquidglass-ui .card-datatable,
body.liquidglass-ui .dataTables_wrapper,
body.liquidglass-ui .dataTables_scroll,
body.liquidglass-ui .dataTables_scrollBody,
body.liquidglass-ui .dataTables_scrollHead {
  background:
    radial-gradient(circle at 4% 0%, rgba(114,231,255,.08), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.022)) !important;
}

body.light-layout.liquidglass-ui .card-datatable,
body.light-layout.liquidglass-ui .dataTables_wrapper,
body.light-layout.liquidglass-ui .dataTables_scroll,
body.light-layout.liquidglass-ui .dataTables_scrollBody,
body.light-layout.liquidglass-ui .dataTables_scrollHead,
body.semi-dark-layout.liquidglass-ui .card-datatable,
body.semi-dark-layout.liquidglass-ui .dataTables_wrapper,
body.semi-dark-layout.liquidglass-ui .dataTables_scroll,
body.semi-dark-layout.liquidglass-ui .dataTables_scrollBody,
body.semi-dark-layout.liquidglass-ui .dataTables_scrollHead,
html[data-theme="light"] body.liquidglass-ui .card-datatable,
html[data-theme="light"] body.liquidglass-ui .dataTables_wrapper,
html[data-theme="light"] body.liquidglass-ui .dataTables_scroll,
html[data-theme="light"] body.liquidglass-ui .dataTables_scrollBody,
html[data-theme="light"] body.liquidglass-ui .dataTables_scrollHead {
  background:
    radial-gradient(circle at 4% 0%, rgba(114,231,255,.10), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.50), rgba(244,251,255,.22)) !important;
}

body.liquidglass-ui table.dataTable,
body.liquidglass-ui .table {
  --bs-table-bg: transparent;
  --bs-table-striped-bg: rgba(255,255,255,.035);
  --bs-table-hover-bg: rgba(114,231,255,.10);
}

body.light-layout.liquidglass-ui table.dataTable,
body.light-layout.liquidglass-ui .table,
body.semi-dark-layout.liquidglass-ui table.dataTable,
body.semi-dark-layout.liquidglass-ui .table,
html[data-theme="light"] body.liquidglass-ui table.dataTable,
html[data-theme="light"] body.liquidglass-ui .table {
  --bs-table-bg: transparent;
  --bs-table-striped-bg: rgba(232, 247, 255, .36);
  --bs-table-hover-bg: rgba(114, 231, 255, .18);
}

body.liquidglass-ui table.dataTable tbody tr,
body.liquidglass-ui .table tbody tr {
  background: rgba(255,255,255,.026) !important;
}

body.liquidglass-ui table.dataTable tbody tr:nth-child(even),
body.liquidglass-ui .table tbody tr:nth-child(even) {
  background: rgba(255,255,255,.045) !important;
}

body.light-layout.liquidglass-ui table.dataTable tbody tr,
body.light-layout.liquidglass-ui .table tbody tr,
body.semi-dark-layout.liquidglass-ui table.dataTable tbody tr,
body.semi-dark-layout.liquidglass-ui .table tbody tr,
html[data-theme="light"] body.liquidglass-ui table.dataTable tbody tr,
html[data-theme="light"] body.liquidglass-ui .table tbody tr {
  background: rgba(255,255,255,.34) !important;
}

body.light-layout.liquidglass-ui table.dataTable tbody tr:nth-child(even),
body.light-layout.liquidglass-ui .table tbody tr:nth-child(even),
body.semi-dark-layout.liquidglass-ui table.dataTable tbody tr:nth-child(even),
body.semi-dark-layout.liquidglass-ui .table tbody tr:nth-child(even),
html[data-theme="light"] body.liquidglass-ui table.dataTable tbody tr:nth-child(even),
html[data-theme="light"] body.liquidglass-ui .table tbody tr:nth-child(even) {
  background: rgba(236, 249, 255, .40) !important;
}

body.liquidglass-ui table.dataTable tbody td,
body.liquidglass-ui table.dataTable tbody th,
body.liquidglass-ui .table tbody td,
body.liquidglass-ui .table tbody th,
body.liquidglass-ui .table > tbody > tr > * {
  background-color: transparent !important;
  border-color: rgba(255,255,255,.075) !important;
}

body.light-layout.liquidglass-ui table.dataTable tbody td,
body.light-layout.liquidglass-ui table.dataTable tbody th,
body.light-layout.liquidglass-ui .table tbody td,
body.light-layout.liquidglass-ui .table tbody th,
body.light-layout.liquidglass-ui .table > tbody > tr > *,
body.semi-dark-layout.liquidglass-ui table.dataTable tbody td,
body.semi-dark-layout.liquidglass-ui table.dataTable tbody th,
body.semi-dark-layout.liquidglass-ui .table tbody td,
body.semi-dark-layout.liquidglass-ui .table tbody th,
body.semi-dark-layout.liquidglass-ui .table > tbody > tr > *,
html[data-theme="light"] body.liquidglass-ui table.dataTable tbody td,
html[data-theme="light"] body.liquidglass-ui table.dataTable tbody th,
html[data-theme="light"] body.liquidglass-ui .table tbody td,
html[data-theme="light"] body.liquidglass-ui .table tbody th,
html[data-theme="light"] body.liquidglass-ui .table > tbody > tr > * {
  color: rgba(30, 43, 66, .78) !important;
  border-color: rgba(82, 112, 154, .13) !important;
}

body.liquidglass-ui table.dataTable tbody tr:hover td,
body.liquidglass-ui table.dataTable tbody tr:hover th,
body.liquidglass-ui .table-hover tbody tr:hover td,
body.liquidglass-ui .table-hover tbody tr:hover th {
  background-color: rgba(114,231,255,.10) !important;
}

body.light-layout.liquidglass-ui table.dataTable tbody tr:hover td,
body.light-layout.liquidglass-ui table.dataTable tbody tr:hover th,
body.light-layout.liquidglass-ui .table-hover tbody tr:hover td,
body.light-layout.liquidglass-ui .table-hover tbody tr:hover th,
body.semi-dark-layout.liquidglass-ui table.dataTable tbody tr:hover td,
body.semi-dark-layout.liquidglass-ui table.dataTable tbody tr:hover th,
body.semi-dark-layout.liquidglass-ui .table-hover tbody tr:hover td,
body.semi-dark-layout.liquidglass-ui .table-hover tbody tr:hover th,
html[data-theme="light"] body.liquidglass-ui table.dataTable tbody tr:hover td,
html[data-theme="light"] body.liquidglass-ui table.dataTable tbody tr:hover th,
html[data-theme="light"] body.liquidglass-ui .table-hover tbody tr:hover td,
html[data-theme="light"] body.liquidglass-ui .table-hover tbody tr:hover th {
  background-color: rgba(217, 249, 255, .42) !important;
}

body.liquidglass-ui .dataTables_filter {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

body.liquidglass-ui .dataTables_filter label.lgu-dt-search-label,
body.liquidglass-ui .dataTables_filter label {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  margin: 0;
  color: transparent !important;
  font-size: 0;
}

body.liquidglass-ui .dataTables_filter label.lgu-dt-search-label::before,
body.liquidglass-ui .dataTables_filter label::before {
  content: '⌕';
  font-family: var(--lgu-font) !important;
  position: absolute;
  left: .88rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  color: var(--lgu-primary);
  font-size: 1.05rem;
  pointer-events: none;
  text-shadow: 0 0 14px rgba(114,231,255,.30);
}

body.liquidglass-ui .dataTables_filter input[type="search"],
body.liquidglass-ui .dataTables_filter input.form-control[type="search"] {
  min-width: min(240px, 42vw);
  height: 42px;
  padding: .56rem 1rem .56rem 2.42rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(114,231,255,.20) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.045)),
    rgba(255,255,255,.07) !important;
  color: var(--lgu-text) !important;
  font-size: .92rem;
  font-weight: 650;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 12px 30px rgba(0, 8, 22, .10) !important;
  outline: none !important;
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease, width .18s ease;
}

body.liquidglass-ui .dataTables_filter input[type="search"]::placeholder {
  color: var(--lgu-muted) !important;
  opacity: .95;
}

body.liquidglass-ui .dataTables_filter input[type="search"]:focus {
  border-color: rgba(114,231,255,.62) !important;
  box-shadow:
    0 0 0 .18rem rgba(114,231,255,.13),
    inset 0 1px 0 rgba(255,255,255,.22),
    0 14px 32px rgba(0, 8, 22, .13) !important;
}

body.light-layout.liquidglass-ui .dataTables_filter input[type="search"],
body.semi-dark-layout.liquidglass-ui .dataTables_filter input[type="search"],
html[data-theme="light"] body.liquidglass-ui .dataTables_filter input[type="search"] {
  border-color: rgba(82, 130, 174, .17) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.86), rgba(247,252,255,.58)),
    rgba(255,255,255,.58) !important;
  color: #1d2b45 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.86),
    0 12px 30px rgba(47, 86, 137, .10) !important;
}

@media (max-width: 991.98px) {
  body.liquidglass-ui .lgu-nav-context {
    max-width: 46vw;
  }

  body.liquidglass-ui .lgu-nav-context__path {
    display: none;
  }
}

@media (max-width: 767.98px) {
  body.liquidglass-ui .lgu-nav-context {
    display: none;
  }

  body.liquidglass-ui .dataTables_filter {
    justify-content: flex-start;
  }

  body.liquidglass-ui .dataTables_filter input[type="search"] {
    min-width: 100%;
  }
}

/* ThemeEdit 20260617: Navbar lift + CSSD V6.7-like float + DataTables pagination visibility
   - ขยับ navbar ขึ้นชิดบน ลดอาการลอยต่ำของ MEC/Sneat detached navbar
   - ทำ outer navbar โปร่งใสกว่าเดิม ให้กลืนกับ gradient background
   - ใช้ effect เดิมของ LiquidGlass/CSSD V6.7 ผ่าน lg-nav-scrolled + lg-nav-y แต่ลดการดันลง
   - บังคับสี/น้ำหนักเลข pagination ให้เห็นชัด ไม่โดน override จากสี global ของ MEC */
html body.liquidglass-ui #layout-navbar.header-navbar,
html body.liquidglass-ui nav#layout-navbar.header-navbar,
html body.liquidglass-ui .layout-navbar.header-navbar {
  position: sticky !important;
  top: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
  padding-block: clamp(.18rem, .55vw, .46rem) !important;
  background: transparent !important;
  border-color: transparent !important;
  border-width: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.liquidglass-ui #layout-navbar > .container-xxl,
html body.liquidglass-ui #layout-navbar > .container-fluid {
  min-height: 52px !important;
  padding: .18rem .42rem !important;
  border-color: rgba(114, 231, 255, .10) !important;
  background:
    radial-gradient(circle at 3% 0%, rgba(114,231,255,.15), transparent 30%),
    radial-gradient(circle at 92% 0%, rgba(255,142,219,.10), transparent 26%),
    linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.018)),
    rgba(255,255,255,.045) !important;
  box-shadow:
    0 10px 30px rgba(47, 86, 137, .075),
    inset 0 1px 0 rgba(255,255,255,.34) !important;
  backdrop-filter: blur(18px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
  transform: translate3d(0, calc(var(--lg-nav-y, 0px) * .28), 0) scale(var(--lg-nav-scale, 1)) !important;
}

html.light-style body.liquidglass-ui #layout-navbar > .container-xxl,
html.light-style body.liquidglass-ui #layout-navbar > .container-fluid,
html[data-theme="light"] body.liquidglass-ui #layout-navbar > .container-xxl,
html[data-theme="light"] body.liquidglass-ui #layout-navbar > .container-fluid {
  border-color: rgba(82, 130, 174, .10) !important;
  background:
    radial-gradient(circle at 3% 0%, rgba(114,231,255,.18), transparent 30%),
    radial-gradient(circle at 92% 0%, rgba(255,142,219,.12), transparent 26%),
    linear-gradient(135deg, rgba(255,255,255,.56), rgba(247,252,255,.24)),
    rgba(255,255,255,.28) !important;
  box-shadow:
    0 10px 28px rgba(47, 86, 137, .07),
    inset 0 1px 0 rgba(255,255,255,.76) !important;
}

html.dark-style body.liquidglass-ui #layout-navbar > .container-xxl,
html.dark-style body.liquidglass-ui #layout-navbar > .container-fluid,
html[data-theme="dark"] body.liquidglass-ui #layout-navbar > .container-xxl,
html[data-theme="dark"] body.liquidglass-ui #layout-navbar > .container-fluid {
  border-color: rgba(255,255,255,.10) !important;
  background:
    radial-gradient(circle at 3% 0%, rgba(114,231,255,.11), transparent 30%),
    radial-gradient(circle at 92% 0%, rgba(255,142,219,.08), transparent 26%),
    linear-gradient(135deg, rgba(255,255,255,.070), rgba(255,255,255,.020)),
    rgba(8,17,31,.28) !important;
  box-shadow:
    0 14px 34px rgba(0, 8, 22, .18),
    inset 0 1px 0 rgba(255,255,255,.16) !important;
}

html body.liquidglass-ui.lg-nav-scrolled #layout-navbar > .container-xxl,
html body.liquidglass-ui.lg-nav-scrolled #layout-navbar > .container-fluid {
  min-height: 48px !important;
  transform: translate3d(0, 1px, 0) scale(.982) !important;
  border-color: rgba(114,231,255,.16) !important;
  background:
    radial-gradient(circle at 3% 0%, rgba(114,231,255,.18), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.025)),
    rgba(255,255,255,.065) !important;
  box-shadow:
    0 14px 38px rgba(47, 86, 137, .10),
    inset 0 1px 0 rgba(255,255,255,.34) !important;
  backdrop-filter: blur(22px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(160%) !important;
}

html.light-style body.liquidglass-ui.lg-nav-scrolled #layout-navbar > .container-xxl,
html.light-style body.liquidglass-ui.lg-nav-scrolled #layout-navbar > .container-fluid,
html[data-theme="light"] body.liquidglass-ui.lg-nav-scrolled #layout-navbar > .container-xxl,
html[data-theme="light"] body.liquidglass-ui.lg-nav-scrolled #layout-navbar > .container-fluid {
  background:
    radial-gradient(circle at 3% 0%, rgba(114,231,255,.20), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.66), rgba(247,252,255,.30)),
    rgba(255,255,255,.34) !important;
}

html body.liquidglass-ui #navbar-collapse.navbar-nav-right {
  background:
    linear-gradient(135deg, rgba(255,255,255,.09), rgba(255,255,255,.025)),
    rgba(255,255,255,.030) !important;
  box-shadow:
    0 8px 24px rgba(47, 86, 137, .055),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
}

html.light-style body.liquidglass-ui #navbar-collapse.navbar-nav-right,
html[data-theme="light"] body.liquidglass-ui #navbar-collapse.navbar-nav-right {
  background:
    linear-gradient(135deg, rgba(255,255,255,.52), rgba(247,252,255,.22)),
    rgba(255,255,255,.24) !important;
}

html body.liquidglass-ui.lg-nav-scrolled #navbar-collapse.navbar-nav-right {
  transform: translateY(0) scale(.94) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.035)),
    rgba(255,255,255,.055) !important;
  box-shadow:
    0 12px 32px rgba(47, 86, 137, .09),
    inset 0 1px 0 rgba(255,255,255,.28) !important;
}

body.liquidglass-ui .dataTables_wrapper .dataTables_paginate .pagination,
body.liquidglass-ui .dataTables_wrapper .dataTables_paginate ul.pagination {
  align-items: center;
  gap: .18rem;
}

body.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item .page-link,
body.liquidglass-ui .dataTables_wrapper .pagination .page-item .page-link,
body.liquidglass-ui .pagination .page-item .page-link {
  min-width: 2.18rem;
  min-height: 2.18rem;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: .38rem .70rem !important;
  border: 1px solid rgba(114,231,255,.18) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.040)),
    rgba(255,255,255,.070) !important;
  color: #19a7d6 !important;
  font-family: var(--lgu-font), system-ui, sans-serif !important;
  font-size: .94rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .005em;
  text-decoration: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 8px 20px rgba(47, 86, 137, .07) !important;
}

html.light-style body.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item .page-link,
html[data-theme="light"] body.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item .page-link,
body.light-layout.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item .page-link {
  background:
    linear-gradient(135deg, rgba(255,255,255,.72), rgba(247,252,255,.38)),
    rgba(255,255,255,.38) !important;
  color: #168fc7 !important;
  border-color: rgba(82, 130, 174, .16) !important;
}

body.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
body.liquidglass-ui .dataTables_wrapper .pagination .page-item.active .page-link,
body.liquidglass-ui .pagination .page-item.active .page-link {
  color: #ffffff !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 2px rgba(0, 8, 22, .26) !important;
  border-color: rgba(255,255,255,.34) !important;
  background: linear-gradient(135deg, #25d9ff 0%, #7772ff 100%) !important;
  box-shadow:
    0 12px 30px rgba(73, 130, 255, .24),
    inset 0 1px 0 rgba(255,255,255,.42) !important;
}

body.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item.disabled .page-link,
body.liquidglass-ui .pagination .page-item.disabled .page-link {
  color: rgba(58, 77, 110, .52) !important;
  opacity: .78;
  background: rgba(255,255,255,.040) !important;
}

html.dark-style body.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item.disabled .page-link,
html[data-theme="dark"] body.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item.disabled .page-link {
  color: rgba(211, 224, 243, .52) !important;
}


/* =========================================================
   ThemeEdit 20260617 ui5: MEC navbar lift/transparency + light pagination polish
   - ขยับ navbar ให้เกาะด้านบน/สูงในตำแหน่งมากขึ้น ใกล้ CSSD V6.7
   - ลดความทึบของ glass shell ให้กลืนกับ background มากกว่า ui4
   - เก็บ effect เดิม lg-nav-scrolled/lg-nav-moving แต่ไม่ให้ navbar ตกต่ำ
   - แก้ light mode pagination ไม่ให้มีกรอบเทาแข็งรอบเลขหน้า active
   ========================================================= */
html body.liquidglass-ui #layout-navbar.header-navbar,
html body.liquidglass-ui nav#layout-navbar.header-navbar,
html body.liquidglass-ui .layout-navbar.header-navbar {
  top: 0 !important;
  margin-top: clamp(-.62rem, -0.75vw, -.34rem) !important;
  padding-top: .08rem !important;
  padding-bottom: .18rem !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.liquidglass-ui #layout-navbar > .container-xxl,
html body.liquidglass-ui #layout-navbar > .container-fluid {
  min-height: 62px !important;
  padding: .34rem .54rem !important;
  border-radius: 32px !important;
  border: 1px solid rgba(114, 231, 255, .085) !important;
  background:
    radial-gradient(circle at 5% 0%, rgba(114,231,255,.105), transparent 34%),
    radial-gradient(circle at 92% 0%, rgba(255,142,219,.075), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.052), rgba(255,255,255,.014)),
    rgba(255,255,255,.024) !important;
  box-shadow:
    0 10px 32px rgba(47, 86, 137, .050),
    inset 0 1px 0 rgba(255,255,255,.24) !important;
  backdrop-filter: blur(20px) saturate(148%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(148%) !important;
  transform: translate3d(0, calc(var(--lg-nav-y, 0px) * .16), 0) scale(var(--lg-nav-scale, 1)) !important;
}

html.light-style body.liquidglass-ui #layout-navbar > .container-xxl,
html.light-style body.liquidglass-ui #layout-navbar > .container-fluid,
html[data-theme="light"] body.liquidglass-ui #layout-navbar > .container-xxl,
html[data-theme="light"] body.liquidglass-ui #layout-navbar > .container-fluid,
body.light-layout.liquidglass-ui #layout-navbar > .container-xxl,
body.light-layout.liquidglass-ui #layout-navbar > .container-fluid {
  border-color: rgba(82, 130, 174, .070) !important;
  background:
    radial-gradient(circle at 5% 0%, rgba(114,231,255,.135), transparent 34%),
    radial-gradient(circle at 92% 0%, rgba(255,142,219,.095), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.34), rgba(247,252,255,.115)),
    rgba(255,255,255,.14) !important;
  box-shadow:
    0 10px 30px rgba(47, 86, 137, .045),
    inset 0 1px 0 rgba(255,255,255,.56) !important;
}

html.dark-style body.liquidglass-ui #layout-navbar > .container-xxl,
html.dark-style body.liquidglass-ui #layout-navbar > .container-fluid,
html[data-theme="dark"] body.liquidglass-ui #layout-navbar > .container-xxl,
html[data-theme="dark"] body.liquidglass-ui #layout-navbar > .container-fluid,
body.dark-layout.liquidglass-ui #layout-navbar > .container-xxl,
body.dark-layout.liquidglass-ui #layout-navbar > .container-fluid {
  border-color: rgba(255,255,255,.075) !important;
  background:
    radial-gradient(circle at 5% 0%, rgba(114,231,255,.085), transparent 34%),
    radial-gradient(circle at 92% 0%, rgba(255,142,219,.065), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.048), rgba(255,255,255,.012)),
    rgba(8,17,31,.18) !important;
  box-shadow:
    0 14px 34px rgba(0, 8, 22, .13),
    inset 0 1px 0 rgba(255,255,255,.115) !important;
}

html body.liquidglass-ui #navbar-collapse.navbar-nav-right {
  min-height: 52px !important;
  border-radius: 28px !important;
  padding: .22rem .34rem !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.065), rgba(255,255,255,.016)),
    rgba(255,255,255,.020) !important;
  box-shadow:
    0 8px 24px rgba(47, 86, 137, .042),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

html.light-style body.liquidglass-ui #navbar-collapse.navbar-nav-right,
html[data-theme="light"] body.liquidglass-ui #navbar-collapse.navbar-nav-right,
body.light-layout.liquidglass-ui #navbar-collapse.navbar-nav-right {
  background:
    linear-gradient(135deg, rgba(255,255,255,.38), rgba(247,252,255,.145)),
    rgba(255,255,255,.12) !important;
  box-shadow:
    0 8px 24px rgba(47, 86, 137, .040),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

html body.liquidglass-ui.lg-nav-scrolled #layout-navbar.header-navbar,
html body.liquidglass-ui.lg-nav-moving #layout-navbar.header-navbar {
  margin-top: clamp(-.76rem, -0.86vw, -.42rem) !important;
}

html body.liquidglass-ui.lg-nav-scrolled #layout-navbar > .container-xxl,
html body.liquidglass-ui.lg-nav-scrolled #layout-navbar > .container-fluid {
  min-height: 58px !important;
  transform: translate3d(0, 0, 0) scale(.986) !important;
  border-color: rgba(114,231,255,.105) !important;
  background:
    radial-gradient(circle at 5% 0%, rgba(114,231,255,.13), transparent 30%),
    radial-gradient(circle at 92% 0%, rgba(255,142,219,.075), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.062), rgba(255,255,255,.014)),
    rgba(255,255,255,.032) !important;
  box-shadow:
    0 12px 34px rgba(47, 86, 137, .055),
    inset 0 1px 0 rgba(255,255,255,.24) !important;
  backdrop-filter: blur(23px) saturate(158%) !important;
  -webkit-backdrop-filter: blur(23px) saturate(158%) !important;
}

html.light-style body.liquidglass-ui.lg-nav-scrolled #layout-navbar > .container-xxl,
html.light-style body.liquidglass-ui.lg-nav-scrolled #layout-navbar > .container-fluid,
html[data-theme="light"] body.liquidglass-ui.lg-nav-scrolled #layout-navbar > .container-xxl,
html[data-theme="light"] body.liquidglass-ui.lg-nav-scrolled #layout-navbar > .container-fluid,
body.light-layout.liquidglass-ui.lg-nav-scrolled #layout-navbar > .container-xxl,
body.light-layout.liquidglass-ui.lg-nav-scrolled #layout-navbar > .container-fluid {
  background:
    radial-gradient(circle at 5% 0%, rgba(114,231,255,.155), transparent 30%),
    radial-gradient(circle at 92% 0%, rgba(255,142,219,.095), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.42), rgba(247,252,255,.16)),
    rgba(255,255,255,.18) !important;
  box-shadow:
    0 12px 32px rgba(47, 86, 137, .050),
    inset 0 1px 0 rgba(255,255,255,.60) !important;
}

html body.liquidglass-ui.lg-nav-scrolled #navbar-collapse.navbar-nav-right {
  min-height: 50px !important;
  transform: translateY(0) scale(.955) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.080), rgba(255,255,255,.018)),
    rgba(255,255,255,.026) !important;
  box-shadow:
    0 10px 28px rgba(47, 86, 137, .055),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
}

html.light-style body.liquidglass-ui.lg-nav-scrolled #navbar-collapse.navbar-nav-right,
html[data-theme="light"] body.liquidglass-ui.lg-nav-scrolled #navbar-collapse.navbar-nav-right,
body.light-layout.liquidglass-ui.lg-nav-scrolled #navbar-collapse.navbar-nav-right {
  background:
    linear-gradient(135deg, rgba(255,255,255,.45), rgba(247,252,255,.18)),
    rgba(255,255,255,.15) !important;
}

/* Light mode pagination: remove grey ring/border and make active number chip blend with LiquidGlass */
html.light-style body.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item .page-link,
html[data-theme="light"] body.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item .page-link,
body.light-layout.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item .page-link,
html.light-style body.liquidglass-ui .pagination .page-item .page-link,
html[data-theme="light"] body.liquidglass-ui .pagination .page-item .page-link,
body.light-layout.liquidglass-ui .pagination .page-item .page-link {
  border-color: rgba(114,231,255,.105) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.64), rgba(247,252,255,.28)),
    rgba(255,255,255,.24) !important;
  color: #168fc7 !important;
  box-shadow:
    0 8px 22px rgba(47, 86, 137, .045),
    inset 0 1px 0 rgba(255,255,255,.66) !important;
  outline: 0 !important;
}

html.light-style body.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
html[data-theme="light"] body.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
body.light-layout.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
html.light-style body.liquidglass-ui .pagination .page-item.active .page-link,
html[data-theme="light"] body.liquidglass-ui .pagination .page-item.active .page-link,
body.light-layout.liquidglass-ui .pagination .page-item.active .page-link {
  border-color: rgba(255,255,255,.62) !important;
  outline: 0 !important;
  background:
    radial-gradient(circle at 28% 18%, rgba(255,255,255,.44), transparent 38%),
    linear-gradient(135deg, #25d9ff 0%, #7772ff 100%) !important;
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 8, 22, .22) !important;
  box-shadow:
    0 12px 28px rgba(73, 130, 255, .23),
    0 0 0 4px rgba(114,231,255,.10),
    inset 0 1px 0 rgba(255,255,255,.48) !important;
}

html.light-style body.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item.active .page-link:focus,
html[data-theme="light"] body.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item.active .page-link:focus,
body.light-layout.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item.active .page-link:focus,
html.light-style body.liquidglass-ui .pagination .page-item.active .page-link:focus,
html[data-theme="light"] body.liquidglass-ui .pagination .page-item.active .page-link:focus,
body.light-layout.liquidglass-ui .pagination .page-item.active .page-link:focus {
  border-color: rgba(255,255,255,.62) !important;
  outline: 0 !important;
  box-shadow:
    0 12px 28px rgba(73, 130, 255, .23),
    0 0 0 4px rgba(114,231,255,.10),
    inset 0 1px 0 rgba(255,255,255,.48) !important;
}

html.light-style body.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item:not(.active) .page-link:focus,
html[data-theme="light"] body.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item:not(.active) .page-link:focus,
body.light-layout.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item:not(.active) .page-link:focus,
html.light-style body.liquidglass-ui .pagination .page-item:not(.active) .page-link:focus,
html[data-theme="light"] body.liquidglass-ui .pagination .page-item:not(.active) .page-link:focus,
body.light-layout.liquidglass-ui .pagination .page-item:not(.active) .page-link:focus {
  outline: 0 !important;
  border-color: rgba(114,231,255,.18) !important;
  box-shadow:
    0 8px 22px rgba(47, 86, 137, .045),
    0 0 0 3px rgba(114,231,255,.060),
    inset 0 1px 0 rgba(255,255,255,.66) !important;
}

/* =========================================================
   ThemeEdit 20260617 ui6: navbar top align + clean active pagination circle
   - ขยับ navbar ให้ชิดด้านบนกว่า ui5 ตาม reference CSSD/MSMC
   - ลดความทึบ/ขอบ/เงาของ top glass shell ให้กลืนกับ background มากขึ้น
   - ลบกรอบ/พื้นเทารอบปุ่มเลขหน้า active ใน light mode ให้เหลือเป็นวงกลมจริง
   ========================================================= */
html body.liquidglass-ui #layout-navbar.header-navbar,
html body.liquidglass-ui nav#layout-navbar.header-navbar,
html body.liquidglass-ui .layout-navbar.header-navbar {
  top: 0 !important;
  margin-top: clamp(-1.28rem, -1.35vw, -.92rem) !important;
  margin-bottom: clamp(-.35rem, -.45vw, -.18rem) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: translate3d(0, calc(-8px + (var(--lg-nav-y, 0px) * .08)), 0) scale(var(--lg-nav-scale, 1)) !important;
  transform-origin: top center !important;
}

html body.liquidglass-ui #layout-navbar > .container-xxl,
html body.liquidglass-ui #layout-navbar > .container-fluid {
  min-height: 60px !important;
  padding: .24rem .46rem !important;
  border-radius: 32px !important;
  border: 1px solid rgba(114,231,255,.045) !important;
  background:
    radial-gradient(circle at 5% 0%, rgba(114,231,255,.075), transparent 34%),
    radial-gradient(circle at 92% 0%, rgba(255,142,219,.052), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.030), rgba(255,255,255,.006)),
    rgba(255,255,255,.010) !important;
  box-shadow:
    0 8px 26px rgba(47, 86, 137, .026),
    inset 0 1px 0 rgba(255,255,255,.16) !important;
  backdrop-filter: blur(18px) saturate(142%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(142%) !important;
  transform: none !important;
}

html.light-style body.liquidglass-ui #layout-navbar > .container-xxl,
html.light-style body.liquidglass-ui #layout-navbar > .container-fluid,
html[data-theme="light"] body.liquidglass-ui #layout-navbar > .container-xxl,
html[data-theme="light"] body.liquidglass-ui #layout-navbar > .container-fluid,
body.light-layout.liquidglass-ui #layout-navbar > .container-xxl,
body.light-layout.liquidglass-ui #layout-navbar > .container-fluid {
  border-color: rgba(82,130,174,.040) !important;
  background:
    radial-gradient(circle at 5% 0%, rgba(114,231,255,.085), transparent 34%),
    radial-gradient(circle at 92% 0%, rgba(255,142,219,.070), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.205), rgba(247,252,255,.058)),
    rgba(255,255,255,.055) !important;
  box-shadow:
    0 8px 24px rgba(47, 86, 137, .024),
    inset 0 1px 0 rgba(255,255,255,.42) !important;
}

html.dark-style body.liquidglass-ui #layout-navbar > .container-xxl,
html.dark-style body.liquidglass-ui #layout-navbar > .container-fluid,
html[data-theme="dark"] body.liquidglass-ui #layout-navbar > .container-xxl,
html[data-theme="dark"] body.liquidglass-ui #layout-navbar > .container-fluid,
body.dark-layout.liquidglass-ui #layout-navbar > .container-xxl,
body.dark-layout.liquidglass-ui #layout-navbar > .container-fluid {
  border-color: rgba(255,255,255,.050) !important;
  background:
    radial-gradient(circle at 5% 0%, rgba(114,231,255,.070), transparent 34%),
    radial-gradient(circle at 92% 0%, rgba(255,142,219,.050), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.040), rgba(255,255,255,.008)),
    rgba(8,17,31,.135) !important;
  box-shadow:
    0 12px 30px rgba(0, 8, 22, .105),
    inset 0 1px 0 rgba(255,255,255,.095) !important;
}

html body.liquidglass-ui #navbar-collapse.navbar-nav-right {
  min-height: 50px !important;
  border-radius: 999px !important;
  padding: .18rem .30rem !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.050), rgba(255,255,255,.010)),
    rgba(255,255,255,.012) !important;
  box-shadow:
    0 6px 20px rgba(47, 86, 137, .026),
    inset 0 1px 0 rgba(255,255,255,.14) !important;
}

html.light-style body.liquidglass-ui #navbar-collapse.navbar-nav-right,
html[data-theme="light"] body.liquidglass-ui #navbar-collapse.navbar-nav-right,
body.light-layout.liquidglass-ui #navbar-collapse.navbar-nav-right {
  background:
    linear-gradient(135deg, rgba(255,255,255,.30), rgba(247,252,255,.090)),
    rgba(255,255,255,.080) !important;
  box-shadow:
    0 6px 20px rgba(47, 86, 137, .024),
    inset 0 1px 0 rgba(255,255,255,.42) !important;
}

html body.liquidglass-ui.lg-nav-scrolled #layout-navbar.header-navbar,
html body.liquidglass-ui.lg-nav-moving #layout-navbar.header-navbar {
  margin-top: clamp(-1.36rem, -1.50vw, -1.02rem) !important;
  transform: translate3d(0, calc(-10px + (var(--lg-nav-y, 0px) * .045)), 0) scale(.988) !important;
}

html body.liquidglass-ui.lg-nav-scrolled #layout-navbar > .container-xxl,
html body.liquidglass-ui.lg-nav-scrolled #layout-navbar > .container-fluid {
  min-height: 58px !important;
  background:
    radial-gradient(circle at 5% 0%, rgba(114,231,255,.090), transparent 30%),
    radial-gradient(circle at 92% 0%, rgba(255,142,219,.058), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.038), rgba(255,255,255,.008)),
    rgba(255,255,255,.014) !important;
  box-shadow:
    0 9px 28px rgba(47, 86, 137, .030),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

html.light-style body.liquidglass-ui.lg-nav-scrolled #layout-navbar > .container-xxl,
html.light-style body.liquidglass-ui.lg-nav-scrolled #layout-navbar > .container-fluid,
html[data-theme="light"] body.liquidglass-ui.lg-nav-scrolled #layout-navbar > .container-xxl,
html[data-theme="light"] body.liquidglass-ui.lg-nav-scrolled #layout-navbar > .container-fluid,
body.light-layout.liquidglass-ui.lg-nav-scrolled #layout-navbar > .container-xxl,
body.light-layout.liquidglass-ui.lg-nav-scrolled #layout-navbar > .container-fluid {
  background:
    radial-gradient(circle at 5% 0%, rgba(114,231,255,.105), transparent 30%),
    radial-gradient(circle at 92% 0%, rgba(255,142,219,.075), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.26), rgba(247,252,255,.080)),
    rgba(255,255,255,.075) !important;
  box-shadow:
    0 9px 26px rgba(47, 86, 137, .028),
    inset 0 1px 0 rgba(255,255,255,.46) !important;
}

/* Pagination ui6: keep active page as a clean circle, no grey Bootstrap/DataTables shell */
html body.liquidglass-ui .dataTables_wrapper .dataTables_paginate,
html body.liquidglass-ui .dataTables_wrapper .dataTables_paginate .pagination,
html body.liquidglass-ui .dataTables_wrapper .dataTables_paginate ul.pagination,
html body.liquidglass-ui .pagination {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item,
html body.liquidglass-ui .dataTables_wrapper .pagination .page-item,
html body.liquidglass-ui .pagination .page-item,
html body.liquidglass-ui .dataTables_wrapper .dataTables_paginate .paginate_button {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  border-radius: 999px !important;
}

html.light-style body.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item .page-link,
html[data-theme="light"] body.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item .page-link,
body.light-layout.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item .page-link,
html.light-style body.liquidglass-ui .pagination .page-item .page-link,
html[data-theme="light"] body.liquidglass-ui .pagination .page-item .page-link,
body.light-layout.liquidglass-ui .pagination .page-item .page-link {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.light-style body.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item:not(.active) .page-link,
html[data-theme="light"] body.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item:not(.active) .page-link,
body.light-layout.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item:not(.active) .page-link,
html.light-style body.liquidglass-ui .pagination .page-item:not(.active) .page-link,
html[data-theme="light"] body.liquidglass-ui .pagination .page-item:not(.active) .page-link,
body.light-layout.liquidglass-ui .pagination .page-item:not(.active) .page-link {
  min-width: auto !important;
  min-height: 2.22rem !important;
  padding: .42rem .70rem !important;
  color: #2f9bcc !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html.light-style body.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
html[data-theme="light"] body.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
body.light-layout.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
html.light-style body.liquidglass-ui .pagination .page-item.active .page-link,
html[data-theme="light"] body.liquidglass-ui .pagination .page-item.active .page-link,
body.light-layout.liquidglass-ui .pagination .page-item.active .page-link {
  width: 2.32rem !important;
  height: 2.32rem !important;
  min-width: 2.32rem !important;
  min-height: 2.32rem !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 0 !important;
  outline: 0 !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.42), transparent 38%),
    linear-gradient(135deg, #25d9ff 0%, #7772ff 100%) !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-shadow: 0 1px 2px rgba(0, 8, 22, .20) !important;
  box-shadow:
    0 10px 24px rgba(73, 130, 255, .24),
    inset 0 1px 0 rgba(255,255,255,.42) !important;
}

html.light-style body.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item.active .page-link:focus,
html[data-theme="light"] body.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item.active .page-link:focus,
body.light-layout.liquidglass-ui .dataTables_wrapper .dataTables_paginate .page-item.active .page-link:focus,
html.light-style body.liquidglass-ui .pagination .page-item.active .page-link:focus,
html[data-theme="light"] body.liquidglass-ui .pagination .page-item.active .page-link:focus,
body.light-layout.liquidglass-ui .pagination .page-item.active .page-link:focus {
  border: 0 !important;
  outline: 0 !important;
  box-shadow:
    0 10px 24px rgba(73, 130, 255, .24),
    inset 0 1px 0 rgba(255,255,255,.42) !important;
}


/* MEC UI7: lift navbar Y-axis to match CSSD LiquidGlass top placement */
html body.liquidglass-ui {
  --mec-nav-lift-y: -24px;
}

html body.liquidglass-ui #layout-navbar.header-navbar {
  margin-top: -2px !important;
  transform: translate3d(0, calc(var(--lg-nav-y, 0px) + var(--mec-nav-lift-y)), 0) scale(var(--lg-nav-scale, 1)) !important;
}

html body.liquidglass-ui #layout-navbar > .container-xxl,
html body.liquidglass-ui #layout-navbar > .container-fluid {
  transform: translateY(0) !important;
}

html body.liquidglass-ui.lg-nav-scrolled #layout-navbar > .container-xxl,
html body.liquidglass-ui.lg-nav-scrolled #layout-navbar > .container-fluid {
  transform: translateY(0) scale(.965) !important;
}

html body.liquidglass-ui.lg-nav-scrolled #navbar-collapse.navbar-nav-right {
  transform: translateY(0) scale(.88) !important;
}

@media (max-width: 991.98px) {
  html body.liquidglass-ui {
    --mec-nav-lift-y: -16px;
  }
}

/* MEC Monitor polish: keep the current LV1/LV2 data flow, restore the glass presentation. */
body.liquidglass-ui.lgu-page-monitor .lgu-route-hero {
  margin-top: clamp(.8rem, 1.3vw, 1.35rem) !important;
}

body.liquidglass-ui.lgu-page-monitor .content-wrapper > .container-fluid,
body.liquidglass-ui.lgu-page-monitor .content-wrapper > .container-xxl {
  max-width: 1720px;
}

body.liquidglass-ui.lgu-page-monitor .breadcrumb-wrapper {
  margin: 1.1rem 0 1.6rem !important;
  padding-left: clamp(.4rem, 1vw, .9rem);
  color: var(--lgu-text) !important;
  font-weight: 820;
}

body.liquidglass-ui.lgu-page-monitor .card {
  overflow: hidden;
}

body.liquidglass-ui.lgu-page-monitor .card > .card-header {
  min-height: 86px;
  padding: 1.15rem 1.55rem !important;
}

body.liquidglass-ui.lgu-page-monitor .card > .card-header .card-title {
  display: inline-flex;
  align-items: center;
  gap: .62rem;
  font-size: 1.24rem;
}

body.liquidglass-ui.lgu-page-monitor .card > .card-header .card-title::before {
  content: '\eb2f';
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  font-family: boxicons !important;
  font-size: 1.16rem;
  color: #7ce7ff;
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,.24), transparent 40%),
    linear-gradient(135deg, rgba(56,189,248,.28), rgba(99,102,241,.20));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 10px 24px rgba(3, 9, 22, .16);
}

body.liquidglass-ui.lgu-page-monitor .card .container-full {
  border-bottom: 1px solid rgba(114,231,255,.14);
  background:
    linear-gradient(135deg, rgba(255,255,255,.060), rgba(255,255,255,.022)),
    rgba(255,255,255,.030);
}

body.liquidglass-ui.lgu-page-monitor .card .container-full .px-4 {
  display: flex;
  align-items: center;
  gap: .55rem;
  flex-wrap: wrap;
  padding-top: .85rem;
  padding-bottom: .85rem;
}

body.liquidglass-ui.lgu-page-monitor #bt_all,
body.liquidglass-ui.lgu-page-monitor #bt_expiring,
body.liquidglass-ui.lgu-page-monitor #bt_expired {
  min-height: 43px;
  margin: 0 !important;
  padding: .58rem 1.04rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-weight: 850;
  letter-spacing: 0;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    0 12px 26px rgba(3, 9, 22, .16) !important;
}

body.liquidglass-ui.lgu-page-monitor #bt_all {
  background: linear-gradient(135deg, #25d9ff, #7772ff) !important;
}

body.liquidglass-ui.lgu-page-monitor #bt_expiring {
  background: linear-gradient(135deg, #ffc047, #ff8b45) !important;
}

body.liquidglass-ui.lgu-page-monitor #bt_expired {
  background: linear-gradient(135deg, #ff6f91, #ff6a55) !important;
}

body.liquidglass-ui.lgu-page-monitor .card-datatable {
  position: relative;
  padding: 0;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-grid-shell {
  margin: 0;
  padding: .95rem 1.05rem 1.05rem;
  border-top: 1px solid rgba(114,231,255,.10);
  border-bottom: 1px solid rgba(114,231,255,.12);
  background:
    radial-gradient(circle at 6% 0%, rgba(114,231,255,.14), transparent 30%),
    radial-gradient(circle at 96% 8%, rgba(255,142,219,.10), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.020));
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-grid-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: .95rem;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-grid-head > div {
  display: flex;
  flex-direction: column;
  gap: .18rem;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-grid-head span {
  color: var(--lgu-primary);
  font-size: .78rem;
  font-weight: 850;
  letter-spacing: 0;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-grid-head strong {
  color: var(--lgu-text);
  font-size: 1rem;
  font-weight: 840;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-grid-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: .55rem;
  flex-wrap: wrap;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-grid-total,
body.liquidglass-ui.lgu-page-monitor .lgu-monitor-source-toggle {
  min-height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .42rem .72rem;
  border-radius: 999px;
  font-size: .82rem;
  font-weight: 820;
  white-space: nowrap;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-grid-total {
  color: var(--lgu-text-soft);
  border: 1px solid rgba(114,231,255,.14);
  background: rgba(255,255,255,.06);
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-source-toggle {
  border: 1px solid rgba(114,231,255,.26);
  color: var(--lgu-text) !important;
  background:
    linear-gradient(135deg, rgba(114,231,255,.18), rgba(143,125,255,.12)),
    rgba(255,255,255,.055);
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-source-toggle:hover,
body.liquidglass-ui.lgu-page-monitor .lgu-monitor-source-toggle:focus-visible {
  border-color: rgba(114,231,255,.46);
  box-shadow:
    0 0 0 .18rem rgba(114,231,255,.10),
    inset 0 1px 0 rgba(255,255,255,.25);
  outline: 0;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 260px));
  gap: .68rem;
  justify-content: start;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card {
  position: relative;
  overflow: hidden;
  min-height: 126px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: .34rem;
  padding: .72rem .78rem;
  border: 1px solid rgba(114,231,255,.18);
  border-radius: 18px;
  color: var(--lgu-text);
  text-align: left;
  background:
    radial-gradient(circle at 8% 8%, rgba(114,231,255,.20), transparent 32%),
    radial-gradient(circle at 94% 6%, rgba(143,125,255,.18), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.035)),
    rgba(255,255,255,.045);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 12px 28px rgba(3, 9, 22, .10);
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-card-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(135deg, rgba(14, 27, 48, .54), rgba(31, 43, 72, .48) 48%, rgba(42, 84, 92, .42)),
    var(--lgu-monitor-category-image) center / cover no-repeat;
  opacity: .56;
  filter: saturate(1.14) contrast(1.10) brightness(.92);
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card > :not(.lgu-monitor-card-bg) {
  position: relative;
  z-index: 1;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card:hover,
body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(114,231,255,.42);
  box-shadow:
    0 0 0 .18rem rgba(114,231,255,.08),
    inset 0 1px 0 rgba(255,255,255,.26),
    0 16px 34px rgba(3, 9, 22, .16);
  outline: 0;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card-icon {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  color: #e9fbff;
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,.35), transparent 36%),
    linear-gradient(135deg, rgba(37,217,255,.72), rgba(119,114,255,.68));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.36),
    0 12px 26px rgba(73,130,255,.20);
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card-icon i {
  font-size: 1rem;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card-count {
  display: inline-flex;
  align-items: baseline;
  gap: .2rem;
  padding: .26rem .46rem;
  border-radius: 999px;
  color: var(--lgu-text);
  background: rgba(255,255,255,.08);
  font-size: .72rem;
  font-weight: 820;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card-count strong {
  color: var(--lgu-primary) !important;
  font-size: 1.08rem;
  line-height: 1;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card-kicker {
  color: var(--lgu-primary);
  font-size: .66rem;
  font-weight: 850;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card-title {
  min-height: 1.25rem;
  color: var(--lgu-text);
  font-size: .96rem;
  font-weight: 860;
  line-height: 1.28;
  overflow-wrap: anywhere;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-group-summary {
  display: flex;
  align-items: center;
  gap: .28rem;
  flex-wrap: wrap;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-group-status {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  min-height: 25px;
  padding: .24rem .42rem;
  border: 1px solid rgba(114,231,255,.13);
  border-radius: 999px;
  color: var(--lgu-text-soft);
  background: rgba(255,255,255,.065);
  font-size: .68rem;
  font-weight: 760;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-group-status strong {
  min-width: 1.08rem;
  min-height: 1.08rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #fff !important;
  background: linear-gradient(135deg, #25d9ff, #7772ff);
  font-size: .64rem;
  font-weight: 900;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card-action {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  min-height: 28px;
  padding: .30rem .52rem;
  border-radius: 999px;
  color: #e9fbff;
  font-size: .72rem;
  font-weight: 850;
  background:
    linear-gradient(135deg, rgba(37,217,255,.26), rgba(119,114,255,.18)),
    rgba(255,255,255,.06);
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-empty {
  grid-column: 1 / -1;
  min-height: 150px;
  display: grid;
  place-items: center;
  gap: .35rem;
  padding: 1.5rem;
  border: 1px dashed rgba(114,231,255,.22);
  border-radius: 24px;
  color: var(--lgu-text-soft);
  text-align: center;
  background: rgba(255,255,255,.04);
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-empty i {
  font-size: 2rem;
  color: var(--lgu-primary);
}

body.liquidglass-ui.lgu-page-monitor .card-datatable.lgu-monitor-grid-mode .dataTables_wrapper {
  max-height: 0;
  margin-top: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  transform: translateY(-6px);
  transition: max-height .24s ease, opacity .18s ease, transform .22s ease, margin-top .22s ease;
}

body.liquidglass-ui.lgu-page-monitor .card-datatable.lgu-monitor-grid-mode.is-source-open .dataTables_wrapper {
  max-height: 1200px;
  margin-top: 1rem;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

body.liquidglass-ui.lgu-page-monitor .dataTables_wrapper {
  padding: 1.05rem 1.25rem 1.2rem;
}

body.liquidglass-ui.lgu-page-monitor table.dataTable {
  overflow: hidden;
  border-radius: 20px;
}

body.liquidglass-ui.lgu-page-monitor table.dataTable tbody td {
  vertical-align: middle;
  white-space: nowrap;
}

body.liquidglass-ui.lgu-page-monitor .badge,
body.liquidglass-ui.lgu-page-monitor table.dataTable .badge {
  border-radius: 999px;
  font-weight: 850;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-row-inuse {
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-row-inuse:hover,
body.liquidglass-ui.lgu-page-monitor .lgu-monitor-row-inuse:focus-visible {
  box-shadow: 0 8px 20px rgba(36, 205, 125, .22);
  filter: brightness(1.08);
  transform: translateY(-1px);
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-modal[hidden] {
  display: none !important;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-modal {
  position: fixed;
  inset: 0;
  z-index: 1090;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(1rem, 3vw, 2rem);
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(4, 10, 24, .58);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-panel {
  position: relative;
  width: min(1480px, 98vw);
  max-height: min(780px, 88vh);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(114,231,255,.22);
  border-radius: 28px;
  color: var(--lgu-text);
  background:
    radial-gradient(circle at 8% 0%, rgba(114,231,255,.18), transparent 28%),
    radial-gradient(circle at 92% 0%, rgba(255,142,219,.12), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.035)),
    rgba(12, 24, 44, .84);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 30px 90px rgba(0, 8, 22, .46);
  backdrop-filter: blur(22px) saturate(150%);
  -webkit-backdrop-filter: blur(22px) saturate(150%);
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-header {
  display: flex;
  align-items: center;
  gap: .8rem;
  padding: 1rem 1.1rem;
  border-bottom: 1px solid rgba(114,231,255,.14);
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-orb {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
  color: #fff;
  background: linear-gradient(135deg, #25d9ff, #7772ff);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.36), 0 12px 26px rgba(73,130,255,.24);
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-heading {
  min-width: 0;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: .14rem;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-kicker {
  color: var(--lgu-primary);
  font-size: .72rem;
  font-weight: 850;
}

body.liquidglass-ui.lgu-page-monitor #lguMonitorDepartmentTitle {
  color: var(--lgu-text);
  font-size: 1.08rem;
  font-weight: 860;
  overflow-wrap: anywhere;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-total {
  flex: 0 0 auto;
  padding: .42rem .68rem;
  border-radius: 999px;
  color: var(--lgu-text-soft);
  background: rgba(255,255,255,.07);
  font-size: .82rem;
  font-weight: 820;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-close {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(114,231,255,.18);
  border-radius: 15px;
  color: var(--lgu-text);
  background: rgba(255,255,255,.07);
  cursor: pointer;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-statuses {
  padding: .85rem 1.1rem 0;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-group-status.is-clickable {
  border-color: rgba(55, 226, 143, .34);
  color: #dfffee;
  background: linear-gradient(135deg, rgba(22, 202, 116, .22), rgba(35, 159, 255, .15));
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-group-status.is-clickable:hover,
body.liquidglass-ui.lgu-page-monitor .lgu-monitor-group-status.is-clickable:focus-visible {
  border-color: rgba(55, 226, 143, .62);
  box-shadow: 0 10px 24px rgba(18, 205, 122, .16);
  transform: translateY(-1px);
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-panel[hidden] {
  display: none !important;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal[hidden] {
  display: none !important;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal {
  position: fixed;
  inset: 0;
  z-index: 1110;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(1rem, 3vw, 2rem);
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(3, 8, 20, .48);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-panel {
  position: relative;
  width: min(980px, 94vw);
  max-height: min(680px, 84vh);
  overflow: hidden;
  border: 1px solid rgba(55, 226, 143, .26);
  border-radius: 26px;
  background:
    radial-gradient(circle at 0% 0%, rgba(55, 226, 143, .16), transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(114,231,255,.13), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.04)),
    rgba(12, 24, 44, .90);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 36px 98px rgba(0, 8, 22, .54);
  color: var(--lgu-text);
  backdrop-filter: blur(24px) saturate(150%);
  -webkit-backdrop-filter: blur(24px) saturate(150%);
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-close {
  position: absolute;
  top: .82rem;
  right: .82rem;
  z-index: 2;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(114,231,255,.18);
  border-radius: 15px;
  color: var(--lgu-text);
  background: rgba(255,255,255,.08);
  cursor: pointer;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-panel {
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-head {
  padding-right: 4rem;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-body {
  max-height: min(520px, 68vh);
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-panel {
  margin: .85rem 1.1rem 0;
  overflow: hidden;
  border: 1px solid rgba(55, 226, 143, .20);
  border-radius: 22px;
  background:
    radial-gradient(circle at 0% 0%, rgba(55, 226, 143, .13), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.035));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16);
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: .82rem .9rem;
  border-bottom: 1px solid rgba(114,231,255,.13);
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-head > span:first-child {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: .12rem;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-kicker {
  color: #72e7ff;
  font-size: .70rem;
  font-weight: 850;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-title {
  color: var(--lgu-text);
  font-size: .98rem;
  font-weight: 860;
  overflow-wrap: anywhere;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-count {
  flex: 0 0 auto;
  padding: .38rem .64rem;
  border-radius: 999px;
  color: var(--lgu-text-soft);
  background: rgba(255,255,255,.07);
  font-size: .78rem;
  font-weight: 820;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-body {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr));
  gap: .75rem;
  max-height: 300px;
  overflow: auto;
  padding: .85rem;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: .72rem;
  padding: .85rem;
  border: 1px solid rgba(114,231,255,.15);
  border-radius: 18px;
  background: rgba(13, 29, 54, .58);
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-code,
body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-state {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: .42rem;
  border-radius: 999px;
  font-size: .82rem;
  font-weight: 850;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-code {
  color: var(--lgu-text);
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-code strong {
  overflow-wrap: anywhere;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-state {
  flex: 0 0 auto;
  padding: .32rem .58rem;
  color: #dfffee;
  background: rgba(36, 205, 125, .16);
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-info {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .58rem;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-info span {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: .18rem;
  padding: .54rem .6rem;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  background: rgba(255,255,255,.055);
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-info small {
  color: var(--lgu-text-muted);
  font-size: .68rem;
  font-weight: 820;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-info strong {
  min-width: 0;
  color: var(--lgu-text);
  font-size: .86rem;
  font-weight: 850;
  overflow-wrap: anywhere;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-used {
  color: #64ffd0 !important;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-remark {
  margin: 0;
  color: var(--lgu-text-soft);
  font-size: .8rem;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-empty,
body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-loading {
  min-height: 126px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: .32rem;
  color: var(--lgu-text-soft);
  text-align: center;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-empty i,
body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-loading i {
  color: #72e7ff;
  font-size: 1.65rem;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-table-wrap {
  flex: 1 1 auto;
  min-height: 0;
  margin: .85rem 1.1rem 1.1rem;
  overflow: auto;
  border: 1px solid rgba(114,231,255,.14);
  border-radius: 20px;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-table {
  margin: 0 !important;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-table th,
body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-table td {
  white-space: nowrap;
  vertical-align: middle;
}

body.liquidglass-ui.lgu-page-monitor.lgu-monitor-modal-open {
  overflow: hidden;
}

body.liquidglass-ui.lgu-page-monitor.lgu-monitor-inuse-open {
  overflow: hidden;
}

html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card,
html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card,
body.semi-dark-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card {
  background:
    radial-gradient(circle at 8% 8%, rgba(114,231,255,.22), transparent 32%),
    radial-gradient(circle at 94% 6%, rgba(143,125,255,.13), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.76), rgba(246,251,255,.44)),
    rgba(255,255,255,.54);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.76),
    0 16px 34px rgba(47,86,137,.10);
}

html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-card-bg,
html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-card-bg,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-card-bg,
body.semi-dark-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-card-bg {
  background:
    linear-gradient(135deg, rgba(255,255,255,.60), rgba(255,255,255,.34) 48%, rgba(213,246,255,.42)),
    var(--lgu-monitor-category-image) center / cover no-repeat;
  opacity: .56;
  filter: saturate(1.08) contrast(1.04) brightness(1.03);
}

html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-panel,
html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-panel,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-panel,
body.semi-dark-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-panel {
  background:
    radial-gradient(circle at 8% 0%, rgba(114,231,255,.20), transparent 28%),
    radial-gradient(circle at 92% 0%, rgba(255,142,219,.12), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.86), rgba(246,251,255,.58)),
    rgba(255,255,255,.72);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.76),
    0 30px 90px rgba(47,86,137,.24);
}

html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-panel,
html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-panel,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-panel,
body.semi-dark-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-panel {
  background:
    radial-gradient(circle at 0% 0%, rgba(55, 226, 143, .16), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.70), rgba(246,251,255,.42));
}

html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-card,
html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-card,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-card,
body.semi-dark-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-card {
  background: rgba(255,255,255,.50);
}

html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-panel,
html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-panel,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-panel,
body.semi-dark-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-panel {
  background:
    radial-gradient(circle at 0% 0%, rgba(55, 226, 143, .18), transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(114,231,255,.16), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.88), rgba(246,251,255,.60)),
    rgba(255,255,255,.78);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.76),
    0 36px 98px rgba(47,86,137,.28);
}

html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-panel,
html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-panel,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-panel,
body.semi-dark-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-panel {
  border: 0;
  background: transparent;
  box-shadow: none;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card-count,
html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card-count,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card-count,
body.semi-dark-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card-count,
html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-total,
html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-total,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-total,
body.semi-dark-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-total,
html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-count,
html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-count,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-count,
body.semi-dark-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-count {
  color: #1f3554 !important;
  -webkit-text-fill-color: #1f3554 !important;
  border: 1px solid rgba(45, 135, 218, .18) !important;
  background:
    linear-gradient(135deg, rgba(229, 246, 255, .94), rgba(237, 232, 255, .78)),
    rgba(255,255,255,.78) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 8px 18px rgba(66, 130, 180, .10) !important;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card-count strong,
html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card-count strong,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card-count strong,
body.semi-dark-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card-count strong {
  color: #087ebe !important;
  -webkit-text-fill-color: #087ebe !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.62);
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-backdrop,
html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-backdrop,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-backdrop,
body.semi-dark-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-backdrop {
  background: rgba(31, 49, 73, .30);
  backdrop-filter: blur(12px) saturate(125%);
  -webkit-backdrop-filter: blur(12px) saturate(125%);
}

html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-panel,
html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-panel,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-panel,
body.semi-dark-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-panel {
  border-color: rgba(8, 126, 190, .24) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(113, 221, 255, .34), transparent 35%),
    radial-gradient(circle at 100% 0%, rgba(210, 196, 255, .30), transparent 38%),
    linear-gradient(135deg, rgba(232, 249, 255, .94), rgba(232, 239, 255, .78)),
    rgba(239, 249, 255, .88) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.86),
    0 30px 76px rgba(50, 111, 168, .25),
    0 0 0 1px rgba(255,255,255,.58) !important;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-close,
html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-close,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-close,
body.semi-dark-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-close {
  color: #22324a !important;
  border-color: rgba(96, 132, 190, .18) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.86), rgba(237, 244, 255, .72)),
    rgba(255,255,255,.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 8px 18px rgba(66, 130, 180, .10) !important;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-card,
html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-card,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-card,
body.semi-dark-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-card {
  border-color: rgba(8, 126, 190, .16) !important;
  background:
    linear-gradient(135deg, rgba(245, 252, 255, .92), rgba(235, 244, 255, .72)),
    rgba(246, 251, 255, .80) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.86),
    0 14px 32px rgba(66, 130, 180, .13) !important;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-info span,
html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-info span,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-info span,
body.semi-dark-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-info span {
  border-color: rgba(96, 132, 190, .16) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.82), rgba(240, 247, 255, .62)),
    rgba(255,255,255,.68) !important;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-state,
html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-state,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-state,
body.semi-dark-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-state {
  color: #075b70 !important;
  -webkit-text-fill-color: #075b70 !important;
  border: 1px solid rgba(8, 126, 190, .20) !important;
  background:
    linear-gradient(135deg, rgba(205, 247, 255, .92), rgba(214, 255, 244, .72)),
    rgba(255,255,255,.70) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 8px 18px rgba(42, 160, 190, .12) !important;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-used,
html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-used,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-used,
body.semi-dark-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-used {
  color: #0782a8 !important;
  -webkit-text-fill-color: #0782a8 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.72);
  font-weight: 920 !important;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-panel,
html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-panel,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-panel,
body.semi-dark-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-panel {
  border-color: rgba(8, 126, 190, .22) !important;
  background:
    radial-gradient(circle at 6% 0%, rgba(113, 221, 255, .32), transparent 31%),
    radial-gradient(circle at 96% 0%, rgba(210, 196, 255, .30), transparent 34%),
    linear-gradient(135deg, rgba(232, 249, 255, .92), rgba(234, 240, 255, .76)),
    rgba(239, 249, 255, .86) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.86),
    0 30px 82px rgba(50, 111, 168, .22),
    0 0 0 1px rgba(255,255,255,.52) !important;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-table-wrap,
html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-table-wrap,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-table-wrap,
body.semi-dark-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-table-wrap {
  border-color: rgba(8, 126, 190, .16) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-kicker,
html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-kicker,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-kicker,
body.semi-dark-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-kicker {
  color: #0aa6d6 !important;
  -webkit-text-fill-color: #0aa6d6 !important;
  text-shadow: 0 0 14px rgba(37, 217, 255, .20);
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-title,
html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-title,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-title,
body.semi-dark-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-title,
html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-code,
html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-code,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-code,
body.semi-dark-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-code {
  color: #142a46 !important;
  -webkit-text-fill-color: #142a46 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.62);
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-info small,
html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-info small,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-info small,
body.semi-dark-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-info small {
  color: #5a6f8d !important;
  -webkit-text-fill-color: #5a6f8d !important;
  letter-spacing: 0;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-info strong,
html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-info strong,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-info strong,
body.semi-dark-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-info strong {
  color: #172b49 !important;
  -webkit-text-fill-color: #172b49 !important;
  font-weight: 900 !important;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-used,
html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-used,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-used,
body.semi-dark-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-used {
  color: #10b6e3 !important;
  -webkit-text-fill-color: #10b6e3 !important;
  font-weight: 940 !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.86),
    0 0 2px rgba(5, 83, 120, .14),
    0 0 18px rgba(37, 217, 255, .34);
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-info strong.lgu-monitor-lv3-used,
html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-info strong.lgu-monitor-lv3-used,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-info strong.lgu-monitor-lv3-used,
body.semi-dark-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-info strong.lgu-monitor-lv3-used {
  color: #10b6e3 !important;
  -webkit-text-fill-color: #10b6e3 !important;
  font-weight: 940 !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.86),
    0 0 2px rgba(5, 83, 120, .14),
    0 0 18px rgba(37, 217, 255, .34);
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-state,
html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-state,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-state,
body.semi-dark-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-state {
  color: #064d70 !important;
  -webkit-text-fill-color: #064d70 !important;
  border-color: rgba(8, 126, 190, .26) !important;
  background:
    radial-gradient(circle at 24% 18%, rgba(255,255,255,.74), transparent 42%),
    linear-gradient(135deg, rgba(199, 243, 255, .94), rgba(215, 245, 255, .72) 54%, rgba(217, 255, 244, .78)),
    rgba(255,255,255,.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.84),
    0 8px 18px rgba(42, 160, 190, .15),
    0 0 0 3px rgba(37, 217, 255, .08) !important;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-remark,
html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-remark,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-remark,
body.semi-dark-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-inuse-modal .lgu-monitor-lv3-remark {
  color: #617592 !important;
  -webkit-text-fill-color: #617592 !important;
}

@media (max-width: 991.98px) {
  body.liquidglass-ui.lgu-page-monitor .lgu-route-hero {
    margin-top: .75rem !important;
  }

  body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-grid-head {
    align-items: flex-start;
    flex-direction: column;
  }

  body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-grid-actions {
    width: 100%;
    justify-content: flex-start;
  }

  body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-grid {
    grid-template-columns: 1fr;
  }

  body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-header {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-info {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px) {
  body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-card-top {
    align-items: flex-start;
    flex-direction: column;
  }

  body.liquidglass-ui.lgu-page-monitor .lgu-monitor-lv3-info {
    grid-template-columns: 1fr;
  }
}

/* MEC UI rhythm: consistent navbar + route hero sizing across all pages. */
html body.liquidglass-ui {
  --mec-ui-shell-x: clamp(1.25rem, 3.2vw, 3rem);
  --mec-ui-shell-max: 1760px;
  --mec-ui-shell-radius: 28px;
}

html body.liquidglass-ui #layout-navbar.header-navbar,
html body.liquidglass-ui nav#layout-navbar.header-navbar,
html body.liquidglass-ui .layout-navbar.header-navbar {
  top: 0 !important;
  margin: 0 0 .18rem !important;
  padding: 0 var(--mec-ui-shell-x) 0 !important;
  min-height: 58px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: translate3d(0, var(--lg-nav-y, 0), 0) scale(var(--lg-nav-scale, 1)) !important;
  transform-origin: top center !important;
  transition:
    transform .42s cubic-bezier(.2, .82, .18, 1),
    opacity .32s ease,
    filter .32s ease !important;
  will-change: transform, opacity !important;
}

html body.liquidglass-ui #layout-navbar > .container-xxl,
html body.liquidglass-ui #layout-navbar > .container-fluid {
  width: min(var(--mec-ui-shell-max), calc(100vw - (var(--mec-ui-shell-x) * 2))) !important;
  max-width: min(var(--mec-ui-shell-max), calc(100vw - (var(--mec-ui-shell-x) * 2))) !important;
  min-height: 56px !important;
  margin-inline: auto !important;
  padding: .26rem .40rem !important;
  border-radius: 25px !important;
  border: 1px solid rgba(114, 231, 255, .09) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  background:
    radial-gradient(circle at 4% 0%, rgba(114,231,255,.11), transparent 34%),
    radial-gradient(circle at 94% 0%, rgba(255,142,219,.08), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.050), rgba(255,255,255,.012)),
    rgba(255,255,255,.022) !important;
  box-shadow:
    0 10px 30px rgba(47, 86, 137, .046),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
  backdrop-filter: blur(20px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(150%) !important;
  transform: none !important;
  transition:
    min-height .34s ease,
    padding .34s ease,
    border-radius .34s ease,
    box-shadow .34s ease,
    background .34s ease !important;
}

html.light-style body.liquidglass-ui #layout-navbar > .container-xxl,
html.light-style body.liquidglass-ui #layout-navbar > .container-fluid,
html[data-theme="light"] body.liquidglass-ui #layout-navbar > .container-xxl,
html[data-theme="light"] body.liquidglass-ui #layout-navbar > .container-fluid,
body.light-layout.liquidglass-ui #layout-navbar > .container-xxl,
body.light-layout.liquidglass-ui #layout-navbar > .container-fluid {
  border-color: rgba(82, 130, 174, .075) !important;
  background:
    radial-gradient(circle at 4% 0%, rgba(114,231,255,.14), transparent 34%),
    radial-gradient(circle at 94% 0%, rgba(255,142,219,.10), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.38), rgba(247,252,255,.13)),
    rgba(255,255,255,.14) !important;
  box-shadow:
    0 10px 28px rgba(47, 86, 137, .044),
    inset 0 1px 0 rgba(255,255,255,.56) !important;
}

html.dark-style body.liquidglass-ui #layout-navbar > .container-xxl,
html.dark-style body.liquidglass-ui #layout-navbar > .container-fluid,
html[data-theme="dark"] body.liquidglass-ui #layout-navbar > .container-xxl,
html[data-theme="dark"] body.liquidglass-ui #layout-navbar > .container-fluid,
body.dark-layout.liquidglass-ui #layout-navbar > .container-xxl,
body.dark-layout.liquidglass-ui #layout-navbar > .container-fluid {
  border-color: rgba(255,255,255,.075) !important;
  background:
    radial-gradient(circle at 4% 0%, rgba(114,231,255,.085), transparent 34%),
    radial-gradient(circle at 94% 0%, rgba(255,142,219,.060), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.046), rgba(255,255,255,.012)),
    rgba(8,17,31,.18) !important;
  box-shadow:
    0 14px 34px rgba(0, 8, 22, .13),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}

html body.liquidglass-ui #navbar-collapse.navbar-nav-right {
  min-height: 46px !important;
  width: auto !important;
  margin-left: auto !important;
  padding: .22rem .32rem !important;
  border-radius: 999px !important;
  gap: .42rem !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.068), rgba(255,255,255,.016)),
    rgba(255,255,255,.022) !important;
  box-shadow:
    0 8px 22px rgba(47, 86, 137, .040),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
  transform: none !important;
  transition:
    opacity .28s ease,
    transform .34s cubic-bezier(.2, .82, .18, 1),
    max-width .34s ease,
    min-height .34s ease,
    padding .34s ease !important;
}

html body.liquidglass-ui.lg-nav-scrolled #layout-navbar.header-navbar,
html body.liquidglass-ui.lg-nav-moving #layout-navbar.header-navbar {
  margin-top: 0 !important;
  transform: translate3d(0, var(--lg-nav-y, 0), 0) scale(var(--lg-nav-scale, 1)) !important;
}

html body.liquidglass-ui.lg-nav-scrolled #layout-navbar > .container-xxl,
html body.liquidglass-ui.lg-nav-scrolled #layout-navbar > .container-fluid,
html body.liquidglass-ui.lg-nav-scrolled #navbar-collapse.navbar-nav-right {
  transform: none !important;
}

html body.liquidglass-ui.lg-nav-collapsed #layout-navbar.header-navbar {
  opacity: .92 !important;
  filter: saturate(.98) brightness(.98) !important;
  pointer-events: auto !important;
}

html body.liquidglass-ui.lg-nav-collapsed #layout-navbar > .container-xxl,
html body.liquidglass-ui.lg-nav-collapsed #layout-navbar > .container-fluid {
  min-height: 42px !important;
  padding-block: .16rem !important;
  border-radius: 22px !important;
  box-shadow:
    0 8px 20px rgba(0, 8, 22, .10),
    inset 0 1px 0 rgba(255,255,255,.14) !important;
}

html body.liquidglass-ui.lg-nav-collapsed #navbar-collapse.navbar-nav-right {
  min-height: 38px !important;
  padding: .14rem .22rem !important;
  opacity: .82 !important;
  transform: translate3d(0, -2px, 0) scale(.94) !important;
}

html body.liquidglass-ui .lgu-route-hero,
body.liquidglass-ui .lgu-route-hero,
body.liquidglass-ui.lgu-page-monitor .lgu-route-hero {
  width: min(var(--mec-ui-shell-max), calc(100vw - (var(--mec-ui-shell-x) * 2))) !important;
  max-width: min(var(--mec-ui-shell-max), calc(100vw - (var(--mec-ui-shell-x) * 2))) !important;
  min-height: 92px !important;
  margin: 0 auto 1.12rem !important;
  padding: .80rem 1.08rem !important;
  border-radius: 24px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  column-gap: 1rem !important;
}

html body.liquidglass-ui .lgu-route-hero__main {
  min-width: 0 !important;
  gap: .76rem !important;
}

html body.liquidglass-ui .lgu-route-hero__icon {
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px !important;
  border-radius: 15px !important;
}

html body.liquidglass-ui .lgu-route-hero__icon i {
  font-size: 1.34rem !important;
}

html body.liquidglass-ui .lgu-route-hero__kicker {
  margin-bottom: .08rem !important;
  font-size: .68rem !important;
  letter-spacing: .10em !important;
}

html body.liquidglass-ui .lgu-route-hero__title {
  font-size: clamp(1.08rem, .68vw + .92rem, 1.42rem) !important;
  line-height: 1.12 !important;
}

html body.liquidglass-ui .lgu-route-hero__subtitle {
  max-width: 760px !important;
  margin-top: .16rem !important;
  font-size: .80rem !important;
  line-height: 1.28 !important;
  white-space: normal !important;
}

html body.liquidglass-ui .lgu-route-hero__actions {
  align-self: center !important;
  justify-content: flex-end !important;
  gap: .42rem !important;
  max-width: 42vw !important;
}

html body.liquidglass-ui .lgu-route-chip {
  min-height: 30px !important;
  padding: .28rem .64rem !important;
  font-size: .78rem !important;
}

@media (max-width: 991.98px) {
  html body.liquidglass-ui {
    --mec-ui-shell-x: clamp(.85rem, 4vw, 1.4rem);
  }

  html body.liquidglass-ui #layout-navbar.header-navbar,
  html body.liquidglass-ui nav#layout-navbar.header-navbar,
  html body.liquidglass-ui .layout-navbar.header-navbar {
    min-height: 54px !important;
    padding-top: 0 !important;
  }

  html body.liquidglass-ui #layout-navbar > .container-xxl,
  html body.liquidglass-ui #layout-navbar > .container-fluid {
    min-height: 52px !important;
    border-radius: 22px !important;
  }

  html body.liquidglass-ui .lgu-route-hero,
  body.liquidglass-ui .lgu-route-hero,
  body.liquidglass-ui.lgu-page-monitor .lgu-route-hero {
    min-height: auto !important;
    margin-top: 0 !important;
    grid-template-columns: 1fr !important;
    row-gap: .75rem !important;
  }

  html body.liquidglass-ui .lgu-route-hero__actions {
    max-width: 100% !important;
    justify-content: flex-start !important;
  }
}

@media (max-width: 575.98px) {
  html body.liquidglass-ui .lgu-route-hero,
  body.liquidglass-ui .lgu-route-hero,
  body.liquidglass-ui.lgu-page-monitor .lgu-route-hero {
    padding: .72rem !important;
    border-radius: 20px !important;
  }

  html body.liquidglass-ui .lgu-route-hero__icon {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
  }
}

/* MEC top alignment: keep the glass chrome pinned to the very top edge. */
html body.liquidglass-ui .layout-page,
html body.liquidglass-ui .content-wrapper,
html body.liquidglass-ui .app-content.content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

html body.liquidglass-ui #layout-navbar.header-navbar,
html body.liquidglass-ui nav#layout-navbar.header-navbar,
html body.liquidglass-ui .layout-navbar.header-navbar {
  top: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html body.liquidglass-ui .lgu-route-hero,
body.liquidglass-ui .lgu-route-hero,
body.liquidglass-ui.lgu-page-monitor .lgu-route-hero {
  margin-top: 0 !important;
}

/* MEC navbar top lift: place the floating navbar inside the upper glass lane. */
html body.liquidglass-ui {
  --mec-nav-top-lift: clamp(-72px, -3.2vw, -52px);
  --mec-hero-under-nav-gap: clamp(.86rem, 1.15vw, 1.22rem);
}

html body.liquidglass-ui #layout-navbar.header-navbar,
html body.liquidglass-ui nav#layout-navbar.header-navbar,
html body.liquidglass-ui .layout-navbar.header-navbar,
html body.liquidglass-ui.lg-nav-scrolled #layout-navbar.header-navbar,
html body.liquidglass-ui.lg-nav-moving #layout-navbar.header-navbar {
  transform: translate3d(0, calc(var(--lg-nav-y, 0px) + var(--mec-nav-top-lift)), 0) scale(var(--lg-nav-scale, 1)) !important;
}

@media (max-width: 991.98px) {
  html body.liquidglass-ui {
    --mec-nav-top-lift: clamp(-44px, -6vw, -30px);
    --mec-hero-under-nav-gap: .72rem;
  }
}

/* MEC hero stack: enlarge the page pill and pull the workspace up as one group. */
html body.liquidglass-ui .lgu-route-hero,
body.liquidglass-ui .lgu-route-hero,
body.liquidglass-ui.lgu-page-monitor .lgu-route-hero {
  min-height: clamp(118px, 7.2vw, 142px) !important;
  margin-top: var(--mec-hero-under-nav-gap) !important;
  margin-bottom: clamp(.76rem, 1vw, 1.05rem) !important;
  padding: clamp(1.05rem, 1.4vw, 1.42rem) clamp(1.18rem, 1.8vw, 1.75rem) !important;
  border-radius: 26px !important;
}

html body.liquidglass-ui .lgu-route-hero__icon {
  width: 54px !important;
  height: 54px !important;
  flex-basis: 54px !important;
  border-radius: 17px !important;
}

html body.liquidglass-ui .lgu-route-hero__icon i {
  font-size: 1.54rem !important;
}

html body.liquidglass-ui .lgu-route-hero__title {
  font-size: clamp(1.28rem, .78vw + 1.04rem, 1.72rem) !important;
}

html body.liquidglass-ui .lgu-route-hero__subtitle {
  font-size: .88rem !important;
  line-height: 1.34 !important;
  max-width: 860px !important;
}

html body.liquidglass-ui .lgu-route-chip {
  min-height: 34px !important;
  padding: .34rem .78rem !important;
}

html body.liquidglass-ui .content-wrapper > .container-fluid,
html body.liquidglass-ui .content-wrapper > .container-xxl,
html body.liquidglass-ui .content-wrapper > .container {
  padding-top: clamp(.48rem, .72vw, .78rem) !important;
}

html body.liquidglass-ui .breadcrumb-wrapper {
  margin-top: clamp(.34rem, .58vw, .62rem) !important;
  margin-bottom: clamp(.88rem, 1vw, 1.12rem) !important;
}

body.liquidglass-ui.lgu-page-monitor .breadcrumb-wrapper {
  margin-top: .42rem !important;
  margin-bottom: .95rem !important;
}

body.liquidglass-ui.lgu-page-monitor .card-datatable,
body.liquidglass-ui.lgu-page-monitor .card {
  margin-top: 0 !important;
}

@media (max-width: 991.98px) {
  html body.liquidglass-ui .lgu-route-hero,
  body.liquidglass-ui .lgu-route-hero,
  body.liquidglass-ui.lgu-page-monitor .lgu-route-hero {
    min-height: auto !important;
    padding: .92rem !important;
  }

  html body.liquidglass-ui .lgu-route-hero__icon {
    width: 46px !important;
    height: 46px !important;
    flex-basis: 46px !important;
  }
}

/* MEC navbar height polish: a touch taller for a calmer glass bar. */
html body.liquidglass-ui #layout-navbar.header-navbar,
html body.liquidglass-ui nav#layout-navbar.header-navbar,
html body.liquidglass-ui .layout-navbar.header-navbar {
  min-height: 66px !important;
}

html body.liquidglass-ui #layout-navbar > .container-xxl,
html body.liquidglass-ui #layout-navbar > .container-fluid {
  min-height: 64px !important;
  padding-block: .34rem !important;
  border-radius: 27px !important;
}

html body.liquidglass-ui #navbar-collapse.navbar-nav-right {
  min-height: 52px !important;
  padding-block: .28rem !important;
}

html body.liquidglass-ui.lg-nav-collapsed #layout-navbar > .container-xxl,
html body.liquidglass-ui.lg-nav-collapsed #layout-navbar > .container-fluid {
  min-height: 46px !important;
  padding-block: .18rem !important;
}

html body.liquidglass-ui.lg-nav-collapsed #navbar-collapse.navbar-nav-right {
  min-height: 40px !important;
}

@media (max-width: 991.98px) {
  html body.liquidglass-ui #layout-navbar.header-navbar,
  html body.liquidglass-ui nav#layout-navbar.header-navbar,
  html body.liquidglass-ui .layout-navbar.header-navbar {
    min-height: 60px !important;
  }

  html body.liquidglass-ui #layout-navbar > .container-xxl,
  html body.liquidglass-ui #layout-navbar > .container-fluid {
    min-height: 58px !important;
    border-radius: 24px !important;
  }

  html body.liquidglass-ui #navbar-collapse.navbar-nav-right {
    min-height: 48px !important;
  }
}

/* MEC pill rhythm + DataTable search polish. */
html body.liquidglass-ui {
  --mec-pill-gap: .58rem;
  --mec-pill-y: .42rem;
  --mec-pill-x: .82rem;
}

html body.liquidglass-ui .lgu-route-hero__actions,
body.liquidglass-ui.lgu-page-monitor .card .px-4,
body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-grid-actions,
body.liquidglass-ui.lgu-page-monitor .lgu-monitor-group-summary,
html body.liquidglass-ui .pagination {
  gap: var(--mec-pill-gap) !important;
}

body.liquidglass-ui.lgu-page-monitor .card .px-4 {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  padding-top: .78rem !important;
  padding-bottom: .78rem !important;
}

html body.liquidglass-ui .lgu-route-chip,
body.liquidglass-ui.lgu-page-monitor #bt_all,
body.liquidglass-ui.lgu-page-monitor #bt_expiring,
body.liquidglass-ui.lgu-page-monitor #bt_expired,
body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-grid-total,
body.liquidglass-ui.lgu-page-monitor .lgu-monitor-source-toggle,
body.liquidglass-ui.lgu-page-monitor .lgu-monitor-group-status,
body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card-action,
html body.liquidglass-ui .pagination .page-link,
html body.liquidglass-ui .badge,
html body.liquidglass-ui .badge-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .42rem !important;
  min-height: 36px !important;
  padding: var(--mec-pill-y) var(--mec-pill-x) !important;
  border-radius: 999px !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

body.liquidglass-ui.lgu-page-monitor #bt_all,
body.liquidglass-ui.lgu-page-monitor #bt_expiring,
body.liquidglass-ui.lgu-page-monitor #bt_expired {
  margin: 0 !important;
  min-width: 112px !important;
}

body.liquidglass-ui.lgu-page-monitor .lgu-monitor-group-status {
  min-height: 27px !important;
  padding: .24rem .50rem !important;
  gap: .36rem !important;
}

html body.liquidglass-ui .pagination .page-link {
  min-width: 38px !important;
  margin: 0 !important;
}

body.liquidglass-ui .dataTables_filter label.lgu-dt-search-label,
body.liquidglass-ui .dataTables_filter label {
  position: relative !important;
}

body.liquidglass-ui .dataTables_filter label.lgu-dt-search-label::before,
body.liquidglass-ui .dataTables_filter label::before {
  content: '' !important;
  width: 16px !important;
  height: 16px !important;
  left: 1.08rem !important;
  border: 2.4px solid rgba(114,231,255,.95) !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow:
    0 0 0 4px rgba(114,231,255,.10),
    0 0 18px rgba(114,231,255,.42) !important;
}

body.liquidglass-ui .dataTables_filter label.lgu-dt-search-label::after,
body.liquidglass-ui .dataTables_filter label::after {
  content: '' !important;
  position: absolute !important;
  left: 2.03rem !important;
  top: calc(50% + 7px) !important;
  width: 9px !important;
  height: 2.8px !important;
  z-index: 2 !important;
  border-radius: 999px !important;
  background: rgba(114,231,255,.95) !important;
  transform: rotate(45deg) !important;
  transform-origin: left center !important;
  pointer-events: none !important;
  box-shadow: 0 0 14px rgba(114,231,255,.40) !important;
}

body.liquidglass-ui .dataTables_filter input[type="search"],
body.liquidglass-ui .dataTables_filter input.form-control[type="search"] {
  min-width: min(300px, 46vw) !important;
  height: 48px !important;
  padding-left: 3.18rem !important;
  padding-right: 1.18rem !important;
  border-radius: 999px !important;
  font-size: .96rem !important;
}

body.liquidglass-ui .dataTables_filter input[type="search"]:focus,
body.liquidglass-ui .dataTables_filter input.form-control[type="search"]:focus {
  border-color: rgba(114,231,255,.50) !important;
  box-shadow:
    0 0 0 .18rem rgba(114,231,255,.12),
    inset 0 1px 0 rgba(255,255,255,.22),
    0 14px 34px rgba(0, 8, 22, .14) !important;
}

@media (max-width: 575.98px) {
  html body.liquidglass-ui {
    --mec-pill-gap: .42rem;
    --mec-pill-y: .36rem;
    --mec-pill-x: .68rem;
  }

  body.liquidglass-ui .dataTables_filter,
  body.liquidglass-ui .dataTables_filter label,
  body.liquidglass-ui .dataTables_filter input[type="search"] {
    width: 100% !important;
  }

  body.liquidglass-ui .dataTables_filter input[type="search"],
  body.liquidglass-ui .dataTables_filter input.form-control[type="search"] {
    min-width: 0 !important;
  }
}

/* MEC final spacing tune: taller navbar, tighter hero gap, centered search icon. */
html body.liquidglass-ui {
  --mec-hero-under-nav-gap: clamp(.58rem, .78vw, .82rem);
}

html body.liquidglass-ui #layout-navbar.header-navbar,
html body.liquidglass-ui nav#layout-navbar.header-navbar,
html body.liquidglass-ui .layout-navbar.header-navbar {
  min-height: 72px !important;
}

html body.liquidglass-ui #layout-navbar > .container-xxl,
html body.liquidglass-ui #layout-navbar > .container-fluid {
  min-height: 70px !important;
  padding-block: .42rem !important;
  border-radius: 29px !important;
}

html body.liquidglass-ui #navbar-collapse.navbar-nav-right {
  min-height: 56px !important;
  padding-block: .32rem !important;
}

html body.liquidglass-ui .lgu-route-hero,
body.liquidglass-ui .lgu-route-hero,
body.liquidglass-ui.lgu-page-monitor .lgu-route-hero {
  margin-top: var(--mec-hero-under-nav-gap) !important;
}

body.liquidglass-ui .dataTables_filter label.lgu-dt-search-label::before,
body.liquidglass-ui .dataTables_filter label::before {
  width: 15px !important;
  height: 15px !important;
  left: 1.16rem !important;
  top: calc(50% - 1px) !important;
  border-width: 2.3px !important;
  transform: translateY(-50%) !important;
}

body.liquidglass-ui .dataTables_filter label.lgu-dt-search-label::after,
body.liquidglass-ui .dataTables_filter label::after {
  left: 2.02rem !important;
  top: calc(50% + 8px) !important;
  width: 8px !important;
  height: 2.6px !important;
}

body.liquidglass-ui .dataTables_filter input[type="search"],
body.liquidglass-ui .dataTables_filter input.form-control[type="search"] {
  padding-left: 3.05rem !important;
}

@media (max-width: 991.98px) {
  html body.liquidglass-ui {
    --mec-hero-under-nav-gap: .54rem;
  }

  html body.liquidglass-ui #layout-navbar.header-navbar,
  html body.liquidglass-ui nav#layout-navbar.header-navbar,
  html body.liquidglass-ui .layout-navbar.header-navbar {
    min-height: 64px !important;
  }

  html body.liquidglass-ui #layout-navbar > .container-xxl,
  html body.liquidglass-ui #layout-navbar > .container-fluid {
    min-height: 62px !important;
  }

  html body.liquidglass-ui #navbar-collapse.navbar-nav-right {
    min-height: 50px !important;
  }
}

/* MEC light polish: closer hero stack + clearer icons/pills in light mode. */
html body.liquidglass-ui {
  --mec-hero-under-nav-gap: clamp(.30rem, .39vw, .42rem);
}

html.light-style body.liquidglass-ui,
html[data-theme="light"] body.liquidglass-ui,
body.light-layout.liquidglass-ui {
  --mec-light-primary-ink: #0b77b9;
  --mec-light-primary-ink-strong: #075f9a;
  --mec-light-cyan-ink: #0794b6;
}

html[data-theme="light"] body.liquidglass-ui .lgu-route-hero__icon,
html.light-style body.liquidglass-ui .lgu-route-hero__icon,
body.light-layout.liquidglass-ui .lgu-route-hero__icon,
html[data-theme="light"] body.liquidglass-ui .lgu-icon-title i,
html.light-style body.liquidglass-ui .lgu-icon-title i,
body.light-layout.liquidglass-ui .lgu-icon-title i,
html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .card > .card-header .card-title::before,
html.light-style body.liquidglass-ui.lgu-page-monitor .card > .card-header .card-title::before,
body.light-layout.liquidglass-ui.lgu-page-monitor .card > .card-header .card-title::before,
html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card-icon,
html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card-icon,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card-icon {
  color: #053f73 !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.86), transparent 38%),
    linear-gradient(135deg, rgba(82,201,255,.92), rgba(116,134,255,.86)) !important;
  border: 1px solid rgba(8, 126, 190, .20) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    0 12px 26px rgba(38, 139, 219, .20),
    0 0 0 4px rgba(84, 205, 255, .10) !important;
}

html[data-theme="light"] body.liquidglass-ui .lgu-route-hero__icon i,
html.light-style body.liquidglass-ui .lgu-route-hero__icon i,
body.light-layout.liquidglass-ui .lgu-route-hero__icon i,
html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card-icon i,
html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card-icon i,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card-icon i {
  color: #063c70 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.46) !important;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-grid-head span,
html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-grid-head span,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-grid-head span,
html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card-kicker,
html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card-kicker,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card-kicker {
  color: var(--mec-light-cyan-ink) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.46) !important;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-grid-total,
html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-grid-total,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-grid-total {
  color: var(--mec-light-primary-ink-strong) !important;
  border-color: rgba(8, 126, 190, .16) !important;
  background:
    linear-gradient(135deg, rgba(219, 247, 255, .86), rgba(238, 242, 255, .70)),
    rgba(255,255,255,.70) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    0 10px 22px rgba(66, 130, 180, .10) !important;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-source-toggle,
html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-source-toggle,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-source-toggle {
  color: #22324a !important;
  border-color: rgba(96, 132, 190, .20) !important;
  background:
    linear-gradient(135deg, rgba(229, 241, 255, .90), rgba(237, 232, 255, .76)),
    rgba(255,255,255,.74) !important;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-group-status,
html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-group-status,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-group-status,
html[data-theme="light"] body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card-action,
html.light-style body.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card-action,
body.light-layout.liquidglass-ui.lgu-page-monitor .lgu-monitor-dept-card-action {
  color: #23405e !important;
  border-color: rgba(8, 126, 190, .14) !important;
  background:
    linear-gradient(135deg, rgba(220, 246, 255, .82), rgba(232, 238, 255, .70)),
    rgba(255,255,255,.62) !important;
}

@media (max-width: 991.98px) {
  html body.liquidglass-ui {
    --mec-hero-under-nav-gap: .28rem;
  }
}

/* MEC navbar scroll-away: fold upward until it fully disappears. */
html body.liquidglass-ui #layout-navbar.header-navbar,
html body.liquidglass-ui nav#layout-navbar.header-navbar,
html body.liquidglass-ui .layout-navbar.header-navbar {
  transition:
    transform .58s cubic-bezier(.18, .82, .16, 1),
    opacity .40s ease,
    filter .40s ease !important;
}

html body.liquidglass-ui.lg-nav-collapsed #layout-navbar.header-navbar,
html body.liquidglass-ui.lg-nav-collapsed nav#layout-navbar.header-navbar,
html body.liquidglass-ui.lg-nav-collapsed .layout-navbar.header-navbar {
  opacity: 0 !important;
  filter: blur(7px) saturate(.82) brightness(.96) !important;
  pointer-events: none !important;
}

html body.liquidglass-ui.lg-nav-collapsed #layout-navbar > .container-xxl,
html body.liquidglass-ui.lg-nav-collapsed #layout-navbar > .container-fluid,
html body.liquidglass-ui.lg-nav-collapsed #navbar-collapse.navbar-nav-right {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* MEC dashboard glass cards: make Home inventory/request cards match Monitor department cards. */
body.liquidglass-ui.lgu-page-dashboard .dashboard-glass-list-card .card-body {
  padding: 1.05rem 1.15rem 1.3rem !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-glass-list-card .overflow-x-scroll {
  overflow-x: auto !important;
  padding: .12rem .12rem .35rem !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-glass-list-card .dashboard-items.inventory-list {
  display: grid !important;
  grid-auto-flow: column;
  grid-auto-columns: minmax(220px, 260px);
  gap: .78rem !important;
  align-items: stretch !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-glass-list-card .dashboard-items.inventory-list .list-group {
  width: auto !important;
  min-height: 138px !important;
  margin: 0 !important;
  position: relative;
  display: grid !important;
  grid-template-rows: auto 1fr auto;
  gap: .34rem;
  padding: .82rem .88rem .78rem 3.92rem !important;
  border: 1px solid rgba(114,231,255,.18) !important;
  border-radius: 18px !important;
  color: var(--lgu-text) !important;
  text-decoration: none !important;
  overflow: hidden;
  background:
    radial-gradient(circle at 8% 8%, rgba(114,231,255,.20), transparent 32%),
    radial-gradient(circle at 94% 6%, rgba(143,125,255,.18), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.035)),
    rgba(255,255,255,.045) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 12px 28px rgba(3, 9, 22, .10) !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-glass-list-card .dashboard-items.inventory-list .list-group::before {
  content: '\eb65';
  position: absolute;
  left: .88rem;
  top: .86rem;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  font-family: boxicons !important;
  font-size: 1.05rem;
  color: #e9fbff;
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,.35), transparent 36%),
    linear-gradient(135deg, rgba(37,217,255,.72), rgba(119,114,255,.68));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.36),
    0 12px 26px rgba(73,130,255,.20);
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group::before {
  content: '\ea53';
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-glass-list-card .dashboard-items.inventory-list .list-group:hover,
body.liquidglass-ui.lgu-page-dashboard .dashboard-glass-list-card .dashboard-items.inventory-list .list-group:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(114,231,255,.42) !important;
  box-shadow:
    0 0 0 .18rem rgba(114,231,255,.08),
    inset 0 1px 0 rgba(255,255,255,.26),
    0 16px 34px rgba(3, 9, 22, .16) !important;
  outline: 0 !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-glass-list-card .dashboard-items.inventory-list .list-group > .list-group-item {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--lgu-text) !important;
  box-shadow: none !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-glass-list-card .dashboard-items.inventory-list .list-group > .list-group-item:first-child {
  align-self: start;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-glass-list-card .dashboard-items.inventory-list .item-name {
  height: auto !important;
  min-height: 1.3rem !important;
  justify-content: flex-start !important;
  text-align: left !important;
  color: var(--lgu-text) !important;
  font-size: .98rem !important;
  font-weight: 860 !important;
  line-height: 1.28 !important;
  overflow: visible !important;
  overflow-wrap: anywhere;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .available,
body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .inuse,
body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .unavailable-asset {
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-start;
  width: fit-content;
  min-height: 26px !important;
  padding: .22rem .48rem !important;
  border: 1px solid rgba(114,231,255,.13) !important;
  border-radius: 999px !important;
  color: var(--lgu-text-soft) !important;
  background: rgba(255,255,255,.065) !important;
  font-size: .70rem !important;
  font-weight: 780 !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .available::before {
  content: 'พร้อมใช้';
  margin-right: .38rem;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .inuse::before {
  content: 'ใช้งาน';
  margin-right: .38rem;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .unavailable-asset::before {
  content: 'รวม';
  margin-right: .38rem;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-glass-list-card .dashboard-selectable-value {
  min-width: 1.18rem;
  min-height: 1.18rem;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: linear-gradient(135deg, #25d9ff, #7772ff);
  font-size: .68rem;
  font-weight: 900;
  line-height: 1;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group > .available,
body.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group > .unavailable,
body.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group > .list-group-item:last-child {
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-start;
  width: fit-content;
  max-width: 100%;
  min-height: 27px !important;
  padding: .24rem .50rem !important;
  border: 1px solid rgba(114,231,255,.13) !important;
  border-radius: 999px !important;
  color: var(--lgu-text-soft) !important;
  background: rgba(255,255,255,.065) !important;
  font-size: .70rem !important;
  font-weight: 780 !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group > .available::before {
  content: 'หน่วยงาน';
  margin-right: .38rem;
  color: var(--lgu-primary);
  font-weight: 860;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group > .unavailable::before {
  content: 'จำนวน';
  margin-right: .38rem;
  color: var(--lgu-primary);
  font-weight: 860;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group > .list-group-item:last-child::before {
  content: 'เวลา';
  margin-right: .38rem;
  color: var(--lgu-primary);
  font-weight: 860;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-dashboard .dashboard-glass-list-card .dashboard-items.inventory-list .list-group,
html.light-style body.liquidglass-ui.lgu-page-dashboard .dashboard-glass-list-card .dashboard-items.inventory-list .list-group,
body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-glass-list-card .dashboard-items.inventory-list .list-group {
  color: #17243a !important;
  border-color: rgba(8, 126, 190, .14) !important;
  background:
    radial-gradient(circle at 8% 8%, rgba(113, 221, 255, .30), transparent 34%),
    radial-gradient(circle at 96% 8%, rgba(151, 139, 255, .18), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.76), rgba(244,250,255,.42)),
    rgba(255,255,255,.62) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.74),
    0 12px 28px rgba(66, 130, 180, .10) !important;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-dashboard .dashboard-glass-list-card .dashboard-items.inventory-list .list-group::before,
html.light-style body.liquidglass-ui.lgu-page-dashboard .dashboard-glass-list-card .dashboard-items.inventory-list .list-group::before,
body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-glass-list-card .dashboard-items.inventory-list .list-group::before {
  color: #063c70 !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.86), transparent 38%),
    linear-gradient(135deg, rgba(82,201,255,.92), rgba(116,134,255,.86)) !important;
  border: 1px solid rgba(8, 126, 190, .20) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    0 12px 26px rgba(38, 139, 219, .20),
    0 0 0 4px rgba(84, 205, 255, .10) !important;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-dashboard .dashboard-glass-list-card .dashboard-items.inventory-list .list-group > .list-group-item,
html.light-style body.liquidglass-ui.lgu-page-dashboard .dashboard-glass-list-card .dashboard-items.inventory-list .list-group > .list-group-item,
body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-glass-list-card .dashboard-items.inventory-list .list-group > .list-group-item {
  color: #23405e !important;
}

@media (max-width: 575.98px) {
  body.liquidglass-ui.lgu-page-dashboard .dashboard-glass-list-card .dashboard-items.inventory-list {
    grid-auto-columns: minmax(205px, 82vw);
  }
}

/* MEC dashboard semantic pill colors: easier scanning in dark and light modes. */
body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .available {
  color: #dfffee !important;
  border-color: rgba(54, 211, 137, .34) !important;
  background:
    linear-gradient(135deg, rgba(54, 211, 137, .28), rgba(31, 172, 110, .14)),
    rgba(54, 211, 137, .08) !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .available::before {
  color: #78f4b6 !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .inuse {
  color: #e3f4ff !important;
  border-color: rgba(82, 176, 255, .34) !important;
  background:
    linear-gradient(135deg, rgba(82, 176, 255, .28), rgba(80, 124, 255, .14)),
    rgba(82, 176, 255, .08) !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .inuse::before {
  color: #83d5ff !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .unavailable-asset {
  color: #fff4dd !important;
  border-color: rgba(245, 180, 73, .36) !important;
  background:
    linear-gradient(135deg, rgba(245, 180, 73, .30), rgba(255, 135, 67, .14)),
    rgba(245, 180, 73, .09) !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .unavailable-asset::before {
  color: #ffd37a !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group > .available {
  color: #ecebff !important;
  border-color: rgba(151, 139, 255, .52) !important;
  background:
    linear-gradient(135deg, rgba(151, 139, 255, .48), rgba(93, 190, 255, .28)),
    rgba(151, 139, 255, .20) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 4px 12px rgba(93, 102, 220, .16) !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group > .available::before {
  color: #bdb7ff !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group > .unavailable {
  color: #ffe8ee !important;
  border-color: rgba(255, 111, 145, .52) !important;
  background:
    linear-gradient(135deg, rgba(255, 111, 145, .46), rgba(255, 153, 95, .28)),
    rgba(255, 111, 145, .20) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 4px 12px rgba(255, 111, 145, .16) !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group > .unavailable::before {
  color: #ff9db3 !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group > .list-group-item:last-child {
  color: #dffcff !important;
  border-color: rgba(45, 212, 191, .52) !important;
  background:
    linear-gradient(135deg, rgba(45, 212, 191, .44), rgba(37, 217, 255, .26)),
    rgba(45, 212, 191, .20) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 4px 12px rgba(45, 212, 191, .16) !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group > .list-group-item:last-child::before {
  color: #75f0e7 !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .available .dashboard-selectable-value {
  background: linear-gradient(135deg, #35d887, #14b875) !important;
  box-shadow: 0 0 0 3px rgba(54, 211, 137, .14) !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .inuse .dashboard-selectable-value {
  background: linear-gradient(135deg, #52b0ff, #507cff) !important;
  box-shadow: 0 0 0 3px rgba(82, 176, 255, .14) !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .unavailable-asset .dashboard-selectable-value {
  background: linear-gradient(135deg, #f5b449, #ff8843) !important;
  box-shadow: 0 0 0 3px rgba(245, 180, 73, .15) !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .unavailable .dashboard-selectable-value {
  background: linear-gradient(135deg, #ff6f91, #ff995f) !important;
  box-shadow: 0 0 0 3px rgba(255, 111, 145, .14) !important;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .available,
html.light-style body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .available,
body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .available {
  color: #12613e !important;
  border-color: rgba(21, 151, 91, .22) !important;
  background:
    linear-gradient(135deg, rgba(205, 255, 230, .92), rgba(223, 255, 242, .72)),
    rgba(255,255,255,.70) !important;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .inuse,
html.light-style body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .inuse,
body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .inuse {
  color: #14598f !important;
  border-color: rgba(45, 135, 218, .22) !important;
  background:
    linear-gradient(135deg, rgba(217, 242, 255, .94), rgba(226, 234, 255, .72)),
    rgba(255,255,255,.70) !important;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .unavailable-asset,
html.light-style body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .unavailable-asset,
body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .unavailable-asset {
  color: #84540a !important;
  border-color: rgba(192, 127, 24, .22) !important;
  background:
    linear-gradient(135deg, rgba(255, 242, 211, .94), rgba(255, 231, 214, .72)),
    rgba(255,255,255,.70) !important;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group > .available,
html.light-style body.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group > .available,
body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group > .available {
  color: #393284 !important;
  border-color: rgba(99, 83, 198, .46) !important;
  background:
    linear-gradient(135deg, rgba(210, 202, 255, .98), rgba(190, 229, 255, .90)),
    rgba(205, 199, 255, .76) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.58), 0 4px 11px rgba(105, 89, 207, .16) !important;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group > .unavailable,
html.light-style body.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group > .unavailable,
body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group > .unavailable {
  color: #8d2547 !important;
  border-color: rgba(208, 68, 108, .46) !important;
  background:
    linear-gradient(135deg, rgba(255, 198, 215, .98), rgba(255, 214, 186, .90)),
    rgba(255, 199, 214, .76) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.58), 0 4px 11px rgba(222, 83, 121, .15) !important;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group > .list-group-item:last-child,
html.light-style body.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group > .list-group-item:last-child,
body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group > .list-group-item:last-child {
  color: #086964 !important;
  border-color: rgba(10, 151, 143, .46) !important;
  background:
    linear-gradient(135deg, rgba(174, 245, 234, .98), rgba(183, 233, 255, .90)),
    rgba(180, 242, 235, .76) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.58), 0 4px 11px rgba(14, 167, 157, .15) !important;
}

/* MEC dashboard LV2 cards and modal polish. */
body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list {
  grid-auto-columns: minmax(285px, 330px);
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group {
  min-height: 164px !important;
  grid-template-rows: auto repeat(4, auto) !important;
  align-content: start;
  cursor: pointer;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group {
  cursor: pointer;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .available,
body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .inuse,
body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .department-stock,
body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .unavailable-asset {
  max-width: 100%;
  white-space: nowrap;
  flex-wrap: nowrap;
  min-height: 30px !important;
  padding: .28rem .56rem !important;
  font-size: .82rem !important;
  font-weight: 860 !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .available > .d-flex,
body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .inuse > .d-flex,
body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .department-stock > .d-flex,
body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .unavailable-asset > .d-flex {
  width: auto !important;
  flex: 0 0 auto;
  justify-content: flex-start !important;
  text-align: left !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .available::before,
body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .inuse::before,
body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .department-stock::before,
body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .unavailable-asset::before {
  flex: 0 0 auto;
  font-size: .82rem !important;
  line-height: 1.05;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .department-stock {
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-start;
  width: fit-content;
  min-height: 26px !important;
  padding: .22rem .48rem !important;
  border: 1px solid rgba(45, 212, 191, .34) !important;
  border-radius: 999px !important;
  color: #dcfffb !important;
  background:
    linear-gradient(135deg, rgba(45, 212, 191, .27), rgba(37, 217, 255, .13)),
    rgba(45, 212, 191, .08) !important;
  font-size: .82rem !important;
  font-weight: 800 !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .department-stock::before {
  content: 'อยู่ในคลังหน่วยงาน';
  margin-right: .38rem;
  color: #75f0e7 !important;
  font-weight: 880;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .department-stock .dashboard-selectable-value {
  background: linear-gradient(135deg, #2dd4bf, #25d9ff) !important;
  box-shadow: 0 0 0 3px rgba(45, 212, 191, .14) !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .available .dashboard-selectable-value,
body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .inuse .dashboard-selectable-value,
body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .department-stock .dashboard-selectable-value,
body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .unavailable-asset .dashboard-selectable-value,
body.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .unavailable .dashboard-selectable-value {
  width: 1.22rem !important;
  height: 1.22rem !important;
  min-width: 1.22rem !important;
  min-height: 1.22rem !important;
  flex: 0 0 1.22rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: .78rem !important;
  font-weight: 940 !important;
  line-height: 1 !important;
  margin-left: .12rem;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group > .unavailable > .d-flex {
  width: auto !important;
  flex: 0 0 auto;
  justify-content: flex-start !important;
  text-align: left !important;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-dashboard .dashboard-glass-list-card .card-title,
html.light-style body.liquidglass-ui.lgu-page-dashboard .dashboard-glass-list-card .card-title,
body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-glass-list-card .card-title,
html[data-theme="light"] body.liquidglass-ui.lgu-page-dashboard .dashboard-glass-list-card .item-name,
html.light-style body.liquidglass-ui.lgu-page-dashboard .dashboard-glass-list-card .item-name,
body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-glass-list-card .item-name {
  color: #12233d !important;
  -webkit-text-fill-color: #12233d !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.62);
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .department-stock,
html.light-style body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .department-stock,
body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .department-stock {
  color: #0e6861 !important;
  border-color: rgba(22, 154, 145, .24) !important;
  background:
    linear-gradient(135deg, rgba(211, 255, 250, .96), rgba(220, 247, 255, .74)),
    rgba(255,255,255,.72) !important;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .available::before,
html.light-style body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .available::before,
body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .available::before {
  color: #0f8b59 !important;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .inuse::before,
html.light-style body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .inuse::before,
body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .inuse::before {
  color: #176eb0 !important;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .department-stock::before,
html.light-style body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .department-stock::before,
body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .department-stock::before {
  color: #118078 !important;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .unavailable-asset::before,
html.light-style body.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .unavailable-asset::before,
body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-stock-glass-card .dashboard-items.inventory-list .list-group > .unavailable-asset::before {
  color: #a8660d !important;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group > .available::before,
html.light-style body.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group > .available::before,
body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group > .available::before {
  color: #5b51b8 !important;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group > .unavailable::before,
html.light-style body.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group > .unavailable::before,
body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group > .unavailable::before {
  color: #b33b5d !important;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group > .list-group-item:last-child::before,
html.light-style body.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group > .list-group-item:last-child::before,
body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-exchange-glass-card .dashboard-items.inventory-list .list-group > .list-group-item:last-child::before {
  color: #12827b !important;
}

body.dashboard-lv2-open {
  overflow: hidden;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-modal[hidden] {
  display: none !important;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-modal {
  position: fixed;
  inset: 0;
  z-index: 1095;
  display: grid;
  place-items: center;
  padding: 1.25rem;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(3, 10, 24, .48);
  backdrop-filter: blur(12px);
  opacity: 0;
  transition: opacity .18s ease;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-panel {
  position: relative;
  width: min(460px, calc(100vw - 2rem));
  border: 1px solid rgba(114,231,255,.22);
  border-radius: 24px;
  padding: 1.12rem;
  color: var(--lgu-text);
  background:
    radial-gradient(circle at 12% 10%, rgba(114,231,255,.22), transparent 36%),
    radial-gradient(circle at 92% 8%, rgba(143,125,255,.20), transparent 38%),
    linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.055)),
    rgba(16,31,54,.76);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 24px 60px rgba(3, 9, 22, .30);
  transform: translateY(14px) scale(.98);
  opacity: 0;
  transition: transform .18s ease, opacity .18s ease;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-modal.is-open .dashboard-lv2-backdrop,
body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-modal.is-open .dashboard-lv2-panel {
  opacity: 1;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-modal.is-open .dashboard-lv2-panel {
  transform: translateY(0) scale(1);
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-close {
  position: absolute;
  top: .8rem;
  right: .8rem;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  color: var(--lgu-text);
  background: rgba(255,255,255,.08);
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-heading {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding-right: 2.35rem;
  margin-bottom: 1rem;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-icon {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 15px;
  color: #e9fbff;
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,.38), transparent 36%),
    linear-gradient(135deg, rgba(37,217,255,.78), rgba(119,114,255,.72));
  box-shadow: 0 14px 28px rgba(73,130,255,.22);
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-icon i {
  font-size: 1.25rem;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-kicker {
  margin: 0 0 .12rem;
  color: var(--lgu-primary);
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: .02em;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-heading h4 {
  margin: 0;
  color: var(--lgu-text);
  font-size: 1.12rem;
  font-weight: 900;
  line-height: 1.22;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-grid {
  display: grid;
  gap: .55rem;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  min-height: 42px;
  padding: .58rem .72rem;
  border: 1px solid rgba(114,231,255,.14);
  border-radius: 16px;
  background: rgba(255,255,255,.07);
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-label {
  color: var(--lgu-text-soft);
  font-size: .82rem;
  font-weight: 820;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-value {
  min-width: 2.1rem;
  text-align: right;
  color: var(--lgu-text);
  font-size: .92rem;
  font-weight: 930;
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-available {
  border-color: rgba(54, 211, 137, .32);
  background: linear-gradient(135deg, rgba(54, 211, 137, .20), rgba(31, 172, 110, .08)), rgba(255,255,255,.05);
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-inuse {
  border-color: rgba(82, 176, 255, .32);
  background: linear-gradient(135deg, rgba(82, 176, 255, .20), rgba(80, 124, 255, .08)), rgba(255,255,255,.05);
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-department,
body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-time {
  border-color: rgba(45, 212, 191, .32);
  background: linear-gradient(135deg, rgba(45, 212, 191, .20), rgba(37, 217, 255, .08)), rgba(255,255,255,.05);
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-total,
body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-amount {
  border-color: rgba(245, 180, 73, .34);
  background: linear-gradient(135deg, rgba(245, 180, 73, .20), rgba(255, 135, 67, .08)), rgba(255,255,255,.05);
}

body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-departmentName {
  border-color: rgba(151, 139, 255, .32);
  background: linear-gradient(135deg, rgba(151, 139, 255, .22), rgba(93, 190, 255, .08)), rgba(255,255,255,.05);
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-backdrop,
html.light-style body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-backdrop,
body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-backdrop {
  background: rgba(217, 233, 247, .54);
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-panel,
html.light-style body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-panel,
body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-panel {
  color: #12233d;
  border-color: rgba(8, 126, 190, .16);
  background:
    radial-gradient(circle at 12% 10%, rgba(113, 221, 255, .28), transparent 36%),
    radial-gradient(circle at 92% 8%, rgba(255, 204, 240, .24), transparent 38%),
    linear-gradient(135deg, rgba(255,255,255,.88), rgba(245,251,255,.72)),
    rgba(255,255,255,.78);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 24px 60px rgba(86, 130, 170, .22);
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-heading h4,
html.light-style body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-heading h4,
body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-heading h4,
html[data-theme="light"] body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-value,
html.light-style body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-value,
body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-value {
  color: #12233d;
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-label,
html.light-style body.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-label,
body.light-layout.liquidglass-ui.lgu-page-dashboard .dashboard-lv2-label {
  color: #53657c;
}

body.liquidglass-ui .lgu-setting-modal .lgu-setting-switch {
  display: inline-flex;
  align-items: center;
  gap: .62rem;
  padding: .38rem .62rem .38rem .42rem;
  border: 1px solid rgba(112, 231, 255, .18);
  border-radius: 999px;
  background: rgba(255,255,255,.06);
}

body.liquidglass-ui .lgu-setting-modal .lgu-setting-switch .form-check-input {
  width: 2.85rem;
  height: 1.48rem;
  margin: 0;
  border-color: rgba(255,255,255,.32);
  background-color: rgba(134, 147, 166, .72);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.16), 0 8px 18px rgba(0,0,0,.16);
  cursor: pointer;
}

body.liquidglass-ui .lgu-setting-modal .lgu-setting-switch .form-check-input:checked {
  border-color: rgba(50, 214, 140, .82);
  background-color: #25c979;
  box-shadow: 0 0 0 .16rem rgba(37, 201, 121, .18), 0 8px 18px rgba(37, 201, 121, .16);
}

body.liquidglass-ui .lgu-setting-modal .lgu-setting-switch .form-check-label {
  margin: 0;
  color: var(--lgu-text);
  font-weight: 850;
}

html[data-theme="light"] body.liquidglass-ui .lgu-setting-modal .lgu-setting-switch,
html.light-style body.liquidglass-ui .lgu-setting-modal .lgu-setting-switch,
body.light-layout.liquidglass-ui .lgu-setting-modal .lgu-setting-switch {
  border-color: rgba(67, 116, 160, .18);
  background: rgba(242, 248, 255, .82);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}

html[data-theme="light"] body.liquidglass-ui .lgu-setting-modal .lgu-setting-switch .form-check-input,
html.light-style body.liquidglass-ui .lgu-setting-modal .lgu-setting-switch .form-check-input,
body.light-layout.liquidglass-ui .lgu-setting-modal .lgu-setting-switch .form-check-input {
  border-color: rgba(100, 116, 139, .28);
  background-color: #94a3b8;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.65), 0 8px 16px rgba(90, 112, 132, .14);
}

html[data-theme="light"] body.liquidglass-ui .lgu-setting-modal .lgu-setting-switch .form-check-input:checked,
html.light-style body.liquidglass-ui .lgu-setting-modal .lgu-setting-switch .form-check-input:checked,
body.light-layout.liquidglass-ui .lgu-setting-modal .lgu-setting-switch .form-check-input:checked {
  border-color: rgba(22, 163, 98, .54);
  background-color: #22c55e;
  box-shadow: 0 0 0 .18rem rgba(34, 197, 94, .16), 0 8px 16px rgba(34, 197, 94, .16);
}

html[data-theme="light"] body.liquidglass-ui .lgu-setting-modal .lgu-setting-switch .form-check-label,
html.light-style body.liquidglass-ui .lgu-setting-modal .lgu-setting-switch .form-check-label,
body.light-layout.liquidglass-ui .lgu-setting-modal .lgu-setting-switch .form-check-label {
  color: #1e293b;
}

body.liquidglass-ui .swal2-icon.swal2-success .swal2-success-circular-line-left,
body.liquidglass-ui .swal2-icon.swal2-success .swal2-success-circular-line-right,
body.liquidglass-ui .swal2-icon.swal2-success .swal2-success-fix {
  display: none !important;
}

body.liquidglass-ui .swal2-icon.swal2-success [class^="swal2-success-line"] {
  background-color: #55e08f !important;
  box-shadow: 0 0 18px rgba(85, 224, 143, .22);
}

body.liquidglass-ui .swal2-icon.swal2-success .swal2-success-ring {
  border-color: rgba(85, 224, 143, .72) !important;
}

body.liquidglass-ui .swal2-container.lgu-delete-confirm-container {
  z-index: 20000 !important;
}

body.liquidglass-ui .lgu-delete-confirm-popup {
  overflow: visible;
}

body.liquidglass-ui .lgu-delete-confirm-text {
  margin: 0 0 .85rem;
  color: var(--lgu-text-soft);
  font-weight: 700;
}

body.liquidglass-ui .lgu-delete-confirm-check {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  width: 100%;
  padding: .72rem .85rem;
  border: 1px solid rgba(255, 115, 115, .24);
  border-radius: 14px;
  background: rgba(255, 255, 255, .07);
  color: var(--lgu-text);
  font-weight: 800;
  text-align: left;
  cursor: pointer;
}

body.liquidglass-ui .lgu-delete-confirm-check input {
  width: 1.12rem;
  height: 1.12rem;
  flex: 0 0 auto;
  accent-color: #ff6b6b;
}

body.liquidglass-ui .lgu-delete-confirm-container .swal2-confirm:disabled {
  opacity: .45;
  cursor: not-allowed;
  filter: grayscale(.2);
}

html[data-theme="light"] body.liquidglass-ui .lgu-delete-confirm-text,
html.light-style body.liquidglass-ui .lgu-delete-confirm-text,
body.light-layout.liquidglass-ui .lgu-delete-confirm-text {
  color: #475569;
}

html[data-theme="light"] body.liquidglass-ui .lgu-delete-confirm-check,
html.light-style body.liquidglass-ui .lgu-delete-confirm-check,
body.light-layout.liquidglass-ui .lgu-delete-confirm-check {
  border-color: rgba(239, 68, 68, .18);
  background: rgba(255, 255, 255, .78);
  color: #1e293b;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
}

body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-list-card,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card .card-body,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-list-card .card-datatable {
  position: relative;
  z-index: 2;
  isolation: isolate;
  contain: paint;
  overflow: hidden !important;
  transform: translateZ(0);
}

body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-list-card {
  background:
    linear-gradient(135deg, rgba(255,255,255,.080), rgba(255,255,255,.028)),
    rgba(27, 41, 66, .76) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card .card-body,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card .accordion-body,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card .card-widget-separator-wrapper,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-list-card .card-datatable,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-list-card .dataTables_wrapper,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-list-card .dataTables_wrapper > .row,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-list-card .container,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-list-card .table-responsive {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.liquidglass-ui.lgu-page-exchange .lgu-exchange-list-card .card-datatable,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-list-card .dataTables_wrapper {
  overflow: hidden !important;
  contain: paint;
}

body.liquidglass-ui.lgu-page-exchange .lgu-exchange-list-card .table-responsive {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

body.liquidglass-ui.lgu-page-exchange .select2-container--open,
body.liquidglass-ui.lgu-page-exchange .select2-dropdown,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-select2-floating {
  z-index: 26000 !important;
}

body.liquidglass-ui.lgu-page-exchange .select2-container--open,
body.liquidglass-ui.lgu-page-exchange .select2-container--open.select2-container--default,
body.liquidglass-ui.lgu-page-exchange .select2-container--open.lgu-exchange-select2-floating {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.liquidglass-ui.lgu-page-exchange .select2-dropdown.lgu-exchange-select-dropdown {
  margin-top: 6px;
  transform: translateZ(0);
  contain: paint;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.liquidglass-ui.lgu-page-exchange.lgu-exchange-select-open .lgu-exchange-form-card,
body.liquidglass-ui.lgu-page-exchange.lgu-exchange-select-open .lgu-exchange-list-card {
  background: var(--lgu-exchange-card-bg-dark, linear-gradient(135deg, rgba(255,255,255,.080), rgba(255,255,255,.028)), rgba(27, 41, 66, .76)) !important;
}

html.light-style body.liquidglass-ui.lgu-page-exchange.lgu-exchange-select-open .lgu-exchange-form-card,
html[data-theme="light"] body.liquidglass-ui.lgu-page-exchange.lgu-exchange-select-open .lgu-exchange-form-card,
body.light-layout.liquidglass-ui.lgu-page-exchange.lgu-exchange-select-open .lgu-exchange-form-card,
html.light-style body.liquidglass-ui.lgu-page-exchange.lgu-exchange-select-open .lgu-exchange-list-card,
html[data-theme="light"] body.liquidglass-ui.lgu-page-exchange.lgu-exchange-select-open .lgu-exchange-list-card,
body.light-layout.liquidglass-ui.lgu-page-exchange.lgu-exchange-select-open .lgu-exchange-list-card {
  background: var(--lgu-exchange-card-bg-light, linear-gradient(135deg, rgba(255,255,255,.76), rgba(232,246,255,.56)), rgba(255, 255, 255, .66)) !important;
}

body.liquidglass-ui.lgu-page-exchange.lgu-exchange-select-open .lgu-exchange-list-card .card-datatable,
body.liquidglass-ui.lgu-page-exchange.lgu-exchange-select-open .lgu-exchange-list-card .dataTables_wrapper {
  background: transparent !important;
  background-image: none !important;
}

body.liquidglass-ui.lgu-page-exchange .lgu-exchange-list-card .dataTables_length,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-list-card .dataTables_length label {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: .32rem;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  isolation: auto;
  overflow: visible;
}

body.liquidglass-ui.lgu-page-exchange .lgu-exchange-list-card .dataTables_length:hover,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-list-card .dataTables_length:focus-within,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-list-card .dataTables_length label:hover,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-list-card .dataTables_length label:focus-within {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body.liquidglass-ui.lgu-page-exchange .lgu-exchange-list-card .dataTables_length select,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-list-card .dataTables_length .form-select,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-list-card .dataTables_length .lgu-dt-length-select {
  position: relative;
  z-index: 2;
  contain: paint;
  background-image: none !important;
  box-shadow: none !important;
}


/* /exchange: keep the accordion header paint stable during page refresh and theme toggle.
   The request form uses a Bootstrap accordion inside a glass card. During dark/light stylesheet swaps,
   Bootstrap briefly repaints .accordion-button with its own light/dark surface before the LiquidGlass
   card override wins. Keep this small area on a fixed glass surface, with no transition/filter layers,
   so it behaves like the smoother /repair cards. */
body.liquidglass-ui.lgu-page-exchange {
  --lgu-exchange-card-bg-dark:
    linear-gradient(135deg, rgba(255,255,255,.080), rgba(255,255,255,.028)),
    rgba(27, 41, 66, .76);
  --lgu-exchange-card-bg-light:
    linear-gradient(135deg, rgba(255,255,255,.76), rgba(232,246,255,.56)),
    rgba(255, 255, 255, .66);
  --lgu-exchange-header-bg-dark: rgba(31, 45, 70, .92);
  --lgu-exchange-header-bg-light: rgba(255, 255, 255, .70);
}

html.dark-style body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card,
html[data-theme="dark"] body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card,
html.dark-style body.liquidglass-ui.lgu-page-exchange .lgu-exchange-list-card,
html[data-theme="dark"] body.liquidglass-ui.lgu-page-exchange .lgu-exchange-list-card {
  background: var(--lgu-exchange-card-bg-dark) !important;
}

html.light-style body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card,
html[data-theme="light"] body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card,
body.light-layout.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card,
html.light-style body.liquidglass-ui.lgu-page-exchange .lgu-exchange-list-card,
html[data-theme="light"] body.liquidglass-ui.lgu-page-exchange .lgu-exchange-list-card,
body.light-layout.liquidglass-ui.lgu-page-exchange .lgu-exchange-list-card {
  background: var(--lgu-exchange-card-bg-light) !important;
}

body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-list-card,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card *,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-list-card * {
  transition-property: color, border-color, opacity, transform !important;
}

body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card > .accordion-header,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card > .accordion-header .accordion-button,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card > .accordion-header .accordion-button:not(.collapsed),
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card > .accordion-header .accordion-button:hover,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card > .accordion-header .accordion-button:focus,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card > .accordion-header .accordion-button:active {
  color: var(--lgu-text) !important;
  background: var(--lgu-exchange-header-bg-dark) !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: none !important;
  animation: none !important;
}

html.light-style body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card > .accordion-header,
html[data-theme="light"] body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card > .accordion-header,
body.light-layout.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card > .accordion-header,
html.light-style body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card > .accordion-header .accordion-button,
html[data-theme="light"] body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card > .accordion-header .accordion-button,
body.light-layout.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card > .accordion-header .accordion-button,
html.light-style body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card > .accordion-header .accordion-button:not(.collapsed),
html[data-theme="light"] body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card > .accordion-header .accordion-button:not(.collapsed),
body.light-layout.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card > .accordion-header .accordion-button:not(.collapsed) {
  color: #1e293b !important;
  background: var(--lgu-exchange-header-bg-light) !important;
  background-image: none !important;
}

body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card > .accordion-header .accordion-button::before,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card > .accordion-header .accordion-button::after {
  transition: none !important;
  animation: none !important;
  filter: none !important;
}

body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card .accordion-collapse,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card .accordion-body,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card .collapse,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card .collapsing {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: none !important;
  animation: none !important;
}

body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card .accordion-button.collapsed,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card .accordion-button:not(.collapsed) {
  transform: translateZ(0);
  will-change: auto;
}

body.liquidglass-ui.lgu-page-outbound .lgu-outbound-form-card,
body.liquidglass-ui.lgu-page-outbound .lgu-outbound-list-card {
  position: relative;
  z-index: 2;
  isolation: isolate;
  contain: paint;
  overflow: hidden !important;
  transform: translateZ(0);
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.080), rgba(255,255,255,.028)),
    rgba(27, 41, 66, .76) !important;
}

body.liquidglass-ui.lgu-page-outbound .lgu-outbound-form-card > .card-body {
  position: relative;
  z-index: 1;
  overflow: hidden !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.liquidglass-ui.lgu-page-outbound .lgu-outbound-list-card .card-datatable,
body.liquidglass-ui.lgu-page-outbound .lgu-outbound-list-card .dataTables_wrapper,
body.liquidglass-ui.lgu-page-outbound .lgu-outbound-list-card .dataTables_wrapper > .row,
body.liquidglass-ui.lgu-page-outbound .lgu-outbound-list-card .table-responsive {
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.liquidglass-ui.lgu-page-outbound .lgu-outbound-list-card .card-datatable,
body.liquidglass-ui.lgu-page-outbound .lgu-outbound-list-card .dataTables_wrapper {
  overflow: hidden !important;
  contain: paint;
}

body.liquidglass-ui.lgu-page-outbound .lgu-outbound-list-card .table-responsive {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

body.liquidglass-ui.lgu-page-outbound .select2-container--open,
body.liquidglass-ui.lgu-page-outbound .select2-dropdown,
body.liquidglass-ui.lgu-page-outbound .lgu-outbound-select2-floating {
  z-index: 26000 !important;
}

body.liquidglass-ui.lgu-page-outbound .select2-container--open,
body.liquidglass-ui.lgu-page-outbound .select2-container--open.select2-container--default,
body.liquidglass-ui.lgu-page-outbound .select2-container--open.lgu-outbound-select2-floating {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.liquidglass-ui.lgu-page-outbound .select2-dropdown.lgu-outbound-select-dropdown {
  margin-top: 6px;
  transform: translateZ(0);
  contain: paint;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.liquidglass-ui.lgu-page-outbound .lgu-outbound-list-card .dataTables_length,
body.liquidglass-ui.lgu-page-outbound .lgu-outbound-list-card .dataTables_length label {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: .32rem;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  isolation: auto;
  overflow: visible;
}

body.liquidglass-ui.lgu-page-outbound .lgu-outbound-list-card .dataTables_length:hover,
body.liquidglass-ui.lgu-page-outbound .lgu-outbound-list-card .dataTables_length:focus-within,
body.liquidglass-ui.lgu-page-outbound .lgu-outbound-list-card .dataTables_length label:hover,
body.liquidglass-ui.lgu-page-outbound .lgu-outbound-list-card .dataTables_length label:focus-within {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body.liquidglass-ui.lgu-page-outbound .lgu-outbound-list-card .dataTables_length select,
body.liquidglass-ui.lgu-page-outbound .lgu-outbound-list-card .dataTables_length .form-select,
body.liquidglass-ui.lgu-page-outbound .lgu-outbound-list-card .dataTables_length .lgu-dt-length-select {
  position: relative;
  z-index: 2;
  contain: paint;
  background-image: none !important;
  box-shadow: none !important;
}

body.liquidglass-ui.lgu-page-exchange .select2-dropdown,
body.liquidglass-ui.lgu-page-outbound .select2-dropdown {
  color: var(--lgu-text);
  border: 1px solid rgba(126, 229, 255, .22);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(52, 71, 101, .96), rgba(65, 75, 116, .94)),
    rgba(24, 34, 52, .96);
  box-shadow: 0 20px 42px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255,255,255,.12);
  overflow: hidden;
}

body.liquidglass-ui.lgu-page-exchange .select2-search__field,
body.liquidglass-ui.lgu-page-outbound .select2-search__field {
  color: var(--lgu-text);
  border-color: rgba(126, 229, 255, .22) !important;
  border-radius: 10px;
  background: rgba(12, 22, 38, .34);
}

body.liquidglass-ui.lgu-page-exchange .select2-container--default .select2-results__option--highlighted[aria-selected],
body.liquidglass-ui.lgu-page-outbound .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: linear-gradient(135deg, rgba(48, 187, 255, .92), rgba(99, 113, 255, .92));
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-exchange .select2-dropdown,
html.light-style body.liquidglass-ui.lgu-page-exchange .select2-dropdown,
body.light-layout.liquidglass-ui.lgu-page-exchange .select2-dropdown,
html[data-theme="light"] body.liquidglass-ui.lgu-page-outbound .select2-dropdown,
html.light-style body.liquidglass-ui.lgu-page-outbound .select2-dropdown,
body.light-layout.liquidglass-ui.lgu-page-outbound .select2-dropdown {
  color: #1e293b;
  border-color: rgba(71, 150, 196, .22);
  background:
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(240,248,255,.96)),
    rgba(255,255,255,.96);
  box-shadow: 0 20px 44px rgba(84, 120, 160, .18), inset 0 1px 0 rgba(255,255,255,.85);
}

html[data-theme="light"] body.liquidglass-ui.lgu-page-exchange .select2-search__field,
html.light-style body.liquidglass-ui.lgu-page-exchange .select2-search__field,
body.light-layout.liquidglass-ui.lgu-page-exchange .select2-search__field,
html[data-theme="light"] body.liquidglass-ui.lgu-page-outbound .select2-search__field,
html.light-style body.liquidglass-ui.lgu-page-outbound .select2-search__field,
body.light-layout.liquidglass-ui.lgu-page-outbound .select2-search__field {
  color: #1e293b;
  background: rgba(255,255,255,.86);
}

/* /exchange v2: stabilize the route hero while refreshing after hovering the exchange form card.
   Chrome can restore the mouse hover position immediately after reload. On this page the hovered
   accordion card and the hero both use translucent/glass layers, so their first repaint may briefly
   show a pale/dark band near .lgu-route-hero__main. Keep the exchange hero on a fixed painted layer
   and suppress transition/filter work during prepaint and theme switching. */
body.liquidglass-ui.lgu-page-exchange {
  --lgu-exchange-hero-bg-dark:
    radial-gradient(circle at 7% 12%, rgba(114,231,255,.20), transparent 28%),
    radial-gradient(circle at 90% 0%, rgba(255,142,219,.16), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.115), rgba(255,255,255,.040)),
    rgba(29, 42, 66, .80);
  --lgu-exchange-hero-bg-light:
    radial-gradient(circle at 7% 10%, rgba(114,231,255,.24), transparent 28%),
    radial-gradient(circle at 90% 0%, rgba(255,142,219,.18), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.72), rgba(246,251,255,.46)),
    rgba(255,255,255,.52);
}

body.liquidglass-ui.lgu-page-exchange .lgu-route-hero,
body.liquidglass-ui.lgu-page-exchange .lgu-route-hero__main,
body.liquidglass-ui.lgu-page-exchange .lgu-route-hero__actions,
body.liquidglass-ui.lgu-page-exchange .lgu-route-hero__icon {
  isolation: isolate;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  transition-property: color, border-color, opacity, transform !important;
  animation: none !important;
}

html.dark-style body.liquidglass-ui.lgu-page-exchange .lgu-route-hero,
html[data-theme="dark"] body.liquidglass-ui.lgu-page-exchange .lgu-route-hero,
body.dark-layout.liquidglass-ui.lgu-page-exchange .lgu-route-hero {
  background: var(--lgu-exchange-hero-bg-dark) !important;
  border-color: rgba(114, 231, 255, .16) !important;
  box-shadow: 0 24px 70px rgba(0, 8, 22, .20), inset 0 1px 0 rgba(255,255,255,.13) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  contain: paint;
}

html.light-style body.liquidglass-ui.lgu-page-exchange .lgu-route-hero,
html[data-theme="light"] body.liquidglass-ui.lgu-page-exchange .lgu-route-hero,
body.light-layout.liquidglass-ui.lgu-page-exchange .lgu-route-hero {
  background: var(--lgu-exchange-hero-bg-light) !important;
  border-color: rgba(82, 130, 174, .14) !important;
  box-shadow: 0 22px 62px rgba(47, 86, 137, .11), inset 0 1px 0 rgba(255,255,255,.78) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  contain: paint;
}

body.liquidglass-ui.lgu-page-exchange .lgu-route-hero::before {
  display: none !important;
  filter: none !important;
  animation: none !important;
  transition: none !important;
}

body.liquidglass-ui.lgu-page-exchange .lgu-route-hero:hover,
body.liquidglass-ui.lgu-page-exchange .lgu-route-hero:focus-within,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card:hover,
body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card:focus-within {
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card:hover {
  border-color: var(--lgu-line) !important;
}

html.lg-liquid-prepaint.lgu-route-exchange-pre,
html.lg-liquid-prepaint.lgu-route-exchange-pre body,
html.lg-liquid-prepaint.lgu-route-exchange-pre .lgu-route-hero,
html.lg-liquid-prepaint.lgu-route-exchange-pre .lgu-route-hero__main,
html.lg-liquid-prepaint.lgu-route-exchange-pre .lgu-exchange-form-card,
html.lg-liquid-prepaint.lgu-route-exchange-pre .lgu-exchange-list-card,
html.lgu-theme-switching body.liquidglass-ui.lgu-page-exchange .lgu-route-hero,
html.lgu-theme-switching body.liquidglass-ui.lgu-page-exchange .lgu-route-hero *,
html.lgu-theme-switching body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card,
html.lgu-theme-switching body.liquidglass-ui.lgu-page-exchange .lgu-exchange-form-card *,
html.lgu-theme-switching body.liquidglass-ui.lgu-page-exchange .lgu-exchange-list-card,
html.lgu-theme-switching body.liquidglass-ui.lgu-page-exchange .lgu-exchange-list-card * {
  transition: none !important;
  animation: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.lg-liquid-prepaint.lgu-route-exchange-pre .lgu-route-hero,
html.lg-liquid-prepaint.lgu-route-exchange-pre .lgu-exchange-form-card,
html.lg-liquid-prepaint.lgu-route-exchange-pre .lgu-exchange-list-card {
  background: var(--lgu-exchange-card-bg-dark, linear-gradient(135deg, rgba(255,255,255,.080), rgba(255,255,255,.028)), rgba(27, 41, 66, .76)) !important;
  box-shadow: none !important;
}