:root {
  --bg-top: #0e1520;
  --bg-bottom: #17212d;
  --panel: rgba(24, 35, 47, 0.66);
  --panel-strong: rgba(29, 43, 58, 0.82);
  --panel-soft: rgba(36, 51, 67, 0.55);
  --border: rgba(208, 228, 255, 0.12);
  --border-strong: rgba(208, 228, 255, 0.22);
  --text: #eef4fb;
  --text-soft: #a2b2c3;
  --accent: #a27a5a;
  --accent-strong: #76543c;
  --accent-soft: rgba(162, 122, 90, 0.18);
  --focus: #65d2e4;
  --focus-soft: rgba(101, 210, 228, 0.18);
  --success: #72d7a1;
  --danger: #ff8181;
  --warning: #cfb08a;
  --shadow: 0 20px 40px rgba(0, 0, 0, 0.28);
  --radius-xl: 28px;
  --radius-lg: 20px;
  --radius-md: 16px;
  --rail-expanded: 310px;
  --rail-collapsed: 98px;
  --inline-label-width-default: 108px;
  --inline-label-width-compact: 62px;
  --inline-label-width-wide: 128px;
  --compact-field-height: 36px;
  --compact-field-padding-y: 7px;
  --compact-field-padding-x: 10px;
}

body[data-theme] .rail-profile-avatar.is-image,
body[data-theme] .shell-profile-avatar.is-image {
  background: #fff !important;
  color: transparent !important;
  overflow: hidden !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
}

body[data-theme] .rail-profile-avatar.is-image img,
body[data-theme] .shell-profile-avatar.is-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transform: scale(1.18);
}

body[data-theme] .rail-nav-section {
  display: grid;
  gap: 6px;
}

body[data-theme] .nav-section-title {
  margin: 0;
  padding: 2px 4px 0 4px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-soft);
}

body[data-theme] .rail-nav-children {
  display: grid;
  gap: 6px;
  padding-left: 10px;
  border-left: 1px solid rgba(208, 228, 255, 0.12);
}

body[data-theme] .rail-nav-section.is-active .nav-section-title {
  color: var(--text);
}

body[data-theme] .nav-link.is-child {
  min-height: 48px;
}

body[data-theme].is-sidebar-collapsed .nav-section-title {
  display: none;
}

body[data-theme].is-sidebar-collapsed .rail-nav-children {
  padding-left: 0;
  border-left: 0;
}

body[data-page="create-challan"] .create-challan-placeholder {
  min-height: calc(100vh - 182px);
  display: grid;
  place-items: center;
}

body[data-page="create-challan"] .create-challan-placeholder-card {
  width: min(760px, 100%);
  display: grid;
  gap: 14px;
  text-align: left;
}

body[data-page="create-challan"] .create-challan-placeholder-card h3 {
  margin: 0;
  font-size: 1.5rem;
}

body[data-page="create-challan"] .create-challan-placeholder-card p {
  margin: 0;
  color: var(--text-soft);
}

body[data-page="saved-challans"] .saved-challans-shell {
  display: grid;
  gap: 14px;
}

body[data-page="saved-challans"] .saved-challans-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

body[data-page="saved-challans"] .saved-challans-count {
  margin: 0;
  color: var(--text-soft);
  font-size: 0.92rem;
}

body[data-page="saved-challans"] .saved-challans-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

body[data-page="saved-challans"] .saved-challans-filters {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

body[data-page="saved-challans"] .saved-challans-filters label {
  display: grid;
  gap: 6px;
  font-size: 0.82rem;
  color: var(--text-soft);
}

body[data-page="saved-challans"] .saved-challans-table-shell {
  overflow: auto;
}

body[data-page="saved-challans"] .saved-challans-table-shell table {
  width: 100%;
  min-width: 860px;
}

body[data-page="saved-challans"] .saved-challans-table-shell th,
body[data-page="saved-challans"] .saved-challans-table-shell td {
  white-space: nowrap;
}

body[data-page="saved-challans"] .saved-challans-actions-cell {
  text-align: right;
}

body[data-page="saved-challans"] .saved-challans-edit-button {
  min-width: 108px;
  justify-content: center;
}

@media (max-width: 900px) {
  body[data-page="saved-challans"] .saved-challans-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  body[data-page="saved-challans"] .saved-challans-filters {
    grid-template-columns: 1fr;
  }
}

body[data-theme] .nav-link-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: flex-start;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.04);
  background: rgba(255, 244, 236, 0.04);
  color: var(--text);
  box-shadow: none;
}

body[data-theme="light"] .nav-link-toggle {
  background: rgba(101, 63, 44, 0.04);
}

body[data-theme] .nav-link-toggle:hover,
body[data-theme] .nav-link-toggle:focus-visible {
  background: rgba(255, 244, 236, 0.08);
  border-color: rgba(255, 225, 204, 0.12);
}

body[data-theme="light"] .nav-link-toggle:hover,
body[data-theme="light"] .nav-link-toggle:focus-visible {
  background: rgba(101, 63, 44, 0.07);
  border-color: rgba(109, 74, 60, 0.1);
}

body[data-theme] .nav-section-chevron {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  color: var(--text-soft);
  transition: transform 0.18s ease;
}

body[data-theme] .nav-link-toggle[aria-expanded="true"] .nav-section-chevron {
  transform: rotate(-90deg);
}

body[data-theme] .rail-nav-children[hidden] {
  display: none !important;
}

body[data-theme].is-sidebar-collapsed .nav-link-toggle {
  justify-content: center;
  gap: 0;
  padding: 12px 8px;
}

body[data-theme].is-sidebar-collapsed .nav-link-toggle .nav-section-chevron {
  display: none;
}

body[data-theme] {
  --bg-top: #2a0f0f;
  --bg-bottom: #120809;
  --panel: rgba(68, 33, 31, 0.62);
  --panel-strong: rgba(58, 26, 25, 0.84);
  --panel-soft: rgba(95, 54, 46, 0.34);
  --border: rgba(255, 225, 204, 0.12);
  --border-strong: rgba(255, 225, 204, 0.22);
  --text: #f7ede6;
  --text-soft: #ccb8ac;
  --accent: #a67a58;
  --accent-strong: #784f36;
  --accent-soft: rgba(166, 122, 88, 0.18);
  --focus: #c8ab8b;
  --focus-soft: rgba(200, 171, 139, 0.2);
  --success: #8fd0ab;
  --danger: #f49990;
  --warning: #cfb089;
  --shadow: 0 24px 60px rgba(11, 4, 4, 0.34);
  --shell-shadow: 0 28px 70px rgba(11, 4, 4, 0.4);
  --shell-surface: rgba(73, 32, 30, 0.78);
  --shell-surface-strong: rgba(82, 39, 36, 0.92);
  --shell-surface-soft: rgba(120, 73, 61, 0.2);
  --shell-surface-muted: rgba(255, 239, 229, 0.06);
  --shell-border: rgba(255, 228, 207, 0.12);
  --shell-border-strong: rgba(255, 228, 207, 0.2);
  --field-bg: rgba(255, 243, 233, 0.06);
  --field-bg-strong: rgba(255, 243, 233, 0.09);
  --field-border: rgba(255, 228, 207, 0.14);
  --surface-shadow: 0 18px 40px rgba(11, 4, 4, 0.2);
  --surface-shadow-soft: 0 12px 28px rgba(11, 4, 4, 0.12);
  --rail-expanded: 292px;
  --rail-collapsed: 96px;
  --radius-xl: 32px;
  --radius-lg: 24px;
  --radius-md: 18px;
  color-scheme: dark;
}

body[data-theme="light"] {
  --bg-top: #efd6c5;
  --bg-bottom: #d8bda7;
  --panel: rgba(255, 247, 239, 0.78);
  --panel-strong: rgba(255, 248, 241, 0.92);
  --panel-soft: rgba(200, 168, 144, 0.2);
  --border: rgba(104, 71, 58, 0.12);
  --border-strong: rgba(104, 71, 58, 0.2);
  --text: #4d332c;
  --text-soft: #866659;
  --accent: #9b6d49;
  --accent-strong: #744b33;
  --accent-soft: rgba(155, 109, 73, 0.18);
  --focus: #8d6548;
  --focus-soft: rgba(141, 101, 72, 0.16);
  --success: #4c8a63;
  --danger: #cb6f5f;
  --warning: #9d764c;
  --shadow: 0 22px 55px rgba(104, 71, 58, 0.16);
  --shell-shadow: 0 30px 75px rgba(104, 71, 58, 0.2);
  --shell-surface: rgba(255, 247, 239, 0.86);
  --shell-surface-strong: rgba(255, 251, 246, 0.96);
  --shell-surface-soft: rgba(194, 157, 130, 0.18);
  --shell-surface-muted: rgba(97, 63, 49, 0.05);
  --shell-border: rgba(109, 74, 60, 0.12);
  --shell-border-strong: rgba(109, 74, 60, 0.18);
  --field-bg: rgba(255, 255, 255, 0.7);
  --field-bg-strong: rgba(255, 255, 255, 0.88);
  --field-border: rgba(109, 74, 60, 0.14);
  --surface-shadow: 0 18px 40px rgba(104, 71, 58, 0.12);
  --surface-shadow-soft: 0 12px 28px rgba(104, 71, 58, 0.08);
  color-scheme: light;
}

body[data-theme] {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 15% 18%, rgba(169, 131, 96, 0.16), transparent 24%),
    linear-gradient(145deg, var(--bg-top), var(--bg-bottom));
}

body[data-theme]::before,
body[data-theme]::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

body[data-theme]::before {
  background:
    linear-gradient(140deg, transparent 0 22%, rgba(248, 142, 44, 0.2) 22% 39%, transparent 39% 100%),
    linear-gradient(34deg, transparent 0 56%, rgba(120, 40, 43, 0.28) 56% 74%, transparent 74% 100%),
    linear-gradient(304deg, transparent 0 70%, rgba(255, 201, 129, 0.12) 70% 80%, transparent 80% 100%);
  opacity: 0.9;
}

body[data-theme="light"]::before {
  background:
    linear-gradient(140deg, transparent 0 22%, rgba(232, 155, 70, 0.18) 22% 39%, transparent 39% 100%),
    linear-gradient(34deg, transparent 0 56%, rgba(181, 129, 104, 0.18) 56% 74%, transparent 74% 100%),
    linear-gradient(304deg, transparent 0 70%, rgba(255, 247, 233, 0.45) 70% 80%, transparent 80% 100%);
}

body[data-theme]::after {
  background:
    radial-gradient(circle at 82% 28%, rgba(255, 186, 92, 0.14), transparent 22%),
    radial-gradient(circle at 28% 84%, rgba(104, 20, 30, 0.22), transparent 26%);
}

body[data-theme] .bg-orb,
body[data-theme] .bg-grid {
  opacity: 0;
}

body[data-theme] .skip-link {
  background: var(--shell-surface-strong);
  border-color: var(--shell-border-strong);
  color: var(--text);
  box-shadow: var(--surface-shadow-soft);
}

body[data-theme] :focus-visible {
  outline-color: var(--focus);
  outline-offset: 3px;
}

body[data-theme] .rail-overlay {
  z-index: 70;
  background: rgba(18, 8, 8, 0.38);
  backdrop-filter: blur(6px);
}

body[data-theme] .app-shell {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: var(--rail-expanded) minmax(0, 1fr);
  gap: 18px;
  min-height: 100vh;
  height: 100vh;
  padding: 18px;
  transition: grid-template-columns 0.28s ease;
}

body[data-theme].is-sidebar-collapsed .app-shell {
  grid-template-columns: var(--rail-collapsed) minmax(0, 1fr);
}

body[data-theme] .side-rail {
  position: sticky;
  top: 18px;
  align-self: start;
  width: 100%;
  min-width: 0;
  height: calc(100vh - 36px);
  padding: 18px 16px 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  border-radius: 34px;
  background:
    linear-gradient(180deg, rgba(92, 43, 39, 0.9), rgba(49, 18, 18, 0.9)),
    var(--shell-surface);
  border: 1px solid var(--shell-border);
  box-shadow: var(--shell-shadow);
  backdrop-filter: blur(24px);
  overflow: visible;
  isolation: isolate;
}

body[data-theme="light"] .side-rail {
  background:
    linear-gradient(180deg, rgba(247, 227, 213, 0.94), rgba(232, 206, 188, 0.92)),
    var(--shell-surface);
}

body[data-theme] .side-rail::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 24%, transparent 100%);
  pointer-events: none;
}

body[data-theme] .side-rail-top,
body[data-theme] .side-rail-bottom {
  display: grid;
  gap: 16px;
}

body[data-theme] .side-rail-bottom {
  margin-top: auto;
}

body[data-theme] .rail-toggle.rail-edge-toggle {
  position: absolute;
  top: 28px;
  right: -15px;
  z-index: 3;
  width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--shell-surface-strong);
  border: 1px solid var(--shell-border-strong);
  color: var(--accent);
  box-shadow: 0 14px 26px rgba(11, 4, 4, 0.22);
}

body[data-theme] .rail-toggle-icon svg,
body[data-theme] .nav-icon svg,
body[data-theme] .rail-theme-icon svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.admin-reference-icon {
  display: inline-block;
  inline-size: 1em;
  block-size: 1em;
  flex: 0 0 auto;
  background-color: currentColor;
  -webkit-mask: var(--admin-reference-icon-url) center / contain no-repeat;
  mask: var(--admin-reference-icon-url) center / contain no-repeat;
}

body[data-theme] .rail-toggle-icon .admin-reference-icon,
body[data-theme] .nav-icon .admin-reference-icon,
body[data-theme] .rail-theme-icon .admin-reference-icon {
  inline-size: 18px;
  block-size: 18px;
}

body[data-theme].is-sidebar-collapsed .rail-toggle-icon svg {
  transform: rotate(180deg);
}

body[data-theme] .rail-profile-card {
  position: relative;
  border-radius: 24px;
  border: 1px solid var(--shell-border);
  background: var(--shell-surface-muted);
  box-shadow: var(--surface-shadow-soft);
}

body[data-theme] .rail-profile-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 14px;
}

body[data-theme] .rail-profile-avatar,
body[data-theme] .shell-profile-avatar {
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(255, 244, 237, 0.94), rgba(238, 186, 124, 0.94));
  color: #6c3522;
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  letter-spacing: 0.08em;
  box-shadow: 0 10px 18px rgba(15, 4, 4, 0.14);
}

body[data-theme="light"] .rail-profile-avatar,
body[data-theme="light"] .shell-profile-avatar {
  background: linear-gradient(135deg, #fffdfb, #f2c58f);
}

body[data-theme] .rail-profile-copy,
body[data-theme] .shell-profile-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}

body[data-theme] .rail-profile-copy strong,
body[data-theme] .shell-profile-copy strong {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  letter-spacing: -0.01em;
}

body[data-theme] .rail-profile-copy span,
body[data-theme] .shell-profile-copy small,
body[data-theme] .topbar-meta-copy {
  color: var(--text-soft);
  line-height: 1.45;
}

body[data-theme] .rail-mini-label,
body[data-theme] .eyebrow {
  margin: 0;
  color: color-mix(in srgb, var(--text-soft) 82%, var(--accent) 18%);
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

body[data-theme] .rail-nav-group {
  display: grid;
  gap: 8px;
}

body[data-theme] .rail-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0 4px;
}

body[data-theme] .rail-nav {
  display: grid;
  gap: 8px;
}

body[data-theme] .nav-link {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 13px;
  border-radius: 18px;
  border: 1px solid transparent;
  background: rgba(255, 244, 236, 0.04);
  color: var(--text);
  text-decoration: none;
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    color 0.2s ease;
}

body[data-theme="light"] .nav-link {
  background: rgba(101, 63, 44, 0.04);
}

body[data-theme] .nav-link:hover,
body[data-theme] .nav-link:focus-visible {
  transform: none;
  background: rgba(255, 244, 236, 0.08);
  border-color: rgba(255, 233, 214, 0.12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body[data-theme="light"] .nav-link:hover,
body[data-theme="light"] .nav-link:focus-visible {
  background: rgba(101, 63, 44, 0.07);
  border-color: rgba(109, 74, 60, 0.1);
}

body[data-theme] .nav-link.is-active {
  background: linear-gradient(180deg, rgba(180, 147, 119, 0.14), rgba(180, 147, 119, 0.05));
  border-color: rgba(166, 129, 99, 0.24);
  box-shadow: 0 12px 24px rgba(13, 4, 4, 0.12);
}

body[data-theme] .nav-link.is-active .nav-icon {
  background: linear-gradient(135deg, var(--accent), var(--accent-strong));
  color: #fff7f0;
}

body[data-theme] .nav-icon {
  width: 42px;
  height: 42px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 243, 233, 0.08);
  color: var(--text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

body[data-theme="light"] .nav-icon {
  background: rgba(109, 74, 60, 0.08);
}

body[data-theme] .nav-copy strong,
body[data-theme] .nav-copy small {
  display: block;
}

body[data-theme] .nav-copy small {
  margin-top: 2px;
  color: var(--text-soft);
}

body[data-theme] .workspace {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 16px;
  min-height: 0;
  height: calc(100vh - 36px);
  padding: 0;
  overflow: hidden;
}

body[data-theme] .topbar {
  min-height: 58px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 14px;
  align-items: center;
  padding: 16px 20px;
  border-radius: 28px;
  background: var(--shell-surface);
  border: 1px solid var(--shell-border);
  box-shadow: var(--surface-shadow);
}

body[data-theme] .topbar-left {
  gap: 14px;
}

body[data-theme] .title-block {
  display: grid;
  gap: 4px;
}

body[data-theme] .title-block h2 {
  font-size: clamp(1.2rem, 1.8vw, 1.6rem);
}

body[data-theme] .topbar-date {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid var(--shell-border);
  background: rgba(255, 243, 233, 0.05);
  color: var(--text);
}

body[data-theme] .shell-menu-button,
body[data-theme] .shell-profile-button {
  box-shadow: none;
}

body[data-theme] .shell-menu-button {
  width: 42px;
  min-width: 42px;
  height: 42px;
  display: none;
  border-radius: 999px;
  border: 1px solid var(--shell-border);
  background: rgba(255, 243, 233, 0.05);
  color: var(--text);
}

body[data-theme] .shell-menu-button span {
  width: 15px;
  background: currentColor;
}

body[data-theme] .shell-profile-button {
  min-height: 48px;
  padding: 6px 12px 6px 6px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border-radius: 999px;
  border: 1px solid var(--shell-border);
  background: rgba(255, 243, 233, 0.05);
  color: var(--text);
}

body[data-theme] .shell-profile-copy strong,
body[data-theme] .shell-profile-copy small {
  display: block;
}

body[data-theme] .page-section {
  max-width: none;
  min-height: 0;
  overflow: auto;
  padding-right: 4px;
}

body[data-theme] .page-section::-webkit-scrollbar {
  width: 10px;
}

body[data-theme] .page-section::-webkit-scrollbar-thumb {
  background: rgba(255, 243, 233, 0.16);
  border-radius: 999px;
}

body[data-theme="light"] .page-section::-webkit-scrollbar-thumb {
  background: rgba(109, 74, 60, 0.16);
}

body[data-theme] .section-heading,
body[data-theme] .card-heading,
body[data-theme] .action-bar {
  align-items: flex-end;
  gap: 16px;
}

body[data-theme] .section-copy {
  max-width: 58ch;
}

body[data-theme] .panel,
body[data-theme] .glass-panel,
body[data-theme] .glass-strong,
body[data-theme] .summary-tile,
body[data-theme] .summary-card,
body[data-theme] .summary-chip,
body[data-theme] .receipt-card,
body[data-theme] .table-shell,
body[data-theme] .list-item,
body[data-theme] .money-item,
body[data-theme] .ledger-card,
body[data-theme] .meta-pill {
  border-color: var(--shell-border);
  background: var(--shell-surface);
  box-shadow: var(--surface-shadow);
  backdrop-filter: blur(24px);
}

body[data-theme] .glass-strong {
  background: var(--shell-surface-strong);
}

body[data-theme] .panel,
body[data-theme] .summary-tile,
body[data-theme] .summary-card,
body[data-theme] .summary-chip,
body[data-theme] .receipt-card,
body[data-theme] .table-shell {
  border-radius: 28px;
}

body[data-theme] .summary-tile strong,
body[data-theme] .summary-card strong,
body[data-theme] .panel h3,
body[data-theme] .receipt-card h3 {
  color: var(--text);
}

body[data-theme] button,
body[data-theme] .button-link {
  min-height: 42px;
  border-radius: 16px;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease;
}

body[data-theme] button:hover,
body[data-theme] .button-link:hover {
  transform: translateY(-1px);
}

body[data-theme] button:not(.secondary-button):not(.ghost-button):not(.shell-menu-button):not(.shell-profile-button):not(.rail-toggle):not(.rail-theme-button):not(.admin-settings-nav-item):not(.admin-settings-inline-link):not(.admin-settings-quick-action):not(.admin-quick-action-card):not(.needs-attention-row):not(.help-link-row):not(.icon-action-button):not(.admin-settings-status-card-action):not(.rp-menu-item):not(.rp-drawer-link):not(.rp-quick-link):not(.rp-icon-btn):not(.rp-button):not(.rp-page-btn):not(.rp-drawer-close),
body[data-theme] .button-link.primary-link {
  background: linear-gradient(135deg, var(--accent), var(--accent-strong));
  color: #fff7f0;
  box-shadow: 0 16px 30px rgba(118, 84, 60, 0.22);
}

body[data-theme] .secondary-button,
body[data-theme] .ghost-button,
body[data-theme] .ghost-link,
body[data-theme] .button-link.ghost-link {
  border: 1px solid var(--field-border);
  background: var(--field-bg);
  color: var(--text);
  box-shadow: none;
}

body[data-theme] input:not([type="checkbox"]):not([type="radio"]),
body[data-theme] select,
body[data-theme] textarea {
  background: var(--field-bg-strong);
  border: 1px solid var(--field-border);
  color: var(--text);
  border-radius: 16px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body[data-theme] input:not([type="checkbox"]):not([type="radio"]):focus,
body[data-theme] select:focus,
body[data-theme] textarea:focus,
body[data-theme] input:not([type="checkbox"]):not([type="radio"]):focus-visible,
body[data-theme] select:focus-visible,
body[data-theme] textarea:focus-visible {
  outline: none;
  border-color: rgba(166, 122, 88, 0.62);
  box-shadow:
    0 0 0 1px rgba(166, 122, 88, 0.34),
    0 0 0 5px rgba(166, 122, 88, 0.14),
    0 8px 18px rgba(98, 69, 48, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]):focus,
body[data-theme="light"] select:focus,
body[data-theme="light"] textarea:focus,
body[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]):focus-visible,
body[data-theme="light"] select:focus-visible,
body[data-theme="light"] textarea:focus-visible {
  border-color: rgba(116, 75, 51, 0.5);
  box-shadow:
    0 0 0 1px rgba(116, 75, 51, 0.26),
    0 0 0 5px rgba(155, 109, 73, 0.12),
    0 8px 18px rgba(120, 84, 60, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body[data-theme] input::placeholder,
body[data-theme] textarea::placeholder {
  color: color-mix(in srgb, var(--text-soft) 82%, transparent 18%);
}

body[data-theme] table th {
  color: var(--text-soft);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.72rem;
}

body[data-theme] table th,
body[data-theme] table td {
  border-color: var(--shell-border);
}

body[data-theme] .modal-backdrop {
  background: rgba(17, 8, 8, 0.44);
  backdrop-filter: blur(8px);
}

body[data-theme] .modal-card {
  background: var(--shell-surface-strong);
  border: 1px solid var(--shell-border-strong);
  border-radius: 30px;
  box-shadow: var(--shell-shadow);
}

body[data-theme] .modal-header,
body[data-theme] .modal-actions {
  border-color: var(--shell-border);
}

body[data-theme] .toast-card {
  background: var(--shell-surface-strong);
  border: 1px solid var(--shell-border);
  border-radius: 22px;
  box-shadow: var(--surface-shadow);
}

body[data-theme] .toast-indicator {
  background: linear-gradient(180deg, var(--accent), var(--accent-strong));
}

body[data-theme].is-sidebar-collapsed .side-rail {
  padding-inline: 12px;
  border-radius: 30px;
}

body[data-theme].is-sidebar-collapsed .rail-profile-card {
  justify-content: center;
  padding-inline: 0;
}

body[data-theme].is-sidebar-collapsed .rail-profile-copy,
body[data-theme].is-sidebar-collapsed .rail-section-header,
body[data-theme].is-sidebar-collapsed .nav-copy {
  display: none;
}

body[data-theme].is-sidebar-collapsed .nav-link {
  justify-content: center;
  padding-inline: 0;
}

@media screen and (max-width: 1080px) {
  body[data-theme] .app-shell {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 12px;
  }

  body[data-theme] .workspace {
    height: auto;
    min-height: calc(100vh - 24px);
  }

  body[data-theme] .side-rail {
    position: fixed;
    top: 12px;
    left: 12px;
    z-index: 80;
    width: min(324px, calc(100vw - 24px));
    height: calc(100vh - 24px);
    transform: translateX(calc(-100% - 20px));
    transition: transform 0.24s ease;
  }

  body[data-theme].is-sidebar-open .side-rail {
    transform: translateX(0);
  }

  body[data-theme] .rail-toggle.rail-edge-toggle {
    display: none;
  }

  body[data-theme] .shell-menu-button {
    display: inline-flex;
  }

  body[data-theme] .topbar {
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 14px 16px;
  }

  body[data-theme] .topbar-center {
    display: none;
  }
}

body[data-page="accounts"] .topbar,
body[data-page="dashboard"] .topbar,
body[data-page="reports"] .topbar {
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  min-height: 58px;
  padding: 10px 14px;
  gap: 12px;
}

body[data-page="accounts"] .topbar-left,
body[data-page="dashboard"] .topbar-left,
body[data-page="reports"] .topbar-left {
  gap: 10px;
  min-width: 0;
}

body[data-page="accounts"] .topbar-center,
body[data-page="dashboard"] .topbar-center,
body[data-page="reports"] .topbar-center {
  display: block;
  justify-self: center;
  min-width: 0;
}

body[data-page="accounts"] .topbar-right,
body[data-page="dashboard"] .topbar-right,
body[data-page="reports"] .topbar-right {
  justify-self: end;
  min-width: 40px;
}

body[data-page="accounts"] .title-block h2,
body[data-page="dashboard"] .title-block h2,
body[data-page="reports"] .title-block h2 {
  font-size: clamp(1rem, 1.05vw, 1.18rem);
  line-height: 1.05;
}

body[data-page="accounts"] .topbar-date,
body[data-page="dashboard"] .topbar-date,
body[data-page="reports"] .topbar-date {
  min-height: 32px;
  padding: 0 12px;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
}

body[data-page="accounts"] .shell-profile-button,
body[data-page="dashboard"] .shell-profile-button,
body[data-page="reports"] .shell-profile-button {
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  padding: 0;
}

body[data-page="accounts"] .page-section {
  min-height: 0;
  height: 100%;
  overflow: hidden;
  grid-template-rows: auto minmax(0, 1fr);
}

body[data-page="accounts"] .account-directory-panel {
  min-height: 0;
  height: 100%;
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr);
}

body[data-page="accounts"] .account-directory-shell {
  min-height: 0;
  height: 100%;
  overflow: auto;
}

@media screen and (max-width: 1080px) {
  body[data-page="accounts"] .topbar,
  body[data-page="dashboard"] .topbar,
  body[data-page="reports"] .topbar {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    min-height: 50px;
    padding: 8px 10px;
    gap: 8px;
  }

  body[data-page="accounts"] .title-block h2,
  body[data-page="dashboard"] .title-block h2,
  body[data-page="reports"] .title-block h2 {
    font-size: 0.95rem;
  }

  body[data-page="accounts"] .topbar-date,
  body[data-page="dashboard"] .topbar-date,
  body[data-page="reports"] .topbar-date {
    min-height: 28px;
    padding: 0 8px;
    font-size: 0.7rem;
  }
}
body[data-page="accounts"] .topbar,
body[data-page="dashboard"] .topbar,
body[data-page="reports"] .topbar {
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  min-height: 58px;
  padding: 10px 14px;
  gap: 12px;
}

body[data-page="accounts"] .topbar-left,
body[data-page="dashboard"] .topbar-left,
body[data-page="reports"] .topbar-left {
  gap: 10px;
  min-width: 0;
}

body[data-page="accounts"] .topbar-center,
body[data-page="dashboard"] .topbar-center,
body[data-page="reports"] .topbar-center {
  display: block;
  justify-self: center;
  min-width: 0;
}

body[data-page="accounts"] .topbar-right,
body[data-page="dashboard"] .topbar-right,
body[data-page="reports"] .topbar-right {
  justify-self: end;
  min-width: 40px;
}

body[data-page="accounts"] .title-block h2,
body[data-page="dashboard"] .title-block h2,
body[data-page="reports"] .title-block h2 {
  font-size: clamp(1rem, 1.05vw, 1.18rem);
  line-height: 1.05;
}

body[data-page="accounts"] .topbar-date,
body[data-page="dashboard"] .topbar-date,
body[data-page="reports"] .topbar-date {
  min-height: 32px;
  padding: 0 12px;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
}

body[data-page="accounts"] .shell-profile-button,
body[data-page="dashboard"] .shell-profile-button,
body[data-page="reports"] .shell-profile-button {
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  padding: 0;
}

body[data-page="accounts"] .page-section {
  min-height: 0;
  height: 100%;
  overflow: hidden;
  grid-template-rows: auto minmax(0, 1fr);
}

body[data-page="accounts"] .account-directory-panel {
  min-height: 0;
  height: 100%;
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr);
}

body[data-page="accounts"] .account-directory-shell {
  min-height: 0;
  height: 100%;
  overflow: auto;
}

@media screen and (max-width: 1080px) {
  body[data-page="accounts"] .topbar,
  body[data-page="dashboard"] .topbar,
  body[data-page="reports"] .topbar {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    min-height: 50px;
    padding: 8px 10px;
    gap: 8px;
  }

  body[data-page="accounts"] .title-block h2,
  body[data-page="dashboard"] .title-block h2,
  body[data-page="reports"] .title-block h2 {
    font-size: 0.95rem;
  }

  body[data-page="accounts"] .topbar-date,
  body[data-page="dashboard"] .topbar-date,
  body[data-page="reports"] .topbar-date {
    min-height: 28px;
    padding: 0 8px;
    font-size: 0.7rem;
  }
}

body[data-page="accounts"] .topbar,
body[data-page="dashboard"] .topbar,
body[data-page="reports"] .topbar {
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  min-height: 58px;
  padding: 10px 14px;
  gap: 12px;
}

body[data-page="accounts"] .topbar-left,
body[data-page="dashboard"] .topbar-left,
body[data-page="reports"] .topbar-left {
  gap: 10px;
  min-width: 0;
}

body[data-page="accounts"] .topbar-center,
body[data-page="dashboard"] .topbar-center,
body[data-page="reports"] .topbar-center {
  display: block;
  justify-self: center;
  min-width: 0;
}

body[data-page="accounts"] .topbar-right,
body[data-page="dashboard"] .topbar-right,
body[data-page="reports"] .topbar-right {
  justify-self: end;
  min-width: 40px;
}

body[data-page="accounts"] .title-block h2,
body[data-page="dashboard"] .title-block h2,
body[data-page="reports"] .title-block h2 {
  font-size: clamp(1rem, 1.05vw, 1.18rem);
  line-height: 1.05;
}

body[data-page="accounts"] .topbar-date,
body[data-page="dashboard"] .topbar-date,
body[data-page="reports"] .topbar-date {
  min-height: 32px;
  padding: 0 12px;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
}

body[data-page="accounts"] .shell-profile-button,
body[data-page="dashboard"] .shell-profile-button,
body[data-page="reports"] .shell-profile-button {
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  padding: 0;
}

body[data-page="accounts"] .page-section {
  min-height: 0;
  height: 100%;
  overflow: hidden;
  grid-template-rows: auto minmax(0, 1fr);
}

body[data-page="accounts"] .account-directory-panel {
  min-height: 0;
  height: 100%;
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr);
}

body[data-page="accounts"] .account-directory-shell {
  min-height: 0;
  height: 100%;
  overflow: auto;
}

@media screen and (max-width: 1080px) {
  body[data-page="accounts"] .topbar,
  body[data-page="dashboard"] .topbar,
  body[data-page="reports"] .topbar {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    min-height: 50px;
    padding: 8px 10px;
    gap: 8px;
  }

  body[data-page="accounts"] .title-block h2,
  body[data-page="dashboard"] .title-block h2,
  body[data-page="reports"] .title-block h2 {
    font-size: 0.95rem;
  }

  body[data-page="accounts"] .topbar-date,
  body[data-page="dashboard"] .topbar-date,
  body[data-page="reports"] .topbar-date {
    min-height: 28px;
    padding: 0 8px;
    font-size: 0.7rem;
  }
}

body[data-page="accounts"] .topbar,
body[data-page="dashboard"] .topbar,
body[data-page="reports"] .topbar {
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  min-height: 58px;
  padding: 10px 14px;
  gap: 12px;
}

body[data-page="accounts"] .topbar-left,
body[data-page="dashboard"] .topbar-left,
body[data-page="reports"] .topbar-left {
  gap: 10px;
  min-width: 0;
}

body[data-page="accounts"] .topbar-center,
body[data-page="dashboard"] .topbar-center,
body[data-page="reports"] .topbar-center {
  display: block;
  justify-self: center;
  min-width: 0;
}

body[data-page="accounts"] .topbar-right,
body[data-page="dashboard"] .topbar-right,
body[data-page="reports"] .topbar-right {
  justify-self: end;
  min-width: 40px;
}

body[data-page="accounts"] .title-block h2,
body[data-page="dashboard"] .title-block h2,
body[data-page="reports"] .title-block h2 {
  font-size: clamp(1rem, 1.05vw, 1.18rem);
  line-height: 1.05;
}

body[data-page="accounts"] .topbar-date,
body[data-page="dashboard"] .topbar-date,
body[data-page="reports"] .topbar-date {
  min-height: 32px;
  padding: 0 12px;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
}

body[data-page="accounts"] .shell-profile-button,
body[data-page="dashboard"] .shell-profile-button,
body[data-page="reports"] .shell-profile-button {
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  padding: 0;
}

body[data-page="accounts"] .page-section {
  min-height: 0;
  height: 100%;
  overflow: hidden;
  grid-template-rows: auto minmax(0, 1fr);
}

body[data-page="accounts"] .account-directory-panel {
  min-height: 0;
  height: 100%;
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr);
}

body[data-page="accounts"] .account-directory-shell {
  min-height: 0;
  height: 100%;
  overflow: auto;
}

@media screen and (max-width: 1080px) {
  body[data-page="accounts"] .topbar,
  body[data-page="dashboard"] .topbar,
  body[data-page="reports"] .topbar {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    min-height: 50px;
    padding: 8px 10px;
    gap: 8px;
  }

  body[data-page="accounts"] .title-block h2,
  body[data-page="dashboard"] .title-block h2,
  body[data-page="reports"] .title-block h2 {
    font-size: 0.95rem;
  }

  body[data-page="accounts"] .topbar-date,
  body[data-page="dashboard"] .topbar-date,
  body[data-page="reports"] .topbar-date {
    min-height: 28px;
    padding: 0 8px;
    font-size: 0.7rem;
  }
}

@media screen and (min-width: 1081px) and (max-width: 1360px) {
  body[data-page="challans"] .topbar {
    min-height: 38px !important;
    padding: 4px 8px !important;
    gap: 8px !important;
  }

  body[data-page="challans"] .topbar-left {
    gap: 8px !important;
    padding-right: 52px !important;
  }

  body[data-page="challans"] .title-block h2 {
    font-size: 0.94rem !important;
    line-height: 1 !important;
  }

  body[data-page="challans"] .topbar-date {
    min-height: 22px !important;
    padding: 0 8px !important;
    font-size: 0.66rem !important;
  }

  body[data-page="challans"] .topbar-right {
    min-width: 34px !important;
  }

  body[data-page="challans"] .shell-profile-button {
    width: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
  }

  body[data-page="challans"] .shell-profile-avatar {
    font-size: 0.7rem !important;
  }
}

@media screen and (min-width: 1081px) and (max-width: 1200px) {
  body[data-page="challans"] .topbar {
    padding: 4px 7px !important;
  }

  body[data-page="challans"] .topbar-center {
    position: static !important;
    transform: none !important;
    margin-left: auto !important;
    margin-right: 6px !important;
  }

  body[data-page="challans"] .topbar-left {
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 1081px) and (max-width: 1360px) {
  body[data-page="challans"] .challan-header-grid label.desk-row {
    --desk-label-width: 74px !important;
  }

  body[data-page="challans"] .builty-entry-grid label.desk-row,
  body[data-page="challans"] .builty-entry-grid label.desk-row.full-span {
    --desk-label-width: 96px !important;
  }

  body[data-page="challans"] .challan-settlement-grid label.desk-row {
    --desk-label-width: 88px !important;
  }

  body[data-page="challans"] .challan-header-card label.desk-row > .desk-label-cell,
  body[data-page="challans"] .builty-entry-grid label.desk-row > .desk-label-cell,
  body[data-page="challans"] .challan-settlement-grid label.desk-row > .desk-label-cell {
    padding: 3px 6px !important;
  }
}

@media screen and (min-width: 1081px) {
  /* Final challan desktop layout override. Keep this at EOF so duplicated
     earlier challan blocks cannot override the operator split again. */
  body[data-page="challans"] .page-section.challan-fit-layout {
    grid-template-rows: auto auto minmax(0, 1fr) auto !important;
    align-content: stretch !important;
  }

  body[data-page="challans"] .challan-main-grid {
    display: grid !important;
    height: 100% !important;
    min-height: 0 !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: stretch !important;
    align-content: stretch !important;
  }

  body[data-page="challans"] .challan-main-grid > * {
    min-width: 0 !important;
  }

  body[data-page="challans"] .challan-entry-card,
  body[data-page="challans"] .challan-records-card {
    align-self: stretch !important;
    height: 100% !important;
    min-height: 0 !important;
  }

  body[data-page="challans"] .challan-entry-card {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    align-content: stretch !important;
  }

  body[data-page="challans"] .challan-records-card {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) auto auto !important;
    align-content: stretch !important;
  }
}

@media screen and (min-width: 1081px) {
  /* Final challan desktop override: keep the working area full-height and
     enforce the requested 40/60 split after all earlier duplicated rules. */
  body[data-page="challans"] .page-section.challan-fit-layout {
    grid-template-rows: auto auto minmax(0, 1fr) auto !important;
    align-content: stretch !important;
  }

  body[data-page="challans"] .challan-main-grid {
    display: grid;
    height: 100%;
    min-height: 0;
    grid-template-columns: 40% minmax(0, 60%) !important;
    gap: 8px;
    align-items: stretch !important;
    align-content: stretch !important;
  }

  body[data-page="challans"] .challan-entry-card,
  body[data-page="challans"] .challan-records-card {
    align-self: stretch !important;
    height: 100%;
    min-height: 0;
  }

  body[data-page="challans"] .challan-entry-card {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    align-content: stretch !important;
  }

  body[data-page="challans"] .challan-records-card {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto auto;
    align-content: stretch !important;
  }
}

@media screen and (min-width: 1081px) {
  body[data-page="delivery"] .topbar,
  body[data-page="delivery"] .section-heading {
    display: none !important;
  }

  body[data-page="delivery"] .workspace {
    grid-template-rows: minmax(0, 1fr) !important;
  }

  body[data-page="delivery"] .page-section {
    min-height: 0;
    height: 100%;
    padding-top: 0;
    gap: 8px;
  }

  body[data-page="delivery"] .delivery-desk {
    height: 100%;
    min-height: 0;
    gap: 10px;
    align-items: stretch;
    grid-template-columns: minmax(340px, 0.86fr) minmax(560px, 1fr) minmax(228px, 0.52fr) !important;
  }

  body[data-page="delivery"] .delivery-queue-panel,
  body[data-page="delivery"] .delivery-editor-panel,
  body[data-page="delivery"] .delivery-side-stack > .panel {
    min-height: 0;
    height: 100%;
  }

  body[data-page="delivery"] .delivery-queue-list {
    gap: 4px;
    padding-right: 2px;
    max-height: none;
    min-height: 0;
    overflow: auto;
  }

  body[data-page="delivery"] .delivery-queue-item {
    padding: 8px 10px;
    border-radius: 12px;
  }

  body[data-page="delivery"] .delivery-queue-item-meta,
  body[data-page="delivery"] .delivery-queue-item-footer {
    margin-top: 5px;
    font-size: 0.76rem;
  }

  body[data-page="delivery"] .delivery-editor-panel {
    display: block;
    overflow: hidden !important;
  }

  body[data-page="delivery"] .delivery-console-form {
    display: grid;
    grid-template-rows: auto auto auto auto;
    gap: 6px !important;
    height: 100%;
    min-height: 0;
    overflow: hidden !important;
    padding-right: 0 !important;
  }

  body[data-page="delivery"] .delivery-topband,
  body[data-page="delivery"] .delivery-console-block {
    padding: 7px 8px !important;
    border-radius: 12px;
  }

  body[data-page="delivery"] .delivery-topband {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px 10px !important;
    align-items: start;
  }

  body[data-page="delivery"] .delivery-topband-fields {
    gap: 4px !important;
    max-width: 410px;
  }

  body[data-page="delivery"] .delivery-topband-row {
    grid-template-columns: 92px minmax(0, 1fr) !important;
    gap: 0 !important;
    align-items: stretch;
  }

  body[data-page="delivery"] .delivery-topband-row:first-child .delivery-topband-field {
    max-width: 154px !important;
  }

  body[data-page="delivery"] .delivery-forward-combobox {
    position: relative;
    max-width: 304px;
  }

  body[data-page="delivery"] .delivery-topband-label.desk-label-cell,
  body[data-page="delivery"] .delivery-charge-label.desk-label-cell,
  body[data-page="delivery"] .delivery-detail-label.desk-label-cell,
  body[data-page="delivery"] .delivery-payment-block label.desk-row > .desk-label-cell,
  body[data-page="delivery"] .delivery-handling-grid label.desk-row > .desk-label-cell {
    padding: 3px 8px !important;
    font-size: 0.76rem !important;
    line-height: 1;
  }

  body[data-page="delivery"] .delivery-topband-row > .desk-field-cell > input,
  body[data-page="delivery"] .delivery-forward-combobox > input[type="text"],
  body[data-page="delivery"] .delivery-charge-row > input,
  body[data-page="delivery"] .delivery-detail-row > input,
  body[data-page="delivery"] .delivery-payment-block label.desk-row > .desk-field-cell > input,
  body[data-page="delivery"] .delivery-payment-block label.desk-row > .desk-field-cell > select,
  body[data-page="delivery"] .delivery-handling-grid label.desk-row > .desk-field-cell > input {
    min-height: 28px !important;
    padding: 4px 7px !important;
    font-size: 0.78rem !important;
  }

  body[data-page="delivery"] .delivery-editor-meta {
    gap: 3px !important;
    align-content: start;
    justify-items: end;
    text-align: right;
  }

  body[data-page="delivery"] .delivery-topband-title {
    font-size: 0.98rem !important;
  }

  body[data-page="delivery"] .delivery-receipt-chip {
    min-width: 112px;
    gap: 2px;
    padding: 4px 8px !important;
    border-radius: 10px;
  }

  body[data-page="delivery"] .delivery-receipt-chip strong {
    font-size: 0.92rem;
  }

  body[data-page="delivery"] .delivery-record-state {
    gap: 3px !important;
    justify-items: end;
  }

  body[data-page="delivery"] .delivery-legacy-workbench {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  body[data-page="delivery"] .delivery-charge-grid,
  body[data-page="delivery"] .delivery-gr-grid {
    gap: 3px !important;
  }

  body[data-page="delivery"] .delivery-charge-row {
    grid-template-columns: 122px minmax(88px, 1fr) !important;
    gap: 0 !important;
    align-items: stretch;
  }

  body[data-page="delivery"] .delivery-detail-row {
    grid-template-columns: 88px minmax(0, 1fr) !important;
    gap: 0 !important;
    align-items: stretch;
  }

  body[data-page="delivery"] .delivery-detail-dual {
    gap: 4px !important;
  }

  body[data-page="delivery"] .delivery-payment-block .delivery-settlement-grid,
  body[data-page="delivery"] .delivery-handling-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px 8px !important;
  }

  body[data-page="delivery"] .delivery-payment-block label.desk-row,
  body[data-page="delivery"] .delivery-handling-grid label.desk-row {
    --desk-label-width: 82px;
    min-width: 0;
  }

  body[data-page="delivery"] .delivery-payment-block label.desk-row.full-span,
  body[data-page="delivery"] .delivery-handling-grid label.desk-row.full-span {
    --desk-label-width: 86px;
  }

  body[data-page="delivery"] .delivery-inline-actions {
    grid-column: 1 / -1;
    padding-top: 2px;
    justify-content: flex-end;
  }

  body[data-page="delivery"] .delivery-inline-actions button,
  body[data-page="delivery"] .delivery-action-stack button {
    min-width: 140px;
    min-height: 29px;
    padding: 5px 10px;
  }

  body[data-page="delivery"] .delivery-side-stack {
    gap: 8px;
    height: 100%;
    min-height: 0;
    overflow: hidden;
  }

  body[data-page="delivery"] .delivery-control-panel label.desk-row {
    --desk-label-width: 78px;
    font-size: 0.75rem;
  }

  body[data-page="delivery"] .delivery-desk-status {
    min-height: 36px;
    padding: 8px 10px;
    font-size: 0.76rem;
    line-height: 1.35;
  }

  body[data-page="delivery"] .delivery-preview-panel {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
  }

  body[data-page="delivery"] #receiptCard {
    min-height: 0;
    overflow: auto;
  }
}

@media screen and (min-width: 1081px) and (max-width: 1440px) {
  body[data-page="delivery"] .delivery-desk {
    grid-template-columns: minmax(312px, 0.8fr) minmax(520px, 1fr) minmax(214px, 0.48fr) !important;
  }

  body[data-page="delivery"] .delivery-topband-fields {
    max-width: 372px;
  }

  body[data-page="delivery"] .delivery-topband-row:first-child .delivery-topband-field {
    max-width: 138px !important;
  }

  body[data-page="delivery"] .delivery-forward-combobox {
    max-width: 270px;
  }
}

@media screen and (min-width: 1081px) {
  body[data-page="delivery"] .topbar,
  body[data-page="delivery"] .section-heading {
    display: none;
  }

  body[data-page="delivery"] .workspace {
    grid-template-rows: minmax(0, 1fr);
  }

  body[data-page="delivery"] .page-section {
    min-height: 0;
    height: 100%;
    padding-top: 0;
    gap: 8px;
  }

  body[data-page="delivery"] #accountNoticeHost {
    margin: 0;
  }

  body[data-page="delivery"] .delivery-desk {
    height: 100%;
    min-height: 0;
    gap: 10px;
    align-items: stretch;
    grid-template-columns: minmax(340px, 0.86fr) minmax(560px, 1fr) minmax(228px, 0.52fr);
  }

  body[data-page="delivery"] .delivery-queue-panel,
  body[data-page="delivery"] .delivery-editor-panel,
  body[data-page="delivery"] .delivery-side-stack > .panel {
    min-height: 0;
    height: 100%;
  }

  body[data-page="delivery"] .delivery-queue-panel {
    gap: 6px;
    align-content: start;
  }

  body[data-page="delivery"] .delivery-queue-panel .card-heading,
  body[data-page="delivery"] .delivery-control-panel .card-heading,
  body[data-page="delivery"] .delivery-preview-panel .card-heading {
    margin-bottom: 0;
  }

  body[data-page="delivery"] .delivery-queue-stats {
    gap: 6px;
  }

  body[data-page="delivery"] .delivery-mini-stat {
    min-width: 72px;
    padding: 6px 8px;
  }

  body[data-page="delivery"] .delivery-queue-panel label.desk-row {
    --desk-label-width: 82px;
    font-size: 0.76rem;
  }

  body[data-page="delivery"] .delivery-queue-list {
    gap: 4px;
    padding-right: 2px;
    max-height: none;
    min-height: 0;
    overflow: auto;
  }

  body[data-page="delivery"] .delivery-queue-item {
    padding: 8px 10px;
    border-radius: 12px;
  }

  body[data-page="delivery"] .delivery-queue-item-meta,
  body[data-page="delivery"] .delivery-queue-item-footer {
    margin-top: 5px;
    font-size: 0.76rem;
  }

  body[data-page="delivery"] .delivery-editor-panel {
    display: block;
    overflow: hidden;
  }

  body[data-page="delivery"] .delivery-console-form {
    display: grid;
    grid-template-rows: auto auto auto auto;
    gap: 6px;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    padding-right: 0;
  }

  body[data-page="delivery"] .delivery-topband,
  body[data-page="delivery"] .delivery-console-block {
    padding: 7px 8px;
    border-radius: 12px;
  }

  body[data-page="delivery"] .delivery-topband {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 10px;
    align-items: start;
  }

  body[data-page="delivery"] .delivery-topband-fields {
    gap: 4px;
    max-width: 410px;
  }

  body[data-page="delivery"] .delivery-topband-row {
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 0;
    align-items: stretch;
  }

  body[data-page="delivery"] .delivery-topband-label.desk-label-cell,
  body[data-page="delivery"] .delivery-charge-label.desk-label-cell,
  body[data-page="delivery"] .delivery-detail-label.desk-label-cell,
  body[data-page="delivery"] .delivery-payment-block label.desk-row > .desk-label-cell,
  body[data-page="delivery"] .delivery-handling-grid label.desk-row > .desk-label-cell {
    padding: 3px 8px;
    font-size: 0.76rem;
    line-height: 1;
  }

  body[data-page="delivery"] .delivery-topband-field,
  body[data-page="delivery"] .delivery-forward-combobox {
    min-width: 0;
    width: 100%;
  }

  body[data-page="delivery"] .delivery-topband-row:first-child .delivery-topband-field {
    max-width: 154px;
  }

  body[data-page="delivery"] .delivery-forward-combobox {
    position: relative;
    max-width: 304px;
  }

  body[data-page="delivery"] .delivery-topband-row > .desk-field-cell > input,
  body[data-page="delivery"] .delivery-forward-combobox > input[type="text"],
  body[data-page="delivery"] .delivery-charge-row > input,
  body[data-page="delivery"] .delivery-detail-row > input,
  body[data-page="delivery"] .delivery-payment-block label.desk-row > .desk-field-cell > input,
  body[data-page="delivery"] .delivery-payment-block label.desk-row > .desk-field-cell > select,
  body[data-page="delivery"] .delivery-handling-grid label.desk-row > .desk-field-cell > input {
    min-height: 28px;
    padding: 4px 7px;
    font-size: 0.78rem;
  }

  body[data-page="delivery"] .delivery-forward-combobox > input[type="text"] {
    border-radius: 0 8px 8px 0;
    padding-right: 28px;
  }

  body[data-page="delivery"] .delivery-forward-menu {
    top: calc(100% + 5px);
    max-height: 256px;
    gap: 2px;
    padding: 6px;
    z-index: 60;
  }

  body[data-page="delivery"] .delivery-forward-option {
    gap: 1px;
    padding: 8px 9px;
    border-radius: 9px;
    font-size: 0.78rem;
  }

  body[data-page="delivery"] .delivery-forward-option small {
    font-size: 0.66rem;
  }

  body[data-page="delivery"] .delivery-editor-meta {
    gap: 3px;
    align-content: start;
    justify-items: end;
    text-align: right;
  }

  body[data-page="delivery"] .delivery-topband-title {
    font-size: 0.98rem;
    letter-spacing: 0.03em;
  }

  body[data-page="delivery"] .delivery-receipt-chip {
    min-width: 112px;
    gap: 2px;
    padding: 4px 8px;
    border-radius: 10px;
  }

  body[data-page="delivery"] .delivery-receipt-chip strong {
    font-size: 0.92rem;
  }

  body[data-page="delivery"] .delivery-record-state {
    gap: 3px;
    justify-items: end;
  }

  body[data-page="delivery"] .delivery-form-section-title {
    margin-top: 0;
    padding-top: 3px;
    font-size: 0.66rem;
  }

  body[data-page="delivery"] .delivery-receipt-workbench {
    padding-top: 11px;
  }

  body[data-page="delivery"] .delivery-receipt-caption {
    left: 8px;
    top: -10px;
    font-size: 0.7rem;
  }

  body[data-page="delivery"] .delivery-legacy-workbench {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
  }

  body[data-page="delivery"] .delivery-charge-grid,
  body[data-page="delivery"] .delivery-gr-grid {
    gap: 3px;
  }

  body[data-page="delivery"] .delivery-charge-row {
    grid-template-columns: 122px minmax(88px, 1fr);
    gap: 0;
    align-items: stretch;
  }

  body[data-page="delivery"] .delivery-charge-row > input {
    text-align: right;
  }

  body[data-page="delivery"] .delivery-detail-row {
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 0;
    align-items: stretch;
  }

  body[data-page="delivery"] .delivery-detail-dual {
    gap: 4px;
  }

  body[data-page="delivery"] .delivery-payment-block .delivery-settlement-grid,
  body[data-page="delivery"] .delivery-handling-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px 8px;
  }

  body[data-page="delivery"] .delivery-payment-block label.desk-row,
  body[data-page="delivery"] .delivery-handling-grid label.desk-row {
    --desk-label-width: 82px;
    min-width: 0;
  }

  body[data-page="delivery"] .delivery-payment-block label.desk-row.full-span,
  body[data-page="delivery"] .delivery-handling-grid label.desk-row.full-span {
    --desk-label-width: 86px;
  }

  body[data-page="delivery"] .delivery-payment-block .full-span,
  body[data-page="delivery"] .delivery-handling-grid .full-span,
  body[data-page="delivery"] .delivery-inline-actions {
    grid-column: 1 / -1;
  }

  body[data-page="delivery"] .delivery-inline-actions {
    padding-top: 2px;
    justify-content: flex-end;
  }

  body[data-page="delivery"] .delivery-inline-actions button,
  body[data-page="delivery"] .delivery-action-stack button {
    min-width: 140px;
    min-height: 29px;
    padding: 5px 10px;
  }

  body[data-page="delivery"] .delivery-side-stack {
    gap: 8px;
    height: 100%;
    min-height: 0;
    overflow: hidden;
  }

  body[data-page="delivery"] .delivery-control-panel {
    display: grid;
    gap: 8px;
    align-content: start;
  }

  body[data-page="delivery"] .delivery-control-panel label.desk-row {
    --desk-label-width: 78px;
    font-size: 0.75rem;
  }

  body[data-page="delivery"] .delivery-action-stack {
    gap: 6px;
  }

  body[data-page="delivery"] .delivery-desk-status {
    min-height: 36px;
    padding: 8px 10px;
    font-size: 0.76rem;
    line-height: 1.35;
  }

  body[data-page="delivery"] .delivery-preview-panel {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
  }

  body[data-page="delivery"] #receiptCard {
    min-height: 0;
    overflow: auto;
  }
}

@media screen and (min-width: 1081px) and (max-width: 1440px) {
  body[data-page="delivery"] .delivery-desk {
    grid-template-columns: minmax(312px, 0.8fr) minmax(520px, 1fr) minmax(214px, 0.48fr);
  }

  body[data-page="delivery"] .delivery-topband-fields {
    max-width: 372px;
  }

  body[data-page="delivery"] .delivery-topband-row:first-child .delivery-topband-field {
    max-width: 138px;
  }

  body[data-page="delivery"] .delivery-forward-combobox {
    max-width: 270px;
  }
}

@media screen and (max-width: 1080px) {
  body[data-page="delivery"] .delivery-topband,
  body[data-page="delivery"] .delivery-legacy-workbench,
  body[data-page="delivery"] .delivery-payment-block .delivery-settlement-grid,
  body[data-page="delivery"] .delivery-handling-grid {
    grid-template-columns: 1fr;
  }

  body[data-page="delivery"] .delivery-topband-row,
  body[data-page="delivery"] .delivery-charge-row,
  body[data-page="delivery"] .delivery-detail-row {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}

body[data-page="delivery"] .delivery-topband,
body[data-page="delivery"] .delivery-console-block {
  padding: 8px 9px;
}

body[data-page="delivery"] .delivery-console-form {
  gap: 6px;
  padding-right: 0;
}

body[data-page="delivery"] .delivery-topband {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 12px;
  align-items: start;
}

body[data-page="delivery"] .delivery-topband-fields {
  gap: 4px;
}

body[data-page="delivery"] .delivery-topband-row {
  grid-template-columns: 108px minmax(0, 1fr);
  gap: 0;
  align-items: stretch;
}

body[data-page="delivery"] .delivery-topband-row:first-child .delivery-topband-field {
  max-width: 188px;
}

body[data-page="delivery"] .delivery-topband-field,
body[data-page="delivery"] .delivery-forward-combobox {
  min-width: 0;
}

body[data-page="delivery"] .delivery-forward-combobox {
  position: relative;
}

body[data-page="delivery"] .delivery-forward-combobox > input[type="text"] {
  width: 100%;
  min-width: 0;
}

body[data-page="delivery"] .delivery-forward-menu {
  z-index: 42;
}

body[data-page="delivery"] .delivery-forward-option {
  display: grid;
  gap: 2px;
  text-align: left;
}

body[data-page="delivery"] .delivery-forward-option small {
  font-size: 0.7rem;
  color: rgba(209, 220, 229, 0.72);
}

body[data-page="delivery"] .delivery-editor-meta {
  gap: 4px;
  justify-items: end;
}

body[data-page="delivery"] .delivery-topband-title {
  font-size: 1rem;
  letter-spacing: 0.03em;
}

body[data-page="delivery"] .delivery-receipt-chip {
  min-width: 118px;
  padding: 4px 8px;
}

body[data-page="delivery"] .delivery-record-state {
  gap: 4px;
}

body[data-page="delivery"] .delivery-form-section-title {
  margin-top: 0;
  padding-top: 4px;
  font-size: 0.68rem;
  letter-spacing: 0.12em;
}

body[data-page="delivery"] .delivery-receipt-workbench {
  padding-top: 12px;
}

body[data-page="delivery"] .delivery-receipt-caption {
  top: -11px;
  left: 8px;
  font-size: 0.74rem;
}

body[data-page="delivery"] .delivery-legacy-workbench {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

body[data-page="delivery"] .delivery-charge-grid,
body[data-page="delivery"] .delivery-gr-grid {
  gap: 4px;
}

body[data-page="delivery"] .delivery-charge-row {
  grid-template-columns: 132px minmax(0, 1fr);
}

body[data-page="delivery"] .delivery-detail-row {
  grid-template-columns: 94px minmax(0, 1fr);
  gap: 0;
}

body[data-page="delivery"] .delivery-detail-dual {
  gap: 4px;
}

body[data-page="delivery"] .delivery-payment-block .delivery-settlement-grid,
body[data-page="delivery"] .delivery-handling-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px 8px;
}

body[data-page="delivery"] .delivery-payment-block .full-span,
body[data-page="delivery"] .delivery-handling-grid .full-span {
  grid-column: 1 / -1;
}

body[data-page="delivery"] .delivery-inline-actions {
  grid-column: 1 / -1;
  padding-top: 2px;
}

body[data-page="delivery"] .delivery-inline-actions button {
  min-width: 148px;
  min-height: 30px;
}

body[data-page="delivery"] .delivery-queue-panel {
  gap: 6px;
}

body[data-page="delivery"] .delivery-queue-list {
  gap: 4px;
}

@media screen and (min-width: 1081px) {
  body[data-page="delivery"] .delivery-desk {
    grid-template-columns: minmax(390px, 0.96fr) minmax(540px, 0.88fr) minmax(248px, 0.52fr);
  }

  body[data-page="delivery"] .delivery-topband-label.desk-label-cell,
  body[data-page="delivery"] .delivery-charge-label.desk-label-cell,
  body[data-page="delivery"] .delivery-detail-label.desk-label-cell,
  body[data-page="delivery"] .delivery-payment-block label.desk-row > .desk-label-cell,
  body[data-page="delivery"] .delivery-handling-grid label.desk-row > .desk-label-cell {
    padding: 3px 8px;
  }

  body[data-page="delivery"] .delivery-topband-row > .desk-field-cell > input,
  body[data-page="delivery"] .delivery-forward-combobox > input[type="text"],
  body[data-page="delivery"] .delivery-charge-row > input,
  body[data-page="delivery"] .delivery-detail-row > input,
  body[data-page="delivery"] .delivery-payment-block label.desk-row > .desk-field-cell > input,
  body[data-page="delivery"] .delivery-payment-block label.desk-row > .desk-field-cell > select,
  body[data-page="delivery"] .delivery-handling-grid label.desk-row > .desk-field-cell > input {
    min-height: 28px;
    padding-inline: 7px;
    font-size: 0.82rem;
  }

  body[data-page="delivery"] .delivery-forward-combobox > input[type="text"] {
    border-radius: 0 8px 8px 0;
    border: 1px solid rgba(141, 171, 190, 0.24);
    background: rgba(43, 52, 63, 0.94);
    color: var(--text);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
  }

  body[data-page="delivery"] .delivery-topband-row:focus-within > .delivery-forward-combobox > input[type="text"] {
    border-color: rgba(115, 206, 224, 0.58);
  }

  body[data-page="delivery"] .delivery-payment-block label.desk-row,
  body[data-page="delivery"] .delivery-handling-grid label.desk-row {
    --desk-label-width: 86px;
  }

  body[data-page="delivery"] .delivery-payment-block label.desk-row.full-span,
  body[data-page="delivery"] .delivery-handling-grid label.desk-row.full-span {
    --desk-label-width: 90px;
  }
}

@media screen and (min-width: 1081px) and (max-width: 1440px) {
  body[data-page="delivery"]:not(.is-sidebar-collapsed) .delivery-desk {
    grid-template-columns: minmax(350px, 0.88fr) minmax(0, 1fr) minmax(232px, 0.46fr);
  }
}

@media screen and (max-width: 1080px) {
  body[data-page="delivery"] .delivery-topband {
    grid-template-columns: 1fr;
  }

  body[data-page="delivery"] .delivery-topband-row,
  body[data-page="delivery"] .delivery-charge-row,
  body[data-page="delivery"] .delivery-detail-row {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  body[data-page="delivery"] .delivery-payment-block .delivery-settlement-grid,
  body[data-page="delivery"] .delivery-handling-grid {
    grid-template-columns: 1fr;
  }
}

@media screen and (min-width: 1081px) {
  /* Final desktop challan workspace sizing: keep the middle row full-height
     and preserve the requested 40/60 split between entry and records. */
  body[data-page="challans"] .page-section.challan-fit-layout {
    grid-template-rows: auto minmax(0, 1fr) auto;
    align-content: stretch;
  }

  body[data-page="challans"] .challan-main-grid {
    height: 100%;
    min-height: 0;
    grid-template-columns: minmax(0, 40%) minmax(0, 60%);
    align-content: stretch;
    align-items: stretch;
  }

  body[data-page="challans"] .challan-entry-card,
  body[data-page="challans"] .challan-records-card {
    align-self: stretch;
    height: 100%;
    min-height: 0;
  }

  body[data-page="challans"] .challan-entry-card {
    grid-template-rows: auto minmax(0, 1fr);
    align-content: stretch;
  }

  body[data-page="challans"] .challan-records-card {
    grid-template-rows: minmax(0, 1fr) auto auto;
    align-content: stretch;
  }
}

@media screen and (min-width: 1221px) {
  body[data-page="challans"] .challan-main-grid {
    grid-template-columns:
      minmax(clamp(280px, calc(296px * var(--ops-scale-factor)), 470px), 2fr)
      minmax(clamp(420px, calc(452px * var(--ops-scale-factor)), 860px), 3fr);
  }

  body[data-page="challans"] .action-bar {
    gap: 6px;
    padding: 5px 7px;
  }

  body[data-page="challans"] .action-buttons {
    gap: 5px;
  }

  body[data-page="challans"] .action-buttons button {
    min-height: 28px;
    padding: 5px 9px;
  }
}

@media screen and (max-width: 900px) {
  body[data-theme] .topbar,
  body[data-theme] .panel,
  body[data-theme] .summary-tile,
  body[data-theme] .summary-card,
  body[data-theme] .table-shell,
  body[data-theme] .modal-card {
    border-radius: 24px;
  }

  body[data-theme] .shell-profile-copy {
    display: none;
  }
}

@media screen and (max-width: 720px) {
  body[data-theme] .app-shell {
    padding: 10px;
  }

  body[data-theme] .side-rail {
    top: 10px;
    left: 10px;
    width: min(320px, calc(100vw - 20px));
    height: calc(100vh - 20px);
  }

  body[data-theme] .topbar {
    padding: 12px 14px;
  }
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-height: 100vh;
  color: var(--text);
  font-family: "Plus Jakarta Sans", sans-serif;
  background: linear-gradient(180deg, var(--bg-top), var(--bg-bottom));
}

[hidden] {
  display: none !important;
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

a {
  color: inherit;
}

button,
input,
select,
textarea {
  font: inherit;
}

:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}

.skip-link {
  position: absolute;
  top: 10px;
  left: 12px;
  z-index: 1000;
  transform: translateY(-180%);
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid var(--border-strong);
  background: rgba(17, 28, 40, 0.96);
  color: var(--text);
  text-decoration: none;
}

.skip-link:focus {
  transform: translateY(0);
}

.bg-orb,
.bg-grid {
  position: fixed;
  inset: 0;
  pointer-events: none;
}

.bg-orb {
  filter: blur(100px);
  opacity: 0.56;
}

.bg-orb-one {
  background: radial-gradient(circle at 18% 18%, rgba(101, 210, 228, 0.28), transparent 28%);
}

.bg-orb-two {
  background: radial-gradient(circle at 84% 82%, rgba(162, 122, 90, 0.22), transparent 24%);
}

.bg-grid {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent 80%);
}

.rail-overlay {
  position: fixed;
  inset: 0;
  z-index: 15;
  display: none;
  border: none;
  background: rgba(8, 12, 18, 0.56);
}

.app-shell {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: var(--rail-expanded) minmax(0, 1fr);
  min-height: 100vh;
}

body.is-sidebar-collapsed .app-shell {
  grid-template-columns: var(--rail-collapsed) minmax(0, 1fr);
}

.side-rail,
.rail-card,
.panel,
.glass-panel,
.glass-strong,
.summary-tile,
.summary-card,
.receipt-card,
.meta-pill,
.brand-block,
.list-item,
.money-item,
.ledger-card,
.summary-chip {
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
  backdrop-filter: blur(18px);
}

.side-rail {
  position: sticky;
  top: 0;
  align-self: start;
  height: 100vh;
  padding: 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  background: rgba(11, 18, 27, 0.76);
  border-right: 1px solid rgba(208, 228, 255, 0.08);
  overflow: hidden;
  z-index: 60;
  isolation: isolate;
}

.side-rail-top,
.side-rail-bottom {
  display: grid;
  gap: 16px;
}

.rail-header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.brand-block {
  flex: 1;
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 18px;
  border-radius: var(--radius-lg);
  background: var(--panel);
  min-width: 0;
}

.brand-mark {
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 18px;
  background: linear-gradient(135deg, var(--accent), var(--accent-strong));
  color: #11161f;
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.brand-text {
  min-width: 0;
}

.brand-text h1,
.title-block h2,
.section-heading h2,
.panel h3,
.summary-tile strong,
.summary-chip strong,
.metric-strong,
.list-item strong,
.money-item strong,
.receipt-card h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  letter-spacing: -0.02em;
}

.brand-text h1 {
  font-size: 1.35rem;
}

.eyebrow {
  margin: 0 0 10px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--focus);
}

.brand-copy,
.section-copy,
.inline-hint,
.topbar-meta-copy,
.summary-label,
.empty-state,
.table-note,
.rail-copy {
  color: var(--text-soft);
}

.brand-copy,
.rail-copy,
.section-copy {
  line-height: 1.6;
}

.rail-toggle {
  width: 42px;
  height: 42px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.04);
  box-shadow: none;
  color: var(--text);
}

.rail-toggle-bar {
  display: block;
  width: 18px;
  height: 2px;
  margin: 0 auto;
  border-radius: 999px;
  background: currentColor;
}

.rail-nav {
  display: grid;
  gap: 8px;
}

.nav-link {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid transparent;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.03);
  transition: border-color 0.16s ease, background 0.16s ease, transform 0.16s ease;
}

.nav-link:hover {
  transform: translateX(2px);
}

.nav-link.is-active {
  background: var(--focus-soft);
  border-color: rgba(101, 210, 228, 0.3);
}

.nav-icon {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.08);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
}

.nav-copy {
  min-width: 0;
}

.nav-copy strong,
.nav-copy small {
  display: block;
}

.nav-copy small {
  margin-top: 2px;
  color: var(--text-soft);
}

.rail-card {
  padding: 18px;
  border-radius: var(--radius-lg);
  background: var(--panel);
}

.rail-card-soft {
  background: var(--panel-soft);
}

.action-stack {
  display: grid;
  gap: 10px;
}

.button-link,
button {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 12px;
  border: none;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

button {
  background: linear-gradient(135deg, var(--accent), var(--accent-strong));
  color: #11161f;
  box-shadow: 0 10px 24px rgba(118, 84, 60, 0.22);
}

button:disabled {
  opacity: 0.55;
  cursor: not-allowed;
  box-shadow: none;
}

.primary-link {
  background: linear-gradient(135deg, var(--accent), var(--accent-strong));
  color: #11161f;
  box-shadow: 0 10px 24px rgba(118, 84, 60, 0.22);
}

.ghost-link,
.ghost-button,
.secondary-button {
  border: 1px solid rgba(208, 228, 255, 0.14);
  background: rgba(255, 255, 255, 0.05);
  color: var(--text);
  box-shadow: none;
}

.input-titlecase {
  text-transform: capitalize;
  letter-spacing: 0.015em;
  word-spacing: 0.08em;
}

.input-uppercase,
.input-force-uppercase {
  text-transform: uppercase;
  letter-spacing: 0.015em;
  word-spacing: 0.16em;
}

.workspace {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 12px;
  padding: 12px;
}

.topbar {
  min-height: 54px;
  padding: 8px 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  border-radius: 18px;
  background: var(--panel-strong);
}

.glass-panel {
  background: var(--panel);
}

.glass-strong {
  background: var(--panel-strong);
}

.topbar-left {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.topbar-center {
  justify-self: center;
}

.topbar-right {
  justify-self: end;
  display: flex;
  align-items: center;
}

.shell-menu-button {
  width: 36px;
  min-width: 36px;
  height: 36px;
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  padding: 0;
  border-radius: 999px;
  border: 1px solid rgba(208, 228, 255, 0.14);
  background: rgba(255, 255, 255, 0.04);
  box-shadow: none;
}

.shell-menu-button span {
  display: block;
  width: 14px;
  height: 2px;
  margin: 0 auto;
  border-radius: 999px;
  background: var(--text);
}

.title-block {
  min-width: 0;
}

.title-block h2 {
  font-size: 1.03rem;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.topbar-date {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(208, 228, 255, 0.12);
  background: rgba(255, 255, 255, 0.03);
  color: var(--text-soft);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
}

.shell-profile-button {
  width: 34px;
  min-width: 34px;
  min-height: 34px;
  height: 34px;
  padding: 0;
  border-radius: 999px;
  border: 1px solid rgba(208, 228, 255, 0.16);
  background: rgba(255, 255, 255, 0.05);
  color: var(--text);
  box-shadow: none;
}

.shell-profile-avatar {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--accent), var(--accent-strong));
  color: #11161f;
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.shell-profile-menu {
  position: fixed;
  z-index: 96;
  width: min(280px, calc(100vw - 24px));
}

.shell-profile-menu-card {
  display: grid;
  gap: 12px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(76, 126, 255, 0.18);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 18px 42px rgba(18, 27, 48, 0.18);
}

body[data-theme="dark"] .shell-profile-menu-card {
  background: rgba(17, 24, 38, 0.98);
  border-color: rgba(109, 152, 255, 0.2);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.34);
}

.shell-profile-menu-summary {
  display: grid;
  gap: 4px;
}

.shell-profile-menu-summary strong {
  font-size: 0.96rem;
  color: rgba(26, 38, 58, 0.96);
}

.shell-profile-menu-summary span,
.shell-profile-menu-summary small {
  color: rgba(72, 87, 109, 0.9);
  line-height: 1.4;
}

body[data-theme="dark"] .shell-profile-menu-summary strong {
  color: rgba(245, 248, 255, 0.96);
}

body[data-theme="dark"] .shell-profile-menu-summary span,
body[data-theme="dark"] .shell-profile-menu-summary small {
  color: rgba(210, 220, 235, 0.86);
}

.shell-profile-menu-actions {
  display: grid;
  gap: 8px;
}

.shell-profile-menu-action {
  width: 100%;
  min-height: 40px;
  padding: 0 12px;
  border-radius: 12px;
  border: 1px solid rgba(76, 126, 255, 0.14);
  background: rgba(255, 247, 240, 0.92);
  color: rgba(35, 47, 68, 0.96);
  text-align: left;
  font-weight: 600;
}

.shell-profile-menu-action:disabled {
  opacity: 0.56;
  cursor: not-allowed;
}

.shell-profile-menu-action.is-danger {
  color: #9f1f2f;
  border-color: rgba(208, 85, 103, 0.18);
  background: rgba(255, 240, 244, 0.92);
}

body[data-theme="dark"] .shell-profile-menu-action {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(122, 155, 255, 0.14);
  color: rgba(241, 245, 255, 0.94);
}

body[data-theme="dark"] .shell-profile-menu-action.is-danger {
  color: rgba(255, 186, 198, 0.94);
  background: rgba(122, 29, 52, 0.2);
}

.profile-account-card,
.profile-security-card {
  width: min(620px, calc(100vw - 36px));
}

.profile-account-summary {
  display: grid;
  gap: 10px;
}

.profile-account-row {
  display: grid;
  grid-template-columns: minmax(150px, 180px) 1fr;
  gap: 12px;
  align-items: start;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(76, 126, 255, 0.14);
  background: rgba(255, 251, 247, 0.92);
}

.profile-account-row span {
  color: rgba(102, 116, 138, 0.92);
  font-size: 0.9rem;
  font-weight: 600;
}

.profile-account-row strong {
  color: rgba(31, 43, 63, 0.96);
  line-height: 1.45;
}

body[data-theme="dark"] .profile-account-row {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(122, 155, 255, 0.16);
}

body[data-theme="dark"] .profile-account-row span {
  color: rgba(188, 201, 222, 0.84);
}

body[data-theme="dark"] .profile-account-row strong {
  color: rgba(243, 246, 255, 0.96);
}

.profile-account-actions {
  justify-content: space-between;
}

@media (max-width: 640px) {
  .shell-profile-menu {
    width: min(300px, calc(100vw - 20px));
  }

  .profile-account-row {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .profile-account-actions {
    justify-content: flex-end;
  }
}

.admin-security-page {
  display: grid;
  gap: 18px;
}

.admin-security-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.admin-security-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(76, 126, 255, 0.16);
  background: rgba(255, 248, 241, 0.92);
  color: rgba(43, 55, 76, 0.96);
  text-decoration: none;
  font-weight: 600;
}

.admin-security-nav a.is-active {
  background: linear-gradient(135deg, var(--accent), var(--accent-strong));
  color: #fff7f0;
  border-color: transparent;
}

body[data-theme="dark"] .admin-security-nav a {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(122, 155, 255, 0.18);
  color: rgba(240, 245, 255, 0.94);
}

.admin-security-layout {
  display: grid;
  gap: 16px;
  align-content: start;
}

.admin-security-card {
  display: grid;
  gap: 14px;
  padding: 18px;
}

.admin-security-inline-card {
  margin-top: -4px;
}

.admin-security-password-form {
  max-width: 520px;
}

.admin-security-card-shell {
  display: grid;
  gap: 16px;
}

.admin-security-account-grid,
.admin-security-security-grid {
  display: grid;
  gap: 18px;
  align-items: start;
}

.admin-security-company-form,
.security-user-form {
  max-width: none;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-security-company-form label,
.security-user-form label,
.admin-security-password-form label {
  align-content: start;
}

.admin-security-company-form .full-span,
.security-user-form .full-span {
  grid-column: 1 / -1;
}

.admin-security-company-form textarea {
  min-height: 92px;
  resize: vertical;
}

.admin-security-preview-card,
.admin-security-security-panel {
  display: grid;
  gap: 14px;
  padding: 16px;
  border-radius: 20px;
  border: 1px solid rgba(76, 126, 255, 0.16);
  background: rgba(248, 251, 255, 0.78);
}

.admin-security-company-preview {
  display: grid;
  gap: 12px;
}

.admin-security-company-preview-sheet {
  display: grid;
  gap: 12px;
}

.admin-security-company-preview-brand {
  display: grid;
  gap: 5px;
  padding: 16px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(140, 165, 221, 0.32);
}

.admin-security-company-preview-brand strong {
  display: grid;
  gap: 2px;
  font-size: 1rem;
  letter-spacing: 0.04em;
}

.admin-security-company-preview-brand p {
  margin: 0;
  color: var(--text-soft);
}

.admin-security-company-preview-meta {
  display: grid;
  gap: 8px;
}

.admin-security-sms-shell {
  display: grid;
  gap: 12px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(76, 126, 255, 0.14);
  background: rgba(245, 249, 255, 0.72);
}

.admin-security-sms-toggle {
  display: grid;
  gap: 8px;
}

.admin-security-sms-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-security-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
}

.admin-security-totp-panel {
  display: grid;
  gap: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(76, 126, 255, 0.16);
}

.auth-inline-links {
  display: flex;
  justify-content: flex-end;
  min-height: 18px;
}

.text-button {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--accent);
  font: inherit;
  font-weight: 700;
  padding: 0;
  cursor: pointer;
}

.text-button:hover {
  color: var(--accent-strong);
}

.text-button:disabled {
  opacity: 0.5;
  cursor: default;
}

.auth-modal-card .eyebrow,
.auth-modal-card h3,
.auth-login-form label,
.admin-security-page .eyebrow,
.admin-security-page .section-heading h3,
.admin-security-page strong {
  color: var(--text);
}

.auth-modal-card .table-note,
.admin-security-page .table-note,
.admin-security-page .guided-note,
.admin-security-company-preview-brand p,
.admin-security-page .profile-account-row span {
  color: var(--text-soft);
}

.admin-security-page .auth-login-form label,
.admin-security-page .security-session-title,
.admin-security-page .security-user-meta span,
.auth-modal-card .auth-step-hint {
  color: var(--text-soft);
}

.admin-security-page .auth-login-form label strong,
.admin-security-page .security-user-main > strong,
.admin-security-page .security-audit-row strong,
.admin-security-page .security-session-row strong {
  color: var(--text);
}

.admin-security-inline-header {
  margin: 0;
  padding: 0;
}

.security-admin-page-block {
  padding: 0;
  border: 0;
  background: transparent;
}

.is-security-section-active {
  outline: 2px solid rgba(76, 126, 255, 0.28);
  outline-offset: 0;
}

body[data-theme="dark"] .is-security-section-active {
  outline-color: rgba(122, 155, 255, 0.34);
}

@media (min-width: 1120px) {
  .admin-security-layout {
    grid-template-columns: minmax(360px, 1fr) minmax(420px, 1.14fr);
    align-items: start;
  }

  .admin-security-account-grid,
  .admin-security-security-grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.92fr);
  }
}

@media (max-width: 900px) {
  .admin-security-company-form,
  .security-user-form,
  .admin-security-sms-grid {
    grid-template-columns: 1fr;
  }
}

body[data-theme="dark"] .admin-security-preview-card,
body[data-theme="dark"] .admin-security-security-panel,
body[data-theme="dark"] .admin-security-company-preview-brand,
body[data-theme="dark"] .admin-security-sms-shell {
  background: rgba(10, 15, 29, 0.7);
  border-color: rgba(122, 155, 255, 0.18);
}

.admin-settings-shell {
  display: grid;
  grid-template-columns: minmax(240px, 280px) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.admin-settings-sidebar {
  display: grid;
  gap: 18px;
  position: sticky;
  top: 0;
}

.admin-settings-sidebar-copy {
  display: grid;
  gap: 6px;
}

.admin-settings-sidebar-copy h4 {
  font-size: 1.16rem;
  color: var(--text);
}

.admin-settings-section-nav {
  display: grid;
  gap: 10px;
}

.admin-settings-section-nav a {
  display: grid;
  gap: 6px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(76, 126, 255, 0.14);
  background: rgba(255, 251, 247, 0.92);
  color: var(--text);
  text-decoration: none;
  transition: border-color 0.16s ease, background 0.16s ease, transform 0.16s ease;
}

.admin-settings-section-nav a:hover {
  transform: translateY(-1px);
}

.admin-settings-section-nav a strong {
  font-size: 0.98rem;
  color: var(--text);
}

.admin-settings-section-nav a span {
  color: var(--text-soft);
  line-height: 1.45;
  font-size: 0.86rem;
}

.admin-settings-section-nav a.is-active {
  background: linear-gradient(135deg, rgba(76, 126, 255, 0.18), rgba(53, 211, 193, 0.16));
  border-color: rgba(76, 126, 255, 0.34);
  box-shadow: 0 14px 26px rgba(20, 31, 53, 0.08);
}

.admin-settings-stage {
  display: grid;
  gap: 16px;
}

.admin-settings-panel {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.admin-settings-panel[hidden] {
  display: none !important;
}

.admin-settings-form-stack {
  display: grid;
  gap: 16px;
}

.admin-settings-form-group,
.admin-settings-users-list-shell,
.admin-settings-user-editor,
.admin-settings-eway-list-shell,
.admin-settings-eway-editor,
.admin-settings-security-side,
.admin-settings-security-main {
  display: grid;
  gap: 14px;
}

.admin-settings-form-group,
.admin-settings-users-list-shell,
.admin-settings-user-editor,
.admin-settings-eway-list-shell,
.admin-settings-eway-editor {
  padding: 16px;
  border-radius: 20px;
  border: 1px solid rgba(76, 126, 255, 0.14);
  background: rgba(248, 251, 255, 0.78);
}

.admin-settings-group-head {
  display: grid;
  gap: 6px;
}

.admin-settings-group-head strong,
.admin-security-page .security-admin-toolbar strong {
  color: var(--text);
  font-size: 1rem;
}

.admin-settings-field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.admin-settings-form-actions {
  justify-content: flex-start;
}

.admin-settings-users-workspace,
.admin-settings-eway-workspace {
  display: grid;
  grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.admin-settings-security-grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(300px, 0.92fr);
}

.admin-settings-security-main,
.admin-settings-security-side {
  align-content: start;
}

.admin-settings-users-list,
.admin-settings-eway-list,
.admin-security-page .security-admin-audit {
  max-height: min(56vh, 560px);
  overflow: auto;
  padding-right: 4px;
}

.admin-settings-list-item {
  position: relative;
  display: grid;
  gap: 4px;
  width: 100%;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(76, 126, 255, 0.14);
  background: rgba(255, 255, 255, 0.9);
  color: var(--text);
  text-align: left;
  cursor: pointer;
}

.admin-settings-list-item strong {
  font-size: 0.98rem;
  color: var(--text);
}

.admin-settings-list-item span,
.admin-settings-list-item small {
  color: var(--text-soft);
  line-height: 1.45;
}

.admin-settings-list-item.is-selected {
  border-color: rgba(76, 126, 255, 0.34);
  background: linear-gradient(180deg, rgba(76, 126, 255, 0.12), rgba(53, 211, 193, 0.1));
}

.admin-settings-list-pill {
  justify-self: start;
  margin-top: 6px;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(76, 126, 255, 0.12);
  font-style: normal;
  font-size: 0.78rem;
  font-weight: 700;
}

.admin-settings-list-pill.is-active,
.admin-settings-list-pill.is-success {
  color: var(--success);
}

.admin-settings-list-pill.is-inactive,
.admin-settings-list-pill.is-muted {
  color: var(--text-soft);
}

.admin-settings-list-pill.is-warning {
  color: var(--warning);
}

.admin-settings-list-pill.is-danger {
  color: var(--danger);
}

.admin-settings-list-pill.is-info {
  color: var(--accent);
}

.admin-settings-empty-panel {
  display: grid;
  gap: 8px;
  padding: 18px;
  border-radius: 18px;
  border: 1px dashed rgba(76, 126, 255, 0.2);
  background: rgba(255, 255, 255, 0.58);
}

.admin-settings-empty-panel strong {
  color: var(--text);
}

.admin-settings-user-editor-body {
  display: grid;
  gap: 14px;
}

.admin-settings-user-summary,
.admin-security-page .admin-settings-summary-grid {
  display: grid;
  gap: 10px;
}

.admin-settings-inline-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.admin-settings-inline-head {
  margin-bottom: 6px;
}

.admin-security-page .security-admin-toolbar {
  align-items: start;
}

.admin-security-page .security-admin-toolbar .eyebrow {
  margin-bottom: 4px;
}

.admin-security-page .security-user-row,
.admin-security-page .security-audit-row,
.admin-security-page .security-session-row {
  background: rgba(255, 255, 255, 0.86);
  border-color: rgba(76, 126, 255, 0.14);
}

.admin-security-page .security-session-title,
.admin-security-page .security-user-main > span,
.admin-security-page .security-user-main > small,
.admin-security-page .security-audit-row > span,
.admin-security-page .security-audit-row > small,
.admin-security-page .security-session-row > span,
.admin-security-page .security-session-row > small,
.admin-security-page .security-user-meta span {
  color: var(--text-soft);
}

.admin-security-page .security-user-main > strong,
.admin-security-page .security-session-row strong,
.admin-security-page .security-audit-row strong {
  color: var(--text);
}

.admin-security-page .security-user-form,
.admin-security-page .admin-security-password-form {
  max-width: none;
}

.admin-security-page .security-user-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-security-page .security-user-form .full-span {
  grid-column: 1 / -1;
}

.admin-security-page .security-admin-toolbar button {
  flex-shrink: 0;
}

body[data-theme="dark"] .admin-settings-section-nav a,
body[data-theme="dark"] .admin-settings-form-group,
body[data-theme="dark"] .admin-settings-users-list-shell,
body[data-theme="dark"] .admin-settings-user-editor,
body[data-theme="dark"] .admin-settings-eway-list-shell,
body[data-theme="dark"] .admin-settings-eway-editor,
body[data-theme="dark"] .admin-settings-list-item,
body[data-theme="dark"] .admin-settings-empty-panel,
body[data-theme="dark"] .admin-security-page .security-user-row,
body[data-theme="dark"] .admin-security-page .security-audit-row,
body[data-theme="dark"] .admin-security-page .security-session-row {
  background: rgba(10, 15, 29, 0.72);
  border-color: rgba(122, 155, 255, 0.18);
}

body[data-theme="dark"] .admin-settings-section-nav a.is-active,
body[data-theme="dark"] .admin-settings-list-item.is-selected {
  background: linear-gradient(180deg, rgba(76, 126, 255, 0.22), rgba(53, 211, 193, 0.18));
}

body[data-theme="dark"] .admin-settings-list-pill {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(122, 155, 255, 0.16);
}

@media (max-width: 1120px) {
  .admin-settings-shell,
  .admin-settings-users-workspace,
  .admin-settings-eway-workspace,
  .admin-settings-security-grid {
    grid-template-columns: 1fr;
  }

  .admin-settings-sidebar {
    position: static;
  }
}

@media (max-width: 760px) {
  .admin-settings-field-grid,
  .admin-security-page .security-user-form {
    grid-template-columns: 1fr;
  }
}

.page-section {
  display: grid;
  gap: 12px;
  max-width: 1360px;
}

.section-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 18px;
}

.section-copy {
  max-width: 620px;
  margin: 0;
}

.summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.summary-tile {
  padding: 16px;
  border-radius: 18px;
  background: var(--panel);
}

.summary-tile strong {
  display: block;
  margin-top: 12px;
  font-size: 1.48rem;
}

.summary-tile small {
  display: block;
  margin-top: 10px;
  color: var(--text-soft);
  line-height: 1.45;
}

.module-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.dashboard-grid {
  grid-template-columns: 1.15fr 1fr 1fr;
}

.panel {
  padding: 16px;
  border-radius: 18px;
}

.panel-sticky {
  position: sticky;
  top: 12px;
  align-self: start;
}

.card-heading {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: start;
  margin-bottom: 14px;
}

.card-heading h3 {
  font-size: 1.14rem;
}

.inline-hint {
  max-width: 280px;
  text-align: right;
  font-size: 0.9rem;
  line-height: 1.45;
}

.form-grid,
.toolbar,
.challan-header-grid,
.challan-main-grid,
.builty-entry-grid,
.challan-footer-grid {
  display: grid;
  gap: 12px;
}

.form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.full-span {
  grid-column: 1 / -1;
}

.toolbar {
  grid-template-columns: 180px minmax(0, 1fr);
  align-items: end;
}

.toolbar-field {
  display: grid;
  gap: 8px;
}

.toolbar-field-wide {
  min-width: 0;
}

label {
  display: grid;
  gap: 7px;
  min-width: 0;
  font-size: 0.92rem;
  color: var(--text-soft);
}

label:has(> input[type="checkbox"]):not(.admin-switch),
label:has(> input[type="radio"]) {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

label:has(> input[type="checkbox"]):not(.admin-switch) > input[type="checkbox"],
label:has(> input[type="radio"]) > input[type="radio"] {
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  appearance: auto !important;
  -webkit-appearance: auto !important;
  flex: 0 0 auto;
}

input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(208, 228, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  color: var(--text);
  appearance: none;
}

input[type="hidden"] {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

select {
  padding-right: 44px;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(238, 244, 251, 0.82) 50%),
    linear-gradient(135deg, rgba(238, 244, 251, 0.82) 50%, transparent 50%);
  background-position:
    calc(100% - 20px) calc(50% - 3px),
    calc(100% - 14px) calc(50% - 3px);
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

select option,
select optgroup {
  color: #121922;
  background: #f4f7fb;
}

textarea {
  min-height: 96px;
  resize: vertical;
}

input[readonly] {
  background: rgba(255, 255, 255, 0.04);
}

input::placeholder,
textarea::placeholder {
  color: rgba(162, 178, 195, 0.74);
}

.form-actions,
.action-buttons,
.inline-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

.stack-list {
  display: grid;
  gap: 10px;
}

.list-item,
.money-item,
.ledger-card {
  padding: 14px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
}

.list-item-head,
.summary-row,
.money-head,
.action-bar {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.pill,
.status-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  font-size: 0.78rem;
  font-weight: 700;
}

.status-received {
  color: var(--warning);
}

.status-out-for-delivery {
  color: var(--focus);
}

.status-partially-collected {
  color: var(--accent);
}

.status-collected {
  color: var(--success);
}

.text-positive {
  color: var(--success);
}

.text-danger {
  color: var(--danger);
}

.text-warning {
  color: var(--warning);
}

.table-shell {
  min-height: 120px;
  overflow: auto;
  border-radius: 16px;
  border: 1px solid rgba(208, 228, 255, 0.1);
  background: rgba(10, 15, 22, 0.2);
}

table {
  width: 100%;
  border-collapse: collapse;
}

th,
td {
  padding: 10px 12px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid rgba(208, 228, 255, 0.08);
}

th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: rgba(18, 25, 35, 0.9);
  font-size: 0.75rem;
  color: var(--text-soft);
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.table-note {
  display: block;
  margin-top: 4px;
  font-size: 0.82rem;
}

.table-empty td {
  padding: 0;
}

.empty-state {
  padding: 18px;
}

.row-action {
  min-height: 32px;
  padding: 6px 12px;
  border-radius: 10px;
}

.account-workspace-grid,
.report-grid {
  display: grid;
  gap: 12px;
}

.account-workspace-grid {
  grid-template-columns: minmax(360px, 0.95fr) minmax(0, 1.2fr);
}

.account-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account-toolbar {
  grid-template-columns: 170px 180px minmax(0, 1fr);
}

.guided-note,
.account-profile-card {
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(208, 228, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: var(--text-soft);
  line-height: 1.55;
}

.account-profile-card {
  margin-top: 12px;
}

.account-actions {
  align-items: stretch;
}

.account-actions button {
  flex: 1 1 0;
}

.account-summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 12px;
}

.account-summary-grid .summary-tile {
  padding: 14px;
}

.report-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.report-panel-wide {
  grid-column: span 2;
}

.chip-row,
.mini-pills,
.inline-balance-row,
.table-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.mini-pill,
.locked-pill,
.scope-pill,
.balance-pill {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(208, 228, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  font-size: 0.78rem;
  font-weight: 700;
}

.locked-pill {
  color: var(--accent);
}

.scope-pill.scope-system {
  color: var(--focus);
}

.scope-pill.scope-user {
  color: var(--success);
}

.balance-pill.is-debit {
  color: var(--success);
}

.balance-pill.is-credit {
  color: var(--accent);
}

.guided-list {
  display: grid;
  gap: 10px;
}

.guided-list .list-item {
  background: rgba(255, 255, 255, 0.03);
}

.metric-table-note {
  display: block;
  margin-top: 6px;
  color: var(--text-soft);
  font-size: 0.8rem;
}

.table-shell.compact-shell table th,
.table-shell.compact-shell table td {
  padding-top: 8px;
  padding-bottom: 8px;
}

.table-strong {
  font-weight: 700;
}

.receipt-card {
  padding: 16px;
  border-radius: 18px;
  background: rgba(24, 34, 46, 0.72);
}

.receipt-card h3 {
  margin-bottom: 6px;
}

.receipt-title {
  display: grid;
  gap: 8px;
}

.receipt-row {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(208, 228, 255, 0.08);
}

.receipt-total {
  margin-top: 10px;
}

.summary-card {
  padding: 14px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
}

.challan-header-grid {
  grid-template-columns: repeat(4, minmax(160px, 1fr));
  align-items: end;
}

.challan-mode-strip {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 8px;
}

.challan-mode-message {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--text-soft);
}

.challan-mode-message strong {
  color: var(--text);
  font-size: 0.94rem;
  line-height: 1.4;
  font-weight: 600;
}

.challan-mode-message.is-waiting .pill {
  color: var(--warning);
}

.challan-mode-message.is-editing .pill {
  color: var(--focus);
}

.challan-mode-message.is-new .pill {
  color: var(--success);
}

.challan-mode-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.old-record-toggle {
  width: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 164px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(208, 228, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: var(--text);
  font-size: 0.84rem;
  font-weight: 700;
  box-shadow: none;
  transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, transform 0.16s ease;
}

.old-record-toggle:hover {
  transform: translateY(-1px);
}

.old-record-toggle.is-active {
  border-color: rgba(162, 122, 90, 0.5);
  background: linear-gradient(135deg, var(--accent), var(--accent-strong));
  color: #11161f;
  box-shadow: 0 12px 26px rgba(118, 84, 60, 0.24);
}

.old-record-controls {
  display: grid;
  grid-template-columns: minmax(180px, 220px) minmax(220px, 260px);
  gap: 8px;
  align-items: end;
}

.old-record-controls[hidden] {
  display: none;
}

.challan-fit-layout.is-waiting-for-old-record .challan-header-grid,
.challan-fit-layout.is-waiting-for-old-record .challan-main-grid,
.challan-fit-layout.is-waiting-for-old-record .challan-footer-card,
.challan-fit-layout.is-waiting-for-old-record .action-bar {
  opacity: 0.46;
  filter: saturate(0.72);
  pointer-events: none;
  user-select: none;
}

.challan-fit-layout.is-old-record-mode .challan-header-card {
  border-color: rgba(162, 122, 90, 0.18);
}

.challan-main-grid {
  grid-template-columns: minmax(360px, 480px) minmax(0, 1fr);
  align-items: start;
}

.builty-entry-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.challan-footer-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.action-bar {
  padding: 14px 16px;
  border-radius: 18px;
  background: var(--panel);
}

.action-status {
  color: var(--text-soft);
  text-align: right;
  font-size: 0.92rem;
}

.summary-strip,
.footer-summary-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.summary-chip {
  padding: 14px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.04);
}

.summary-chip strong {
  display: block;
  margin-top: 10px;
}

.data-row {
  cursor: pointer;
}

.data-row.is-selected td {
  background: rgba(101, 210, 228, 0.08);
}

.inline-cell-input {
  min-height: 36px;
  padding: 7px 8px;
  border-radius: 10px;
}

body[data-page="challans"] {
  overflow: hidden;
}

body[data-page="challans"] .workspace {
  display: block;
  height: 100vh;
  min-width: 0;
  padding: 10px 12px;
  overflow: hidden;
}

body[data-page="challans"] .page-section {
  width: 100%;
  max-width: none;
}

body[data-page="challans"] .challan-mobile-toggle {
  display: none;
}

body[data-page="challans"] .challan-fit-layout {
  min-height: 0;
  height: 100%;
  width: 100%;
  max-width: none;
  gap: 8px;
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  overflow: hidden;
}

body[data-page="challans"] .challan-fit-layout > * {
  min-height: 0;
}

body[data-page="challans"] .challan-fit-layout .panel,
body[data-page="challans"] .challan-fit-layout .glass-panel,
body[data-page="challans"] .challan-fit-layout .glass-strong {
  padding: 10px 12px;
  border-radius: 14px;
}

body[data-page="challans"] .challan-fit-layout label {
  gap: 4px;
  font-size: 0.78rem;
}

body[data-page="challans"] .challan-header-grid label.is-invalid {
  color: #ffb1b1;
}

body[data-page="challans"] .challan-header-grid input[aria-invalid="true"],
body[data-page="challans"] .challan-header-grid select[aria-invalid="true"] {
  border-color: rgba(255, 123, 123, 0.82);
  background: rgba(255, 123, 123, 0.14);
  box-shadow: 0 0 0 1px rgba(255, 123, 123, 0.26);
}

body[data-page="challans"] .challan-fit-layout input,
body[data-page="challans"] .challan-fit-layout select,
body[data-page="challans"] .challan-fit-layout textarea {
  min-height: 32px;
  padding: 6px 8px;
  font-size: 1.01rem;
  font-weight: 600;
}

body[data-page="challans"] .challan-header-grid,
body[data-page="challans"] .challan-fit-layout .builty-entry-grid,
body[data-page="challans"] .challan-fit-layout .challan-footer-grid {
  gap: 6px 8px;
}

body[data-page="challans"] .challan-mode-strip {
  margin-bottom: 6px;
}

body[data-page="challans"] .challan-mode-message {
  gap: 8px;
}

body[data-page="challans"] .challan-mode-message strong {
  font-size: 0.82rem;
}

body[data-page="challans"] .old-record-toggle {
  min-width: 148px;
  padding: 6px 12px;
  font-size: 0.76rem;
}

body[data-page="challans"] .old-record-controls {
  grid-template-columns: minmax(150px, 180px) minmax(170px, 210px);
  gap: 6px;
}

body[data-page="challans"] .challan-main-grid {
  min-height: 0;
  width: 100%;
  max-width: none;
  gap: 8px;
  align-items: stretch;
  grid-template-columns: minmax(300px, 360px) minmax(0, 1fr);
}

body[data-page="challans"] .challan-entry-card,
body[data-page="challans"] .challan-records-card {
  min-height: 0;
}

body[data-page="challans"] .challan-entry-card {
  overflow: hidden;
}

body[data-page="challans"] .challan-records-card {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  overflow: hidden;
}

body[data-page="challans"] .challan-table-host {
  min-height: 0;
  height: 100%;
  width: 100%;
}

body[data-page="challans"] .table-shell {
  min-height: 0;
  width: 100%;
  overflow: auto;
}

body[data-page="challans"] .challan-fit-layout th,
body[data-page="challans"] .challan-fit-layout td {
  padding: 6px 7px;
}

body[data-page="challans"] .challan-fit-layout th {
  font-size: 0.64rem;
  letter-spacing: 0.08em;
}

body[data-page="challans"] .summary-strip,
body[data-page="challans"] .footer-summary-strip {
  margin-top: 8px;
  gap: 6px;
}

body[data-page="challans"] .summary-chip {
  padding: 8px 10px;
}

body[data-page="challans"] .summary-chip strong {
  margin-top: 4px;
  font-size: 0.94rem;
}

body[data-page="challans"] .challan-footer-grid {
  grid-template-columns: repeat(4, minmax(120px, 1fr));
}

body[data-page="challans"] .action-bar {
  padding: 8px 10px;
  gap: 8px;
  overflow: visible;
  position: relative;
}

body[data-page="challans"] .action-buttons {
  gap: 6px;
  margin-left: auto;
  justify-content: flex-end;
  overflow: visible;
}

body[data-page="challans"] .action-buttons button {
  min-height: 32px;
  padding: 7px 10px;
}

body[data-page="challans"] .challan-options-anchor {
  position: relative;
  display: inline-flex;
  overflow: visible;
}

body[data-page="challans"] .challan-options-menu {
  position: absolute;
  right: 0;
  bottom: calc(100% + 8px);
  min-width: 336px;
  padding: 8px;
  border-radius: 14px;
  display: grid;
  gap: 8px;
  z-index: 30;
  background: rgba(54, 30, 26, 0.94);
  border: 1px solid rgba(208, 228, 255, 0.16);
  box-shadow: 0 16px 28px rgba(8, 12, 18, 0.32);
  backdrop-filter: blur(22px);
}

body[data-page="challans"] .challan-options-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

body[data-page="challans"] .challan-options-label {
  font-size: 0.82rem;
  color: var(--text);
}

body[data-page="challans"] .challan-options-controls {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  justify-content: flex-end;
}

body[data-page="challans"] .challan-options-mini-button {
  min-width: 42px;
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid rgba(208, 228, 255, 0.14);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.03);
  color: var(--text);
}

body[data-page="challans"] .challan-options-mini-button:disabled {
  opacity: 0.48;
  cursor: not-allowed;
}

body[data-page="challans"] .challan-options-menu-item {
  min-height: 32px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: var(--text);
  text-align: left;
  justify-content: flex-start;
}

body[data-page="challans"] .challan-options-toggle {
  min-width: 82px;
  justify-content: center;
}

body[data-page="challans"] .challan-options-save {
  min-width: 96px;
  justify-content: center;
}

body[data-page="challans"] .challan-options-menu-item:hover,
body[data-page="challans"] .challan-options-menu-item:focus-visible,
body[data-page="challans"] .challan-options-mini-button:hover,
body[data-page="challans"] .challan-options-mini-button:focus-visible,
body[data-page="challans"] .challan-options-menu-item.is-active {
  border-color: rgba(101, 210, 228, 0.28);
  background: rgba(101, 210, 228, 0.12);
}

body[data-page="challans"] .challan-options-hint {
  margin: 0;
  font-size: 0.72rem;
  color: var(--text-soft);
}

body[data-page="challans"] .challan-main-resizer {
  display: none;
  width: 12px;
  min-width: 12px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: col-resize;
  align-self: stretch;
  position: relative;
}

body[data-page="challans"] .challan-main-resizer::before {
  content: "";
  position: absolute;
  top: 12px;
  bottom: 12px;
  left: 50%;
  width: 2px;
  transform: translateX(-50%);
  border-radius: 999px;
  background: rgba(101, 210, 228, 0.28);
}

body[data-page="challans"].challan-card-ratio-enabled .challan-main-resizer {
  display: block;
}

body[data-page="challans"].challan-card-ratio-enabled .challan-main-resizer:hover::before,
body[data-page="challans"].challan-card-ratio-enabled .challan-main-resizer.is-dragging::before {
  background: rgba(101, 210, 228, 0.58);
}

body[data-page="challans"] .action-status {
  max-width: 320px;
  margin-right: auto;
  text-align: left;
  font-size: 0.78rem;
}

body[data-page="challans"] .action-status:empty {
  display: none;
}

body[data-page="challans"] .form-actions {
  gap: 6px;
  margin-top: 2px;
}

body[data-page="challans"] .builty-entry-grid {
  align-content: start;
}

body[data-page="challans"] .challan-footer-card {
  overflow: hidden;
}

body.is-sidebar-collapsed .side-rail {
  padding-left: 12px;
  padding-right: 12px;
}

body.is-sidebar-collapsed .brand-text,
body.is-sidebar-collapsed .nav-copy,
body.is-sidebar-collapsed .rail-card {
  display: none;
}

body.is-sidebar-collapsed .rail-header {
  flex-direction: column;
  align-items: center;
}

body.is-sidebar-collapsed .brand-block {
  justify-content: center;
  padding: 12px;
}

body.is-sidebar-collapsed .nav-link {
  justify-content: center;
  padding: 12px 8px;
}

body.is-sidebar-collapsed .nav-icon {
  width: 44px;
  height: 44px;
}

@media (max-width: 1380px) {
  .summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-grid > :last-child {
    grid-column: span 2;
  }
}

@media (max-width: 1220px) {
  body[data-page="challans"] {
    overflow: auto;
  }

  body[data-page="challans"] .workspace,
  body[data-page="challans"] .challan-fit-layout {
    height: auto;
    overflow: visible;
  }

  body[data-page="challans"] .action-status:empty {
    display: none;
  }

  .module-grid,
  .challan-main-grid {
    grid-template-columns: 1fr;
  }

  .panel-sticky {
    position: static;
  }

  .challan-header-grid,
  .challan-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .old-record-controls {
    width: 100%;
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 1080px) {
  .app-shell {
    grid-template-columns: 1fr;
  }

  .side-rail {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    width: min(320px, calc(100vw - 32px));
    transform: translateX(-110%);
    transition: transform 0.2s ease;
  }

  body.is-sidebar-open .side-rail {
    transform: translateX(0);
  }

  body.is-sidebar-open .rail-overlay {
    display: block;
  }

  .rail-toggle {
    display: none;
  }

  body.is-sidebar-collapsed .brand-text,
  body.is-sidebar-collapsed .nav-copy,
  body.is-sidebar-collapsed .rail-card {
    display: initial;
  }

  body.is-sidebar-collapsed .rail-card {
    display: block;
  }
}

@media (max-width: 900px) {
  .section-heading,
  .card-heading,
  .action-bar {
    flex-direction: column;
    align-items: flex-start;
  }

  .summary-grid,
  .module-grid,
  .account-workspace-grid,
  .report-grid,
  .form-grid,
  .account-form-grid,
  .toolbar,
  .account-toolbar,
  .builty-entry-grid,
  .challan-footer-grid,
  .summary-strip,
  .footer-summary-strip {
    grid-template-columns: 1fr;
  }

  .challan-header-grid,
  .old-record-controls {
    grid-template-columns: 1fr;
  }

  .challan-mode-strip {
    align-items: stretch;
    flex-direction: column;
  }

  .challan-mode-actions {
    width: 100%;
    justify-content: stretch;
  }

  .dashboard-grid > :last-child {
    grid-column: auto;
  }

  .account-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .workspace {
    padding: 10px;
  }

  .topbar,
  .panel,
  .brand-block,
  .rail-card {
    padding-left: 14px;
    padding-right: 14px;
  }

  .topbar-date {
    padding: 0 10px;
    font-size: 0.72rem;
  }

  th,
  td {
    white-space: nowrap;
  }
}

body[data-page="delivery"] .page-section {
  max-width: none;
}

.delivery-desk {
  display: grid;
  grid-template-columns: minmax(280px, 340px) minmax(0, 1fr) minmax(300px, 360px);
  gap: 14px;
  align-items: start;
}

.delivery-queue-panel,
.delivery-editor-panel,
.delivery-control-panel,
.delivery-preview-panel {
  min-height: 0;
}

.delivery-side-stack {
  display: grid;
  gap: 14px;
  position: sticky;
  top: 12px;
}

.delivery-queue-stats {
  display: flex;
  gap: 10px;
  align-items: stretch;
  flex-wrap: wrap;
}

.delivery-mini-stat {
  min-width: 92px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(208, 228, 255, 0.12);
}

.delivery-mini-stat strong {
  display: block;
  margin-top: 8px;
  font-size: 1.04rem;
}

.delivery-queue-list {
  display: grid;
  gap: 10px;
  max-height: calc(100vh - 280px);
  overflow: auto;
  padding-right: 4px;
}

.delivery-queue-item {
  width: 100%;
  text-align: left;
  padding: 14px 15px;
  border-radius: 16px;
  border: 1px solid rgba(208, 228, 255, 0.1);
  background: rgba(8, 13, 21, 0.38);
  color: var(--text);
  transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}

.delivery-queue-item:hover {
  transform: translateY(-1px);
  border-color: rgba(101, 210, 228, 0.28);
  background: rgba(18, 28, 39, 0.52);
}

.delivery-queue-item.is-active {
  border-color: rgba(101, 210, 228, 0.44);
  background: rgba(39, 73, 98, 0.44);
}

.delivery-queue-item-header,
.delivery-queue-item-meta,
.delivery-queue-item-footer,
.delivery-context-grid,
.delivery-summary-grid,
.delivery-receipt-meta,
.delivery-slip-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.delivery-queue-item-header strong,
.delivery-queue-item-footer strong,
.delivery-record-state strong {
  font-family: "Outfit", sans-serif;
}

.delivery-editor-meta {
  display: grid;
  gap: 8px;
  justify-items: end;
  text-align: right;
}

.delivery-receipt-chip {
  display: grid;
  gap: 3px;
  min-width: 124px;
  padding: 8px 10px;
  border-radius: 14px;
  border: 1px solid rgba(208, 228, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
}

.delivery-receipt-chip strong {
  font-family: "Outfit", sans-serif;
  font-size: 1rem;
  letter-spacing: 0.04em;
}

.delivery-queue-item-meta,
.delivery-queue-item-footer {
  margin-top: 8px;
  color: var(--text-soft);
  font-size: 0.88rem;
}

.delivery-record-state {
  display: grid;
  gap: 6px;
  justify-items: end;
  text-align: right;
}

.delivery-topband {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  padding: 6px 8px 8px;
  border: 1px solid rgba(208, 228, 255, 0.14);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.02);
}

.delivery-topband-fields {
  display: grid;
  gap: 8px;
  align-content: start;
}

.delivery-topband-row {
  display: grid;
  grid-template-columns: 124px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.delivery-topband-label,
.delivery-forward-account-label,
.delivery-detail-label {
  display: flex;
  align-items: center;
  margin: 0;
  min-width: 0;
  font-size: 0.84rem;
  color: var(--text);
}

.delivery-topband-field {
  width: 100%;
}

.delivery-topband-row:first-child .delivery-topband-field {
  max-width: 220px;
}

.delivery-topband-row-forward {
  align-items: start;
}

.delivery-forward-row {
  display: grid;
  grid-template-columns: minmax(220px, 1fr);
  gap: 8px;
}

.delivery-forward-account-field {
  display: grid;
  grid-template-columns: 102px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}

.delivery-topband-title {
  font-family: "Outfit", sans-serif;
  font-size: 1.28rem;
  font-style: italic;
  letter-spacing: 0.04em;
  color: rgba(238, 244, 251, 0.72);
}

.delivery-context-grid {
  margin-top: 12px;
  flex-wrap: wrap;
  align-items: flex-start;
}

.delivery-context-pill {
  min-width: 120px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(208, 228, 255, 0.1);
  background: rgba(7, 12, 19, 0.28);
}

.delivery-context-pill strong {
  display: block;
  margin-top: 6px;
}

.delivery-editor-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.delivery-form-section-title {
  margin-top: 2px;
  padding-top: 6px;
  border-top: 1px solid rgba(208, 228, 255, 0.1);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--warning);
}

.delivery-receipt-workbench {
  position: relative;
  padding-top: 14px;
}

.delivery-receipt-caption {
  position: absolute;
  top: -12px;
  left: 10px;
  padding: 0 6px;
  background: var(--bg-bottom);
  color: #ff7d70;
  font-size: 0.82rem;
}

.delivery-legacy-workbench {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 18px;
  align-items: start;
}

.delivery-charge-grid,
.delivery-gr-grid {
  display: grid;
  gap: 6px;
}

.delivery-charge-row {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 2px;
  align-items: center;
}

.delivery-charge-label {
  display: flex;
  align-items: center;
  margin: 0;
  min-height: 32px;
  padding: 0 10px;
  border-radius: 8px 0 0 8px;
  background: linear-gradient(180deg, #79bddf, #69afd4);
  color: #072836;
  font-size: 0.84rem;
}

.delivery-charge-row input {
  text-align: right;
}

.delivery-charge-row-total .delivery-charge-label,
.delivery-charge-row-total input {
  font-weight: 700;
}

.delivery-gr-grid {
  padding-top: 2px;
}

.delivery-detail-row {
  display: grid;
  grid-template-columns: 108px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.delivery-detail-dual {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.delivery-toggle {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(208, 228, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: var(--text);
}

.delivery-toggle input {
  width: auto;
  min-height: 0;
  margin: 0;
}

.delivery-action-stack {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.delivery-action-stack button {
  width: 100%;
}

.delivery-desk-status {
  min-height: 48px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(208, 228, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: var(--text-soft);
  line-height: 1.5;
}

.delivery-desk-status.is-warning {
  color: var(--warning);
}

.delivery-desk-status.is-danger {
  color: var(--danger);
}

.delivery-desk-status.is-success {
  color: var(--success);
}

.delivery-print-status {
  margin: 0;
  color: var(--text-soft);
  font-size: 0.86rem;
  line-height: 1.45;
}

.delivery-print-status.is-warning {
  color: var(--warning);
}

.delivery-print-status.is-danger {
  color: var(--danger);
}

.delivery-print-status.is-success {
  color: var(--success);
}

.delivery-summary-card {
  min-height: 180px;
}

.delivery-summary-grid {
  flex-wrap: wrap;
  align-items: stretch;
}

.delivery-summary-grid .delivery-context-pill {
  flex: 1 1 140px;
}

.delivery-receipt-preview {
  padding: 10px;
  border-radius: 18px;
  background:
    radial-gradient(circle at top center, rgba(255, 255, 255, 0.14), transparent 26%),
    rgba(6, 10, 15, 0.44);
}

.delivery-preview-note {
  display: none;
}

.delivery-print-root {
  display: none;
  --delivery-print-page-width: 105mm;
  --delivery-print-page-height: 148.5mm;
  --delivery-print-scale: 1;
  --delivery-print-sheet-padding-x: 0mm;
  --delivery-print-sheet-padding-top: 0mm;
  --delivery-print-sheet-padding-bottom: 0mm;
  width: var(--delivery-print-page-width);
  margin: 0 auto;
  justify-items: center;
  gap: 8px;
}

.delivery-print-sheet {
  min-height: var(--delivery-print-page-height);
  width: var(--delivery-print-page-width);
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: var(--delivery-print-sheet-padding-top) var(--delivery-print-sheet-padding-x) var(--delivery-print-sheet-padding-bottom);
  overflow: visible;
  break-inside: avoid;
  page-break-inside: avoid;
}

.delivery-print-sheet.align-top-left {
  justify-content: flex-start;
}

.delivery-print-sheet.align-top-right {
  justify-content: flex-end;
}

.delivery-print-sheet.align-center {
  align-items: center;
}

.delivery-print-sheet.align-top-left .delivery-slip {
  transform-origin: top left;
}

.delivery-print-sheet.align-top-right .delivery-slip {
  transform-origin: top right;
}

.delivery-print-sheet.is-print-extra {
  display: none;
}

.delivery-slip {
  --delivery-slip-rule-color: #d7d7d7;
  width: var(--delivery-print-page-width);
  min-height: var(--delivery-print-page-height);
  padding: 3.8mm 7.5mm 4.4mm;
  color: #060606;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.22);
  font-family: Arial, sans-serif;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  transform: scale(var(--delivery-print-scale));
  transform-origin: top center;
  break-inside: avoid;
  page-break-inside: avoid;
}

.delivery-slip-header {
  text-align: center;
  border-bottom: 1px solid var(--delivery-slip-rule-color);
  padding-bottom: 1.7mm;
  margin-bottom: 1.15mm;
}

.delivery-slip-header h4 {
  margin: 0;
  font-size: 5.25mm;
  font-weight: 700;
  line-height: 1.01;
  letter-spacing: 0;
}

.delivery-slip-header h4 span {
  display: block;
  white-space: nowrap;
}

.delivery-slip-header p {
  margin: 0.3mm 0 0;
  font-size: 2.92mm;
  line-height: 1.12;
}

.delivery-slip-meta {
  display: grid;
  gap: 0.72mm;
  margin-bottom: 1.36mm;
  font-size: 3.18mm;
}

.delivery-slip-field {
  display: grid;
  grid-template-columns: 18.6mm 1.9mm minmax(0, 1fr);
  column-gap: 1.15mm;
  align-items: baseline;
  line-height: 1.16;
}

.delivery-slip-field-label {
  white-space: nowrap;
}

.delivery-slip-field-value {
  min-width: 0;
  word-break: break-word;
}

.delivery-slip-matrix {
  display: grid;
  gap: 0.4mm;
  font-size: 3.18mm;
}

.delivery-slip-matrix-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 33.2mm;
  column-gap: 2.9mm;
  align-items: baseline;
}

.delivery-slip-inline-field {
  display: grid;
  grid-template-columns: 21.2mm 1.8mm minmax(0, 1fr);
  column-gap: 1.05mm;
  align-items: baseline;
  min-width: 0;
  line-height: 1.16;
}

.delivery-slip-inline-label,
.delivery-slip-inline-colon {
  white-space: nowrap;
}

.delivery-slip-inline-value {
  min-width: 0;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}

.delivery-slip-inline-field.is-strong .delivery-slip-inline-label,
.delivery-slip-inline-field.is-strong .delivery-slip-inline-colon,
.delivery-slip-inline-field.is-strong .delivery-slip-inline-value {
  font-weight: 700;
}

.delivery-slip-inline-field.is-right {
  grid-template-columns: 11.8mm 1.05mm minmax(0, 1fr);
  column-gap: 0.3mm;
  justify-self: end;
  width: 100%;
}

.delivery-slip-inline-field.is-right .delivery-slip-inline-value {
  text-align: right;
}

.delivery-slip-double-rule {
  border-top: 1px solid var(--delivery-slip-rule-color);
  height: 0;
  margin: 0.92mm 0 0.86mm;
}

.delivery-slip-data-grid {
  display: grid;
  gap: 0.46mm;
  font-size: 3.24mm;
}

.delivery-slip-data-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 39.2mm;
  column-gap: 5mm;
  align-items: baseline;
  min-height: 4.72mm;
}

.delivery-slip-data-field {
  display: grid;
  grid-template-columns: 17.2mm 1.7mm minmax(0, 1fr);
  column-gap: 1.05mm;
  align-items: baseline;
  min-width: 0;
  line-height: 1.05;
}

.delivery-slip-data-label,
.delivery-slip-data-colon {
  white-space: nowrap;
}

.delivery-slip-data-value {
  min-width: 0;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}

.delivery-slip-data-money {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 17.1mm;
  column-gap: 1.25mm;
  align-items: baseline;
  line-height: 1.05;
}

.delivery-slip-money-label {
  white-space: nowrap;
}

.delivery-slip-money-value {
  text-align: right;
  white-space: nowrap;
}

.delivery-slip-lower {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 39.2mm;
  column-gap: 5mm;
  align-items: start;
  margin-top: 0;
}

.delivery-slip-lower-left {
  display: grid;
  align-content: start;
}

.delivery-slip-eoe {
  font-size: 3.18mm;
  font-weight: 700;
  line-height: 1.06;
}

.delivery-slip-words-block {
  margin-top: 0.4mm;
  font-size: 3.08mm;
  line-height: 1.08;
}

.delivery-slip-words-value {
  margin-top: 0.18mm;
}

.delivery-slip-note {
  margin-top: 3.7mm;
  font-size: 3.12mm;
  line-height: 1.06;
}

.delivery-slip-total-box {
  display: grid;
  gap: 0.2mm;
  font-size: 3.32mm;
  align-content: start;
}

.delivery-slip-total-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 17.1mm;
  column-gap: 1.25mm;
  align-items: baseline;
  line-height: 1.05;
}

.delivery-slip-total-value {
  text-align: right;
  white-space: nowrap;
}

.delivery-slip-total-row.is-total {
  font-weight: 700;
}

.delivery-slip-total-row.is-net {
  grid-template-columns: minmax(0, 1fr) 3.7mm 13.4mm;
  font-weight: 700;
  border-top: 1px solid var(--delivery-slip-rule-color);
  border-bottom: 1px solid var(--delivery-slip-rule-color);
  margin-top: 0.38mm;
  padding-top: 0.38mm;
  padding-bottom: 0.22mm;
}

.delivery-slip-total-row.is-net .delivery-slip-rupee {
  text-align: center;
  font-size: 4.95mm;
  line-height: 0.9;
}

.delivery-slip-signatures {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  column-gap: 5.2mm;
  margin-top: auto;
  padding-top: 5.4mm;
  font-size: 3.08mm;
}

.delivery-slip-received span,
.delivery-slip-authorized span,
.delivery-slip-received strong,
.delivery-slip-authorized strong {
  display: block;
}

.delivery-slip-received strong {
  min-height: 5.2mm;
  margin-top: 6.1mm;
  font-size: 3.08mm;
  font-weight: 700;
}

.delivery-slip-authorized {
  justify-self: end;
  width: auto;
  max-width: 44mm;
  display: grid;
  justify-items: end;
  text-align: right;
}

.delivery-slip-authorized-firm {
  width: auto;
  max-width: 44mm;
  font-weight: 700;
  line-height: 1.04;
  font-size: 2.54mm;
  text-align: right;
}

.delivery-slip-authorized-firm span {
  display: block;
  white-space: nowrap;
}

.delivery-slip-authorized strong {
  margin-top: 6.1mm;
  font-size: 3.08mm;
  font-weight: 700;
  text-align: right;
}

.status-pending {
  color: var(--warning);
}

.status-counter-delivered {
  color: var(--focus);
}

.status-part-collected {
  color: var(--accent);
}

.status-closed {
  color: var(--success);
}

@media (max-width: 1420px) {
  .delivery-desk {
    grid-template-columns: minmax(260px, 300px) minmax(0, 1fr);
  }

  .delivery-side-stack {
    grid-column: 1 / -1;
    position: static;
    grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
    align-items: start;
  }

  .delivery-preview-panel {
    grid-column: 1 / -1;
  }
}

@media (max-width: 1040px) {
  .delivery-desk,
  .delivery-side-stack,
  .delivery-editor-grid,
  .delivery-action-stack {
    grid-template-columns: 1fr;
  }

  .delivery-queue-list {
    max-height: none;
  }

  .delivery-record-state {
    justify-items: start;
    text-align: left;
  }

  .delivery-editor-meta {
    justify-items: start;
    text-align: left;
  }
}

@media print {
  @page {
    size: 105mm 148.5mm;
    margin: 0;
  }

  html,
  body {
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
  }

  .toast-host {
    display: none !important;
  }

  body[data-page="delivery"] {
    background: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="delivery"] * {
    visibility: hidden !important;
  }

  body[data-page="delivery"] #deliveryPrintRoot,
  body[data-page="delivery"] #deliveryPrintRoot * {
    visibility: visible !important;
  }

  body[data-page="delivery"] .app-shell {
    display: none !important;
  }

  body[data-page="delivery"] #deliveryPrintRoot {
    display: grid !important;
    --delivery-print-page-width: 105mm;
    --delivery-print-page-height: 148.5mm;
    --delivery-print-scale: 1;
    --delivery-print-sheet-padding-x: 0mm;
    --delivery-print-sheet-padding-top: 0mm;
    --delivery-print-sheet-padding-bottom: 0mm;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    position: static !important;
    width: var(--delivery-print-page-width) !important;
    justify-items: center !important;
  }

  body[data-page="delivery"] .delivery-print-sheet {
    min-height: var(--delivery-print-page-height) !important;
    width: var(--delivery-print-page-width);
    box-sizing: border-box;
    padding: var(--delivery-print-sheet-padding-top) var(--delivery-print-sheet-padding-x) var(--delivery-print-sheet-padding-bottom);
    display: flex !important;
    align-items: flex-start !important;
    overflow: visible !important;
    break-inside: avoid;
    page-break-inside: avoid;
    page-break-after: always;
  }

  body[data-page="delivery"] .delivery-print-sheet:last-child {
    page-break-after: auto;
  }

  body[data-page="delivery"] .delivery-print-sheet.is-print-extra {
    display: flex !important;
  }

  body[data-page="delivery"] .delivery-slip {
    width: var(--delivery-print-page-width);
    box-shadow: none;
    border-radius: 0;
    min-height: var(--delivery-print-page-height);
      padding: 3.8mm 7.5mm 4.4mm;
    margin: 0 auto;
    transform: scale(var(--delivery-print-scale)) !important;
    transform-origin: top center !important;
    break-inside: avoid;
    page-break-inside: avoid;
  }

  body[data-page="delivery"] .delivery-print-sheet.align-top-left .delivery-slip {
    transform-origin: top left !important;
  }

body[data-page="delivery"] .delivery-print-sheet.align-top-right .delivery-slip {
  transform-origin: top right !important;
}

body[data-page="delivery"] .delivery-slip-header {
  padding-bottom: 1.7mm;
  margin-bottom: 1.15mm;
}

}

/* Reports Desk */
body[data-page="reports"] .workspace {
  min-height: 0;
  overflow: hidden;
}

body[data-page="reports"] .page-section {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-height: 0;
  overflow: auto;
}

.reports-sheet {
  width: min(100%, 210mm);
  min-height: 297mm;
  margin: 0 auto;
  padding: 12mm 11mm 12mm;
  border-radius: 22px;
  border: 1px solid rgba(22, 30, 44, 0.08);
  background: #ffffff;
  color: #111111;
  box-shadow: 0 28px 62px rgba(12, 16, 22, 0.16);
  font-family: "Plus Jakarta Sans", Arial, sans-serif;
}

.reports-sheet-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1.6px solid #111111;
}

.reports-sheet-company h4 {
  margin: 0;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.reports-sheet-company p {
  margin: 3px 0 0;
  color: #1f2937;
  font-size: 12px;
  line-height: 1.4;
}

.reports-sheet-report-name {
  margin-top: 10px !important;
  font-size: 13px !important;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #111111 !important;
}

.reports-sheet-report-period {
  font-weight: 600;
  color: #111111 !important;
}

.reports-sheet-stamp {
  font-size: 12px;
  font-weight: 600;
  color: #111111;
  white-space: nowrap;
}

.reports-sheet-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 11px;
}

.reports-sheet-table th,
.reports-sheet-table td {
  padding: 6px 6px;
  border-bottom: 1px solid rgba(17, 17, 17, 0.62);
  background: transparent;
  color: #111111;
  vertical-align: top;
}

.reports-sheet-table th {
  position: static;
  top: auto;
  z-index: auto;
  border-bottom: 1.6px solid #111111;
  font-size: 9.6px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #111111;
}

.reports-sheet-table.is-dense {
  font-size: 10px;
}

.reports-sheet-table.is-dense th,
.reports-sheet-table.is-dense td {
  padding: 4px 4px;
}

.reports-sheet-table.is-report-wide {
  font-size: 9.1px;
}

.reports-sheet-table.is-report-wide th,
.reports-sheet-table.is-report-wide td {
  padding-left: 3px;
  padding-right: 3px;
}

.reports-group-row td,
.reports-total-row td,
.reports-subtotal-row td {
  font-weight: 700;
}

.reports-group-row td {
  padding-top: 9px;
  border-top: 1.4px solid #111111;
  background: rgba(17, 17, 17, 0.04);
}

.reports-subtotal-row td,
.reports-total-row td {
  border-top: 1.3px solid #111111;
}

.is-muted-row td {
  color: #4b5563;
}

.reports-sheet .is-numeric {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.reports-sheet .is-centered {
  text-align: center;
}

.reports-sheet-empty {
  min-height: 240px;
  display: grid;
  place-content: center;
  gap: 10px;
  text-align: center;
}

.reports-sheet-empty strong {
  font-size: 1.06rem;
  color: #111111;
}

.reports-sheet-empty p {
  margin: 0;
  color: #4b5563;
  line-height: 1.6;
}

@media print {
  @page {
    size: A4 portrait;
    margin: 10mm;
  }

  body[data-page="reports"] {
    background: #ffffff !important;
    overflow: visible !important;
  }

  body[data-page="reports"] .skip-link,
  body[data-page="reports"] .bg-orb,
  body[data-page="reports"] .bg-grid,
  body[data-page="reports"] .side-rail,
  body[data-page="reports"] .topbar,
  body[data-page="reports"] .section-heading {
    display: none !important;
  }

  body[data-page="reports"] .app-shell,
  body[data-page="reports"] .workspace,
  body[data-page="reports"] .page-section {
    display: block !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  body[data-page="reports"] .reports-sheet {
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="reports"] .reports-sheet-table {
    font-size: 10px !important;
  }

  body[data-page="reports"] .reports-sheet-table.is-dense {
    font-size: 9.2px !important;
  }

  body[data-page="reports"] .reports-sheet-table.is-report-wide {
    font-size: 8.5px !important;
  }
}

@media print {

  body[data-page="delivery"] .delivery-slip-header h4 {
    font-size: 5.25mm;
    line-height: 1.01;
  }

  body[data-page="delivery"] .delivery-slip-header p,
  body[data-page="delivery"] .delivery-slip-meta,
  body[data-page="delivery"] .delivery-slip-field,
  body[data-page="delivery"] .delivery-slip-inline-field,
  body[data-page="delivery"] .delivery-slip-data-field,
  body[data-page="delivery"] .delivery-slip-data-money,
  body[data-page="delivery"] .delivery-slip-total-row,
  body[data-page="delivery"] .delivery-slip-words-block,
  body[data-page="delivery"] .delivery-slip-signatures strong,
  body[data-page="delivery"] .delivery-slip-signatures span {
    line-height: inherit;
  }

  body[data-page="delivery"] .delivery-slip-meta {
    gap: 0.72mm;
    margin-bottom: 1.36mm;
  }

  body[data-page="delivery"] .delivery-slip-field {
    grid-template-columns: 18.6mm 1.9mm minmax(0, 1fr);
    column-gap: 1.15mm;
    line-height: 1.16;
  }

  body[data-page="delivery"] .delivery-slip-matrix {
    gap: 0.4mm;
    font-size: 3.18mm;
  }

  body[data-page="delivery"] .delivery-slip-matrix-row {
    grid-template-columns: minmax(0, 1fr) 33.2mm;
    column-gap: 2.9mm;
  }

  body[data-page="delivery"] .delivery-slip-inline-field {
    grid-template-columns: 21.2mm 1.8mm minmax(0, 1fr);
    column-gap: 1.05mm;
    line-height: 1.16;
  }

  body[data-page="delivery"] .delivery-slip-inline-field.is-right {
    grid-template-columns: 11.8mm 1.05mm minmax(0, 1fr);
    column-gap: 0.3mm;
    justify-self: end;
    width: 100%;
  }

  body[data-page="delivery"] .delivery-slip-double-rule {
    margin: 0.92mm 0 0.86mm;
  }

  body[data-page="delivery"] .delivery-slip-data-grid {
    gap: 0.46mm;
  }

  body[data-page="delivery"] .delivery-slip-data-row {
    grid-template-columns: minmax(0, 1fr) 39.2mm;
    column-gap: 5mm;
    min-height: 4.72mm;
  }

  body[data-page="delivery"] .delivery-slip-data-field {
    grid-template-columns: 17.2mm 1.7mm minmax(0, 1fr);
    column-gap: 1.05mm;
  }

  body[data-page="delivery"] .delivery-slip-data-money,
  body[data-page="delivery"] .delivery-slip-total-row {
    grid-template-columns: minmax(0, 1fr) 15.7mm;
    column-gap: 1.1mm;
  }

  body[data-page="delivery"] .delivery-slip-total-row.is-net {
    grid-template-columns: minmax(0, 1fr) 3.4mm 12.3mm;
    border-bottom: 1px solid var(--delivery-slip-rule-color);
    padding-bottom: 0.22mm;
  }

  body[data-page="delivery"] .delivery-slip-note {
    margin-top: 3.1mm;
  }

  body[data-page="delivery"] .delivery-slip-signatures {
    column-gap: 6.8mm;
    margin-top: auto;
    padding-top: 4.9mm;
  }

  body[data-page="delivery"] .delivery-slip-received strong {
    min-height: 5mm;
    margin-top: 6.1mm;
  }

  body[data-page="delivery"] .delivery-slip-authorized {
    width: 44mm;
  }

  body[data-page="delivery"] .delivery-slip-authorized strong {
    margin-top: 6.1mm;
  }
}

@media screen {
  :root {
    --rail-expanded: 84px;
    --rail-collapsed: 72px;
    --radius-xl: 22px;
    --radius-lg: 16px;
    --radius-md: 12px;
  }

  html {
    font-size: 13px;
  }

  body {
    overflow: hidden;
  }

  .app-shell {
    min-height: 100dvh;
    height: 100dvh;
    grid-template-columns: var(--rail-expanded) minmax(0, 1fr);
  }

  body.is-sidebar-collapsed .app-shell {
    grid-template-columns: var(--rail-collapsed) minmax(0, 1fr);
  }

  .side-rail {
    padding: 10px 8px;
    gap: 10px;
    justify-content: flex-start;
  }

  .brand-block,
  .side-rail-bottom {
    display: none !important;
  }

  .rail-header {
    justify-content: center;
    align-items: center;
    min-height: 0;
  }

  .rail-toggle {
    display: none;
  }

  .rail-nav {
    width: 100%;
    gap: 6px;
  }

  .nav-link {
    justify-content: center;
    padding: 8px 6px;
    border-radius: 14px;
  }

  .nav-link:hover {
    transform: none;
  }

  .nav-icon {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    font-size: 0.76rem;
  }

  .nav-copy {
    display: none;
  }

  .workspace {
    grid-template-rows: auto minmax(0, 1fr);
    gap: 8px;
    height: 100dvh;
    min-height: 0;
    padding: 10px;
    overflow: hidden;
  }

  .topbar {
    display: grid;
  }

  .notice-strip {
    display: none;
    min-height: 28px;
    padding: 6px 10px;
    border-radius: 10px;
    border: 1px solid var(--border);
    background: rgba(255, 255, 255, 0.05);
    color: var(--text-soft);
    font-size: 0.82rem;
  }

  .notice-strip:not([hidden]) {
    display: flex;
    align-items: center;
  }

  .page-section {
    max-width: none;
    min-height: 0;
    overflow: auto;
    gap: 8px;
    padding-right: 2px;
  }

  .section-heading {
    gap: 6px;
    align-items: center;
  }

  .section-heading .eyebrow,
  .section-copy {
    display: none;
  }

  .section-heading h2 {
    font-size: 1rem;
    line-height: 1.2;
  }

  .summary-grid,
  .module-grid,
  .report-grid,
  .account-workspace-grid,
  .delivery-desk,
  .delivery-side-stack,
  .panel,
  .stack-list,
  .table-shell {
    min-height: 0;
  }

  .summary-grid,
  .module-grid,
  .report-grid,
  .account-workspace-grid {
    gap: 8px;
  }

  .summary-tile,
  .summary-card,
  .summary-chip,
  .receipt-card,
  .panel,
  .rail-card {
    padding: 12px;
    border-radius: 14px;
  }

  .summary-tile strong {
    margin-top: 8px;
    font-size: 1.18rem;
  }

  .summary-tile small {
    margin-top: 6px;
    line-height: 1.35;
  }

  .card-heading {
    gap: 10px;
    margin-bottom: 10px;
  }

  .card-heading h3 {
    font-size: 1rem;
  }

  .eyebrow {
    margin-bottom: 4px;
    font-size: 0.66rem;
    letter-spacing: 0.12em;
  }

  .toolbar,
  .form-grid,
  .challan-header-grid,
  .challan-main-grid,
  .builty-entry-grid,
  .challan-footer-grid,
  .action-stack {
    gap: 8px;
  }

  label {
    gap: 4px;
    font-size: 0.84rem;
  }

  input,
  select,
  textarea {
    min-height: 36px;
    padding: 8px 10px;
    border-radius: 10px;
  }

  textarea {
    min-height: 84px;
  }

  button,
  .button-link {
    min-height: 34px;
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 0.92rem;
  }

  .pill,
  .status-badge,
  .mini-pill,
  .locked-pill,
  .scope-pill,
  .balance-pill {
    min-height: 24px;
    padding: 0 8px;
    font-size: 0.72rem;
  }

  th,
  td {
    padding: 8px 10px;
  }

  th {
    font-size: 0.7rem;
    letter-spacing: 0.08em;
  }

  .list-item,
  .money-item,
  .ledger-card {
    padding: 10px 12px;
  }

  .table-note,
  .inline-hint,
  .action-status {
    font-size: 0.8rem;
  }

  body[data-page="dashboard"] .page-section {
    grid-template-rows: auto auto minmax(0, 1fr);
  }

  body[data-page="dashboard"] .dashboard-grid > .panel,
  body[data-page="reports"] .report-panel,
  body[data-page="collections"] .module-grid > .panel {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
  }

  body[data-page="dashboard"] .stack-list,
  body[data-page="reports"] .stack-list,
  body[data-page="collections"] #ledgerSummary {
    overflow: auto;
  }

  body[data-page="accounts"] .page-section {
    grid-template-rows: auto minmax(0, 1fr);
  }

  body[data-page="accounts"] .account-directory-panel {
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr);
    min-height: 0;
  }

  body[data-page="reports"] .page-section {
    grid-template-rows: auto auto auto minmax(0, 1fr);
  }

  body[data-page="reports"] .report-grid {
    min-height: 0;
  }

  body[data-page="reports"] .report-panel .stack-list,
  body[data-page="reports"] .report-panel .table-shell {
    overflow: auto;
  }

  body[data-page="collections"] .page-section {
    grid-template-rows: auto minmax(0, 1fr);
  }

  body[data-page="collections"] .module-grid {
    grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.85fr);
    min-height: 0;
  }

  body[data-page="collections"] .module-grid > .panel:first-child {
    grid-template-rows: auto auto minmax(0, 1fr);
  }

  body[data-page="collections"] #collectionList {
    min-height: 0;
    overflow: auto;
  }

  body[data-page="delivery"] .workspace {
    padding: 10px;
  }

  body[data-page="delivery"] .page-section {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
  }

  body[data-page="delivery"] .delivery-desk {
    height: 100%;
    gap: 10px;
  }

  body[data-page="delivery"] .delivery-queue-panel,
  body[data-page="delivery"] .delivery-control-panel,
  body[data-page="delivery"] .delivery-preview-panel {
    overflow: hidden;
  }

  body[data-page="delivery"] .delivery-editor-panel {
    overflow: auto;
  }

  body[data-page="delivery"] .delivery-side-stack {
    gap: 10px;
    position: static;
    align-self: stretch;
  }

  body[data-page="delivery"] .delivery-preview-panel {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
  }

  body[data-page="delivery"] .delivery-queue-list,
  body[data-page="delivery"] #receiptCard {
    min-height: 0;
    max-height: none;
    overflow: auto;
  }

  body[data-page="delivery"] .delivery-mini-stat {
    min-width: 80px;
    padding: 8px 10px;
  }

body[data-page="delivery"] .delivery-mini-stat strong {
    margin-top: 4px;
    font-size: 0.98rem;
  }
}

body[data-page="delivery"] .delivery-desk {
  grid-template-columns: minmax(360px, 430px) minmax(560px, 0.92fr) minmax(280px, 320px);
}

body[data-page="delivery"] .delivery-queue-panel {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 10px;
}

body[data-page="delivery"] .delivery-editor-panel {
  display: block;
  overflow: hidden;
}

body[data-page="delivery"] .delivery-queue-list {
  max-height: none;
  min-height: 0;
  overflow: auto;
}

.delivery-topband,
.delivery-console-block {
  padding: 9px 10px;
  border-radius: 14px;
  border: 1px solid rgba(208, 228, 255, 0.12);
  background:
    radial-gradient(circle at top left, rgba(101, 210, 228, 0.12), transparent 38%),
    rgba(255, 255, 255, 0.04);
}

.delivery-console-form {
  display: grid;
  gap: 8px;
  min-height: 0;
  overflow: auto;
  padding-right: 4px;
}

.delivery-console-topline {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.delivery-console-columns {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 8px;
  align-items: start;
}

.delivery-block-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 8px;
}

.delivery-settlement-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.delivery-readonly-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.delivery-total-field input {
  font-weight: 700;
  letter-spacing: 0.02em;
}

.delivery-forward-account-field.is-hidden {
  display: none;
}

.delivery-inline-actions {
  display: flex;
  justify-content: flex-end;
  align-items: end;
  grid-column: 1 / -1;
}

.delivery-inline-actions button {
  min-width: 160px;
}

.delivery-duplicate-card {
  width: min(680px, calc(100vw - 32px));
}

.delivery-print-confirm-card {
  width: min(540px, calc(100vw - 32px));
  padding: 20px;
}

.delivery-print-confirm-summary {
  display: grid;
  gap: 10px;
  margin: 8px 0 18px;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(208, 228, 255, 0.12);
  background: rgba(255, 255, 255, 0.035);
}

.delivery-print-confirm-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
}

.delivery-print-confirm-row span {
  color: var(--text-soft);
}

.delivery-print-confirm-row strong {
  max-width: 62%;
  text-align: right;
  word-break: break-word;
}

.delivery-print-confirm-error {
  margin: 0 0 16px;
  color: var(--warning);
  line-height: 1.45;
}

.delivery-duplicate-list {
  display: grid;
  gap: 10px;
  max-height: min(60vh, 360px);
  overflow: auto;
  padding-right: 4px;
}

.delivery-duplicate-option {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  text-align: left;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(208, 228, 255, 0.12);
  background: rgba(8, 13, 21, 0.44);
  color: var(--text);
  transition: border-color 0.16s ease, background 0.16s ease, transform 0.16s ease;
}

.delivery-duplicate-option:hover,
.delivery-duplicate-option:focus-visible {
  border-color: rgba(101, 210, 228, 0.34);
  background: rgba(17, 28, 40, 0.6);
  transform: translateY(-1px);
}

.delivery-duplicate-option strong {
  display: block;
  margin-bottom: 4px;
}

.delivery-duplicate-option > div > span {
  color: var(--text-soft);
  font-size: 0.86rem;
}

@media (max-width: 1480px) {
  body[data-page="delivery"] .delivery-desk {
    grid-template-columns: minmax(330px, 390px) minmax(0, 1fr) minmax(270px, 310px);
  }

  .delivery-console-topline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1220px) {
  .delivery-topband,
  .delivery-legacy-workbench {
    grid-template-columns: 1fr;
  }

  .delivery-forward-row,
  .delivery-forward-account-field {
    grid-template-columns: 1fr;
  }

  .delivery-console-form {
    overflow: auto;
    padding-right: 4px;
  }

  .delivery-console-columns,
  .delivery-settlement-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .delivery-topband-row,
  .delivery-forward-account-field,
  .delivery-detail-row {
    grid-template-columns: 1fr;
  }

  .delivery-topband-row:first-child .delivery-topband-field {
    max-width: none;
  }

  .delivery-charge-row {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .delivery-charge-label {
    border-radius: 8px;
  }
}

@media screen and (min-width: 1081px) {
  .shell-menu-button {
    display: none;
  }

  .rail-toggle {
    display: inline-flex;
  }

  .app-shell {
    grid-template-columns: 198px minmax(0, 1fr);
    overflow: visible;
    transition: grid-template-columns 0.18s ease;
  }

  body.is-sidebar-collapsed .app-shell {
    grid-template-columns: 72px minmax(0, 1fr);
  }

  .side-rail,
  .rail-nav,
  body.is-sidebar-collapsed .side-rail,
  body.is-sidebar-collapsed .rail-nav {
    overflow: visible;
  }

  body.is-sidebar-collapsed .side-rail {
    width: 72px;
    min-width: 72px;
    padding-left: 8px;
    padding-right: 8px;
    transition:
      width 0.18s ease,
      min-width 0.18s ease,
      padding 0.18s ease;
  }

  .rail-header {
    width: 100%;
    justify-content: flex-start;
    align-items: center;
  }

  body.is-sidebar-collapsed .rail-header {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }

  .rail-nav {
    position: relative;
    z-index: 70;
  }

  .nav-link {
    width: 100%;
    margin-inline: 0;
    justify-content: flex-start;
    padding: 10px 12px;
  }

  .nav-copy {
    position: static;
    display: block;
    min-width: 0;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    white-space: normal;
    transform: none;
  }

  body.is-sidebar-collapsed .nav-link {
    position: relative;
    width: 56px;
    min-width: 56px;
    margin-inline: 0;
    overflow: visible;
    justify-content: flex-start;
    padding: 8px 8px 8px 10px;
    left: 0;
    transition:
      width 0.18s ease,
      padding 0.18s ease,
      border-color 0.18s ease,
      background 0.18s ease,
      box-shadow 0.18s ease;
    z-index: 0;
  }

  body.is-sidebar-collapsed .nav-copy {
    display: none;
  }

  body.is-sidebar-collapsed .nav-copy small {
    margin-top: 1px;
  }

  body.is-sidebar-collapsed .nav-link:hover,
  body.is-sidebar-collapsed .nav-link:focus-visible {
    transform: none;
    z-index: 1;
    border-color: rgba(101, 210, 228, 0.22);
    background: rgba(18, 28, 39, 0.52);
  }

  body.is-sidebar-collapsed .nav-link.is-active {
    z-index: 1;
  }

}

@media screen and (max-width: 1080px) {
  body {
    overflow: auto;
  }

  .shell-menu-button {
    display: inline-flex;
  }

  .app-shell,
  .workspace {
    min-height: 100vh;
    height: auto;
  }

  .side-rail {
    width: min(240px, calc(100vw - 28px));
    padding: 12px;
  }

  .topbar {
    display: grid;
    min-height: 54px;
    padding: 8px 12px;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: var(--panel-strong);
    box-shadow: var(--shadow);
  }

  .topbar-left {
    width: auto;
    gap: 10px;
  }

  .nav-link {
    justify-content: flex-start;
    padding: 10px 12px;
  }

  .nav-copy {
    display: block;
  }

  .workspace,
  .page-section,
  body[data-page="delivery"] .page-section {
    overflow: visible;
  }
}

@media screen and (max-width: 900px) {
  .section-heading h2 {
    font-size: 0.92rem;
  }

  body[data-page="collections"] .module-grid {
    grid-template-columns: 1fr;
  }
}

.account-directory-panel {
  display: grid;
  gap: 14px;
}

.account-directory-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.directory-add-button {
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid rgba(162, 122, 90, 0.4);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(162, 122, 90, 0.28), rgba(162, 122, 90, 0.12));
  color: var(--text);
  font-weight: 700;
}

.account-toolbar-compact,
.reports-toolbar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.account-mini-pills {
  gap: 8px;
}

.account-directory-shell {
  padding: 0;
  min-height: 0;
  height: 100%;
  overflow: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.account-directory-shell table {
  width: 100%;
}

.field-with-action {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: end;
}

.field-action-button,
.table-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  min-width: 38px;
  padding: 0;
  color: var(--text);
}

.field-action-button {
  min-height: 38px;
  border-radius: 12px;
}

.table-icon-button svg {
  width: 18px;
  height: 18px;
  display: block;
  flex: 0 0 auto;
  overflow: visible;
  fill: currentColor;
  stroke: none;
  pointer-events: none;
}

.table-icon-button svg path {
  fill: currentColor !important;
  stroke: none !important;
}

.account-delete-button {
  color: var(--danger);
  border-color: rgba(203, 111, 95, 0.28);
  background: rgba(203, 111, 95, 0.12);
}

.account-delete-button:hover:not(:disabled),
.account-delete-button:focus-visible:not(:disabled) {
  border-color: rgba(203, 111, 95, 0.44);
  background: rgba(203, 111, 95, 0.18);
}

.account-delete-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.table-row-selected {
  background: rgba(101, 210, 228, 0.1);
}

.modal-open {
  overflow: hidden;
}

.modal-shell {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: grid;
  place-items: center;
  padding: 24px;
}

.modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(6, 10, 16, 0.68);
  backdrop-filter: blur(8px);
}

.modal-card {
  position: relative;
  z-index: 1;
  width: min(920px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  overflow: auto;
  border: 1px solid var(--border-strong);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(24, 35, 47, 0.98), rgba(18, 28, 39, 0.98));
  box-shadow: var(--shadow);
}

.account-modal-card {
  width: min(1160px, calc(100vw - 40px));
  max-height: min(95vh, 820px);
  padding: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #d7e1ef;
  border-radius: 26px;
  background: #ffffff;
  color: #172033;
  box-shadow: 0 32px 90px rgba(15, 23, 42, 0.22);
}

.challan-decision-card {
  width: min(520px, calc(100vw - 32px));
  padding: 20px;
}

.unsaved-changes-card {
  width: min(540px, calc(100vw - 32px));
}

.unsaved-changes-actions button {
  min-width: 118px;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.modal-header-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.modal-close-button {
  min-width: 90px;
}

input[type="number"] {
  appearance: textfield;
  -moz-appearance: textfield;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.toast-host {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 130;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  width: min(360px, calc(100vw - 24px));
  pointer-events: none;
}

.toast-card {
  width: 100%;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(114, 215, 161, 0.22);
  background: linear-gradient(180deg, rgba(20, 31, 43, 0.96), rgba(15, 24, 34, 0.94));
  box-shadow: var(--shadow);
  backdrop-filter: blur(20px);
  pointer-events: auto;
  transform: translateY(0);
  opacity: 1;
  transition:
    opacity 0.22s ease,
    transform 0.22s ease,
    filter 0.22s ease;
}

.toast-card.is-leaving {
  opacity: 0;
  transform: translateY(10px) scale(0.98);
  filter: blur(3px);
}

.toast-indicator {
  width: 10px;
  height: 10px;
  margin-top: 6px;
  border-radius: 999px;
  background: var(--success);
  box-shadow: 0 0 0 6px rgba(114, 215, 161, 0.14);
}

.toast-card.is-warning {
  border-color: rgba(226, 161, 62, 0.32);
}

body[data-theme] .toast-card.is-warning {
  border-color: rgba(226, 161, 62, 0.36);
}

.toast-card.is-warning .toast-indicator {
  background: #e2a13e;
  box-shadow: 0 0 0 6px rgba(226, 161, 62, 0.16);
}

.toast-card.is-danger {
  border-color: rgba(232, 96, 96, 0.32);
}

body[data-theme] .toast-card.is-danger {
  border-color: rgba(232, 96, 96, 0.36);
}

.toast-card.is-danger .toast-indicator {
  background: #e86060;
  box-shadow: 0 0 0 6px rgba(232, 96, 96, 0.16);
}

.toast-card.is-info {
  border-color: rgba(92, 169, 236, 0.32);
}

body[data-theme] .toast-card.is-info {
  border-color: rgba(92, 169, 236, 0.36);
}

.toast-card.is-info .toast-indicator {
  background: #5ca9ec;
  box-shadow: 0 0 0 6px rgba(92, 169, 236, 0.16);
}

.toast-copy {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.toast-copy strong {
  font-size: 0.92rem;
  color: var(--text);
}

.toast-copy span {
  color: var(--text-soft);
  line-height: 1.45;
}

.toast-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.toast-undo {
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid rgba(101, 210, 228, 0.22);
  border-radius: 999px;
  background: rgba(101, 210, 228, 0.12);
  color: var(--focus);
  font-weight: 700;
}

.toast-undo:hover {
  background: rgba(101, 210, 228, 0.2);
}

.toast-undo:focus-visible {
  outline-offset: 1px;
}

.toast-close {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(222, 231, 240, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--text-soft);
  font-weight: 700;
}

.toast-close:hover {
  background: rgba(255, 255, 255, 0.1);
  color: var(--text);
}

.toast-close:focus-visible {
  outline-offset: 1px;
}

.ledger-badge {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(101, 210, 228, 0.22);
  background: rgba(101, 210, 228, 0.12);
  color: var(--focus);
  font-size: 0.82rem;
  font-weight: 700;
}

.account-modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 24px 10px;
  border-bottom: 1px solid #e5ebf5;
}

.account-modal-heading {
  min-width: 0;
}

.account-modal-heading .eyebrow {
  margin: 0 0 2px;
  color: #4366ff;
  letter-spacing: 0.08em;
}

.account-modal-heading h3 {
  margin: 0;
  font-size: 1.16rem;
  line-height: 1.2;
  color: #172033;
}

.account-modal-copy {
  margin: 0;
}

.account-modal-header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.account-modal-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 11px;
  border: 1px solid #d7e1ef;
  background: #f8fbff;
  color: #38527a;
  font-size: 0.8rem;
  font-weight: 700;
  white-space: nowrap;
}

.account-modal-pill strong {
  margin-left: 4px;
  color: inherit;
}

.account-modal-pill.is-rcm,
.account-modal-pill.is-success {
  border-color: #c8ebd4;
  background: #edf9f1;
  color: #287a47;
}

.account-modal-pill.is-neutral {
  border-color: #d9e2f2;
  background: #f6f9fe;
  color: #4d6286;
}

.account-modal-close-button {
  width: 44px;
  min-width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid #d7e1ef;
  border-radius: 14px;
  background: #ffffff;
  background-image: none;
  color: #23304a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
}

.account-modal-close-button:hover {
  background: #f5f8fd;
}

.account-modal-form {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  flex-direction: column;
}

.account-modal-view {
  display: grid;
  gap: 14px;
  padding: 22px 28px 24px;
}

.account-modal-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 10px 24px 6px;
  display: grid;
  gap: 6px;
}

.account-modal-row {
  display: grid;
  gap: 8px;
  align-items: start;
}

.account-modal-row-3 {
  grid-template-columns: minmax(200px, 1.05fr) minmax(320px, 1.45fr) minmax(180px, 0.92fr);
}

.account-modal-row-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account-modal-row-4 {
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 1.02fr) minmax(0, 0.82fr) minmax(0, 0.72fr);
}

.account-modal-row-single {
  grid-template-columns: minmax(0, 1fr);
}

.account-modal-field,
.account-modal-field-wide,
.account-modal-field-mini {
  display: grid;
  grid-template-rows: 18px auto;
  gap: 4px;
  min-width: 0;
  align-self: start;
}

.account-modal-field-wide {
  min-width: 0;
}

.account-modal-label {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  min-width: 0;
  min-height: 18px;
  font-size: 0.8rem;
  font-weight: 700;
  color: #5a6d8a;
}

.account-modal-label-text {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  flex: 0 1 auto;
}

.field-required {
  color: #e45454;
}

.account-modal-inline-icon,
.account-modal-badge-icon,
.account-modal-button-icon,
.field-help-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: currentColor;
  flex: 0 0 auto;
}

.account-modal-inline-icon svg,
.account-modal-badge-icon svg,
.account-modal-button-icon svg,
.field-help-icon svg {
  width: 100%;
  height: 100%;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.field-help-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #6f83a6;
  cursor: help;
  box-shadow: none;
  transition: color 140ms ease, border-color 140ms ease, background 140ms ease, transform 140ms ease;
}

.field-help-icon {
  width: 13px;
  height: 13px;
}

.field-help-button:hover,
.field-help-button:focus-visible,
.field-help-button.is-tooltip-open {
  background: transparent;
  color: #1f4fd1;
  transform: none;
}

.field-help-button:hover .field-help-icon,
.field-help-button:focus-visible .field-help-icon,
.field-help-button.is-tooltip-open .field-help-icon {
  color: #1f4fd1;
}

.field-help-button:focus-visible {
  outline: 2px solid rgba(84, 113, 255, 0.18);
  outline-offset: 2px;
}

.account-modal-badge-with-icon {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.account-modal-badge-icon {
  width: 14px;
  height: 14px;
}

.account-modal-button-icon {
  width: 16px;
  height: 16px;
}

.account-modal-input-shell {
  position: relative;
  min-width: 0;
}

.account-modal-titlecase,
.account-modal-uppercase {
  text-transform: capitalize;
}

.account-modal-code {
  text-transform: uppercase;
}

.account-modal-card input,
.account-modal-card textarea,
.account-modal-card .modal-combobox > input[type="text"] {
  min-height: 38px;
  width: 100%;
  border: 1px solid #d8e2f0;
  border-radius: 14px;
  background: #ffffff;
  color: #182338;
  padding: 8px 12px;
  box-shadow: none;
  font-size: 0.92rem;
}

.account-modal-card textarea {
  min-height: 68px;
  resize: none;
  padding-top: 9px;
}

.account-modal-card input::placeholder,
.account-modal-card textarea::placeholder {
  color: #98a7bf;
}

.account-modal-card input:focus,
.account-modal-card textarea:focus,
.account-modal-card .modal-combobox > input[type="text"]:focus {
  border-color: #5471ff;
  box-shadow: 0 0 0 4px rgba(84, 113, 255, 0.14);
  outline: 0;
}

.account-modal-card input:disabled,
.account-modal-card textarea:disabled {
  background: #f5f7fb;
  color: #8593ab;
}

.account-modal-card .modal-combobox {
  position: relative;
}

.account-modal-card .modal-combobox > input[type="text"] {
  padding-right: 36px;
}

.account-modal-card .modal-combobox::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  width: 18px;
  height: 8px;
  border-right: 2px solid #7c8ca7;
  border-bottom: 2px solid #7c8ca7;
  transform: translateY(-68%) rotate(45deg);
  pointer-events: none;
}

.account-modal-card .modal-combobox-menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 30;
  display: grid;
  gap: 4px;
  max-height: 230px;
  padding: 8px;
  overflow-y: auto;
  border-radius: 16px;
  border: 1px solid #d9e2ef;
  background: rgba(255, 255, 255, 0.99);
  box-shadow: 0 24px 40px rgba(15, 23, 42, 0.14);
}

.account-modal-card .modal-combobox-menu[hidden] {
  display: none !important;
}

.account-modal-card .modal-combobox-option {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  color: #24324c;
  text-align: left;
  font: inherit;
}

.account-modal-card .modal-combobox-option:hover,
.account-modal-card .modal-combobox-option.is-active {
  background: #eef3ff;
  border-color: #dbe4ff;
  color: #15213a;
}

.account-modal-billing-shell {
  display: grid;
  gap: 6px;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid #d8e2ff;
  background: linear-gradient(180deg, #f8fbff, #f3f7ff);
}

.account-modal-billing-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.account-modal-billing-title {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.account-modal-billing-head strong {
  font-size: 0.9rem;
  color: #1d2a42;
}

.account-modal-billing-badges {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 6px;
}

.account-modal-row-bottom textarea {
  min-height: 66px;
}

.account-modal-usage {
  display: none;
}

.account-modal-billing-shell[hidden],
.account-modal-field[hidden] {
  display: none !important;
}

.account-modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 24px 10px;
  border-top: 1px solid #e5ebf5;
  background: #ffffff;
}

.account-modal-shortcuts {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 12px;
}

.account-modal-shortcut {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #6e7d95;
  font-size: 0.74rem;
}

.account-modal-shortcut kbd {
  min-height: 26px;
  padding: 0 9px;
  border-radius: 9px;
  border: 1px solid #d6dff0;
  background: #f8fbff;
  color: #33435f;
  font: inherit;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
}

.account-modal-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.account-modal-actions button {
  min-height: 40px;
  padding: 0 15px;
  border-radius: 14px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.account-modal-actions #accountModalSubmitBtn {
  background: linear-gradient(180deg, #5272ff, #3657ef);
  border-color: #3657ef;
  color: #ffffff;
}

.account-modal-actions #accountModalSubmitBtn:hover {
  filter: brightness(1.02);
}

.account-modal-actions #accountModalSaveAddBtn {
  border-color: #cfdbf4;
  background: #ffffff;
  color: #3250d4;
}

.account-modal-actions #accountModalDeleteBtn {
  border-color: #f3c3c3;
  background: #fff7f7;
  color: #c03f3f;
}

.floating-field-tooltip {
  position: fixed;
  z-index: 180;
  max-width: min(260px, calc(100vw - 24px));
  padding: 8px 10px;
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.96);
  color: #f8fafc;
  font-size: 0.76rem;
  line-height: 1.38;
  box-shadow: 0 16px 30px rgba(15, 23, 42, 0.24);
  pointer-events: none;
}

.detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.detail-item {
  padding: 14px;
  border-radius: 16px;
  border: 1px solid #e2e9f5;
  background: #f8fbff;
  color: #182338;
}

.detail-item strong {
  display: block;
  margin-top: 8px;
}

.modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

@media screen and (max-width: 1180px) {
  .account-modal-row-3,
  .account-modal-row-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 900px) {
  .modal-shell {
    padding: 14px;
  }

  .account-modal-card {
    width: min(100vw - 12px, 100%);
    max-height: calc(100vh - 12px);
    border-radius: 20px;
  }

  .account-modal-header,
  .account-modal-body,
  .account-modal-footer,
  .account-modal-view {
    padding-left: 18px;
    padding-right: 18px;
  }

  .account-modal-header,
  .account-modal-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .account-modal-header-actions,
  .account-modal-actions {
    justify-content: stretch;
  }

  .account-modal-actions button {
    flex: 1 1 180px;
  }

  .account-modal-row-2,
  .account-modal-row-3,
  .account-modal-row-4 {
    grid-template-columns: minmax(0, 1fr);
  }

  .account-modal-billing-head {
    flex-direction: column;
  }
}

.reports-filter-panel {
  display: grid;
  gap: 14px;
}

.reports-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.statement-lines {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.statement-line {
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(208, 228, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}

.table-strong {
  font-weight: 700;
}

.account-notice-host:empty {
  display: none;
}

.account-notice-host {
  margin-bottom: 4px;
}

.account-notice-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(208, 228, 255, 0.14);
  background: rgba(255, 255, 255, 0.05);
  box-shadow: var(--shadow);
}

.account-notice-banner.is-success {
  border-color: rgba(114, 215, 161, 0.28);
  background: linear-gradient(135deg, rgba(114, 215, 161, 0.18), rgba(114, 215, 161, 0.06));
}

.account-notice-copy {
  display: grid;
  gap: 4px;
}

.account-notice-copy strong {
  color: var(--success);
  font-size: 0.94rem;
}

.account-notice-copy span {
  color: var(--text);
  font-size: 0.9rem;
}

.account-notice-close {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: rgba(17, 28, 40, 0.55);
  color: var(--text-soft);
}

@media screen and (min-width: 901px) {
  .toolbar,
  .account-toolbar,
  .account-toolbar-compact,
  .reports-toolbar {
    align-items: stretch;
  }

  .toolbar-field {
    --inline-label-width: var(--inline-label-width-compact);
    gap: 4px;
  }

  .toolbar-field-wide {
    --inline-label-width: 52px;
  }

  label:not(.delivery-toggle):not(.admin-switch):not(:has(> input[type="checkbox"])):not(:has(> input[type="radio"])) {
    display: grid;
    grid-template-columns: var(--inline-label-width, var(--inline-label-width-default)) minmax(0, 1fr);
    column-gap: 10px;
    row-gap: 0;
    align-items: center;
    min-width: 0;
    line-height: 1.2;
  }

  label:not(.delivery-toggle):not(.admin-switch):not(:has(> input[type="checkbox"])):not(:has(> input[type="radio"])):has(textarea) {
    align-items: start;
  }

  label:not(.delivery-toggle):not(.admin-switch):not(:has(> input[type="checkbox"])):not(:has(> input[type="radio"])) > input,
  label:not(.delivery-toggle):not(.admin-switch):not(:has(> input[type="checkbox"])):not(:has(> input[type="radio"])) > select,
  label:not(.delivery-toggle):not(.admin-switch):not(:has(> input[type="checkbox"])):not(:has(> input[type="radio"])) > textarea,
  label:not(.delivery-toggle):not(.admin-switch):not(:has(> input[type="checkbox"])):not(:has(> input[type="radio"])) > .field-with-action,
  label:not(.delivery-toggle):not(.admin-switch):not(:has(> input[type="checkbox"])):not(:has(> input[type="radio"])) > .modal-combobox,
  label:not(.delivery-toggle):not(.admin-switch):not(:has(> input[type="checkbox"])):not(:has(> input[type="radio"])) > .delivery-readonly-pair {
    width: 100%;
    min-width: 0;
  }

  input:not([type="checkbox"]):not([type="radio"]),
  select,
  textarea {
    min-height: var(--compact-field-height);
    padding: var(--compact-field-padding-y) var(--compact-field-padding-x);
    border-radius: 10px;
  }

  select {
    padding-right: 38px;
    background-position:
      calc(100% - 18px) calc(50% - 2px),
      calc(100% - 12px) calc(50% - 2px);
  }

  textarea {
    min-height: 84px;
  }

  .field-with-action {
    gap: 6px;
    align-items: center;
  }

  .field-action-button,
  .table-icon-button {
    width: 34px;
    min-width: 34px;
  }

  .field-action-button {
    min-height: 34px;
    border-radius: 10px;
  }

  .account-toolbar,
  .account-toolbar-compact,
  .reports-toolbar {
    --inline-label-width: var(--inline-label-width-compact);
    gap: 10px;
  }

  .account-toolbar {
    grid-template-columns: 148px 170px minmax(0, 1fr);
  }

  .account-toolbar-compact {
    grid-template-columns: 150px 170px minmax(280px, 1fr);
  }

  .reports-toolbar {
    grid-template-columns: repeat(4, minmax(160px, 1fr));
  }

  .form-grid {
    --inline-label-width: 112px;
    gap: 10px;
  }

  .challan-header-grid {
    --inline-label-width: 78px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    align-items: stretch;
  }

  .builty-entry-grid {
    --inline-label-width: 96px;
    gap: 10px;
  }

  .challan-footer-grid {
    --inline-label-width: 132px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .delivery-console-form {
    --inline-label-width: 110px;
    gap: 8px;
  }

  label.delivery-topband-label,
  label.delivery-forward-account-label,
  label.delivery-charge-label,
  label.delivery-detail-label {
    display: flex;
    grid-template-columns: none;
    column-gap: 0;
  }

  .delivery-topband {
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: 12px;
    padding: 8px 10px;
  }

  .delivery-topband-fields {
    gap: 6px;
  }

  .delivery-topband-row {
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 6px;
  }

  .delivery-topband-row:first-child .delivery-topband-field {
    max-width: 200px;
  }

  .delivery-forward-row {
    grid-template-columns: minmax(210px, 1fr) minmax(0, 0.92fr);
    gap: 8px;
  }

  .delivery-forward-account-field {
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 6px;
  }

  .delivery-legacy-workbench {
    gap: 14px;
  }

  .delivery-charge-row {
    grid-template-columns: 138px minmax(0, 1fr);
  }

  .delivery-detail-row {
    grid-template-columns: 98px minmax(0, 1fr);
    gap: 8px;
  }

  .delivery-console-topline {
    --inline-label-width: 96px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  .delivery-block-grid {
    gap: 6px 8px;
  }

  .delivery-settlement-grid {
    --inline-label-width: 96px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px 8px;
  }

  .delivery-readonly-pair {
    --inline-label-width: 72px;
  }

  body[data-page="delivery"] .delivery-editor-panel label:not(.delivery-toggle):not(.delivery-topband-label):not(.delivery-forward-account-label):not(.delivery-charge-label):not(.delivery-detail-label) {
    font-size: 0.84rem;
    column-gap: 8px;
  }

  body[data-page="delivery"] .delivery-editor-panel input:not([type="hidden"]),
  body[data-page="delivery"] .delivery-editor-panel select {
    min-height: 32px;
    padding: 5px 8px;
  }

  body[data-page="delivery"] .delivery-editor-panel .field-action-button {
    width: 32px;
    min-width: 32px;
    min-height: 32px;
  }

  body[data-page="delivery"] .delivery-editor-meta {
    gap: 6px;
  }

  body[data-page="delivery"] .delivery-receipt-chip {
    min-width: 112px;
    padding: 6px 8px;
  }

  body[data-page="collections"] .form-grid {
    --inline-label-width: 128px;
  }

  .account-modal-grid {
    --inline-label-width: var(--inline-label-width-wide);
    gap: 12px;
  }

  .account-modal-grid > label,
  .form-inline-pair label {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 6px;
    align-items: stretch;
  }

  .form-inline-pair {
    gap: 8px;
  }

  .modal-combobox > input[type="text"] {
    padding-right: 36px;
  }
}

@media screen and (max-width: 1024px) {
  .account-toolbar-compact,
  .reports-toolbar,
  .reports-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 760px) {
  .modal-shell {
    padding: 12px;
  }

  .toast-host {
    right: 12px;
    bottom: 12px;
    width: min(340px, calc(100vw - 20px));
  }

  .modal-header,
  .account-directory-heading {
    flex-direction: column;
    align-items: flex-start;
  }

  .account-toolbar-compact,
  .reports-toolbar,
  .account-modal-grid,
  .detail-grid,
  .reports-summary-grid {
    grid-template-columns: 1fr;
  }

  .form-inline-pair {
    grid-template-columns: minmax(0, 1fr) 104px;
  }

  .modal-actions {
    flex-wrap: wrap;
    justify-content: stretch;
  }

  .account-notice-banner {
    align-items: flex-start;
    flex-direction: column;
  }

  .modal-actions button {
    flex: 1 1 140px;
  }
}

body[data-page="challans"] .workspace {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 8px;
  height: 100vh;
  overflow: hidden;
}

body[data-page="challans"] .page-section.challan-fit-layout {
  min-height: 0;
  height: 100%;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: 8px;
  overflow: hidden;
}

body[data-page="challans"] .account-notice-host:empty {
  display: none;
}

body[data-page="challans"] .challan-header-card,
body[data-page="challans"] .challan-entry-card,
body[data-page="challans"] .challan-records-card,
body[data-page="challans"] .action-bar {
  min-height: 0;
  overflow: hidden;
}

body[data-page="challans"] .action-bar {
  overflow: visible;
}

body[data-page="challans"] .challan-mode-strip {
  align-items: center;
  margin-bottom: 4px;
}

body[data-page="challans"] .challan-mode-message strong {
  font-size: 0.78rem;
}

body[data-page="challans"] .challan-header-grid {
  grid-template-columns: minmax(290px, 2.4fr) minmax(150px, 1.05fr) minmax(120px, 0.8fr) minmax(142px, 0.9fr) minmax(172px, 1fr) minmax(172px, 1fr);
  gap: 6px 8px;
}

body[data-page="challans"] .challan-main-grid {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(332px, 372px) minmax(0, 1fr);
  gap: 8px;
  align-items: stretch;
}

body[data-page="challans"] .challan-entry-card {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  align-content: start;
}

body[data-page="challans"] .builty-editor-mode {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 30px;
  margin-bottom: 6px;
  color: var(--text-soft);
  font-size: 0.76rem;
}

body[data-page="challans"] .builty-editor-mode strong {
  color: var(--text);
  font-size: 0.76rem;
  line-height: 1.35;
}

body[data-page="challans"] .builty-entry-grid label.is-invalid {
  color: #ffb1b1;
}

body[data-page="challans"] .builty-entry-grid input[aria-invalid="true"] {
  border-color: rgba(255, 123, 123, 0.82);
  background: rgba(255, 123, 123, 0.14);
  box-shadow: 0 0 0 1px rgba(255, 123, 123, 0.26);
}

body[data-page="challans"] .builty-entry-grid input:disabled {
  border-color: rgba(208, 228, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  color: rgba(236, 243, 251, 0.54);
  cursor: not-allowed;
}

body[data-page="challans"] .builty-editor-mode.is-editing .pill {
  color: var(--focus);
}

body[data-page="challans"] .builty-editor-mode.is-processed .pill {
  color: var(--warning);
}

body[data-page="challans"] .builty-editor-mode.is-disabled .pill {
  color: var(--accent);
}

body[data-page="challans"] .builty-entry-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 8px;
  align-content: start;
}

body[data-page="challans"] .challan-entry-card .form-actions {
  margin-top: 4px;
}

body[data-page="challans"] .challan-records-card {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto auto;
  gap: 8px;
}

body[data-page="challans"] .challan-table-host,
body[data-page="challans"] .challan-table-host.table-shell {
  min-height: 0;
  height: 100%;
  overflow: auto;
  overscroll-behavior: contain;
}

body[data-page="challans"] .challan-table-host table {
  width: max-content;
  min-width: 100%;
  table-layout: auto;
}

body[data-page="challans"] .challan-table-host th,
body[data-page="challans"] .challan-table-host td {
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
  padding: 6px 7px;
  font-size: calc(0.86rem + (var(--challan-builty-list-font-step, 0) * 0.04rem));
  line-height: calc(1.28 + (var(--challan-builty-list-font-step, 0) * 0.03));
}

body[data-page="challans"] .challan-table-host th {
  border-radius: 0 !important;
  background-clip: padding-box;
}

body[data-page="challans"] .challan-table-host th:nth-child(1) { width: 54px; }
body[data-page="challans"] .challan-table-host th:nth-child(2) { width: 82px; }
body[data-page="challans"] .challan-table-host th:nth-child(3) { width: 92px; }
body[data-page="challans"] .challan-table-host th:nth-child(4) { min-width: 220px; }
body[data-page="challans"] .challan-table-host th:nth-child(5) { min-width: 220px; }
body[data-page="challans"] .challan-table-host th:nth-child(6) { width: 88px; }
body[data-page="challans"] .challan-table-host th:nth-child(7) { width: 54px; }
body[data-page="challans"] .challan-table-host th:nth-child(8) { width: 72px; }
body[data-page="challans"] .challan-table-host th:nth-child(9),
body[data-page="challans"] .challan-table-host th:nth-child(10),
body[data-page="challans"] .challan-table-host th:nth-child(11),
body[data-page="challans"] .challan-table-host th:nth-child(12) { width: 88px; }
body[data-page="challans"] .challan-table-host th:nth-child(13) { min-width: 180px; }
body[data-page="challans"] .challan-table-host th:nth-child(14) { width: 74px; min-width: 74px; }

body[data-page="challans"] .data-row {
  cursor: pointer;
}

body[data-page="challans"] .challan-table-host .action-cell {
  text-align: right;
}

body[data-page="challans"] .challan-table-host th:last-child,
body[data-page="challans"] .challan-table-host td.action-cell {
  position: sticky;
  right: 0;
}

body[data-page="challans"] .challan-table-host th:last-child {
  z-index: 4;
  text-align: right;
  padding-left: 4px;
  padding-right: 4px;
  background: rgba(18, 25, 35, 0.96);
  box-shadow: -10px 0 14px rgba(8, 12, 18, 0.22);
}

body[data-page="challans"] .challan-table-host td.action-cell {
  z-index: 2;
  padding-left: 4px;
  padding-right: 4px;
  background: rgba(49, 24, 20, 0.96);
  box-shadow: -10px 0 14px rgba(8, 12, 18, 0.16);
}

body[data-page="challans"] .challan-row-delete-button {
  min-height: 26px;
  padding: 4px 6px;
  font-size: calc(0.72rem + (var(--challan-builty-list-font-step, 0) * 0.03rem));
}

body[data-page="challans"] .data-row.is-selected td {
  background: rgba(101, 210, 228, 0.12);
}

body[data-page="challans"] .data-row.is-selected td.action-cell {
  background: rgba(43, 49, 54, 0.96);
}

body[data-page="challans"] .data-row.is-processed td {
  background: rgba(162, 122, 90, 0.08);
}

body[data-page="challans"] .data-row.is-processed td.action-cell {
  background: rgba(62, 41, 32, 0.96);
}

body[data-page="challans"] .data-row.is-selected.is-processed td {
  background: linear-gradient(180deg, rgba(101, 210, 228, 0.16), rgba(162, 122, 90, 0.12));
}

body[data-page="challans"] .data-row.is-selected.is-processed td.action-cell {
  background: linear-gradient(180deg, rgba(50, 63, 70, 0.98), rgba(72, 50, 40, 0.98));
}

body[data-page="challans"] .challan-summary-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 0;
  margin-top: 0;
  padding: 8px 10px;
  border-top: 1px solid rgba(208, 228, 255, 0.08);
  overflow: hidden;
  margin-top: 0;
}

body[data-page="challans"] .challan-summary-strip .summary-chip {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  padding: 0 12px;
  min-width: max-content;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  white-space: nowrap;
}

body[data-page="challans"] .challan-summary-strip .summary-chip + .summary-chip {
  border-left: 1px solid rgba(208, 228, 255, 0.12);
}

body[data-page="challans"] .challan-summary-strip .summary-label {
  font-size: 0.7rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body[data-page="challans"] .challan-summary-strip .summary-chip strong {
  margin-top: 0;
  font-size: 0.88rem;
}

body[data-page="challans"] .challan-summary-strip .summary-chip.is-net strong {
  font-size: 0.96rem;
  font-weight: 800;
  color: var(--text);
}

body[data-page="challans"] .challan-settlement-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(208, 228, 255, 0.08);
}

body[data-page="challans"] .challan-entry-netpay {
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 8px;
  padding: 10px 12px;
  border-top: 1px solid rgba(208, 228, 255, 0.08);
}

body[data-page="challans"] .challan-entry-netpay-label {
  font-size: 0.78rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-soft);
}

body[data-page="challans"] .challan-entry-netpay-value {
  font-family: "Outfit", sans-serif;
  font-size: 1.18rem;
  font-weight: 800;
  color: var(--text);
}

body[data-page="challans"]:not(.challan-entry-netpay-inline) .challan-entry-netpay {
  display: none !important;
}

body[data-page="challans"].challan-entry-netpay-inline .challan-entry-netpay {
  display: flex !important;
}

body[data-page="challans"].challan-entry-netpay-inline .challan-entry-netpay-value {
  font-size: 1.5rem;
  font-weight: 950;
  }

body[data-page="challans"].challan-entry-netpay-inline .challan-summary-strip .summary-chip.is-net {
  display: none !important;
}

body[data-page="challans"]:not(.challan-entry-netpay-inline) .challan-summary-strip .summary-chip.is-net {
  display: inline-flex !important;
}

body[data-page="challans"] .challan-text-combobox {
  width: 100%;
}

body[data-page="challans"] .challan-text-menu {
  top: calc(100% + 3px);
  max-height: 220px;
  gap: 1px;
  padding: 4px;
  border-radius: 10px;
  border: 1px solid rgba(101, 210, 228, 0.14);
  background: rgba(9, 15, 22, 0.985);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.24);
  z-index: 70;
}

body[data-page="challans"] .challan-text-menu[hidden] {
  display: none !important;
}

body[data-page="challans"] .challan-text-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 6px 8px;
  border-radius: 7px;
  border: 1px solid transparent;
  font-size: 0.77rem;
  line-height: 1.15;
}

body[data-page="challans"] .challan-text-option.is-active,
body[data-page="challans"] .challan-text-option:hover {
  background: rgba(101, 210, 228, 0.2);
  border-color: rgba(101, 210, 228, 0.26);
}

body[data-page="challans"] .challan-text-option-label {
  min-width: 0;
  flex: 1 1 auto;
  color: var(--text);
  font-size: inherit;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

body[data-page="challans"] .challan-text-option-meta {
  flex: 0 0 auto;
  margin-left: auto;
  font-size: 0.62rem;
  font-weight: 500;
  line-height: 1;
  color: var(--text-soft);
  white-space: nowrap;
  text-align: right;
  opacity: 0.86;
}

body[data-page="challans"] .challan-settlement-grid label {
  min-width: 0;
}

body[data-page="challans"] .action-bar {
  padding: 8px 10px;
}

@media screen and (max-width: 1280px) {
  body[data-page="challans"] .challan-entry-netpay {
    display: none !important;
  }

  body[data-page="challans"] .challan-summary-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px 10px;
    overflow: visible;
  }

  body[data-page="challans"] .challan-summary-strip .summary-chip {
    display: inline-flex;
    min-width: 0;
    padding: 0 6px;
    justify-content: space-between;
  }

  body[data-page="challans"] .challan-summary-strip .summary-chip.is-net {
    display: inline-flex !important;
  }

  body[data-page="challans"] .challan-summary-strip .summary-chip + .summary-chip {
    border-left: 0;
  }
}

@media (max-width: 1380px) {
  body[data-page="challans"]:not(.challan-entry-netpay-inline) .challan-summary-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1220px) {
  body[data-page="challans"] .workspace,
  body[data-page="challans"] .page-section.challan-fit-layout {
    height: auto;
    overflow: visible;
  }

  body[data-page="challans"] .challan-main-grid {
    grid-template-columns: 1fr;
  }

  body[data-page="challans"] .challan-settlement-grid,
  body[data-page="challans"] .challan-summary-strip,
  body[data-page="challans"] .challan-header-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  body[data-page="challans"] .challan-header-grid,
  body[data-page="challans"] .challan-settlement-grid,
  body[data-page="challans"] .challan-summary-strip,
  body[data-page="challans"] .builty-entry-grid,
  body[data-page="challans"] .old-record-controls {
    grid-template-columns: 1fr;
  }
}

@media screen and (min-width: 1081px) {
  /* Dense desktop workspace for the operational screens. */
  body[data-page="challans"],
  body[data-page="delivery"],
  body[data-page="collections"] {
    --rail-expanded: 252px;
    --rail-collapsed: 72px;
    --compact-field-height: 32px;
    --compact-field-padding-y: 5px;
    --compact-field-padding-x: 8px;
  }

  body[data-page="challans"] .brand-block,
  body[data-page="delivery"] .brand-block,
  body[data-page="collections"] .brand-block {
    gap: 10px;
    padding: 12px;
  }

  body[data-page="challans"] .brand-mark,
  body[data-page="delivery"] .brand-mark,
  body[data-page="collections"] .brand-mark {
    width: 42px;
    height: 42px;
    border-radius: 14px;
  }

  body[data-page="challans"] .brand-text h1,
  body[data-page="delivery"] .brand-text h1,
  body[data-page="collections"] .brand-text h1 {
    font-size: 1.08rem;
  }

  body[data-page="challans"] .eyebrow,
  body[data-page="delivery"] .eyebrow,
  body[data-page="collections"] .eyebrow {
    margin-bottom: 5px;
    font-size: 0.64rem;
    letter-spacing: 0.14em;
  }

  body[data-page="challans"] .brand-copy,
  body[data-page="challans"] .rail-copy,
  body[data-page="delivery"] .brand-copy,
  body[data-page="delivery"] .rail-copy,
  body[data-page="collections"] .brand-copy,
  body[data-page="collections"] .rail-copy {
    font-size: 0.77rem;
    line-height: 1.35;
  }

  body[data-page="challans"] .rail-card,
  body[data-page="delivery"] .rail-card,
  body[data-page="collections"] .rail-card {
    padding: 12px;
    border-radius: 14px;
  }

  body[data-page="challans"] .nav-link,
  body[data-page="delivery"] .nav-link,
  body[data-page="collections"] .nav-link {
    gap: 10px;
    padding: 9px 10px;
    border-radius: 12px;
  }

  body[data-page="challans"] .button-link,
  body[data-page="delivery"] .button-link,
  body[data-page="collections"] .button-link {
    min-height: 32px;
    padding: 6px 10px;
    border-radius: 10px;
    font-size: 0.82rem;
  }

  body[data-page="challans"] .workspace,
  body[data-page="delivery"] .workspace,
  body[data-page="collections"] .workspace {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 8px;
    height: 100vh;
    padding: 8px;
    overflow: hidden;
  }

  body[data-page="challans"] .topbar,
  body[data-page="delivery"] .topbar,
  body[data-page="collections"] .topbar {
    min-height: 44px;
    padding: 6px 10px;
    gap: 10px;
    border-radius: 14px;
  }

  body[data-page="challans"] .title-block h2,
  body[data-page="delivery"] .title-block h2,
  body[data-page="collections"] .title-block h2 {
    font-size: 1.08rem;
  }

  body[data-page="challans"] .topbar-date,
  body[data-page="delivery"] .topbar-date,
  body[data-page="collections"] .topbar-date {
    min-height: 26px;
    padding: 0 10px;
    font-size: 0.72rem;
  }

  body[data-page="challans"] .shell-profile-button,
  body[data-page="delivery"] .shell-profile-button,
  body[data-page="collections"] .shell-profile-button {
    width: 34px;
    min-width: 34px;
    height: 34px;
  }

  body[data-page="challans"] .page-section,
  body[data-page="delivery"] .page-section,
  body[data-page="collections"] .page-section {
    max-width: none;
    min-height: 0;
    height: 100%;
    gap: 8px;
    overflow: hidden;
  }

  body[data-page="challans"] .panel,
  body[data-page="delivery"] .panel,
  body[data-page="collections"] .panel {
    padding: 10px;
    border-radius: 14px;
  }

  body[data-page="challans"] .card-heading,
  body[data-page="delivery"] .card-heading,
  body[data-page="collections"] .card-heading {
    gap: 8px;
    margin-bottom: 8px;
  }

  body[data-page="challans"] .card-heading h3,
  body[data-page="delivery"] .card-heading h3,
  body[data-page="collections"] .card-heading h3 {
    font-size: 1rem;
  }

  body[data-page="challans"] label:not(.delivery-toggle),
  body[data-page="delivery"] label:not(.delivery-toggle),
  body[data-page="collections"] label:not(.delivery-toggle) {
    font-size: 0.8rem;
    column-gap: 8px;
    line-height: 1.1;
  }

  body[data-page="challans"] input,
  body[data-page="challans"] select,
  body[data-page="challans"] textarea,
  body[data-page="delivery"] input,
  body[data-page="delivery"] select,
  body[data-page="delivery"] textarea,
  body[data-page="collections"] input,
  body[data-page="collections"] select,
  body[data-page="collections"] textarea {
    min-height: 30px;
    padding: 4px 8px;
    border-radius: 8px;
  }

  body[data-page="challans"] textarea,
  body[data-page="delivery"] textarea,
  body[data-page="collections"] textarea {
    min-height: 72px;
  }

  body[data-page="challans"] button,
  body[data-page="delivery"] button,
  body[data-page="collections"] button {
    min-height: 32px;
    padding: 7px 12px;
    border-radius: 10px;
    font-size: 0.82rem;
  }

  body[data-page="challans"] .field-with-action,
  body[data-page="delivery"] .field-with-action,
  body[data-page="collections"] .field-with-action {
    gap: 4px;
  }

  body[data-page="challans"] .field-action-button,
  body[data-page="delivery"] .field-action-button,
  body[data-page="collections"] .field-action-button {
    width: 30px;
    min-width: 30px;
    min-height: 30px;
  }

  body[data-page="challans"] th,
  body[data-page="challans"] td,
  body[data-page="delivery"] th,
  body[data-page="delivery"] td,
  body[data-page="collections"] th,
  body[data-page="collections"] td {
    padding: 6px 7px;
  }

  body[data-page="delivery"] .section-heading,
  body[data-page="collections"] .section-heading {
    align-items: center;
    gap: 4px;
  }

  body[data-page="delivery"] .section-copy,
  body[data-page="collections"] .section-copy {
    display: none;
  }

  body[data-page="delivery"] .section-heading h2,
  body[data-page="collections"] .section-heading h2 {
    font-size: 1.12rem;
  }

  body[data-page="challans"] .page-section.challan-fit-layout {
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    gap: 6px;
  }

  body[data-page="challans"] .challan-header-card,
  body[data-page="challans"] .challan-entry-card,
  body[data-page="challans"] .challan-records-card,
  body[data-page="challans"] .action-bar {
    padding: 8px 10px;
  }

  body[data-page="challans"] .challan-mode-strip {
    margin-bottom: 4px;
    gap: 8px;
  }

  body[data-page="challans"] .old-record-controls {
    gap: 6px;
    align-items: end;
  }

  body[data-page="challans"] .old-record-controls label {
    font-size: 0.76rem;
  }

  body[data-page="challans"] .challan-header-grid {
    --inline-label-width: 72px;
    grid-template-columns: minmax(240px, 2.35fr) minmax(112px, 0.9fr) minmax(108px, 0.82fr) minmax(128px, 0.9fr) minmax(152px, 0.95fr) minmax(152px, 0.95fr);
    gap: 4px 8px;
  }

  body[data-page="challans"] .builty-entry-grid {
    --inline-label-width: 84px;
    gap: 4px 8px;
  }

  body[data-page="challans"] .challan-main-grid {
    grid-template-columns: minmax(292px, 342px) minmax(0, 1fr);
    gap: 6px;
  }

  body[data-page="challans"] .builty-editor-mode {
    min-height: 22px;
    margin-bottom: 4px;
    gap: 6px;
    font-size: 0.72rem;
  }

  body[data-page="challans"] .builty-editor-mode strong {
    font-size: 0.72rem;
  }

  body[data-page="challans"] .challan-table-host th,
  body[data-page="challans"] .challan-table-host td {
    padding: 5px 6px;
    font-size: calc(0.82rem + (var(--challan-builty-list-font-step, 0) * 0.04rem));
    line-height: calc(1.24 + (var(--challan-builty-list-font-step, 0) * 0.03));
  }

  body[data-page="challans"] .challan-summary-strip {
    padding: 6px 8px;
  }

  body[data-page="challans"] .challan-summary-strip .summary-chip {
    gap: 4px;
    padding: 0 10px;
  }

  body[data-page="challans"] .challan-summary-strip .summary-label {
    font-size: 0.66rem;
  }

  body[data-page="challans"] .challan-summary-strip .summary-chip strong {
    font-size: 0.82rem;
  }

  body[data-page="challans"] .challan-summary-strip .summary-chip.is-net strong {
    font-size: 0.9rem;
  }

  body[data-page="challans"] .challan-settlement-grid {
    --inline-label-width: 94px;
    gap: 4px 8px;
    padding-top: 6px;
  }

  body[data-page="challans"] .action-bar {
    gap: 8px;
    padding: 6px 8px;
  }

  body[data-page="challans"] .action-buttons {
    gap: 6px;
  }

  body[data-page="challans"] .action-buttons button {
    min-height: 30px;
    padding: 6px 10px;
  }

  body[data-page="challans"] .action-status {
    font-size: 0.76rem;
  }

  body[data-page="delivery"] .page-section {
    grid-template-rows: auto auto minmax(0, 1fr);
  }

  body[data-page="delivery"] .delivery-desk {
    grid-template-columns: minmax(260px, 300px) minmax(540px, 1fr) minmax(240px, 276px);
    gap: 8px;
    min-height: 0;
  }

  body[data-page="delivery"] .delivery-queue-panel,
  body[data-page="delivery"] .delivery-editor-panel,
  body[data-page="delivery"] .delivery-control-panel,
  body[data-page="delivery"] .delivery-preview-panel {
    padding: 10px;
  }

  body[data-page="delivery"] .delivery-queue-stats {
    gap: 6px;
  }

  body[data-page="delivery"] .delivery-mini-stat {
    min-width: 72px;
    padding: 6px 8px;
    border-radius: 10px;
  }

  body[data-page="delivery"] .delivery-mini-stat strong {
    margin-top: 4px;
    font-size: 0.9rem;
  }

  body[data-page="delivery"] .delivery-queue-panel label:not(.delivery-toggle) {
    --inline-label-width: 72px;
    font-size: 0.76rem;
  }

  body[data-page="delivery"] .delivery-queue-list {
    gap: 6px;
    padding-right: 2px;
  }

  body[data-page="delivery"] .delivery-queue-item {
    padding: 9px 10px;
    border-radius: 12px;
  }

  body[data-page="delivery"] .delivery-queue-item-meta,
  body[data-page="delivery"] .delivery-queue-item-footer {
    margin-top: 6px;
    font-size: 0.78rem;
  }

  body[data-page="delivery"] .delivery-editor-panel {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: 8px;
    overflow: hidden;
  }

  body[data-page="delivery"] .delivery-editor-meta {
    gap: 4px;
  }

  body[data-page="delivery"] .delivery-receipt-chip {
    min-width: 94px;
    padding: 5px 6px;
    border-radius: 10px;
  }

  body[data-page="delivery"] .delivery-lookup-strip {
    padding: 6px 8px;
    border-radius: 10px;
  }

  body[data-page="delivery"] .delivery-lookup-field {
    --inline-label-width: 72px;
    font-size: 0.76rem;
  }

  body[data-page="delivery"] .delivery-console-form {
    --inline-label-width: 88px;
    min-height: 0;
    gap: 6px;
    overflow: auto;
    padding-right: 2px;
  }

  body[data-page="delivery"] .delivery-console-topline {
    --inline-label-width: 88px;
    gap: 4px 8px;
  }

  body[data-page="delivery"] .delivery-console-block {
    padding: 8px;
    border-radius: 12px;
  }

  body[data-page="delivery"] .delivery-form-section-title {
    padding-top: 4px;
    font-size: 0.68rem;
  }

  body[data-page="delivery"] .delivery-legacy-workbench {
    grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
    gap: 8px;
  }

  body[data-page="delivery"] .delivery-charge-grid,
  body[data-page="delivery"] .delivery-gr-grid {
    gap: 4px;
  }

  body[data-page="delivery"] .delivery-charge-row {
    grid-template-columns: 122px minmax(0, 1fr);
  }

  body[data-page="delivery"] .delivery-detail-row {
    grid-template-columns: 90px minmax(0, 1fr);
    gap: 6px;
  }

  body[data-page="delivery"] .delivery-detail-dual {
    gap: 6px;
  }

  body[data-page="delivery"] .delivery-settlement-grid {
    --inline-label-width: 86px;
    gap: 4px 8px;
  }

  body[data-page="delivery"] .delivery-inline-actions button,
  body[data-page="delivery"] .delivery-action-stack button {
    min-height: 30px;
    padding: 6px 10px;
  }

  body[data-page="delivery"] .delivery-side-stack {
    grid-column: auto;
    grid-template-columns: none;
    gap: 8px;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    grid-template-rows: auto minmax(126px, 0.72fr) minmax(0, 1fr);
  }

  body[data-page="delivery"] .delivery-side-stack > .panel {
    min-height: 0;
  }

  body[data-page="delivery"] .delivery-side-stack > .panel:nth-child(2) {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
  }

  body[data-page="delivery"] .delivery-control-panel {
    display: grid;
    gap: 8px;
    align-content: start;
  }

  body[data-page="delivery"] .delivery-control-panel label:not(.delivery-toggle) {
    --inline-label-width: 84px;
    font-size: 0.76rem;
  }

  body[data-page="delivery"] .delivery-toggle {
    padding: 8px 10px;
    border-radius: 10px;
  }

  body[data-page="delivery"] .delivery-action-stack {
    gap: 6px;
  }

  body[data-page="delivery"] .delivery-desk-status {
    min-height: 38px;
    padding: 8px 10px;
    border-radius: 10px;
    font-size: 0.76rem;
  }

  body[data-page="delivery"] .delivery-summary-card {
    min-height: 0;
    padding: 10px;
    overflow: auto;
  }

  body[data-page="delivery"] .delivery-preview-panel {
    grid-column: auto;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
  }

  body[data-page="delivery"] #receiptCard {
    min-height: 0;
    overflow: auto;
  }

  body[data-page="collections"] .page-section {
    grid-template-rows: auto auto minmax(0, 1fr);
  }

  body[data-page="collections"] .module-grid {
    grid-template-columns: minmax(0, 1.28fr) minmax(238px, 0.72fr);
    gap: 8px;
    min-height: 0;
  }

  body[data-page="collections"] .module-grid > .panel {
    min-height: 0;
  }

  body[data-page="collections"] .module-grid > .panel:first-child {
    grid-template-rows: auto auto minmax(0, 1fr);
  }

  body[data-page="collections"] .module-grid > .panel:last-child {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
  }

  body[data-page="collections"] .form-grid {
    --inline-label-width: 108px;
    gap: 6px 8px;
  }

  body[data-page="collections"] #collectionTargetSummary {
    padding: 10px 12px;
    border-radius: 12px;
  }

  body[data-page="collections"] #collectionSubmitBtn {
    min-height: 32px;
  }

  body[data-page="collections"] #collectionList,
  body[data-page="collections"] #ledgerSummary {
    min-height: 0;
    overflow: auto;
  }
}

.desk-label-cell,
.desk-field-cell {
  display: block;
  min-width: 0;
}

.desk-field-cell > input,
.desk-field-cell > select,
.desk-field-cell > textarea,
.desk-field-cell > .field-with-action,
.desk-field-cell > .delivery-readonly-pair {
  width: 100%;
  min-width: 0;
}

@media screen and (max-width: 1080px) {
  label.desk-row {
    gap: 6px;
  }

  label.desk-row > .desk-field-cell,
  label.desk-row > .desk-field-cell.field-with-action {
    min-width: 0;
  }
}

@media screen and (min-width: 1081px) {
  body[data-page="challans"] label.desk-row,
  body[data-page="delivery"] label.desk-row,
  body[data-page="collections"] label.desk-row {
    --desk-label-width: 96px;
    display: grid;
    grid-template-columns: var(--desk-label-width) minmax(0, 1fr);
    gap: 0;
    align-items: stretch;
    min-width: 0;
  }

  body[data-page="challans"] label.desk-row > .desk-label-cell,
  body[data-page="delivery"] label.desk-row > .desk-label-cell,
  body[data-page="collections"] label.desk-row > .desk-label-cell,
  body[data-page="delivery"] .delivery-topband-label.desk-label-cell,
  body[data-page="delivery"] .delivery-forward-account-label.desk-label-cell,
  body[data-page="delivery"] .delivery-charge-label.desk-label-cell,
  body[data-page="delivery"] .delivery-detail-label.desk-label-cell {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
    padding: 4px 10px;
    border: 1px solid rgba(80, 141, 170, 0.9);
    border-right: 0;
    border-radius: 8px 0 0 8px;
    background: linear-gradient(180deg, rgba(134, 196, 221, 0.96), rgba(104, 167, 196, 0.96));
    color: #13232b;
    font-weight: 600;
    line-height: 1.05;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
  }

  body[data-page="challans"] label.desk-row > .desk-field-cell,
  body[data-page="delivery"] label.desk-row > .desk-field-cell,
  body[data-page="collections"] label.desk-row > .desk-field-cell {
    min-width: 0;
  }

  body[data-page="challans"] label.desk-row > .desk-field-cell.field-with-action,
  body[data-page="delivery"] label.desk-row > .desk-field-cell.field-with-action,
  body[data-page="collections"] label.desk-row > .desk-field-cell.field-with-action {
    display: flex;
    align-items: stretch;
    gap: 0;
  }

  body[data-page="challans"] label.desk-row > .desk-field-cell > input,
  body[data-page="challans"] label.desk-row > .desk-field-cell > select,
  body[data-page="challans"] label.desk-row > .desk-field-cell > textarea,
  body[data-page="collections"] label.desk-row > .desk-field-cell > input,
  body[data-page="collections"] label.desk-row > .desk-field-cell > select,
  body[data-page="collections"] label.desk-row > .desk-field-cell > textarea,
  body[data-page="delivery"] label.desk-row > .desk-field-cell > input,
  body[data-page="delivery"] label.desk-row > .desk-field-cell > select,
  body[data-page="delivery"] label.desk-row > .desk-field-cell > textarea,
  body[data-page="delivery"] .delivery-topband-row > .desk-field-cell > input,
  body[data-page="delivery"] .delivery-topband-row > .desk-field-cell > select,
  body[data-page="delivery"] .delivery-forward-row > .desk-field-cell > select,
  body[data-page="delivery"] .delivery-forward-account-field > .desk-field-cell > input,
  body[data-page="delivery"] .delivery-forward-account-field > .desk-field-cell > select,
  body[data-page="delivery"] .delivery-charge-row > input,
  body[data-page="delivery"] .delivery-detail-row > input {
    width: 100%;
    min-width: 0;
    min-height: 30px;
    border-radius: 0 8px 8px 0;
    border: 1px solid rgba(141, 171, 190, 0.24);
    background: rgba(43, 52, 63, 0.94);
    color: var(--text);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
  }

  body[data-page="challans"] label.desk-row > .desk-field-cell > textarea,
  body[data-page="delivery"] label.desk-row > .desk-field-cell > textarea,
  body[data-page="collections"] label.desk-row > .desk-field-cell > textarea {
    min-height: 64px;
    padding-top: 7px;
    padding-bottom: 7px;
  }

  body[data-page="challans"] label.desk-row > .desk-field-cell.field-with-action > input:first-child,
  body[data-page="challans"] label.desk-row > .desk-field-cell.field-with-action > select:first-child,
  body[data-page="delivery"] label.desk-row > .desk-field-cell.field-with-action > input:first-child,
  body[data-page="delivery"] label.desk-row > .desk-field-cell.field-with-action > select:first-child,
  body[data-page="collections"] label.desk-row > .desk-field-cell.field-with-action > input:first-child,
  body[data-page="collections"] label.desk-row > .desk-field-cell.field-with-action > select:first-child,
  body[data-page="delivery"] .delivery-topband-row > .desk-field-cell.field-with-action > input:first-child,
  body[data-page="delivery"] .delivery-topband-row > .desk-field-cell.field-with-action > select:first-child,
  body[data-page="delivery"] .delivery-forward-account-field > .desk-field-cell.field-with-action > input:first-child,
  body[data-page="delivery"] .delivery-forward-account-field > .desk-field-cell.field-with-action > select:first-child {
    flex: 1 1 auto;
    border-radius: 0;
  }

  body[data-page="challans"] label.desk-row > .desk-field-cell.field-with-action > .field-action-button,
  body[data-page="delivery"] label.desk-row > .desk-field-cell.field-with-action > .field-action-button,
  body[data-page="collections"] label.desk-row > .desk-field-cell.field-with-action > .field-action-button,
  body[data-page="delivery"] .delivery-topband-row > .desk-field-cell.field-with-action > .field-action-button,
  body[data-page="delivery"] .delivery-forward-account-field > .desk-field-cell.field-with-action > .field-action-button {
    min-width: 34px;
    width: 34px;
    min-height: 30px;
    padding: 0;
    border-radius: 0 8px 8px 0;
    box-shadow: none;
  }

  body[data-page="challans"] label.desk-row > .desk-field-cell > input::placeholder,
  body[data-page="delivery"] label.desk-row > .desk-field-cell > input::placeholder,
  body[data-page="collections"] label.desk-row > .desk-field-cell > input::placeholder,
  body[data-page="delivery"] .delivery-topband-row > .desk-field-cell > input::placeholder,
  body[data-page="delivery"] .delivery-forward-account-field > .desk-field-cell > input::placeholder,
  body[data-page="delivery"] .delivery-charge-row > input::placeholder,
  body[data-page="delivery"] .delivery-detail-row > input::placeholder {
    color: rgba(209, 220, 229, 0.48);
  }

  body[data-page="challans"] label.desk-row:focus-within > .desk-label-cell,
  body[data-page="delivery"] label.desk-row:focus-within > .desk-label-cell,
  body[data-page="collections"] label.desk-row:focus-within > .desk-label-cell,
  body[data-page="delivery"] .delivery-topband-row:focus-within > .desk-label-cell,
  body[data-page="delivery"] .delivery-forward-account-field:focus-within > .desk-label-cell,
  body[data-page="delivery"] .delivery-charge-row:focus-within > .desk-label-cell,
  body[data-page="delivery"] .delivery-detail-row:focus-within > .desk-label-cell {
    background: linear-gradient(180deg, rgba(150, 216, 236, 0.98), rgba(117, 187, 216, 0.98));
  }

  body[data-page="challans"] label.desk-row:focus-within > .desk-field-cell > input,
  body[data-page="challans"] label.desk-row:focus-within > .desk-field-cell > select,
  body[data-page="collections"] label.desk-row:focus-within > .desk-field-cell > input,
  body[data-page="collections"] label.desk-row:focus-within > .desk-field-cell > select,
  body[data-page="delivery"] label.desk-row:focus-within > .desk-field-cell > input,
  body[data-page="delivery"] label.desk-row:focus-within > .desk-field-cell > select,
  body[data-page="delivery"] .delivery-topband-row:focus-within > .desk-field-cell > input,
  body[data-page="delivery"] .delivery-topband-row:focus-within > .desk-field-cell > select,
  body[data-page="delivery"] .delivery-forward-account-field:focus-within > .desk-field-cell > input,
  body[data-page="delivery"] .delivery-forward-account-field:focus-within > .desk-field-cell > select,
  body[data-page="delivery"] .delivery-charge-row:focus-within > input,
  body[data-page="delivery"] .delivery-detail-row:focus-within > input,
  body[data-page="collections"] .collection-recovery-adjustment-row:focus-within .collection-recovery-field-with-hint > input {
    border-color: rgba(115, 206, 224, 0.58);
  }

  body[data-page="collections"] .collection-recovery-adjustment-row:focus-within .collection-recovery-field-hint {
    border-color: rgba(115, 206, 224, 0.42);
  }

  body[data-page="challans"] .challan-header-grid label.desk-row {
    --desk-label-width: 84px;
  }

  body[data-page="challans"] .old-record-controls label.desk-row {
    --desk-label-width: 96px;
  }

  body[data-page="challans"] .builty-entry-grid label.desk-row {
    --desk-label-width: 90px;
  }

  body[data-page="challans"] .challan-settlement-grid label.desk-row {
    --desk-label-width: 98px;
  }

  body[data-page="challans"] .builty-entry-grid label.desk-row.full-span,
  body[data-page="collections"] .form-grid label.desk-row.full-span,
  body[data-page="delivery"] .delivery-settlement-grid label.desk-row.full-span {
    --desk-label-width: 104px;
  }

  body[data-page="challans"] .challan-header-grid label.desk-row.is-invalid > .desk-label-cell,
  body[data-page="challans"] .builty-entry-grid label.desk-row.is-invalid > .desk-label-cell {
    border-color: rgba(255, 133, 133, 0.84);
    background: linear-gradient(180deg, rgba(255, 200, 200, 0.97), rgba(230, 144, 144, 0.97));
    color: #461515;
  }

  body[data-page="delivery"] .delivery-queue-panel label.desk-row {
    --desk-label-width: 92px;
  }

  body[data-page="delivery"] .delivery-topband-row,
  body[data-page="delivery"] .delivery-charge-row,
  body[data-page="delivery"] .delivery-detail-row,
  body[data-page="delivery"] .delivery-forward-account-field {
    gap: 0;
    align-items: stretch;
  }

  body[data-page="delivery"] .delivery-forward-row {
    gap: 6px;
  }

  body[data-page="delivery"] .delivery-forward-row > .desk-field-cell,
  body[data-page="delivery"] .delivery-topband-row > .desk-field-cell,
  body[data-page="delivery"] .delivery-forward-account-field > .desk-field-cell {
    min-width: 0;
  }

  body[data-page="delivery"] .delivery-detail-row > .desk-field-cell.delivery-detail-dual {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  body[data-page="delivery"] .delivery-detail-row > .desk-field-cell.delivery-detail-dual > input:first-child {
    border-radius: 0 8px 8px 0;
  }

  body[data-page="delivery"] .delivery-detail-row > .desk-field-cell.delivery-detail-dual > input:last-child {
    border-radius: 8px;
  }

  body[data-page="delivery"] .delivery-settlement-grid label.desk-row {
    --desk-label-width: 90px;
  }

  body[data-page="delivery"] .delivery-control-panel label.desk-row {
    --desk-label-width: 88px;
  }

  body[data-page="collections"] .form-grid label.desk-row {
    --desk-label-width: 118px;
  }

  body[data-page="collections"] .form-grid label.desk-row.full-span {
    --desk-label-width: 112px;
  }
}

@media screen and (min-width: 1081px) {
  body[data-page="challans"],
  body[data-page="delivery"],
  body[data-page="collections"] {
    --ops-scale-factor: 1;
    --rail-expanded: 292px;
    --rail-collapsed: 96px;
    --ops-gap: clamp(8px, calc(8px * var(--ops-scale-factor)), 20px);
    --ops-tight-gap: clamp(6px, calc(6px * var(--ops-scale-factor)), 14px);
    --ops-panel-pad: clamp(10px, calc(12px * var(--ops-scale-factor)), 24px);
    --ops-control-height: clamp(30px, calc(33px * var(--ops-scale-factor)), 52px);
    --ops-button-height: clamp(32px, calc(35px * var(--ops-scale-factor)), 54px);
    --ops-font-size: clamp(0.88rem, calc(0.93rem * var(--ops-scale-factor)), 1.22rem);
    --ops-label-font-size: clamp(0.82rem, calc(0.87rem * var(--ops-scale-factor)), 1.12rem);
    --ops-heading-size: clamp(1rem, calc(1.06rem * var(--ops-scale-factor)), 1.44rem);
    --ops-title-size: clamp(1.08rem, calc(1.16rem * var(--ops-scale-factor)), 1.62rem);
    --ops-eyebrow-size: clamp(0.64rem, calc(0.68rem * var(--ops-scale-factor)), 0.96rem);
    --ops-copy-size: clamp(0.82rem, calc(0.87rem * var(--ops-scale-factor)), 1.12rem);
    --ops-note-size: clamp(0.72rem, calc(0.76rem * var(--ops-scale-factor)), 1rem);
    --ops-label-pad-x: clamp(8px, calc(8px * var(--ops-scale-factor)), 15px);
    --ops-field-pad-x: clamp(8px, calc(8px * var(--ops-scale-factor)), 16px);
    --compact-field-height: var(--ops-control-height);
    --compact-field-padding-y: clamp(5px, calc(5px * var(--ops-scale-factor)), 11px);
    --compact-field-padding-x: var(--ops-field-pad-x);
  }

  body[data-page="challans"] {
    --ops-font-size: clamp(0.92rem, calc(0.98rem * var(--ops-scale-factor)), 1.26rem);
    --ops-label-font-size: clamp(0.85rem, calc(0.91rem * var(--ops-scale-factor)), 1.16rem);
    --ops-heading-size: clamp(1.04rem, calc(1.1rem * var(--ops-scale-factor)), 1.5rem);
    --ops-title-size: clamp(1.12rem, calc(1.2rem * var(--ops-scale-factor)), 1.68rem);
    --ops-copy-size: clamp(0.84rem, calc(0.9rem * var(--ops-scale-factor)), 1.16rem);
    --ops-note-size: clamp(0.74rem, calc(0.79rem * var(--ops-scale-factor)), 1.04rem);
  }

  body[data-page="collections"] {
    --ops-font-size: clamp(0.94rem, calc(1rem * var(--ops-scale-factor)), 1.28rem);
    --ops-label-font-size: clamp(0.9rem, calc(0.96rem * var(--ops-scale-factor)), 1.18rem);
  }

  body[data-page="challans"] .brand-block,
  body[data-page="delivery"] .brand-block,
  body[data-page="collections"] .brand-block {
    gap: clamp(10px, 0.24vw + 8px, 14px);
    padding: clamp(12px, 0.36vw + 8px, 16px);
  }

  body[data-page="challans"] .brand-mark,
  body[data-page="delivery"] .brand-mark,
  body[data-page="collections"] .brand-mark {
    width: clamp(42px, 1.7vw + 14px, 54px);
    height: clamp(42px, 1.7vw + 14px, 54px);
  }

  body[data-page="challans"] .brand-text h1,
  body[data-page="delivery"] .brand-text h1,
  body[data-page="collections"] .brand-text h1 {
    font-size: var(--ops-title-size);
  }

  body[data-page="challans"] .eyebrow,
  body[data-page="delivery"] .eyebrow,
  body[data-page="collections"] .eyebrow {
    font-size: var(--ops-eyebrow-size);
  }

  body[data-page="challans"] .brand-copy,
  body[data-page="challans"] .rail-copy,
  body[data-page="delivery"] .brand-copy,
  body[data-page="delivery"] .rail-copy,
  body[data-page="collections"] .brand-copy,
  body[data-page="collections"] .rail-copy {
    font-size: var(--ops-copy-size);
  }

  body[data-page="challans"] .nav-link,
  body[data-page="delivery"] .nav-link,
  body[data-page="collections"] .nav-link {
    padding: clamp(9px, 0.22vw + 7px, 12px) clamp(10px, 0.25vw + 8px, 14px);
  }

  body[data-page="challans"] .button-link,
  body[data-page="delivery"] .button-link,
  body[data-page="collections"] .button-link {
    min-height: var(--ops-button-height);
    font-size: var(--ops-font-size);
  }

  body[data-page="challans"] .workspace,
  body[data-page="delivery"] .workspace,
  body[data-page="collections"] .workspace {
    gap: var(--ops-gap);
    padding: clamp(8px, 0.32vw + 4px, 14px);
  }

  body[data-page="challans"] .topbar,
  body[data-page="delivery"] .topbar,
  body[data-page="collections"] .topbar {
    min-height: clamp(44px, calc(48px * var(--ops-scale-factor)), 72px);
    padding: clamp(6px, 0.22vw + 4px, 10px) clamp(10px, 0.4vw + 6px, 16px);
    gap: var(--ops-gap);
  }

  body[data-page="challans"] .title-block h2,
  body[data-page="delivery"] .title-block h2,
  body[data-page="collections"] .title-block h2 {
    font-size: var(--ops-title-size);
  }

  body[data-page="challans"] .topbar-date,
  body[data-page="delivery"] .topbar-date,
  body[data-page="collections"] .topbar-date {
    min-height: clamp(26px, 1.4vh + 10px, 34px);
    padding: 0 clamp(10px, 0.3vw + 8px, 14px);
    font-size: var(--ops-note-size);
  }

  body[data-page="challans"] .page-section,
  body[data-page="delivery"] .page-section,
  body[data-page="collections"] .page-section {
    gap: var(--ops-gap);
  }

  body[data-page="challans"] .panel,
  body[data-page="delivery"] .panel,
  body[data-page="collections"] .panel {
    padding: var(--ops-panel-pad);
  }

  body[data-page="challans"] .card-heading,
  body[data-page="delivery"] .card-heading,
  body[data-page="collections"] .card-heading {
    gap: var(--ops-tight-gap);
    margin-bottom: var(--ops-tight-gap);
  }

  body[data-page="challans"] .card-heading h3,
  body[data-page="delivery"] .card-heading h3,
  body[data-page="collections"] .card-heading h3 {
    font-size: var(--ops-heading-size);
  }

  body[data-page="challans"] label:not(.delivery-toggle),
  body[data-page="delivery"] label:not(.delivery-toggle),
  body[data-page="collections"] label:not(.delivery-toggle) {
    font-size: var(--ops-label-font-size);
  }

  body[data-page="challans"] input,
  body[data-page="challans"] select,
  body[data-page="challans"] textarea,
  body[data-page="delivery"] input,
  body[data-page="delivery"] select,
  body[data-page="delivery"] textarea,
  body[data-page="collections"] input,
  body[data-page="collections"] select,
  body[data-page="collections"] textarea {
    min-height: var(--ops-control-height);
    padding: clamp(4px, 0.16vh + 3px, 7px) var(--ops-field-pad-x);
    font-size: var(--ops-font-size);
  }

  body[data-page="challans"] button,
  body[data-page="delivery"] button,
  body[data-page="collections"] button {
    min-height: var(--ops-button-height);
    font-size: var(--ops-font-size);
  }

  body[data-page="challans"] th,
  body[data-page="challans"] td,
  body[data-page="delivery"] th,
  body[data-page="delivery"] td,
  body[data-page="collections"] th,
  body[data-page="collections"] td {
    font-size: clamp(0.78rem, calc(0.84rem * var(--ops-scale-factor)), 1.04rem);
    padding: clamp(6px, 0.16vw + 5px, 9px) clamp(7px, 0.18vw + 6px, 10px);
  }

  body[data-page="challans"] th,
  body[data-page="challans"] td {
    font-size: clamp(0.82rem, calc(0.88rem * var(--ops-scale-factor)), 1.08rem);
  }

  body[data-page="challans"] .challan-header-grid {
    grid-template-columns:
      minmax(clamp(240px, calc(248px * var(--ops-scale-factor)), 430px), 2.35fr)
      minmax(clamp(112px, calc(120px * var(--ops-scale-factor)), 206px), 0.9fr)
      minmax(clamp(108px, calc(114px * var(--ops-scale-factor)), 188px), 0.82fr)
      minmax(clamp(128px, calc(136px * var(--ops-scale-factor)), 220px), 0.9fr)
      minmax(clamp(152px, calc(162px * var(--ops-scale-factor)), 260px), 0.95fr)
      minmax(clamp(152px, calc(162px * var(--ops-scale-factor)), 260px), 0.95fr);
    gap: var(--ops-tight-gap) var(--ops-gap);
  }

  body[data-page="challans"] .builty-entry-grid,
  body[data-page="challans"] .challan-settlement-grid {
    gap: var(--ops-tight-gap) var(--ops-gap);
  }

  body[data-page="challans"] .challan-main-grid {
    grid-template-columns: minmax(clamp(292px, calc(306px * var(--ops-scale-factor)), 520px), 0.95fr) minmax(0, 1fr);
    gap: var(--ops-gap);
  }

  body[data-page="challans"] .builty-editor-mode,
  body[data-page="challans"] .action-status,
  body[data-page="delivery"] .delivery-queue-item-meta,
  body[data-page="delivery"] .delivery-queue-item-footer,
  body[data-page="delivery"] .delivery-desk-status,
  body[data-page="collections"] .summary-card {
    font-size: var(--ops-note-size);
  }

  body[data-page="challans"] .challan-summary-strip,
  body[data-page="challans"] .action-bar {
    padding: clamp(6px, 0.16vw + 5px, 10px) clamp(8px, 0.24vw + 6px, 12px);
  }

  body[data-page="challans"] .action-buttons,
  body[data-page="delivery"] .delivery-action-stack {
    gap: var(--ops-tight-gap);
  }

  body[data-page="delivery"] .delivery-desk {
    grid-template-columns:
      minmax(clamp(260px, calc(288px * var(--ops-scale-factor)), 430px), 0.82fr)
      minmax(clamp(540px, calc(620px * var(--ops-scale-factor)), 1120px), 1fr)
      minmax(clamp(240px, calc(262px * var(--ops-scale-factor)), 380px), 0.72fr);
    gap: var(--ops-gap);
  }

  body[data-page="delivery"] .delivery-queue-panel,
  body[data-page="delivery"] .delivery-editor-panel,
  body[data-page="delivery"] .delivery-control-panel,
  body[data-page="delivery"] .delivery-preview-panel {
    padding: var(--ops-panel-pad);
  }

  body[data-page="delivery"] .delivery-mini-stat {
    min-width: clamp(72px, 4.5vw, 108px);
    padding: clamp(6px, 0.2vw + 5px, 10px);
  }

  body[data-page="delivery"] .delivery-mini-stat strong {
    font-size: clamp(0.9rem, calc(0.98rem * var(--ops-scale-factor)), 1.2rem);
  }

  body[data-page="delivery"] .delivery-lookup-strip,
  body[data-page="delivery"] .delivery-console-block {
    padding: clamp(8px, 0.26vw + 6px, 12px);
  }

  body[data-page="delivery"] .delivery-console-form {
    gap: var(--ops-gap);
  }

  body[data-page="delivery"] .delivery-topband {
    gap: var(--ops-gap);
    padding: clamp(8px, 0.24vw + 6px, 12px);
  }

  body[data-page="delivery"] .delivery-topband-title {
    font-size: clamp(1.28rem, calc(1.4rem * var(--ops-scale-factor)), 2rem);
  }

  body[data-page="delivery"] .delivery-receipt-chip {
    min-width: clamp(94px, 6vw, 124px);
    padding: clamp(5px, 0.15vw + 4px, 8px) clamp(6px, 0.2vw + 5px, 10px);
  }

  body[data-page="delivery"] .delivery-legacy-workbench {
    gap: var(--ops-gap);
  }

  body[data-page="delivery"] .delivery-charge-grid,
  body[data-page="delivery"] .delivery-gr-grid,
  body[data-page="delivery"] .delivery-queue-list {
    gap: var(--ops-tight-gap);
  }

  body[data-page="delivery"] .delivery-charge-row {
    grid-template-columns: clamp(106px, calc(114px * var(--ops-scale-factor)), 176px) minmax(0, 1fr);
  }

  body[data-page="delivery"] .delivery-detail-row {
    grid-template-columns: clamp(84px, calc(92px * var(--ops-scale-factor)), 148px) minmax(0, 1fr);
  }

  body[data-page="delivery"] .delivery-detail-dual {
    gap: var(--ops-tight-gap);
  }

  body[data-page="delivery"] .delivery-settlement-grid {
    gap: var(--ops-tight-gap) var(--ops-gap);
  }

  body[data-page="delivery"] .delivery-side-stack {
    gap: var(--ops-gap);
  }

  body[data-page="delivery"] .delivery-desk-status {
    min-height: clamp(38px, calc(40px * var(--ops-scale-factor)), 58px);
    padding: clamp(8px, 0.2vw + 6px, 12px);
  }

  body[data-page="collections"] .module-grid {
    grid-template-columns: minmax(0, 1.32fr) minmax(clamp(238px, calc(270px * var(--ops-scale-factor)), 430px), 0.78fr);
    gap: var(--ops-gap);
  }

  body[data-page="collections"] .form-grid {
    gap: var(--ops-tight-gap) var(--ops-gap);
  }

  body[data-page="collections"] #collectionTargetSummary {
    padding: clamp(10px, 0.25vw + 8px, 14px);
  }

  body[data-page="challans"] label.desk-row > .desk-label-cell,
  body[data-page="delivery"] label.desk-row > .desk-label-cell,
  body[data-page="collections"] label.desk-row > .desk-label-cell,
  body[data-page="delivery"] .delivery-topband-label.desk-label-cell,
  body[data-page="delivery"] .delivery-forward-account-label.desk-label-cell,
  body[data-page="delivery"] .delivery-charge-label.desk-label-cell,
  body[data-page="delivery"] .delivery-detail-label.desk-label-cell {
    padding: clamp(4px, 0.16vh + 3px, 7px) var(--ops-label-pad-x);
    font-size: var(--ops-label-font-size);
    line-height: 1.1;
  }

  body[data-page="challans"] label.desk-row > .desk-label-cell {
    font-size: clamp(0.88rem, calc(0.92rem * var(--ops-scale-factor)), 1.02rem);
    font-weight: 700;
  }

  body[data-page="challans"] label.desk-row > .desk-field-cell > input,
  body[data-page="challans"] label.desk-row > .desk-field-cell > select,
  body[data-page="challans"] label.desk-row > .desk-field-cell > textarea,
  body[data-page="collections"] label.desk-row > .desk-field-cell > input,
  body[data-page="collections"] label.desk-row > .desk-field-cell > select,
  body[data-page="collections"] label.desk-row > .desk-field-cell > textarea,
  body[data-page="delivery"] label.desk-row > .desk-field-cell > input,
  body[data-page="delivery"] label.desk-row > .desk-field-cell > select,
  body[data-page="delivery"] label.desk-row > .desk-field-cell > textarea,
  body[data-page="delivery"] .delivery-topband-row > .desk-field-cell > input,
  body[data-page="delivery"] .delivery-topband-row > .desk-field-cell > select,
  body[data-page="delivery"] .delivery-forward-row > .desk-field-cell > select,
  body[data-page="delivery"] .delivery-forward-account-field > .desk-field-cell > input,
  body[data-page="delivery"] .delivery-forward-account-field > .desk-field-cell > select,
  body[data-page="delivery"] .delivery-charge-row > input,
  body[data-page="delivery"] .delivery-detail-row > input {
    min-height: var(--ops-control-height);
    padding-inline: var(--ops-field-pad-x);
    font-size: var(--ops-font-size);
  }

  body[data-page="challans"] label.desk-row > .desk-field-cell > input,
  body[data-page="challans"] label.desk-row > .desk-field-cell > select,
  body[data-page="challans"] label.desk-row > .desk-field-cell > textarea {
    min-height: clamp(30px, calc(32px * var(--ops-scale-factor)), 42px);
    padding-top: clamp(4px, calc(4px * var(--ops-scale-factor)), 7px);
    padding-bottom: clamp(4px, calc(4px * var(--ops-scale-factor)), 7px);
    font-size: clamp(0.84rem, calc(0.9rem * var(--ops-scale-factor)), 1rem);
    line-height: 1.16;
  }

  body[data-page="challans"] .challan-header-grid label.desk-row {
    --desk-label-width: clamp(76px, calc(82px * var(--ops-scale-factor)), 126px);
  }

  body[data-page="challans"] .old-record-controls label.desk-row {
    --desk-label-width: clamp(86px, calc(92px * var(--ops-scale-factor)), 138px);
  }

  body[data-page="challans"] .builty-entry-grid label.desk-row,
  body[data-page="challans"] .builty-entry-grid label.desk-row.full-span {
    --desk-label-width: clamp(84px, calc(90px * var(--ops-scale-factor)), 136px);
  }

  body[data-page="challans"] .builty-entry-grid label.desk-row > .desk-label-cell {
    white-space: nowrap;
    padding: clamp(3px, 0.12vh + 2px, 5px) clamp(7px, calc(7px * var(--ops-scale-factor)), 10px);
  }

  body[data-page="challans"] .challan-settlement-grid label.desk-row {
    --desk-label-width: clamp(88px, calc(94px * var(--ops-scale-factor)), 140px);
  }

  body[data-page="delivery"] .delivery-queue-panel label.desk-row {
    --desk-label-width: clamp(82px, calc(88px * var(--ops-scale-factor)), 132px);
  }

  body[data-page="delivery"] .delivery-settlement-grid label.desk-row {
    --desk-label-width: clamp(82px, calc(88px * var(--ops-scale-factor)), 130px);
  }

  body[data-page="delivery"] .delivery-control-panel label.desk-row {
    --desk-label-width: clamp(80px, calc(86px * var(--ops-scale-factor)), 126px);
  }

  body[data-page="collections"] .form-grid label.desk-row {
    --desk-label-width: clamp(108px, calc(116px * var(--ops-scale-factor)), 172px);
  }

  body[data-page="collections"] .form-grid label.desk-row.full-span {
    --desk-label-width: clamp(112px, calc(120px * var(--ops-scale-factor)), 180px);
  }
}

@media screen and (min-width: 1081px) and (max-width: 1440px) {
  body[data-page="challans"]:not(.is-sidebar-collapsed) .topbar-meta-copy,
  body[data-page="delivery"]:not(.is-sidebar-collapsed) .topbar-meta-copy,
  body[data-page="collections"]:not(.is-sidebar-collapsed) .topbar-meta-copy {
    display: none;
  }

  body[data-page="delivery"]:not(.is-sidebar-collapsed) .delivery-desk {
    grid-template-columns: minmax(220px, 0.72fr) minmax(0, 1fr) minmax(210px, 0.6fr);
  }

  body[data-page="delivery"]:not(.is-sidebar-collapsed) .delivery-topband {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-page="delivery"]:not(.is-sidebar-collapsed) .delivery-editor-meta {
    justify-items: start;
    text-align: left;
  }

  body[data-page="delivery"]:not(.is-sidebar-collapsed) .delivery-receipt-chip {
    justify-self: start;
  }

  body[data-page="delivery"]:not(.is-sidebar-collapsed) .delivery-control-panel label.desk-row {
    --desk-label-width: 82px;
  }
}

@view-transition {
  navigation: auto;
}

::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 160ms;
  animation-timing-function: ease;
}

@media screen and (min-width: 1081px) {
body[data-page] .topbar {
    position: static !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    align-items: center !important;
    justify-content: initial !important;
    min-height: 58px !important;
    padding: 8px 20px !important;
    gap: 14px !important;
    border-radius: 999px !important;
  }

  body[data-page] .topbar-left {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    position: static !important;
    min-width: 0 !important;
    gap: 12px !important;
    padding-right: 0 !important;
  }

  body[data-page] .topbar-center {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    left: auto !important;
    transform: none !important;
    justify-self: center !important;
    z-index: auto !important;
    min-width: 0 !important;
  }

  body[data-page] .topbar-right {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    position: static !important;
    justify-self: end !important;
    margin-left: 0 !important;
    min-width: 0 !important;
    z-index: auto !important;
  }

  body[data-page] .title-block h2 {
    font-size: 1.2rem !important;
    line-height: 1 !important;
  }

  body[data-page] .topbar-date {
    min-height: 28px !important;
    min-width: 230px !important;
    padding: 0 12px !important;
    font-size: 0.72rem !important;
    border-radius: 999px !important;
  }

  body[data-page] .shell-profile-button {
    width: 34px !important;
    max-width: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    margin-left: 0 !important;
    justify-content: center !important;
    border-radius: 999px !important;
  }

  body[data-page="challans"] .topbar,
  body[data-page="delivery"] .topbar,
  body[data-page="collections"] .topbar {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  body[data-page="challans"] .topbar-meta-copy,
  body[data-page="delivery"] .topbar-meta-copy,
  body[data-page="collections"] .topbar-meta-copy,
  body[data-page="challans"] .shell-profile-copy,
  body[data-page="delivery"] .shell-profile-copy,
  body[data-page="collections"] .shell-profile-copy {
    display: none;
  }

  body[data-page="challans"] .topbar-center,
  body[data-page="delivery"] .topbar-center,
  body[data-page="collections"] .topbar-center {
    display: flex;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
  }

  body[data-page="challans"] .topbar-left,
  body[data-page="delivery"] .topbar-left,
  body[data-page="collections"] .topbar-left {
    flex: 1 1 auto;
    min-width: 0;
    padding-right: 80px;
  }

  body[data-page="challans"] .topbar-right,
  body[data-page="delivery"] .topbar-right,
  body[data-page="collections"] .topbar-right {
    position: relative;
    z-index: 2;
    margin-left: auto;
    min-width: 44px;
  }

  body[data-page="challans"] .shell-profile-button,
  body[data-page="delivery"] .shell-profile-button,
  body[data-page="collections"] .shell-profile-button {
    width: 44px;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    justify-content: center;
  }

  body[data-page="challans"] .page-section.challan-fit-layout {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 100%;
  }

  body[data-page="challans"] .challan-header-card {
    align-self: stretch;
    width: 100%;
    padding: 8px 10px 18px !important;
    border-radius: 16px;
    flex: 0 0 auto;
    height: auto !important;
    min-height: fit-content;
  }

  body[data-page="challans"] .action-bar {
    position: static;
    margin-top: 0;
    padding: 6px 8px;
    border-radius: 16px;
    flex: 0 0 auto;
  }

  body[data-page="challans"] .challan-entry-card,
  body[data-page="challans"] .challan-records-card {
    min-height: 0;
    padding: 8px 10px;
    border-radius: 16px;
  }

  body[data-page="challans"] .challan-entry-card {
    align-self: start;
    height: auto;
  }

  body[data-page="challans"] .challan-records-card {
    align-self: stretch;
    height: 100%;
  }

  body[data-page="challans"] .challan-header-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
    gap: 6px;
  }

  body[data-page="challans"] .challan-header-grid > label:first-child {
    grid-column: span 2;
  }

  body[data-page="challans"] .challan-mode-actions {
    flex: 1 1 auto;
    min-width: 0;
  }

  body[data-page="challans"] .old-record-controls {
    width: min(100%, 780px);
    grid-template-columns: minmax(210px, 0.95fr) minmax(300px, 1.45fr);
    gap: 8px 10px;
  }

  body[data-page="challans"] .old-record-controls label.desk-row {
    min-width: 0;
  }

  body[data-page="challans"] .challan-main-grid {
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    align-self: stretch;
    grid-template-columns: 40% 60% !important;
    gap: 6px;
    align-content: stretch;
    align-items: stretch;
  }

  body[data-page="challans"] .challan-entry-card {
    display: grid;
    grid-template-rows: auto auto auto;
    align-content: start;
  }

  body[data-page="challans"] .challan-records-card {
    display: grid;
    grid-template-rows: minmax(180px, 1fr) auto auto;
    align-content: stretch;
  }

  body[data-page="challans"] .challan-table-host {
    min-height: 0;
    height: 100%;
  }

  body[data-page="challans"] .challan-header-card label.desk-row > .desk-label-cell,
  body[data-page="challans"] .challan-settlement-grid label.desk-row > .desk-label-cell {
    font-size: 0.78rem;
  }

  body[data-page="challans"] .builty-entry-grid label.desk-row > .desk-label-cell {
    font-size: 0.88rem;
    line-height: 1.08;
  }

  body[data-page="challans"] .challan-header-card input,
  body[data-page="challans"] .challan-header-card select,
  body[data-page="challans"] .builty-entry-grid input,
  body[data-page="challans"] .builty-entry-grid select,
  body[data-page="challans"] .challan-settlement-grid input {
    min-height: 33px;
    font-size: 1.04rem;
  }

  body[data-page="challans"] .challan-summary-strip {
    padding: 6px 8px;
  }

  body[data-page="challans"] .challan-settlement-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 164px), 1fr));
    gap: 6px;
    padding-top: 6px;
  }

  body[data-page="challans"] .action-bar {
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 6px 8px;
  }

  body[data-page="challans"] .action-buttons {
    width: 100%;
    margin-left: 0;
    justify-content: flex-end;
    gap: 6px;
  }

  body[data-page="challans"] .action-buttons button {
    min-height: 30px;
    padding: 6px 10px;
  }
}

@media screen and (min-width: 1081px) and (max-width: 1360px) {
  body[data-page="challans"] .topbar {
    min-height: 40px;
    padding: 5px 8px;
    gap: 8px;
  }

  body[data-page="challans"] .topbar-left {
    padding-right: 56px;
  }

  body[data-page="challans"] .title-block h2 {
    font-size: 0.98rem;
  }

  body[data-page="challans"] .topbar-date {
    min-height: 24px;
    padding: 0 8px;
    font-size: 0.68rem;
  }

  body[data-page="challans"] .shell-profile-button {
    width: 36px;
    min-width: 36px;
    min-height: 36px;
  }
}

@media screen and (min-width: 1081px) and (max-width: 1200px) {
  body[data-page="challans"] .topbar-center {
    position: static;
    transform: none;
    margin-left: auto;
    margin-right: 8px;
  }

  body[data-page="challans"] .topbar-left {
    padding-right: 0;
  }
}

body[data-theme] .app-shell {
  grid-template-columns: var(--rail-expanded) minmax(0, 1fr);
  gap: 18px;
  min-height: 100vh;
  height: 100vh;
  padding: 18px;
  transition: grid-template-columns 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

body[data-theme].is-sidebar-collapsed .app-shell {
  grid-template-columns: var(--rail-collapsed) minmax(0, 1fr);
}

body[data-theme] .side-rail {
  width: 100%;
  min-width: 0;
  min-height: 0;
  max-height: calc(100vh - 36px);
  padding: 18px 16px;
  overflow: visible !important;
  gap: 16px;
  justify-content: flex-start;
  transition:
    padding 0.3s cubic-bezier(0.22, 1, 0.36, 1),
    border-radius 0.3s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.24s ease;
}

body[data-theme] .side-rail-top,
body[data-theme] .side-rail-bottom {
  display: grid !important;
  width: 100%;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  gap: 16px;
  transition:
    gap 0.24s cubic-bezier(0.22, 1, 0.36, 1),
    padding 0.24s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.16s ease;
}

body[data-theme] .side-rail-top {
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  align-content: start;
  padding-right: 4px;
  margin-right: -4px;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--accent) 56%, transparent) transparent;
}

body[data-theme] .side-rail-bottom {
  flex: 0 0 auto;
  margin-top: auto;
  overflow: hidden !important;
  align-content: start;
  max-height: 120px;
  opacity: 1;
  padding: 8px 0 0;
  transition:
    max-height 0.24s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.16s ease,
    padding 0.24s cubic-bezier(0.22, 1, 0.36, 1),
    margin-top 0.24s cubic-bezier(0.22, 1, 0.36, 1);
}

body[data-theme] .side-rail-top::-webkit-scrollbar {
  width: 6px;
}

body[data-theme] .side-rail-top::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent) 48%, transparent);
}

body[data-theme] .rail-toggle.rail-edge-toggle {
  display: inline-flex;
  top: 34px;
  right: -16px;
  z-index: 6;
}

body[data-theme] .nav-link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px 13px;
  border-radius: 18px;
  overflow: hidden;
  transition:
    gap 0.26s cubic-bezier(0.22, 1, 0.36, 1),
    padding 0.26s cubic-bezier(0.22, 1, 0.36, 1),
    background 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    color 0.18s ease;
}

body[data-theme] .nav-link:hover {
  transform: none;
}

body[data-theme] .nav-icon {
  width: 42px;
  height: 42px;
  border-radius: 16px;
}

body[data-theme] .nav-copy {
  display: block;
  min-width: 0;
  overflow: hidden;
  opacity: 1;
  max-width: 190px;
  transform: translateX(0);
  transition:
    opacity 0.14s ease,
    max-width 0.24s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.24s cubic-bezier(0.22, 1, 0.36, 1);
}

body[data-theme] .rail-profile-card,
body[data-theme] .rail-theme-card {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

body[data-theme] .rail-profile-card {
  display: flex;
  overflow: hidden;
  transition:
    gap 0.26s cubic-bezier(0.22, 1, 0.36, 1),
    padding 0.26s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.18s ease,
    background 0.18s ease;
}

body[data-theme] .rail-profile-copy {
  min-width: 0;
  overflow: hidden;
  opacity: 1;
  max-width: 210px;
  transform: translateX(0);
  transition:
    opacity 0.14s ease,
    max-width 0.24s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.24s cubic-bezier(0.22, 1, 0.36, 1);
}

body[data-theme] .rail-section-header {
  overflow: hidden;
  max-height: 32px;
  opacity: 1;
  transform: translateX(0);
  transition:
    opacity 0.14s ease,
    max-height 0.22s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}

body[data-theme] .rail-theme-card {
  display: block;
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 0.16s ease,
    transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}

body[data-theme] .rail-theme-buttons,
body[data-theme] .rail-theme-button {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

body[data-theme] .rail-theme-buttons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  transition: gap 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}

body[data-theme] .rail-theme-button {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid var(--shell-border);
  background: rgba(255, 243, 233, 0.05);
  color: var(--text-soft);
  box-shadow: none;
}

body[data-theme="light"] .rail-theme-button {
  background: rgba(109, 74, 60, 0.05);
}

body[data-theme] .rail-theme-button:hover,
body[data-theme] .rail-theme-button:focus-visible {
  transform: none;
  color: var(--text);
  border-color: var(--shell-border-strong);
  background: rgba(255, 243, 233, 0.08);
}

body[data-theme="light"] .rail-theme-button:hover,
body[data-theme="light"] .rail-theme-button:focus-visible {
  background: rgba(109, 74, 60, 0.08);
}

body[data-theme] .rail-theme-button.is-active {
  color: #fff7f0;
  border-color: rgba(176, 141, 108, 0.34);
  background: linear-gradient(135deg, var(--accent), var(--accent-strong));
  box-shadow: 0 14px 24px rgba(118, 84, 60, 0.2);
}

body[data-theme] .rail-theme-icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body[data-theme] .workspace {
  grid-template-rows: auto minmax(0, 1fr);
  gap: 16px;
  height: calc(100vh - 36px);
  padding: 0;
}

body[data-theme] .topbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  min-height: 58px;
  padding: 8px 20px;
}

body[data-theme] .shell-menu-button {
  display: none;
}

body[data-theme].is-sidebar-collapsed .side-rail {
  width: 100%;
  min-width: 0;
  padding-inline: 12px;
}

body[data-theme].is-sidebar-collapsed .side-rail-bottom {
  display: grid !important;
  max-height: 0;
  opacity: 0;
  margin-top: 0;
  padding-top: 0;
  pointer-events: none;
}

body[data-theme].is-sidebar-collapsed .rail-profile-card {
  justify-content: center;
  gap: 0;
  padding-inline: 0;
}

body[data-theme].is-sidebar-collapsed .rail-profile-copy,
body[data-theme].is-sidebar-collapsed .nav-copy {
  opacity: 0;
  max-width: 0;
  transform: translateX(-10px);
  pointer-events: none;
}

body[data-theme].is-sidebar-collapsed .rail-section-header {
  max-height: 0;
  opacity: 0;
  transform: translateX(-10px);
  pointer-events: none;
}

body[data-theme].is-sidebar-collapsed .nav-link {
  justify-content: center;
  gap: 0;
  padding-inline: 0;
}

@media screen and (max-width: 1080px) {
  body[data-theme] .app-shell {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 12px;
  }

  body[data-theme] .side-rail {
    position: fixed;
    top: 12px;
    left: 12px;
    width: min(324px, calc(100vw - 24px));
    height: calc(100vh - 24px);
    transform: translateX(calc(-100% - 20px));
  }

  body[data-theme].is-sidebar-open .side-rail {
    transform: translateX(0);
  }

  body[data-theme] .rail-toggle.rail-edge-toggle {
    display: none;
  }

  body[data-theme] .shell-menu-button {
    display: inline-flex;
  }

  body[data-theme] .workspace {
    height: auto;
    min-height: calc(100vh - 24px);
  }

  body[data-theme] .topbar {
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 14px 16px;
  }

  body[data-theme] .topbar-center {
    display: none;
  }
}
/* Final delivery right-rail rebuild */
body[data-page="delivery"] .delivery-inline-summary-wrap {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
  align-content: start;
}

body[data-page="delivery"] .delivery-inline-summary-wrap .delivery-form-section-title {
  margin: 0;
}

body[data-page="delivery"] .delivery-inline-summary {
  min-height: 0;
  padding: 14px 16px;
  overflow: hidden;
}

body[data-page="delivery"] .delivery-inline-summary .delivery-summary-grid {
  gap: 10px;
}

body[data-page="delivery"] .delivery-side-stack {
  grid-template-columns: none;
  grid-template-rows: minmax(308px, auto) auto auto;
  gap: 12px;
  height: auto;
  min-height: 0;
  overflow: visible;
  align-content: start;
  align-self: start;
}

body[data-page="delivery"] .delivery-side-stack > .panel {
  height: auto;
  min-height: 0;
}

body[data-page="delivery"] .delivery-history-panel,
body[data-page="delivery"] .delivery-print-panel,
body[data-page="delivery"] .delivery-settings-panel {
  display: grid;
  grid-template-rows: none;
  gap: 12px;
  align-content: start;
  overflow: hidden;
}

body[data-page="delivery"] .delivery-history-panel {
  min-height: 308px;
  overflow: visible;
  position: relative;
  z-index: 8;
}

body[data-page="delivery"] .delivery-print-panel,
body[data-page="delivery"] .delivery-settings-panel {
  padding-block: 14px;
}

body[data-page="delivery"] .delivery-print-panel .card-heading,
body[data-page="delivery"] .delivery-settings-panel .card-heading {
  margin-bottom: 0;
}

body[data-page="delivery"] .delivery-history-panel label.desk-row,
body[data-page="delivery"] .delivery-print-panel label.desk-row,
body[data-page="delivery"] .delivery-settings-panel label.desk-row {
  margin: 0;
}

body[data-page="delivery"] .delivery-history-toggle {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid rgba(208, 228, 255, 0.12);
  background: rgba(255, 255, 255, 0.035);
}

body[data-page="delivery"] .delivery-history-toggle input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
  min-height: 0;
  margin: 0;
}

body[data-page="delivery"] .delivery-history-toggle-indicator {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border-radius: 6px;
  border: 1px solid rgba(208, 228, 255, 0.28);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.04)),
    rgba(10, 15, 22, 0.48);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  position: relative;
  transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

body[data-page="delivery"] .delivery-history-toggle-indicator::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border-right: 2px solid #fff7ea;
  border-bottom: 2px solid #fff7ea;
  transform: rotate(45deg) scale(0.3);
  opacity: 0;
  transition: transform 140ms ease, opacity 140ms ease;
}

body[data-page="delivery"] .delivery-history-toggle input:checked + .delivery-history-toggle-indicator {
  border-color: rgba(240, 208, 167, 0.85);
  background:
    linear-gradient(180deg, rgba(173, 117, 69, 0.94), rgba(111, 66, 36, 0.96)),
    rgba(111, 66, 36, 0.96);
  box-shadow:
    0 0 0 1px rgba(255, 241, 221, 0.14),
    0 10px 18px rgba(56, 24, 8, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

body[data-page="delivery"] .delivery-history-toggle input:checked + .delivery-history-toggle-indicator::after {
  opacity: 1;
  transform: rotate(45deg) scale(1);
}

body[data-page="delivery"] .delivery-history-toggle input:focus-visible + .delivery-history-toggle-indicator {
  box-shadow:
    0 0 0 2px rgba(244, 214, 175, 0.3),
    0 0 0 4px rgba(90, 48, 21, 0.28);
}

body[data-page="delivery"] .delivery-history-toggle input:disabled + .delivery-history-toggle-indicator {
  opacity: 0.48;
  filter: saturate(0.7);
}

body[data-page="delivery"] .delivery-history-toggle-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

body[data-page="delivery"] .delivery-history-toggle-copy strong {
  font-size: 0.96rem;
  color: var(--text);
}

body[data-page="delivery"] .delivery-history-filters {
  display: grid;
  gap: 10px;
}

body[data-page="delivery"] .delivery-history-panel label.desk-row {
  --desk-label-width: 92px;
}

body[data-page="delivery"] .delivery-print-panel label.desk-row {
  --desk-label-width: 104px;
}

body[data-page="delivery"] .delivery-history-panel .desk-label-cell,
body[data-page="delivery"] .delivery-print-panel .desk-label-cell {
  white-space: normal;
}

body[data-page="delivery"] .delivery-history-combobox {
  position: relative;
  z-index: 6;
  display: block;
  overflow: visible;
}

body[data-page="delivery"] .delivery-history-combobox::after {
  content: none;
}

body[data-page="delivery"] .delivery-history-combobox input {
  width: 100%;
  padding-right: 46px;
}

body[data-page="delivery"] .delivery-history-dropdown-btn {
  position: absolute;
  right: 6px;
  top: 6px;
  bottom: 6px;
  transform: none;
  width: 32px;
  height: auto;
  min-height: 0;
  padding: 0;
  border-radius: 9px;
  border: 1px solid rgba(208, 228, 255, 0.16);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(244, 232, 217, 0.92);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}

body[data-page="delivery"] .delivery-history-dropdown-btn:hover,
body[data-page="delivery"] .delivery-history-dropdown-btn:focus-visible,
body[data-page="delivery"] .delivery-history-dropdown-btn:active {
  background: rgba(255, 255, 255, 0.1);
  transform: none;
}

body[data-page="delivery"] .delivery-history-dropdown-btn:disabled {
  opacity: 0.48;
}

body[data-page="delivery"] .delivery-history-menu {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  width: auto;
  z-index: 2400;
  max-height: 288px;
  padding: 6px;
  display: grid;
  align-content: start;
  justify-items: stretch;
  overflow-y: auto;
  overflow-x: hidden;
  gap: 3px;
}

body[data-page="delivery"] .delivery-history-option {
  display: grid;
  align-content: start;
  gap: 6px;
  min-height: 72px;
  padding: 10px 12px;
  text-align: left;
}

body[data-page="delivery"] .delivery-history-option-header,
body[data-page="delivery"] .delivery-history-option-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 10px;
  width: 100%;
}

body[data-page="delivery"] .delivery-history-option-primary,
body[data-page="delivery"] .delivery-history-option-date,
body[data-page="delivery"] .delivery-history-option-gr,
body[data-page="delivery"] .delivery-history-option-forward,
body[data-page="delivery"] .delivery-history-option-total,
body[data-page="delivery"] .delivery-history-option-meta {
  display: block;
  width: 100%;
  text-align: left;
  margin-right: auto;
  align-self: flex-start;
}

body[data-page="delivery"] .delivery-history-option-primary {
  font-size: 0.88rem;
  font-weight: 700;
  color: rgba(248, 240, 229, 0.96);
  line-height: 1.15;
}

body[data-page="delivery"] .delivery-history-option-gr,
body[data-page="delivery"] .delivery-history-option-total {
  width: auto;
  text-align: right;
}

body[data-page="delivery"] .delivery-history-option-date {
  font-size: 0.76rem;
  font-weight: 600;
  color: rgba(223, 233, 241, 0.86);
  white-space: nowrap;
}

body[data-page="delivery"] .delivery-history-option-gr {
  font-size: 0.8rem;
  font-weight: 700;
  color: rgba(242, 234, 224, 0.94);
  white-space: nowrap;
}

body[data-page="delivery"] .delivery-history-option-total {
  font-size: 0.8rem;
  font-weight: 700;
  color: rgba(197, 231, 215, 0.96);
  white-space: nowrap;
}

body[data-page="delivery"] .delivery-history-option-forward {
  font-size: 0.77rem;
  font-weight: 700;
  color: rgba(227, 236, 244, 0.88);
  line-height: 1.18;
}

body[data-page="delivery"] .delivery-history-option-meta {
  font-size: 0.77rem;
  color: rgba(214, 224, 233, 0.8);
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.15;
}

body[data-page="delivery"] .delivery-history-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body[data-page="delivery"] .delivery-settings-actions {
  grid-template-columns: 1fr;
}

body[data-page="delivery"] .delivery-desk-status {
  min-height: 92px;
  align-content: start;
}

body[data-page="delivery"] .delivery-queue-item:disabled {
  opacity: 0.52;
  cursor: not-allowed;
  box-shadow: none;
}

@media screen and (min-width: 1081px) {
  body[data-page="delivery"] .delivery-side-stack {
    position: sticky;
    top: 12px;
  }
}

@media screen and (max-width: 1080px) {
  body[data-page="delivery"] .delivery-side-stack {
    position: static;
    grid-template-rows: none;
    gap: 10px;
  }
}

.auth-modal-card {
  width: min(460px, calc(100vw - 32px));
  padding: 22px 24px 20px;
  border-radius: 22px;
}

body.auth-lock-active .app-shell {
  pointer-events: none;
  user-select: none;
}

body.auth-lock-active.auth-lock-modal .app-shell {
  filter: blur(10px) saturate(0.82);
}

body.auth-lock-active.auth-lock-landing .app-shell {
  opacity: 0;
  filter: none;
  transform: scale(1.01);
}

body.auth-lock-active.auth-lock-modal .auth-modal-backdrop {
  background:
    radial-gradient(circle at top, rgba(80, 126, 255, 0.18), transparent 38%),
    rgba(6, 10, 16, 0.76);
  backdrop-filter: blur(14px);
}

body.auth-lock-active.auth-lock-modal .auth-modal-card {
  width: min(560px, calc(100vw - 32px));
  box-shadow: 0 28px 80px rgba(3, 8, 18, 0.42);
}

body.auth-lock-active.auth-lock-landing .auth-modal-backdrop {
  background:
    radial-gradient(circle at 50% 14%, rgba(255, 203, 156, 0.34), transparent 16%),
    radial-gradient(circle at 18% 28%, rgba(255, 161, 210, 0.18), transparent 18%),
    radial-gradient(circle at 82% 24%, rgba(129, 168, 255, 0.16), transparent 20%),
    linear-gradient(180deg, #5d2f98 0%, #47348e 38%, #2d3b78 68%, #f1f5ff 68.1%, #e6eefc 100%);
}

body.auth-lock-active.auth-lock-landing .auth-modal-backdrop::before,
body.auth-lock-active.auth-lock-landing .auth-modal-backdrop::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  pointer-events: none;
}

body.auth-lock-active.auth-lock-landing .auth-modal-backdrop::before {
  height: 42vh;
  background:
    radial-gradient(18px 12px at 14% 20%, rgba(255, 219, 238, 0.22), transparent 70%),
    radial-gradient(20px 12px at 72% 18%, rgba(255, 219, 238, 0.18), transparent 70%),
    linear-gradient(180deg, transparent 0 8%, rgba(17, 20, 56, 0.12) 8% 10%, transparent 10%),
    linear-gradient(180deg, transparent 0 26%, rgba(25, 31, 74, 0.92) 26% 58%, rgba(33, 44, 92, 0.98) 58% 100%);
  clip-path: polygon(0 62%, 10% 52%, 19% 58%, 30% 44%, 42% 55%, 52% 42%, 63% 58%, 76% 48%, 88% 60%, 100% 50%, 100% 100%, 0 100%);
}

body.auth-lock-active.auth-lock-landing .auth-modal-backdrop::after {
  height: 34vh;
  background:
    radial-gradient(circle at 48% 8%, rgba(255, 255, 255, 0.7), transparent 14%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.14), transparent 48%),
    linear-gradient(180deg, rgba(240, 248, 255, 0.96), rgba(225, 235, 249, 0.98));
  clip-path: polygon(0 40%, 8% 42%, 16% 48%, 23% 52%, 29% 56%, 37% 64%, 44% 70%, 52% 76%, 61% 72%, 69% 63%, 77% 55%, 84% 49%, 92% 45%, 100% 44%, 100% 100%, 0 100%);
  opacity: 0.96;
}

body.auth-lock-active.auth-lock-landing .auth-modal-card {
  width: min(520px, calc(100vw - 40px));
  padding: 30px 30px 24px;
  border-radius: 28px;
  border: 1px solid rgba(255, 255, 255, 0.26);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.1));
  box-shadow: 0 26px 90px rgba(20, 15, 56, 0.34);
  backdrop-filter: blur(18px) saturate(1.08);
}

body.auth-lock-active.auth-lock-landing .auth-modal-card::before {
  content: "";
  position: absolute;
  inset: 16px 18px auto auto;
  width: 110px;
  height: 110px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255, 219, 193, 0.42), transparent 72%);
  pointer-events: none;
}

body.auth-lock-active.auth-lock-landing .auth-modal-card .modal-header {
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

body.auth-lock-active.auth-lock-landing .auth-landing-hero {
  gap: 8px;
  margin-bottom: 18px;
  padding-bottom: 16px;
  border-bottom-color: rgba(255, 255, 255, 0.14);
}

body.auth-lock-active.auth-lock-landing .auth-landing-title {
  font-size: 1.25rem;
  color: rgba(64, 38, 94, 0.96);
}

body.auth-lock-active.auth-lock-landing .auth-landing-copy {
  color: rgba(79, 60, 106, 0.84);
}

body.auth-lock-active.auth-lock-landing .auth-login-form label,
body.auth-lock-active.auth-lock-landing .auth-modal-card .eyebrow,
body.auth-lock-active.auth-lock-landing .auth-modal-card h3 {
  color: rgba(56, 42, 84, 0.96);
}

body[data-theme="dark"].auth-lock-active.auth-lock-landing .auth-login-form label,
body[data-theme="dark"].auth-lock-active.auth-lock-landing .auth-modal-card .eyebrow,
body[data-theme="dark"].auth-lock-active.auth-lock-landing .auth-modal-card h3 {
  color: rgba(244, 247, 255, 0.96);
}

body.auth-lock-active.auth-lock-landing .auth-step-hint,
body.auth-lock-active.auth-lock-landing .auth-modal-copy,
body.auth-lock-active.auth-lock-landing #authModalCopy,
body.auth-lock-active.auth-lock-landing .table-note {
  color: rgba(88, 73, 114, 0.86);
}

body[data-theme="dark"].auth-lock-active.auth-lock-landing .auth-step-hint,
body[data-theme="dark"].auth-lock-active.auth-lock-landing .auth-modal-copy,
body[data-theme="dark"].auth-lock-active.auth-lock-landing #authModalCopy,
body[data-theme="dark"].auth-lock-active.auth-lock-landing .table-note {
  color: rgba(213, 221, 235, 0.86);
}

body.auth-lock-active.auth-lock-landing .auth-login-form input {
  background: rgba(255, 255, 255, 0.88);
  border-color: rgba(144, 165, 224, 0.4);
  color: rgba(54, 63, 89, 0.98);
  box-shadow: none;
}

body.auth-lock-active.auth-lock-landing .auth-login-form input::placeholder {
  color: rgba(114, 126, 156, 0.78);
}

body.auth-lock-active.auth-lock-landing .auth-login-actions {
  justify-content: stretch;
}

body.auth-lock-active.auth-lock-landing .auth-login-actions > button:first-child:last-child,
body.auth-lock-active.auth-lock-landing .auth-login-actions > button:not(.secondary-button) {
  min-height: 44px;
}

.auth-login-form {
  display: grid;
  gap: 14px;
}

.auth-modal-card .modal-header {
  margin: 0 0 10px;
  padding: 0 0 4px;
}

.auth-modal-card .modal-header > div:first-child {
  padding-right: 8px;
}

.auth-landing-hero {
  display: grid;
  gap: 6px;
  margin: 0 0 14px;
  padding: 0 0 14px;
  border-bottom: 1px solid rgba(76, 126, 255, 0.16);
}

.auth-landing-title {
  font-size: 1.05rem;
  color: rgba(245, 248, 255, 0.98);
  letter-spacing: 0.01em;
}

.auth-landing-copy {
  margin: 0;
  color: rgba(207, 217, 228, 0.86);
  line-height: 1.5;
  font-size: 0.95rem;
}

.auth-login-form label {
  display: grid;
  gap: 7px;
  color: rgba(35, 47, 68, 0.96);
  font-weight: 600;
  font-size: 0.95rem;
}

body[data-theme="dark"] .auth-login-form label {
  color: rgba(245, 248, 255, 0.94);
}

.auth-login-form input {
  width: 100%;
}

.auth-inline-note {
  margin: 0;
}

.auth-login-actions {
  justify-content: flex-end;
}

.auth-step-hint {
  margin: -2px 0 2px;
}

.auth-setup-box {
  display: grid;
  gap: 10px;
  margin: 0;
}

.auth-setup-grid {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.auth-setup-qr-shell {
  display: grid;
  place-items: center;
  min-width: 124px;
  padding: 10px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(76, 126, 255, 0.18);
}

.auth-setup-qr {
  width: 116px;
  height: 116px;
  display: block;
}

.auth-setup-copy {
  display: grid;
  gap: 10px;
}

.auth-setup-fallback {
  display: grid;
  gap: 6px;
}

.auth-setup-fallback > span {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: rgba(58, 70, 92, 0.92);
}

.auth-setup-box code {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  padding: 4px 8px;
  border-radius: 8px;
  background: rgba(11, 17, 32, 0.7);
  color: rgba(247, 249, 255, 0.95);
  font-size: 0.9rem;
  word-break: break-all;
}

body[data-theme="dark"] .auth-setup-fallback > span {
  color: rgba(229, 236, 247, 0.88);
}

@media (max-width: 640px) {
  .auth-setup-grid {
    grid-template-columns: 1fr;
  }

  .auth-setup-qr-shell {
    justify-self: start;
  }
}

.security-admin-card,
.security-user-card {
  width: min(1040px, calc(100vw - 36px));
}

.security-user-card {
  width: min(840px, calc(100vw - 36px));
}

.security-admin-card,
.security-user-card,
.auth-modal-card {
  max-height: calc(100vh - 40px);
  overflow: auto;
}

.security-admin-card {
  display: grid;
  gap: 16px;
}

.security-admin-block {
  display: grid;
  gap: 12px;
  padding: 16px 18px;
  border: 1px solid rgba(76, 126, 255, 0.2);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02));
}

.security-admin-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.security-admin-toolbar strong {
  font-size: 1rem;
  color: rgba(248, 244, 235, 0.96);
}

.security-admin-list,
.security-admin-audit {
  display: grid;
  gap: 12px;
  max-height: min(42vh, 420px);
  overflow: auto;
  padding-right: 4px;
}

.security-user-row,
.security-audit-row {
  display: grid;
  gap: 10px;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(76, 126, 255, 0.16);
  background: rgba(8, 12, 24, 0.42);
}

.security-user-row {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}

.security-user-main {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.security-user-main > strong {
  font-size: 1rem;
  color: rgba(248, 244, 235, 0.98);
}

.security-user-main > span,
.security-user-main > small,
.security-audit-row > span,
.security-audit-row > small,
.security-session-row > span,
.security-session-row > small {
  color: rgba(222, 229, 239, 0.82);
  line-height: 1.4;
}

.security-user-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin-top: 2px;
  font-size: 0.86rem;
  color: rgba(206, 217, 231, 0.78);
}

.security-user-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.security-user-actions .secondary-button {
  min-height: 32px;
  padding: 0 12px;
}

.security-user-muted {
  margin: 0;
  color: rgba(201, 213, 226, 0.72);
}

.security-session-history {
  display: grid;
  gap: 8px;
  margin-top: 6px;
}

.security-session-title {
  margin: 0;
  font-size: 0.82rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(155, 174, 214, 0.84);
}

.security-session-list {
  display: grid;
  gap: 8px;
}

.security-session-row {
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}

.security-session-row.is-active {
  border-color: rgba(86, 186, 122, 0.38);
  background: rgba(41, 111, 67, 0.18);
}

.security-session-row strong,
.security-audit-row strong {
  color: rgba(248, 244, 235, 0.96);
}

.security-user-form {
  gap: 16px;
}

.security-permission-grid {
  display: grid;
  gap: 10px;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid rgba(76, 126, 255, 0.16);
  background: rgba(8, 12, 24, 0.4);
}

.security-permission-head,
.security-permission-row {
  display: grid;
  grid-template-columns: minmax(180px, 1.35fr) repeat(8, minmax(34px, 1fr));
  gap: 8px;
  align-items: center;
}

.security-permission-head {
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 0.8rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(184, 200, 224, 0.82);
}

.security-permission-row {
  padding: 4px 0;
}

.security-permission-row strong {
  font-size: 0.92rem;
  color: rgba(248, 244, 235, 0.95);
}

.security-permission-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.security-permission-check input {
  width: 18px;
  height: 18px;
  margin: 0;
}

@media screen and (max-width: 980px) {
  .security-user-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .security-user-actions {
    justify-content: flex-start;
  }

  .security-permission-head,
  .security-permission-row {
    grid-template-columns: minmax(140px, 1.2fr) repeat(8, minmax(28px, 1fr));
    gap: 6px;
    font-size: 0.82rem;
  }
}

/* Stability-first shell contract: browser and Electron should render the same
   layout, with no Electron-only positioning branch for the normal workspace. */
:root {
  --app-shell-height: 100vh;
}

@supports (height: 100dvh) {
  :root {
    --app-shell-height: 100dvh;
  }
}

body[data-theme] .app-shell {
  min-height: var(--app-shell-height) !important;
  height: var(--app-shell-height) !important;
}

body[data-theme] .side-rail {
  height: calc(var(--app-shell-height) - 36px) !important;
  max-height: calc(var(--app-shell-height) - 36px);
}

body[data-theme] .workspace {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 16px;
  min-height: 0;
  min-width: 0;
  width: 100%;
  height: calc(var(--app-shell-height) - 36px) !important;
  overflow: hidden;
}

body[data-theme] .topbar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: center;
  gap: 12px;
  min-height: 56px !important;
  padding: 10px 18px 10px 14px !important;
  overflow: hidden;
}

body[data-theme] .topbar-left,
body[data-theme] .topbar-center,
body[data-theme] .topbar-right {
  min-width: 0;
}

body[data-theme] .topbar-left {
  display: flex !important;
  align-items: center;
  gap: 10px !important;
}

body[data-theme] .topbar-center {
  display: flex !important;
  align-items: center;
  justify-content: center;
  justify-self: center;
}

body[data-theme] .topbar-right {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  justify-self: end;
}

body[data-theme] .title-block,
body[data-theme] .shell-profile-copy {
  min-width: 0;
}

body[data-theme] .title-block {
  display: block !important;
}

body[data-theme] .title-block > p,
body[data-theme] #currentPageMeta {
  display: none !important;
}

body[data-theme] .title-block h2 {
  margin: 0;
  line-height: 1.05;
  font-size: clamp(0.95rem, 0.18vw + 0.9rem, 1.05rem) !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-theme] .topbar-meta-copy,
body[data-theme] .shell-profile-copy strong,
body[data-theme] .shell-profile-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-theme] .topbar-meta-copy {
  display: none !important;
}

body[data-theme] .topbar-date {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  max-width: min(100%, 260px);
  min-height: 32px !important;
  padding: 0 12px !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.04em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body[data-theme] .shell-profile-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 40px !important;
  max-width: 40px;
  min-width: 40px;
  min-height: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  gap: 0;
  margin-left: auto;
  overflow: hidden;
}

body[data-theme] .shell-profile-button .shell-profile-copy {
  display: none !important;
}

body[data-theme] .page-section {
  min-height: 0;
  height: 100%;
  overflow: auto;
  padding-right: 4px;
}

body[data-page="accounts"] .page-section {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 12px;
  overflow: hidden;
}

body[data-page="accounts"] .account-directory-panel {
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr);
  gap: 14px;
  min-height: 0;
  height: 100%;
  overflow: hidden;
}

body[data-page="accounts"] .account-directory-toolbar {
  display: grid !important;
  grid-template-columns: minmax(320px, 1fr) minmax(140px, 170px) minmax(180px, 220px) auto;
  gap: 12px;
  align-items: center;
  width: 100%;
  min-width: 0;
}

body[data-page="accounts"] .account-directory-toolbar .toolbar-field {
  display: block !important;
  width: 100%;
  min-width: 0;
}

body[data-page="accounts"] .account-directory-toolbar .grow-field {
  min-width: 0;
}

body[data-page="accounts"] .account-directory-toolbar input,
body[data-page="accounts"] .account-directory-toolbar select {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  font-size: 0.92rem;
}

body[data-page="accounts"] .account-toolbar-add-button {
  min-width: 142px;
  min-height: 42px;
  white-space: nowrap;
  justify-self: end;
}

body[data-page="accounts"] .account-stats-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

body[data-page="accounts"] .account-directory-shell {
  min-height: 0;
  height: 100%;
  max-height: none;
}

@media screen and (max-width: 820px) {
  body[data-page="accounts"] .account-directory-toolbar {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 1080px) {
  body[data-theme] .workspace {
    gap: 12px;
  }

  body[data-theme] .topbar {
    min-height: 50px !important;
    padding: 8px 10px !important;
    gap: 8px;
  }

  body[data-theme] .topbar-date {
    min-height: 28px !important;
    padding: 0 8px !important;
    font-size: 0.7rem !important;
  }

  body[data-theme] .shell-profile-button {
    max-width: 132px;
    padding-right: 8px !important;
  }
}

/* Shared shell reset: keep one consistent sidebar/topbar after the shell
   experiments, but preserve the final grouped rail and theme controls. */
body[data-theme] .side-rail {
  justify-content: flex-start !important;
}

body[data-theme] .side-rail-top {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
}

body[data-theme] .side-rail-bottom {
  display: grid !important;
  max-height: 160px !important;
  opacity: 1 !important;
  margin-top: auto !important;
  padding-top: 8px !important;
}

body[data-theme] .rail-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  min-height: auto !important;
}

body[data-theme] .brand-block {
  display: flex !important;
  flex: 1 1 auto !important;
  align-items: flex-start !important;
  gap: 14px !important;
  padding: 18px !important;
}

body[data-theme] .brand-text,
body[data-theme] .brand-text h1,
body[data-theme] .brand-copy,
body[data-theme] .nav-copy {
  display: block !important;
  opacity: 1 !important;
  max-width: none !important;
  transform: none !important;
  pointer-events: auto !important;
}

body[data-theme] .topbar-left {
  justify-content: flex-start !important;
}

body[data-theme] .topbar-center {
  min-width: 120px !important;
}

body[data-theme] .topbar-date {
  color: var(--text) !important;
}

/* Keep challans, delivery, and collections on the same header contract as
   dashboard/accounts/reports. These pages were still using an older ops-only
   absolute-centre topbar path, which made the profile avatar sit over the
   date pill. */
@media screen and (min-width: 1081px) {
  body[data-page="challans"] .topbar,
  body[data-page="delivery"] .topbar,
  body[data-page="collections"] .topbar {
    position: static !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    align-items: center !important;
    justify-content: initial !important;
    min-height: 58px !important;
    padding: 8px 20px !important;
    gap: 14px !important;
    border-radius: 28px !important;
  }

  body[data-page="challans"] .topbar-left,
  body[data-page="delivery"] .topbar-left,
  body[data-page="collections"] .topbar-left {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    position: static !important;
    min-width: 0 !important;
    padding-right: 0 !important;
  }

  body[data-page="challans"] .topbar-center,
  body[data-page="delivery"] .topbar-center,
  body[data-page="collections"] .topbar-center {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    left: auto !important;
    transform: none !important;
    justify-self: center !important;
    z-index: auto !important;
  }

  body[data-page="challans"] .topbar-right,
  body[data-page="delivery"] .topbar-right,
  body[data-page="collections"] .topbar-right {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    position: static !important;
    justify-self: end !important;
    margin-left: 0 !important;
    min-width: 0 !important;
    z-index: auto !important;
  }

  body[data-page="challans"] .shell-profile-button,
  body[data-page="delivery"] .shell-profile-button,
  body[data-page="collections"] .shell-profile-button {
    margin-left: 0 !important;
  }

  body[data-page="challans"] .title-block h2,
  body[data-page="delivery"] .title-block h2,
  body[data-page="collections"] .title-block h2 {
    font-size: 1.2rem !important;
    line-height: 1 !important;
  }

  body[data-page="challans"] .topbar-date,
  body[data-page="delivery"] .topbar-date,
  body[data-page="collections"] .topbar-date {
    min-height: 28px !important;
    min-width: 230px !important;
    padding: 0 12px !important;
    font-size: 0.72rem !important;
  }

  body[data-page="challans"] .shell-profile-button,
  body[data-page="delivery"] .shell-profile-button,
  body[data-page="collections"] .shell-profile-button {
    width: 34px !important;
    max-width: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    justify-content: center !important;
  }

  /* Restore the final challan-entry field density after the later shell
     unification passes. Labels should be compact and readable, and the
     inline "New" transporter button needs text width instead of icon width. */
  body[data-page="challans"] .challan-header-grid label.desk-row {
    --desk-label-width: 74px !important;
  }

  body[data-page="challans"] .old-record-controls label.desk-row {
    --desk-label-width: 88px !important;
  }

  body[data-page="challans"] .builty-entry-grid label.desk-row,
  body[data-page="challans"] .builty-entry-grid label.desk-row.full-span {
    --desk-label-width: 84px !important;
  }

  body[data-page="challans"] .challan-settlement-grid label.desk-row {
    --desk-label-width: 92px !important;
  }

  body[data-page="challans"] .challan-header-card label.desk-row > .desk-label-cell,
  body[data-page="challans"] .builty-entry-grid label.desk-row > .desk-label-cell,
  body[data-page="challans"] .challan-settlement-grid label.desk-row > .desk-label-cell {
    padding: 4px 8px !important;
    font-size: 0.86rem !important;
    font-weight: 600 !important;
    line-height: 1.08 !important;
  }

  body[data-page="challans"] .challan-header-card input,
  body[data-page="challans"] .challan-header-card select,
  body[data-page="challans"] .builty-entry-grid input,
  body[data-page="challans"] .builty-entry-grid select,
  body[data-page="challans"] .challan-settlement-grid input {
    font-size: 0.94rem !important;
  }

  body[data-page="challans"] .challan-header-grid .field-action-button,
  body[data-page="challans"] .old-record-controls .field-action-button {
    width: auto !important;
    min-width: 46px !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    border-radius: 0 8px 8px 0 !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
    white-space: nowrap !important;
  }
}

/* Final desktop shell contract: all modules use the same topbar geometry.
   Keep this block last so older per-page shell rules cannot drift again. */
@media screen and (min-width: 1081px) {
  body[data-page] .topbar {
    position: static !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    align-items: center !important;
    justify-content: initial !important;
    min-height: 58px !important;
    padding: 8px 20px !important;
    gap: 14px !important;
    border-radius: 999px !important;
  }

  body[data-page] .topbar-left {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    position: static !important;
    min-width: 0 !important;
    gap: 12px !important;
    padding-right: 0 !important;
  }

  body[data-page] .topbar-center {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    left: auto !important;
    transform: none !important;
    justify-self: center !important;
    z-index: auto !important;
    min-width: 0 !important;
  }

  body[data-page] .topbar-right {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    position: static !important;
    justify-self: end !important;
    margin-left: 0 !important;
    min-width: 0 !important;
    z-index: auto !important;
  }

  body[data-page] .title-block h2 {
    font-size: clamp(1.2rem, 1.8vw, 1.6rem) !important;
    line-height: 1.08 !important;
  }

  body[data-page] .topbar-date {
    min-height: 32px !important;
    padding: 0 12px !important;
    font-size: 0.75rem !important;
    border-radius: 999px !important;
  }

  body[data-page] .shell-profile-button {
    width: 40px !important;
    max-width: 40px !important;
    min-width: 40px !important;
    min-height: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    margin-left: 0 !important;
    justify-content: center !important;
    border-radius: 999px !important;
  }
}

/* Final sidebar state guard:
   keep inactive rail links on the normal palette, and let the accent appear
   only on the actively selected module. */
body[data-theme] .nav-link:not(.is-active),
body[data-theme] .nav-link:not(.is-active) .nav-copy strong {
  color: var(--text) !important;
}

body[data-theme] .nav-link:not(.is-active) .nav-copy small {
  color: var(--text-soft) !important;
  font-size: 0.66rem !important;
  line-height: 1.08 !important;
  opacity: 0.72 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body[data-theme] .nav-link:not(.is-active) .nav-icon {
  color: var(--text) !important;
}

body[data-theme="light"] .nav-link:not(.is-active) .nav-icon {
  background: rgba(109, 74, 60, 0.08) !important;
}

body[data-theme] .nav-link.is-active .nav-copy strong {
  color: var(--accent-strong) !important;
}

body[data-theme] .nav-link.is-active .nav-copy small {
  color: var(--accent-strong) !important;
  opacity: 0.82;
}

body[data-theme] .nav-link:hover .nav-copy small,
body[data-theme] .nav-link:focus-visible .nav-copy small,
body[data-theme] .nav-link.is-active .nav-copy small,
body[data-theme] .rail-nav-section > .nav-link-toggle:hover .nav-copy small,
body[data-theme] .rail-nav-section > .nav-link-toggle:focus-visible .nav-copy small {
  opacity: 0.9 !important;
}

/* Keep the challan parent button neutral when it is only expanded, and show
   the accent only when a challan child page is actually active. */
body[data-theme] .rail-nav-section > .nav-link-toggle {
  color: var(--text) !important;
  background: rgba(255, 244, 236, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.04) !important;
  box-shadow: none !important;
}

body[data-theme="light"] .rail-nav-section > .nav-link-toggle {
  background: rgba(101, 63, 44, 0.04) !important;
  border-color: rgba(109, 74, 60, 0.08) !important;
}

body[data-theme] .rail-nav-section > .nav-link-toggle .nav-copy strong {
  color: var(--text) !important;
}

body[data-theme] .rail-nav-section > .nav-link-toggle .nav-copy small,
body[data-theme] .rail-nav-section > .nav-link-toggle .nav-section-chevron {
  color: var(--text-soft) !important;
}

body[data-theme] .rail-nav-section > .nav-link-toggle .nav-icon {
  color: var(--text) !important;
}

body[data-theme="light"] .rail-nav-section > .nav-link-toggle .nav-icon {
  background: rgba(109, 74, 60, 0.08) !important;
}

body[data-theme] .rail-nav-section.is-active > .nav-link-toggle {
  background: rgba(255, 244, 236, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.04) !important;
  box-shadow: none !important;
}

body[data-theme="light"] .rail-nav-section.is-active > .nav-link-toggle {
  background: rgba(101, 63, 44, 0.04) !important;
  border-color: rgba(109, 74, 60, 0.08) !important;
}

body[data-page="collections"] .collection-recovery-workspace {
  padding: clamp(12px, 1vw, 18px);
  min-height: min(820px, calc(100vh - 150px));
  overflow: hidden;
}

body[data-page="collections"] .collection-recovery-layout {
  display: grid;
  grid-template-columns: minmax(460px, 0.92fr) minmax(420px, 1.08fr);
  gap: 14px;
  min-height: min(780px, calc(100vh - 180px));
}

body[data-page="collections"] .collection-recovery-left,
body[data-page="collections"] .collection-recovery-right {
  min-height: 0;
}

body[data-page="collections"] .collection-recovery-left {
  display: grid;
  grid-template-rows: auto minmax(280px, 1fr);
  gap: 12px;
}

body[data-page="collections"] .collection-recovery-entry,
body[data-page="collections"] .collection-recovery-history-shell,
body[data-page="collections"] .collection-recovery-right {
  display: grid;
  gap: 10px;
  min-height: 0;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid rgba(122, 92, 67, 0.16);
  background: rgba(255, 255, 255, 0.48);
}

body[data-page="collections"] .collection-recovery-entry {
  align-content: start;
}

body[data-page="collections"] .collection-recovery-entry label:not(.delivery-toggle),
body[data-page="collections"] .collection-recovery-history-shell label:not(.delivery-toggle),
body[data-page="collections"] .collection-recovery-right label:not(.delivery-toggle) {
  font-size: 0.92rem;
  line-height: 1.18;
}

body[data-page="collections"] .collection-recovery-entry .desk-label-cell,
body[data-page="collections"] .collection-recovery-history-shell .desk-label-cell,
body[data-page="collections"] .collection-recovery-right .desk-label-cell {
  font-size: var(--ops-label-font-size);
  font-weight: 700;
}

body[data-page="collections"] .collection-recovery-combobox {
  width: 100%;
  min-width: 0;
}

body[data-page="collections"] .collection-recovery-combobox > input[type="text"] {
  min-height: 100%;
  padding-right: 2.35rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.01em;
}

body[data-page="collections"] .collection-recovery-combobox > input[type="text"]::placeholder {
  font-size: 0.98rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}

body[data-page="collections"] .collection-recovery-combobox-menu {
  inset: calc(100% + 8px) 0 auto 0;
  max-height: 250px;
  z-index: 35;
}

body[data-page="collections"] .collection-recovery-combobox-option {
  min-height: 44px;
  font-size: 0.98rem;
  font-weight: 600;
  line-height: 1.2;
}

body[data-page="collections"] .collection-recovery-combobox-empty {
  padding: 0.8rem 0.95rem;
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--text-soft);
}

body[data-theme="dark"][data-page="collections"] .collection-recovery-entry,
body[data-theme="dark"][data-page="collections"] .collection-recovery-history-shell,
body[data-theme="dark"][data-page="collections"] .collection-recovery-right {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
}

body[data-page="collections"] .collection-recovery-entry-grid,
body[data-page="collections"] .collection-recovery-entry-fields,
body[data-page="collections"] .collection-recovery-form-grid,
body[data-page="collections"] .collection-recovery-detail-list {
  display: grid;
  gap: 10px;
}

body[data-page="collections"] .collection-recovery-entry-grid {
  grid-template-columns: minmax(0, 1.14fr) minmax(210px, 0.56fr);
  align-items: start;
  column-gap: 18px;
}

body[data-page="collections"] .collection-recovery-entry-fields {
  align-content: start;
}

body[data-page="collections"] .collection-recovery-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body[data-page="collections"] .collection-recovery-form-grid-primary {
  grid-template-columns: minmax(0, 1.08fr) minmax(220px, 0.92fr);
  column-gap: 14px;
}

body[data-page="collections"] .collection-recovery-loaded-summary {
  display: grid;
  gap: 6px;
  min-height: 0;
  align-content: start;
  justify-items: end;
  text-align: right;
  padding: 4px 0 0;
  border: 0;
  background: transparent;
}

body[data-page="collections"] .collection-recovery-loaded-summary .empty-state {
  min-height: 0;
  padding: 2px 0;
  border: 0;
  background: transparent;
  justify-items: end;
  align-content: start;
  text-align: right;
}

body[data-page="collections"] .collection-recovery-summary-stack {
  display: grid;
  gap: 2px;
  align-content: start;
  justify-items: end;
}

body[data-page="collections"] .collection-recovery-summary-line {
  font-size: 1rem;
  line-height: 1.14;
  font-weight: 500;
  color: var(--text);
  letter-spacing: 0.01em;
  word-break: break-word;
}

body[data-page="collections"] .collection-recovery-summary-line.is-amount {
  font-weight: 650;
}

body[data-page="collections"] .collection-recovery-loaded-summary .empty-state p {
  font-size: 0.94rem;
  line-height: 1.25;
  font-weight: 500;
  color: var(--text-soft);
}

body[data-page="collections"] .collection-recovery-adjustment-row {
  margin: 0;
}

body[data-page="collections"] .collection-recovery-adjustment-row > .desk-field-cell {
  min-width: 0;
  display: grid;
  align-items: stretch;
}

body[data-page="collections"] .collection-recovery-field-with-hint {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0;
  align-items: stretch;
  width: 100%;
}

body[data-page="collections"] .collection-recovery-field-with-hint > input {
  width: 100%;
  min-width: 0;
  min-height: var(--ops-control-height, 34px);
  border-radius: 0;
  border: 1px solid rgba(141, 171, 190, 0.24);
  background: rgba(43, 52, 63, 0.94);
  color: var(--text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

body[data-page="collections"] .collection-recovery-field-hint {
  display: inline-flex;
  align-items: center;
  min-width: 88px;
  min-height: var(--ops-control-height, 34px);
  padding: 0 10px;
  margin-left: -1px;
  border: 1px solid rgba(141, 171, 190, 0.2);
  border-left: 0;
  border-radius: 0 8px 8px 0;
  background: rgba(255, 255, 255, 0.06);
  font-size: 0.74rem;
  line-height: 1.2;
  color: var(--text-soft);
  font-weight: 600;
  white-space: nowrap;
}

body[data-theme="light"][data-page="collections"] .collection-recovery-field-hint {
  background: rgba(144, 106, 80, 0.08);
}

body[data-page="collections"] .collection-recovery-field-with-hint > .collection-recovery-field-hint:empty {
  display: none;
}

body[data-page="collections"] .collection-recovery-field-with-hint:has(.collection-recovery-field-hint:empty) {
  grid-template-columns: minmax(0, 1fr);
}

body[data-page="collections"] .collection-recovery-field-with-hint:has(.collection-recovery-field-hint:empty) > input {
  border-radius: 0 8px 8px 0;
}

body[data-page="collections"] .collection-recovery-actions {
  align-items: start;
  justify-content: flex-start;
  gap: 0;
}

body[data-page="collections"] .collection-recovery-status {
  min-height: 22px;
  color: var(--text-soft);
  font-size: 0.88rem;
}

body[data-page="collections"] .collection-recovery-status.is-success {
  color: #2f8c59;
}

body[data-page="collections"] .collection-recovery-status.is-warning {
  color: #b26a14;
}

body[data-page="collections"] .collection-recovery-status.is-danger {
  color: #b54a4a;
}

body[data-theme="dark"][data-page="collections"] .collection-recovery-status.is-success {
  color: #86d6a6;
}

body[data-theme="dark"][data-page="collections"] .collection-recovery-status.is-warning {
  color: #f0c06a;
}

body[data-theme="dark"][data-page="collections"] .collection-recovery-status.is-danger {
  color: #ff9b9b;
}

body[data-page="collections"] .collection-recovery-history-shell,
body[data-page="collections"] .collection-recovery-right {
  grid-template-rows: auto minmax(0, 1fr);
}

body[data-page="collections"] .collection-recovery-history-shell {
  min-height: 280px;
  align-content: stretch;
}

body[data-page="collections"] #receiptCollectionsHistory,
body[data-page="collections"] #collectionRecoveryPendingList {
  min-height: 0;
  overflow: auto;
}

body[data-page="collections"] #receiptCollectionsHistory {
  display: block;
  min-height: 190px;
}

body[data-page="collections"] .collection-pending-table {
  font-size: 0.84rem;
}

body[data-page="collections"] .collection-pending-table tbody tr {
  cursor: pointer;
}

body[data-page="collections"] .collection-pending-actions {
  width: 1%;
  white-space: nowrap;
  text-align: right;
}

body[data-page="collections"] .collection-pending-history-btn {
  width: 30px;
  min-width: 30px;
  min-height: 30px;
  height: 30px;
  padding: 0;
  border-radius: 10px;
  border: 1px solid rgba(122, 92, 67, 0.18);
  background: rgba(255, 255, 255, 0.08);
  color: var(--text-soft);
  box-shadow: none;
}

body[data-page="collections"] .collection-pending-history-btn svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

body[data-theme="dark"][data-page="collections"] .collection-pending-history-btn {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
}

body[data-page="collections"] .collection-pending-row.is-active td {
  background: rgba(95, 171, 190, 0.18);
}

body[data-page="collections"] .collection-pending-row:focus {
  outline: none;
}

body[data-page="collections"] .collection-pending-row:focus td {
  background: rgba(98, 140, 151, 0.2);
}

body[data-page="collections"] .collection-list-head {
  align-items: start;
}

body[data-page="collections"] .collection-list-head-with-action {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 12px;
}

body[data-page="collections"] .collection-list-head-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

body[data-page="collections"] .collection-list-head-with-action > button {
  min-width: 120px;
  padding: 10px 16px;
  white-space: nowrap;
}

body[data-page="collections"] .collection-list-head strong {
  font-size: 0.98rem;
}

body[data-page="collections"] .collection-list-head small {
  color: var(--text-soft);
}

body[data-page="collections"] .collection-queue-remove-btn {
  min-width: 0;
  padding: 6px 10px;
  border-radius: 10px;
  border: 1px solid rgba(122, 92, 67, 0.18);
  background: rgba(255, 255, 255, 0.72);
  color: var(--text);
  font: inherit;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
}

body[data-theme="dark"][data-page="collections"] .collection-queue-remove-btn {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
}

body[data-page="collections"] .collection-payment-history-card {
  width: min(860px, calc(100vw - 32px));
  padding: 20px;
}

body[data-page="collections"] .collection-payment-history-copy {
  margin: 6px 0 0;
  color: var(--text-soft);
}

body[data-page="collections"] #collectionPaymentHistoryBody {
  min-height: 220px;
}

@media screen and (max-width: 1280px) {
  body[data-page="collections"] .collection-recovery-layout {
    grid-template-columns: minmax(380px, 0.95fr) minmax(360px, 1.05fr);
  }

  body[data-page="collections"] .collection-recovery-entry-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-page="collections"] .collection-recovery-form-grid-primary {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media screen and (max-width: 1180px) {
  body[data-page="collections"] .collection-recovery-workspace {
    min-height: auto;
    overflow: visible;
  }

  body[data-page="collections"] .collection-recovery-layout {
    grid-template-columns: minmax(0, 1fr);
    min-height: auto;
  }

  body[data-page="collections"] .collection-recovery-left {
    grid-template-rows: auto auto;
  }
}

body[data-theme] .rail-nav-section.is-active > .nav-link-toggle .nav-icon {
  background: rgba(255, 255, 255, 0.04) !important;
  color: var(--text) !important;
}

body[data-theme="light"] .rail-nav-section.is-active > .nav-link-toggle .nav-icon {
  background: rgba(109, 74, 60, 0.08) !important;
}

body[data-theme] .rail-nav-section.is-active > .nav-link-toggle .nav-copy strong {
  color: var(--text) !important;
}

body[data-theme] .rail-nav-section.is-active > .nav-link-toggle .nav-copy small {
  color: var(--text-soft) !important;
  opacity: 1;
}

body[data-page="collections"] .collections-submodule,
body[data-page="financial-transactions"] .collections-submodule,
body[data-page="collections-labour"] .collections-submodule {
  display: grid;
  gap: 18px;
}

body[data-page="collections"] .collection-mode-switch,
body[data-page="financial-transactions"] .collection-mode-switch,
body[data-page="collections-labour"] .collection-mode-switch {
  display: inline-flex;
  gap: 10px;
  margin-bottom: 16px;
}

body[data-page="collections"] .collection-mode-switch .secondary-button.is-active,
body[data-page="financial-transactions"] .collection-mode-switch .secondary-button.is-active,
body[data-page="collections-labour"] .collection-mode-switch .secondary-button.is-active {
  background: linear-gradient(135deg, var(--accent), var(--accent-strong));
  color: #fff7f0;
  border-color: transparent;
}

body[data-page="collections"] .collection-submode,
body[data-page="financial-transactions"] .collection-submode,
body[data-page="collections-labour"] .collection-submode {
  display: grid;
  gap: 16px;
}

body[data-page="collections"] .collection-two-column,
body[data-page="financial-transactions"] .collection-two-column,
body[data-page="collections-labour"] .collection-two-column {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.82fr);
  gap: 18px;
  align-items: start;
}

body[data-page="collections"] .collection-partner-grid,
body[data-page="financial-transactions"] .collection-partner-grid,
body[data-page="collections-labour"] .collection-partner-grid {
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
}

body[data-page="collections"] .collection-form-stack,
body[data-page="financial-transactions"] .collection-form-stack,
body[data-page="collections-labour"] .collection-form-stack {
  display: grid;
  gap: 12px;
}

body[data-page="collections"] .collection-list-shell,
body[data-page="financial-transactions"] .collection-list-shell,
body[data-page="collections-labour"] .collection-list-shell {
  display: grid;
  gap: 10px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(122, 92, 67, 0.18);
  background: rgba(255, 255, 255, 0.48);
}

body[data-theme="dark"][data-page="collections"] .collection-list-shell,
body[data-theme="dark"][data-page="financial-transactions"] .collection-list-shell,
body[data-theme="dark"][data-page="collections-labour"] .collection-list-shell {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
}

body[data-page="collections"] .collection-list-head,
body[data-page="financial-transactions"] .collection-list-head,
body[data-page="collections-labour"] .collection-list-head {
  display: grid;
  gap: 2px;
}

body[data-page="collections"] .collection-list-head strong,
body[data-page="financial-transactions"] .collection-list-head strong,
body[data-page="collections-labour"] .collection-list-head strong {
  font-size: 0.98rem;
}

body[data-page="collections"] .collection-list-head small,
body[data-page="financial-transactions"] .collection-list-head small,
body[data-page="collections-labour"] .collection-list-head small {
  color: var(--text-soft);
}

body[data-page="collections"] .collection-check-list,
body[data-page="financial-transactions"] .collection-check-list,
body[data-page="collections-labour"] .collection-check-list,
body[data-page="collections"] .collection-basket-list,
body[data-page="financial-transactions"] .collection-basket-list,
body[data-page="collections-labour"] .collection-basket-list {
  display: grid;
  gap: 8px;
  max-height: 360px;
  overflow: auto;
}

body[data-page="collections"] .collection-check-item,
body[data-page="financial-transactions"] .collection-check-item,
body[data-page="collections-labour"] .collection-check-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(63, 92, 126, 0.08);
  border: 1px solid rgba(67, 98, 135, 0.12);
}

body[data-page="collections"] .collection-check-copy,
body[data-page="financial-transactions"] .collection-check-copy,
body[data-page="collections-labour"] .collection-check-copy {
  display: grid;
  gap: 2px;
}

body[data-page="collections"] .collection-check-copy small,
body[data-page="financial-transactions"] .collection-check-copy small,
body[data-page="collections-labour"] .collection-check-copy small {
  color: var(--text-soft);
}

body[data-page="collections"] .collection-check-value,
body[data-page="financial-transactions"] .collection-check-value,
body[data-page="collections-labour"] .collection-check-value {
  font-weight: 700;
  color: var(--accent-strong);
}

body[data-page="collections"] .collection-basket-row,
body[data-page="financial-transactions"] .collection-basket-row,
body[data-page="collections-labour"] .collection-basket-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(91, 118, 82, 0.08);
  border: 1px solid rgba(91, 118, 82, 0.12);
}

body[data-page="collections"] .collection-basket-row > div,
body[data-page="financial-transactions"] .collection-basket-row > div,
body[data-page="collections-labour"] .collection-basket-row > div {
  display: grid;
  gap: 2px;
}

body[data-page="collections"] .collection-basket-row small,
body[data-page="financial-transactions"] .collection-basket-row small,
body[data-page="collections-labour"] .collection-basket-row small {
  color: var(--text-soft);
}

body[data-page="collections"] .collection-action-row,
body[data-page="financial-transactions"] .collection-action-row,
body[data-page="collections-labour"] .collection-action-row {
  display: flex;
  justify-content: flex-end;
}

body[data-page="collections"] .collection-action-row button,
body[data-page="financial-transactions"] .collection-action-row button,
body[data-page="collections-labour"] .collection-action-row button {
  min-width: 220px;
}

body[data-page="collections"] .table-shell.compact table,
body[data-page="financial-transactions"] .table-shell.compact table,
body[data-page="collections-labour"] .table-shell.compact table {
  font-size: 0.88rem;
}

@media screen and (max-width: 1180px) {
  body[data-page="collections"] .collection-two-column,
  body[data-page="financial-transactions"] .collection-two-column,
  body[data-page="collections-labour"] .collection-two-column {
    grid-template-columns: minmax(0, 1fr);
  }
}

body[data-page="financial-transactions"] .financial-transactions-submodule {
  display: grid;
  gap: 12px;
  grid-template-rows: auto auto;
  align-content: start;
  align-self: start;
  min-height: 0;
}

body[data-page="financial-transactions"] .financial-transactions-panel,
body[data-page="financial-transactions"] .financial-transactions-register-panel {
  display: grid;
  gap: 12px;
  align-self: start;
}

body[data-page="financial-transactions"] .financial-transactions-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 240px;
  gap: 18px;
  align-items: start;
}

body[data-page="financial-transactions"] .financial-transactions-form {
  display: grid;
  gap: 8px;
}

body[data-page="financial-transactions"] .financial-transactions-form .desk-row {
  --desk-label-width: 118px;
}

body[data-page="financial-transactions"] .financial-transactions-form .desk-label-cell {
  font-size: 0.94rem;
  font-weight: 700;
  color: #47332a;
}

body[data-theme="dark"][data-page="financial-transactions"] .financial-transactions-form .desk-label-cell {
  color: var(--text);
}

body[data-page="financial-transactions"] .financial-transactions-form .desk-field-cell > input,
body[data-page="financial-transactions"] .financial-transactions-form .desk-field-cell > select,
body[data-page="financial-transactions"] .financial-transaction-combobox > input[type="text"] {
  font-size: 1rem;
  font-weight: 600;
  color: #2b211c;
  -webkit-text-fill-color: #2b211c;
}

body[data-theme="dark"][data-page="financial-transactions"] .financial-transactions-form .desk-field-cell > input,
body[data-theme="dark"][data-page="financial-transactions"] .financial-transactions-form .desk-field-cell > select,
body[data-theme="dark"][data-page="financial-transactions"] .financial-transaction-combobox > input[type="text"] {
  color: var(--text);
  -webkit-text-fill-color: var(--text);
}

body[data-page="financial-transactions"] .financial-transactions-form .desk-field-cell > input::placeholder,
body[data-page="financial-transactions"] .financial-transaction-combobox > input[type="text"]::placeholder {
  color: rgba(89, 67, 57, 0.42);
  -webkit-text-fill-color: rgba(89, 67, 57, 0.42);
}

body[data-theme="dark"][data-page="financial-transactions"] .financial-transactions-form .desk-field-cell > input::placeholder,
body[data-theme="dark"][data-page="financial-transactions"] .financial-transaction-combobox > input[type="text"]::placeholder {
  color: rgba(233, 226, 217, 0.42);
  -webkit-text-fill-color: rgba(233, 226, 217, 0.42);
}

body[data-page="financial-transactions"] .financial-transaction-combobox {
  width: 100%;
  min-width: 0;
}

body[data-page="financial-transactions"] .financial-transaction-combobox > input[type="text"] {
  min-height: 100%;
  padding-right: 2.35rem;
  line-height: 1.25;
  letter-spacing: 0.01em;
}

body[data-page="financial-transactions"] .financial-transaction-combobox::after {
  border-right-color: rgba(71, 51, 42, 0.58);
  border-bottom-color: rgba(71, 51, 42, 0.58);
}

body[data-theme="dark"][data-page="financial-transactions"] .financial-transaction-combobox::after {
  border-right-color: rgba(233, 226, 217, 0.62);
  border-bottom-color: rgba(233, 226, 217, 0.62);
}

body[data-page="financial-transactions"] .financial-transaction-combobox-menu {
  inset: calc(100% + 8px) 0 auto 0;
  max-height: 250px;
  z-index: 35;
}

body[data-page="financial-transactions"] .financial-transaction-combobox-option {
  min-height: 44px;
  font-size: 0.98rem;
  font-weight: 600;
  line-height: 1.2;
}

body[data-page="financial-transactions"] .financial-transaction-combobox-empty {
  padding: 0.8rem 0.95rem;
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--text-soft);
}

body[data-page="financial-transactions"] .financial-transactions-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 0;
}

body[data-page="financial-transactions"] .financial-transactions-actions button {
  min-width: 132px;
}

body[data-page="financial-transactions"] .financial-transactions-status {
  min-height: 16px;
  margin: 0;
  color: var(--text-soft);
  font-size: 0.88rem;
  font-weight: 500;
}

body[data-page="financial-transactions"] .financial-transactions-status.is-success {
  color: var(--positive);
}

body[data-page="financial-transactions"] .financial-transactions-status.is-warning {
  color: var(--warning);
}

body[data-page="financial-transactions"] .financial-transactions-status.is-danger {
  color: var(--danger);
}

body[data-page="financial-transactions"] .financial-transactions-sidebox {
  display: grid;
  gap: 10px;
  align-content: start;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(122, 92, 67, 0.16);
  background: rgba(255, 255, 255, 0.44);
}

body[data-theme="dark"][data-page="financial-transactions"] .financial-transactions-sidebox {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
}

body[data-page="financial-transactions"] .financial-transactions-sidebox-head {
  display: grid;
  gap: 0;
}

body[data-page="financial-transactions"] .financial-transactions-sidebox-head strong {
  font-size: 1rem;
}

body[data-page="financial-transactions"] .financial-transactions-scope-row {
  display: grid;
  gap: 8px;
}

body[data-page="financial-transactions"] .financial-transactions-scope-label {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--text-soft);
}

body[data-page="financial-transactions"] .financial-transactions-scope-toggle {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  min-height: 46px;
  padding: 4px;
  border: 1px solid rgba(94, 123, 156, 0.28);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.68);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
  overflow: hidden;
}

body[data-theme="dark"][data-page="financial-transactions"] .financial-transactions-scope-toggle {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body[data-page="financial-transactions"] .financial-transactions-scope-toggle-thumb {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(50% - 4px);
  height: calc(100% - 8px);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(86, 128, 255, 0.98), rgba(67, 103, 231, 0.96));
  box-shadow: 0 10px 20px rgba(63, 101, 214, 0.22);
  transform: translateX(0%);
  transition: transform 180ms ease, background 180ms ease, box-shadow 180ms ease;
  pointer-events: none;
}

body[data-page="financial-transactions"] .financial-transactions-scope-toggle[data-scope="monthly"] .financial-transactions-scope-toggle-thumb {
  transform: translateX(100%);
}

body[data-theme="dark"][data-page="financial-transactions"] .financial-transactions-scope-toggle-thumb {
  background: linear-gradient(180deg, rgba(110, 146, 255, 0.98), rgba(83, 118, 240, 0.96));
  box-shadow: 0 12px 22px rgba(3, 10, 28, 0.34);
}

body[data-page="financial-transactions"] .financial-transactions-scope-toggle-option {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border: 0;
  background: transparent;
  color: var(--text-soft);
  font-weight: 700;
  font-size: 0.96rem;
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: color 160ms ease, opacity 160ms ease;
}

body[data-page="financial-transactions"] .financial-transactions-scope-toggle-option:hover {
  color: var(--text);
}

body[data-page="financial-transactions"] .financial-transactions-scope-toggle-option.is-active {
  color: #ffffff;
}

body[data-theme="dark"][data-page="financial-transactions"] .financial-transactions-scope-toggle-option {
  color: rgba(230, 236, 248, 0.76);
}

body[data-theme="dark"][data-page="financial-transactions"] .financial-transactions-scope-toggle-option:hover {
  color: rgba(245, 248, 255, 0.96);
}

body[data-theme="dark"][data-page="financial-transactions"] .financial-transactions-scope-toggle-option.is-active {
  color: #ffffff;
}

body[data-page="financial-transactions"] .financial-transactions-scope-toggle-option:focus-visible {
  outline: none;
  border-radius: 12px;
  box-shadow: inset 0 0 0 2px rgba(67, 123, 255, 0.22);
}

body[data-page="financial-transactions"] .financial-transactions-picker-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

body[data-page="financial-transactions"] .financial-transactions-filter-field {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

body[data-page="financial-transactions"] .financial-transactions-filter-field span {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--text-soft);
}

body[data-page="financial-transactions"] .financial-transactions-filter-field input {
  width: auto;
  min-width: 164px;
  max-width: 180px;
}

body[data-page="financial-transactions"] .financial-transactions-filter-summary {
  margin: 0;
  padding-top: 2px;
  color: var(--text-soft);
  font-size: 0.84rem;
  line-height: 1.45;
  font-weight: 500;
}

body[data-page="financial-transactions"] .financial-transactions-register-panel {
  grid-template-rows: auto minmax(0, 1fr);
  min-height: 0;
}

body[data-page="financial-transactions"] .financial-transactions-register-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

body[data-page="financial-transactions"] .financial-transactions-register-tools {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  text-align: right;
}

body[data-page="financial-transactions"] .financial-transactions-register-total {
  font-size: 1.1rem;
  font-weight: 700;
}

body[data-page="financial-transactions"] .financial-transactions-register-toggle {
  min-height: 30px;
  padding: 0 12px;
  border-radius: 12px;
  font-size: 0.82rem;
  font-weight: 700;
  white-space: nowrap;
}

body[data-page="financial-transactions"] .financial-transactions-history-shell {
  min-height: 0;
  height: auto;
  max-height: none;
  overflow: visible;
}

body[data-page="financial-transactions"].is-financial-register-fullpage .page-section {
  overflow: hidden;
}

body[data-page="financial-transactions"].is-financial-register-fullpage .financial-transactions-panel {
  display: none;
}

body[data-page="financial-transactions"].is-financial-register-fullpage .financial-transactions-submodule {
  height: 100%;
  min-height: 0;
  grid-template-rows: minmax(0, 1fr);
}

body[data-page="financial-transactions"].is-financial-register-fullpage .financial-transactions-register-panel {
  min-height: 0;
  height: 100%;
}

body[data-page="financial-transactions"].is-financial-register-fullpage .financial-transactions-history-shell {
  height: 100%;
  overflow: auto;
}

body[data-page="financial-transactions"] .financial-transactions-table td:nth-child(4),
body[data-page="financial-transactions"] .financial-transactions-table th:nth-child(4) {
  text-align: right;
}

body[data-page="financial-transactions"] .financial-transaction-row.is-auto td {
  color: rgba(74, 93, 120, 0.92);
}

body[data-theme="dark"][data-page="financial-transactions"] .financial-transaction-row.is-auto td {
  color: rgba(221, 231, 255, 0.88);
}

@media screen and (min-width: 1081px) {
  body[data-page="financial-transactions"] .workspace {
    grid-template-rows: auto minmax(0, 1fr);
  }

  body[data-page="financial-transactions"] .page-section {
    min-height: 0;
    height: 100%;
  }

  body[data-page="financial-transactions"] .financial-transactions-submodule {
    min-height: 0;
    height: auto;
    grid-template-rows: auto auto;
    align-content: start;
    align-self: start;
  }

  body[data-page="financial-transactions"] .financial-transactions-panel {
    align-content: start;
    align-self: start;
    height: auto;
  }

  body[data-page="financial-transactions"] .financial-transactions-register-panel {
    min-height: auto;
  }

  body[data-page="financial-transactions"] .financial-transactions-history-shell {
    min-height: 0;
    height: auto;
    overflow: visible;
  }

  body[data-page="financial-transactions"].is-financial-register-fullpage .financial-transactions-submodule {
    height: 100%;
    grid-template-rows: minmax(0, 1fr);
  }

  body[data-page="financial-transactions"].is-financial-register-fullpage .financial-transactions-register-panel {
    min-height: 0;
    height: 100%;
  }

  body[data-page="financial-transactions"].is-financial-register-fullpage .financial-transactions-history-shell {
    height: 100%;
    overflow: auto;
  }

  body[data-page="financial-transactions"] .financial-transactions-form .desk-row > .desk-label-cell {
    padding: 4px 10px;
    font-size: 0.95rem;
  }

  body[data-page="financial-transactions"] .financial-transactions-form .desk-row > .desk-field-cell > input,
  body[data-page="financial-transactions"] .financial-transactions-form .desk-row > .desk-field-cell > select,
  body[data-page="financial-transactions"] .financial-transaction-combobox > input[type="text"] {
    min-height: 34px;
    font-size: 1rem;
  }
}

@media screen and (max-width: 1180px) {
  body[data-page="financial-transactions"] .financial-transactions-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-page="financial-transactions"] .financial-transactions-filter-field {
    width: 100%;
  }

  body[data-page="financial-transactions"] .financial-transactions-filter-field input {
    flex: 1 1 auto;
    max-width: none;
  }
}

body[data-theme] .rail-source-status {
  display: grid;
  gap: 6px;
  margin-top: 10px;
}

body[data-theme] .backend-source-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: 100%;
  min-height: 28px;
  padding: 0 11px;
  border-radius: 999px;
  border: 1px solid var(--shell-border);
  background: rgba(255, 243, 233, 0.08);
  color: var(--text);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body[data-theme] .backend-source-badge.is-success {
  border-color: rgba(109, 195, 129, 0.34);
  background: rgba(109, 195, 129, 0.15);
  color: #b7f0c4;
}

body[data-theme] .backend-source-badge.is-warning {
  border-color: rgba(230, 176, 92, 0.34);
  background: rgba(230, 176, 92, 0.16);
  color: #f3d49d;
}

body[data-theme] .backend-source-badge.is-danger {
  border-color: rgba(228, 118, 103, 0.34);
  background: rgba(228, 118, 103, 0.14);
  color: #ffb6ab;
}

body[data-theme] .backend-source-badge.is-info {
  border-color: rgba(115, 164, 231, 0.34);
  background: rgba(115, 164, 231, 0.14);
  color: #c6dbff;
}

body[data-theme] .backend-source-badge.is-muted {
  border-color: rgba(190, 184, 176, 0.26);
  background: rgba(190, 184, 176, 0.1);
  color: rgba(233, 226, 217, 0.82);
}

body[data-theme="light"] .backend-source-badge {
  background: rgba(130, 108, 92, 0.08);
}

body[data-theme="light"] .backend-source-badge.is-success {
  color: #2d6f3d;
}

body[data-theme="light"] .backend-source-badge.is-warning {
  color: #8d5e12;
}

body[data-theme="light"] .backend-source-badge.is-danger {
  color: #9a3d31;
}

body[data-theme="light"] .backend-source-badge.is-info {
  color: #365f9d;
}

body[data-theme="light"] .backend-source-badge.is-muted {
  color: #615b54;
}

body[data-theme] .backend-source-meta {
  display: block;
  color: var(--text-soft);
  font-size: 0.73rem;
  line-height: 1.45;
}

body[data-page="collections-labour"] .labour-day-submodule {
  display: grid;
  gap: calc(16px * var(--ops-scale-factor, 1));
}

body[data-page="collections-labour"] .labour-day-workspace {
  display: grid;
  gap: calc(16px * var(--ops-scale-factor, 1));
}

body[data-page="collections-labour"] .labour-day-header {
  display: block;
}

body[data-page="collections-labour"] .labour-day-date-row {
  margin: 0;
}

body[data-page="collections-labour"] .labour-day-mode-copy {
  margin: 0;
  color: var(--text-soft);
  font-size: 0.9rem;
  line-height: 1.5;
  font-weight: 600;
}

body[data-page="collections-labour"] .labour-day-top-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
  gap: calc(16px * var(--ops-scale-factor, 1));
  align-items: start;
}

body[data-page="collections-labour"] .labour-day-entry-form,
body[data-page="collections-labour"] .labour-day-expense-form,
body[data-page="collections-labour"] .labour-day-direct-fields {
  display: grid;
  gap: 10px;
}

body[data-page="collections-labour"] .labour-day-entry-grid {
  display: grid;
  grid-template-columns: minmax(260px, 0.74fr) minmax(240px, 1.26fr);
  gap: 16px;
  align-items: start;
}

body[data-page="collections-labour"] .labour-day-entry-fields {
  display: grid;
  gap: 10px;
  max-width: 360px;
}

body[data-page="collections-labour"] .labour-day-loaded-summary {
  min-height: 100%;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(93, 132, 185, 0.2);
  background: rgba(93, 132, 185, 0.08);
  display: grid;
  align-content: start;
}

body[data-page="collections-labour"] .labour-day-loaded-summary.is-empty {
  padding: 0;
  border: 0;
  background: transparent;
  min-height: 0;
}

body[data-page="collections-labour"] .labour-day-loaded-stack {
  display: grid;
  gap: 6px;
}

body[data-page="collections-labour"] .labour-day-loaded-line {
  font-size: calc(0.98rem * var(--ops-scale-factor, 1));
  line-height: 1.2;
  font-weight: 600;
  color: var(--text);
}

body[data-page="collections-labour"] .labour-day-loaded-line.is-amount {
  font-size: calc(1.08rem * var(--ops-scale-factor, 1));
  font-weight: 700;
}

body[data-page="collections-labour"] .labour-day-status {
  margin: 0;
  min-height: 20px;
  color: var(--text-soft);
  font-size: 0.85rem;
  line-height: 1.45;
  font-weight: 600;
}

body[data-page="collections-labour"] .labour-day-status.is-success {
  color: var(--success);
}

body[data-page="collections-labour"] .labour-day-status.is-warning {
  color: var(--warning);
}

body[data-page="collections-labour"] .labour-day-status.is-danger {
  color: var(--danger);
}

body[data-page="collections-labour"] .labour-day-list-shell,
body[data-page="collections-labour"] .labour-day-expense-shell,
body[data-page="collections-labour"] .labour-day-direct-shell,
body[data-page="collections-labour"] .labour-day-summary-shell,
body[data-page="collections-labour"] .labour-day-entry-shell {
  min-height: 0;
}

body[data-page="collections-labour"] .labour-day-bottom-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
  gap: calc(16px * var(--ops-scale-factor, 1));
  align-items: start;
}

body[data-page="collections-labour"] .labour-day-action-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 8px;
}

body[data-page="collections-labour"] .labour-day-table td,
body[data-page="collections-labour"] .labour-day-table th {
  vertical-align: middle;
}

body[data-page="collections-labour"] .labour-day-row-actions {
  white-space: nowrap;
  text-align: right;
}

body[data-page="collections-labour"] .danger-button {
  border-color: rgba(211, 107, 93, 0.28);
  color: var(--danger);
}

body[data-page="collections-labour"] .danger-button:hover,
body[data-page="collections-labour"] .danger-button:focus-visible {
  border-color: rgba(211, 107, 93, 0.44);
  background: rgba(211, 107, 93, 0.1);
}

body[data-page="collections-labour"] .labour-day-summary-card {
  min-height: 100%;
}

body[data-page="collections-labour"] .labour-day-summary-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
  gap: 16px;
}

body[data-page="collections-labour"] .labour-day-summary-block {
  display: grid;
  gap: 10px;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid rgba(93, 132, 185, 0.18);
  background: rgba(255, 255, 255, 0.04);
}

body[data-page="collections-labour"] .labour-day-summary-block h4 {
  margin: 0;
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

body[data-page="collections-labour"] .labour-day-summary-block-totals {
  grid-column: 1 / -1;
}

body[data-page="collections-labour"] .labour-day-summary-lines {
  display: grid;
  gap: 8px;
}

body[data-page="collections-labour"] .labour-day-summary-line {
  gap: 10px;
}

body[data-page="collections-labour"] .labour-day-summary-line.is-accent {
  padding-top: 8px;
  border-top: 1px dashed rgba(130, 154, 190, 0.34);
}

body[data-page="collections-labour"] .labour-day-summary-total {
  padding-top: 10px;
  border-top: 1px solid rgba(130, 154, 190, 0.26);
}

body[data-page="collections-labour"] .labour-day-summary-grand {
  margin-top: 4px;
  padding-top: 12px;
  border-top: 1px solid rgba(130, 154, 190, 0.3);
}

body[data-page="collections-labour"] .labour-day-history-panel {
  min-height: 0;
}

body[data-page="collections-labour"] .labour-day-legacy-history {
  margin-top: 18px;
  display: grid;
  gap: 10px;
}

body[data-page="collections-labour"] .labour-day-legacy-history h4 {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--text-soft);
}

@media screen and (min-width: 1081px) {
  body[data-page="collections-labour"] .workspace {
    grid-template-rows: auto minmax(0, 1fr);
  }

  body[data-page="collections-labour"] .page-section {
    min-height: 0;
    height: 100%;
    overflow: auto;
  }

  body[data-page="collections-labour"] .labour-day-submodule {
    align-content: start;
  }

  body[data-page="collections-labour"] .labour-day-workspace .desk-row > .desk-label-cell {
    padding: 4px 10px;
    font-size: calc(0.95rem * var(--ops-scale-factor, 1));
  }

  body[data-page="collections-labour"] .labour-day-workspace .desk-row > .desk-field-cell > input,
  body[data-page="collections-labour"] .labour-day-workspace .desk-row > .desk-field-cell > select {
    min-height: calc(32px * var(--ops-scale-factor, 1));
    font-size: calc(0.98rem * var(--ops-scale-factor, 1));
    font-weight: 600;
  }
}

@media screen and (max-width: 1180px) {
  body[data-page="collections-labour"] .labour-day-header,
  body[data-page="collections-labour"] .labour-day-top-grid,
  body[data-page="collections-labour"] .labour-day-bottom-grid,
  body[data-page="collections-labour"] .labour-day-summary-grid,
  body[data-page="collections-labour"] .labour-day-entry-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-page="collections-labour"] .labour-day-summary-block-totals {
    grid-column: auto;
  }
}

body[data-page="collections-labour"] .labour-day-submodule {
  grid-template-columns: minmax(360px, 0.4fr) minmax(0, 0.6fr);
  gap: calc(16px * var(--ops-scale-factor, 1));
  align-items: start;
}

body[data-page="collections-labour"] .labour-day-workspace,
body[data-page="collections-labour"] .labour-day-history-panel {
  display: grid;
  gap: 14px;
  align-content: start;
  min-height: 0;
}

body[data-page="collections-labour"] .labour-day-shell-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

body[data-page="collections-labour"] .labour-day-shell-title {
  display: grid;
  gap: 0;
}

body[data-page="collections-labour"] .labour-day-shell-title .eyebrow {
  margin: 0;
}

body[data-page="collections-labour"] .labour-day-period-switch {
  display: inline-flex;
  align-items: center;
}

body[data-page="collections-labour"] .labour-day-period-btn {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid rgba(130, 154, 190, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--text);
  box-shadow: none;
  font-weight: 700;
}

body[data-page="collections-labour"] .labour-day-period-btn:hover,
body[data-page="collections-labour"] .labour-day-period-btn:focus-visible {
  transform: none;
  background: rgba(255, 255, 255, 0.1);
}

body[data-page="collections-labour"] .labour-day-period-toggle.is-current {
  background: rgba(88, 166, 114, 0.18);
  border-color: rgba(88, 166, 114, 0.34);
  color: #dff6e4;
}

body[data-page="collections-labour"] .labour-day-period-toggle.is-previous {
  background: rgba(203, 149, 59, 0.18);
  border-color: rgba(203, 149, 59, 0.34);
  color: #ffe5b3;
}

body[data-page="collections-labour"] .labour-day-period-toggle.is-saved {
  background: rgba(93, 132, 185, 0.18);
  border-color: rgba(93, 132, 185, 0.34);
  color: #e5efff;
}

body[data-page="collections-labour"] .labour-day-header {
  display: block;
}

body[data-page="collections-labour"] .labour-day-date-badge {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(130, 154, 190, 0.24);
  background: rgba(255, 255, 255, 0.05);
  color: var(--text);
  font-size: 0.88rem;
  font-weight: 700;
  white-space: nowrap;
}

body[data-page="collections-labour"] .labour-day-status {
  margin: 0;
  min-height: 0;
  text-align: left;
}

body[data-page="collections-labour"] .labour-day-entry-form,
body[data-page="collections-labour"] .labour-day-expense-form,
body[data-page="collections-labour"] .labour-day-direct-fields {
  gap: 8px;
}

body[data-page="collections-labour"] .labour-day-entry-fields label.desk-row {
  --desk-label-width: 90px;
}

body[data-page="collections-labour"] .labour-day-entry-form label.desk-row.full-span {
  --desk-label-width: 96px;
}

body[data-page="collections-labour"] .labour-day-entry-grid {
  grid-template-columns: minmax(260px, 0.74fr) minmax(240px, 1.26fr);
  gap: 16px;
}

body[data-page="collections-labour"] .labour-day-loaded-summary {
  min-height: auto;
}

body[data-page="collections-labour"] .labour-day-support-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
}

body[data-page="collections-labour"] .labour-day-summary-shell,
body[data-page="collections-labour"] .labour-day-list-shell,
body[data-page="collections-labour"] .labour-day-sheets-shell {
  display: grid;
  gap: 10px;
  min-height: 0;
}

body[data-page="collections-labour"] .labour-day-summary-card {
  min-height: 0;
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}

body[data-page="collections-labour"] .labour-day-summary-kpis {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

body[data-page="collections-labour"] .labour-day-summary-kpi {
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(130, 154, 190, 0.18);
  background: rgba(255, 255, 255, 0.04);
}

body[data-page="collections-labour"] .labour-day-summary-kpi span {
  color: var(--text-soft);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

body[data-page="collections-labour"] .labour-day-summary-kpi strong {
  font-size: 1rem;
  font-weight: 700;
}

body[data-page="collections-labour"] .labour-day-summary-final {
  margin-top: 2px;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid rgba(130, 154, 190, 0.26);
  background: rgba(255, 255, 255, 0.05);
}

body[data-page="collections-labour"] .labour-day-history-panel {
  grid-template-rows: minmax(0, 1fr) auto;
  overflow: hidden;
}

body[data-page="collections-labour"] .labour-day-list-shell .table-shell,
body[data-page="collections-labour"] .labour-day-expense-shell .table-shell {
  min-height: 0;
  overflow: auto;
}

body[data-page="collections-labour"] .labour-day-sheets-shell .table-shell {
  max-height: 280px;
  overflow: auto;
}

body[data-page="collections-labour"] .labour-day-row-code {
  display: grid;
  gap: 2px;
}

body[data-page="collections-labour"] .labour-day-row-code strong {
  font-size: 0.95rem;
  font-weight: 700;
}

body[data-page="collections-labour"] .labour-day-row-code span {
  color: var(--text-soft);
  font-size: 0.78rem;
  line-height: 1.35;
}

body[data-page="collections-labour"] .labour-day-table th,
body[data-page="collections-labour"] .labour-day-table td {
  padding: 10px 12px;
}

body[data-page="collections-labour"] .labour-day-workspace .collection-list-head small,
body[data-page="collections-labour"] .labour-day-history-panel .collection-list-head small {
  display: none;
}

body[data-page="collections-labour"] .labour-day-action-row {
  margin-top: 0;
}

body[data-page="collections-labour"] .labour-day-history-panel {
  grid-template-rows: minmax(0, 1fr);
  overflow: hidden;
}

body[data-page="collections-labour"] .labour-day-list-shell,
body[data-page="collections-labour"] .labour-day-expense-shell,
body[data-page="collections-labour"] .labour-day-direct-shell {
  min-height: 0;
}

body[data-page="collections-labour"] .labour-day-list-shell .collection-list-head,
body[data-page="collections-labour"] .labour-day-expense-shell .collection-list-head,
body[data-page="collections-labour"] .labour-day-direct-shell .collection-list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

body[data-page="collections-labour"] .labour-day-right-list-shell {
  min-height: 0;
  height: 100%;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 12px;
}

body[data-page="collections-labour"] .labour-day-expense-shell,
body[data-page="collections-labour"] .labour-day-direct-shell {
  --labour-day-visible-list-rows: 4;
  --labour-day-plain-row-height: 46px;
  grid-template-rows: auto minmax(0, 1fr);
}

body[data-page="collections-labour"] .labour-day-row-stream,
body[data-page="collections-labour"] .labour-day-plain-list {
  min-height: 0;
  overflow: auto;
}

body[data-page="collections-labour"] .labour-day-expense-shell .labour-day-plain-list,
body[data-page="collections-labour"] .labour-day-direct-shell .labour-day-plain-list {
  max-height: calc(var(--labour-day-visible-list-rows) * var(--labour-day-plain-row-height));
}

body[data-page="collections-labour"] .labour-day-row-stream-body,
body[data-page="collections-labour"] .labour-day-plain-list-body {
  display: grid;
  gap: 0;
}

body[data-page="collections-labour"] .labour-day-stream-row,
body[data-page="collections-labour"] .labour-day-plain-row {
  display: grid;
  align-items: center;
  border-bottom: 1px solid rgba(130, 154, 190, 0.14);
}

body[data-page="collections-labour"] .labour-day-stream-row {
  grid-template-columns: 34px minmax(0, 1fr) auto auto;
  column-gap: 12px;
  padding: 8px 2px;
}

body[data-page="collections-labour"] .labour-day-plain-row {
  grid-template-columns: 28px minmax(0, 1fr) auto auto;
  column-gap: 10px;
  padding: 7px 2px;
}

body[data-page="collections-labour"] .labour-day-stream-index,
body[data-page="collections-labour"] .labour-day-plain-index {
  color: var(--text-soft);
  font-size: 0.82rem;
  font-weight: 700;
}

body[data-page="collections-labour"] .labour-day-stream-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

body[data-page="collections-labour"] .labour-day-stream-title {
  font-size: 0.98rem;
  font-weight: 800;
  line-height: 1.15;
}

body[data-page="collections-labour"] .labour-day-stream-amount {
  display: grid;
  justify-items: end;
  gap: 2px;
  text-align: right;
}

body[data-page="collections-labour"] .labour-day-stream-amount span {
  color: var(--text-soft);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

body[data-page="collections-labour"] .labour-day-stream-amount strong {
  font-size: 1rem;
  font-weight: 800;
  white-space: nowrap;
  color: var(--text);
}

body[data-page="collections-labour"] .labour-day-stream-meta,
body[data-page="collections-labour"] .labour-day-plain-note {
  min-width: 0;
  color: var(--text-soft);
  font-size: 0.84rem;
  line-height: 1.35;
}

body[data-page="collections-labour"] .labour-day-plain-note {
  color: var(--text);
}

body[data-page="collections-labour"] .labour-day-plain-amount {
  font-size: 0.92rem;
  font-weight: 700;
  white-space: nowrap;
}

body[data-page="collections-labour"] .labour-day-stream-actions,
body[data-page="collections-labour"] .labour-day-plain-actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

body[data-page="collections-labour"] .labour-day-stream-row.is-saved,
body[data-page="collections-labour"] .labour-day-plain-row.is-saved {
  opacity: 0.52;
}

body[data-page="collections-labour"] .labour-day-stream-row.is-fresh .labour-day-stream-title,
body[data-page="collections-labour"] .labour-day-plain-row.is-fresh .labour-day-plain-note,
body[data-page="collections-labour"] .labour-day-plain-row.is-fresh .labour-day-plain-amount {
  font-weight: 800;
}

body[data-page="collections-labour"] .labour-day-list-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  border-top: 1px solid rgba(130, 154, 190, 0.16);
}

body[data-page="collections-labour"] .labour-day-charge-total {
  display: grid;
  gap: 2px;
}

body[data-page="collections-labour"] .labour-day-charge-total span {
  color: var(--text-soft);
  font-size: 0.78rem;
  font-weight: 700;
}

body[data-page="collections-labour"] .labour-day-charge-total strong {
  font-size: 1.02rem;
  font-weight: 800;
}

body[data-page="collections-labour"] .labour-day-workspace-footer {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 6px;
  border-top: 1px solid rgba(130, 154, 190, 0.16);
}

body[data-page="collections-labour"] .labour-day-workspace-footer button {
  min-width: 140px;
}

body[data-page="collections-labour"] .labour-day-item-modal-card {
  width: min(520px, calc(100vw - 32px));
  padding: 24px 24px 20px;
  border-radius: 18px;
}

body[data-page="collections-labour"] .labour-day-item-modal-card .modal-header {
  margin-bottom: 20px;
  padding-right: 6px;
}

body[data-page="collections-labour"] .labour-day-item-modal-card .modal-header > div:first-child {
  padding-left: 4px;
}

body[data-page="collections-labour"] .labour-day-item-form {
  display: grid;
  gap: 12px;
}

@media screen and (max-width: 1380px) {
  body[data-page="collections-labour"] .labour-day-support-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media screen and (max-width: 1180px) {
  body[data-page="collections-labour"] .labour-day-submodule,
  body[data-page="collections-labour"] .labour-day-support-grid,
  body[data-page="collections-labour"] .labour-day-header {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-page="collections-labour"] .labour-day-history-panel {
    grid-template-rows: auto;
  }

  body[data-page="collections-labour"] .labour-day-status {
    text-align: left;
  }
}

@media screen and (max-width: 720px) {
  body[data-page="collections-labour"] .labour-day-shell-heading {
    flex-direction: column;
    align-items: stretch;
  }

  body[data-page="collections-labour"] .labour-day-period-switch {
    width: 100%;
  }

  body[data-page="collections-labour"] .labour-day-period-btn {
    flex: 1 1 auto;
  }

  body[data-page="collections-labour"] .labour-day-summary-kpis {
    grid-template-columns: minmax(0, 1fr);
  }
}

body[data-page="collections-labour"] .workspace {
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
}

body[data-page="collections-labour"] .page-section {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  min-height: 0;
  height: 100%;
  overflow: hidden;
}

body[data-page="collections-labour"] .account-notice-host {
  min-height: 0;
}

body[data-page="collections-labour"] .labour-day-submodule {
  grid-template-columns: minmax(340px, 0.4fr) minmax(0, 0.6fr);
  min-height: 0;
  height: 100%;
  overflow: hidden;
  align-items: stretch;
}

body[data-page="collections-labour"] .labour-day-workspace,
body[data-page="collections-labour"] .labour-day-history-panel {
  min-height: 0;
  height: 100%;
  overflow: hidden;
}

body[data-page="collections-labour"] .labour-day-workspace {
  grid-template-rows: auto auto auto auto;
  align-content: start;
}

body[data-page="collections-labour"] .labour-day-entry-shell,
body[data-page="collections-labour"] .labour-day-expense-shell,
body[data-page="collections-labour"] .labour-day-direct-shell,
body[data-page="collections-labour"] .labour-day-list-shell {
  min-height: 0;
}

body[data-page="collections-labour"] .labour-day-history-panel {
  grid-template-rows: minmax(0, 1fr);
}

body[data-page="collections-labour"] .labour-day-list-shell {
  grid-template-rows: auto minmax(0, 1fr);
  height: 100%;
  overflow: hidden;
}

body[data-page="collections-labour"] .labour-day-right-list-shell {
  min-height: 0;
  height: 100%;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  overflow: hidden;
}

body[data-page="collections-labour"] .labour-day-row-stream {
  min-height: 0;
  height: 100%;
  overflow: auto;
  padding-right: 4px;
}

body[data-page="collections-labour"] .labour-day-list-footer {
  padding-top: 10px;
  margin-top: 0;
}

body[data-page="collections-labour"] .labour-day-screen-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 0;
  align-self: start;
  min-height: 0;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-page="collections-labour"] .labour-day-screen-footer-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 6px;
  width: auto;
  margin-left: auto;
  padding: 0;
}

body[data-page="collections-labour"] .labour-day-screen-footer-actions button {
  min-width: 104px;
  min-height: 28px;
  height: 28px;
  padding: 0 12px;
  font-size: 0.82rem;
  line-height: 1;
}

body[data-page="collections-labour"] .labour-day-workspace-footer {
  display: none !important;
}

@media screen and (max-width: 1180px) {
  body[data-page="collections-labour"] .page-section {
    overflow: auto;
    grid-template-rows: auto auto auto;
  }

  body[data-page="collections-labour"] .labour-day-submodule {
    grid-template-columns: minmax(0, 1fr);
    height: auto;
    overflow: visible;
  }

  body[data-page="collections-labour"] .labour-day-workspace,
  body[data-page="collections-labour"] .labour-day-history-panel,
  body[data-page="collections-labour"] .labour-day-list-shell,
  body[data-page="collections-labour"] .labour-day-right-list-shell,
  body[data-page="collections-labour"] .labour-day-row-stream {
    height: auto;
    overflow: visible;
  }

  body[data-page="collections-labour"] .labour-day-screen-footer {
    border-radius: 18px;
  }
}

/* Super admin workspace v2 */
body[data-page="admin-security"] .page-section {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 18px;
  min-height: 0;
  height: 100%;
  overflow: hidden;
}

body[data-page="admin-security"] .section-heading {
  margin: 0;
}

body[data-page="admin-security"] .admin-settings-app-shell {
  display: grid;
  grid-template-columns: minmax(224px, 250px) minmax(0, 1fr);
  gap: 0;
  min-height: min(760px, calc(100vh - 210px));
  height: 100%;
  align-items: stretch;
  overflow: hidden;
}

body[data-page="admin-security"] .admin-settings-secondary-rail,
body[data-page="admin-security"] .admin-settings-workspace,
body[data-page="admin-security"] .admin-settings-workspace-stage,
body[data-page="admin-security"] .admin-settings-section-panel,
body[data-page="admin-security"] .admin-settings-section-body,
body[data-page="admin-security"] .admin-settings-editor-stack,
body[data-page="admin-security"] .admin-settings-editor-view,
body[data-page="admin-security"] .admin-settings-split-view,
body[data-page="admin-security"] .admin-settings-split-main,
body[data-page="admin-security"] .admin-settings-split-side,
body[data-page="admin-security"] .admin-settings-users-workspace-v2,
body[data-page="admin-security"] .admin-settings-eway-workspace,
body[data-page="admin-security"] .admin-settings-users-list-shell,
body[data-page="admin-security"] .admin-settings-user-editor,
body[data-page="admin-security"] .admin-settings-eway-list-shell,
body[data-page="admin-security"] .admin-settings-eway-editor {
  min-height: 0;
}

body[data-page="admin-security"] .admin-settings-secondary-rail {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 16px;
  padding: 20px 16px;
  border-radius: 26px 0 0 26px;
  border-right: 1px solid rgba(76, 126, 255, 0.12);
  background: linear-gradient(180deg, rgba(247, 250, 255, 0.94), rgba(241, 247, 255, 0.82));
  overflow: hidden;
}

body[data-page="admin-security"] .admin-settings-rail-head,
body[data-page="admin-security"] .admin-settings-workspace-copy,
body[data-page="admin-security"] .admin-settings-group-head {
  display: grid;
  gap: 6px;
}

body[data-page="admin-security"] .admin-settings-section-nav-v2 {
  display: grid;
  gap: 10px;
  min-height: 0;
  overflow: auto;
  padding-right: 4px;
}

body[data-page="admin-security"] .admin-settings-section-nav-v2 a {
  display: grid;
  gap: 6px;
  padding: 14px 15px;
  border-radius: 18px;
  border: 1px solid rgba(76, 126, 255, 0.12);
  background: rgba(255, 255, 255, 0.84);
  color: var(--text);
  text-decoration: none;
  transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

body[data-page="admin-security"] .admin-settings-section-nav-v2 a:hover {
  transform: translateY(-1px);
  border-color: rgba(76, 126, 255, 0.24);
}

body[data-page="admin-security"] .admin-settings-section-nav-v2 a.is-active {
  background: linear-gradient(135deg, rgba(76, 126, 255, 0.18), rgba(53, 211, 193, 0.16));
  border-color: rgba(76, 126, 255, 0.34);
  box-shadow: 0 14px 28px rgba(26, 38, 63, 0.12);
}

body[data-page="admin-security"] .admin-settings-section-nav-v2 a strong,
body[data-page="admin-security"] .admin-settings-workspace-copy h3,
body[data-page="admin-security"] .admin-settings-group-head strong,
body[data-page="admin-security"] .admin-settings-detail-row strong,
body[data-page="admin-security"] .admin-settings-action-row strong,
body[data-page="admin-security"] .security-user-list-item strong,
body[data-page="admin-security"] .admin-settings-empty-panel strong {
  color: var(--text);
}

body[data-page="admin-security"] .admin-settings-section-nav-v2 a span,
body[data-page="admin-security"] .admin-settings-workspace-copy .table-note,
body[data-page="admin-security"] .table-note,
body[data-page="admin-security"] .guided-note,
body[data-page="admin-security"] .auth-login-form label,
body[data-page="admin-security"] .auth-login-form label > span,
body[data-page="admin-security"] .admin-settings-action-row span,
body[data-page="admin-security"] .admin-settings-detail-row span,
body[data-page="admin-security"] .profile-account-row span,
body[data-page="admin-security"] .security-user-list-item span,
body[data-page="admin-security"] .security-user-list-item small,
body[data-page="admin-security"] .security-session-row span,
body[data-page="admin-security"] .security-session-row small,
body[data-page="admin-security"] .security-audit-row span,
body[data-page="admin-security"] .security-audit-row small {
  color: var(--text-soft);
}

body[data-page="admin-security"] .auth-login-form label {
  font-weight: 600;
}

body[data-page="admin-security"] .admin-settings-workspace {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 18px;
  padding: 20px 22px;
  border-radius: 0 26px 26px 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 251, 255, 0.86));
  overflow: hidden;
}

body[data-page="admin-security"] .admin-settings-workspace-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

body[data-page="admin-security"] .admin-settings-back-btn {
  width: 42px;
  min-width: 42px;
  height: 42px;
  min-height: 42px;
  padding: 0;
  border-radius: 14px;
}

body[data-page="admin-security"] .admin-settings-workspace-stage {
  min-height: auto;
  overflow: visible;
  padding-right: 0;
}

body[data-page="admin-security"] .admin-settings-section-panel[hidden] {
  display: none !important;
}

body[data-page="admin-security"] .admin-settings-section-body {
  display: grid;
  gap: 16px;
}

body[data-page="admin-security"] .admin-settings-action-list {
  display: grid;
  gap: 12px;
}

body[data-page="admin-security"] .admin-settings-action-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  width: 100%;
  padding: 16px 18px;
  border-radius: 20px;
  border: 1px solid rgba(76, 126, 255, 0.12);
  background: rgba(255, 255, 255, 0.88);
  color: var(--text);
  text-align: left;
  box-shadow: 0 12px 24px rgba(24, 38, 66, 0.08);
}

body[data-page="admin-security"] .admin-settings-action-row > span:last-child {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(76, 126, 255, 0.12);
  color: var(--accent);
  font-size: 1.1rem;
  font-weight: 700;
}

body[data-page="admin-security"] .admin-settings-editor-stack {
  display: grid;
  gap: 16px;
}

body[data-page="admin-security"] .admin-settings-split-view,
body[data-page="admin-security"] .admin-settings-users-workspace-v2,
body[data-page="admin-security"] .admin-settings-eway-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(320px, 0.96fr);
  gap: 18px;
  align-items: start;
}

body[data-page="admin-security"] .admin-settings-form-layout,
body[data-page="admin-security"] .admin-settings-split-main,
body[data-page="admin-security"] .admin-settings-split-side {
  display: grid;
  gap: 16px;
}

body[data-page="admin-security"] .admin-settings-side-card,
body[data-page="admin-security"] .admin-settings-users-list-shell,
body[data-page="admin-security"] .admin-settings-user-editor,
body[data-page="admin-security"] .admin-settings-eway-list-shell,
body[data-page="admin-security"] .admin-settings-eway-editor,
body[data-page="admin-security"] .admin-settings-form-group,
body[data-page="admin-security"] .admin-security-security-panel {
  display: grid;
  gap: 14px;
  padding: 16px;
  border-radius: 22px;
  border: 1px solid rgba(76, 126, 255, 0.12);
  background: rgba(248, 251, 255, 0.82);
}

body[data-page="admin-security"] .admin-settings-field-grid,
body[data-page="admin-security"] .admin-settings-user-form-v2,
body[data-page="admin-security"] .admin-security-password-form,
body[data-page="admin-security"] .admin-security-sms-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

body[data-page="admin-security"] .admin-settings-user-form-v2 .full-span,
body[data-page="admin-security"] .admin-settings-field-grid .full-span,
body[data-page="admin-security"] .admin-security-password-form .modal-actions,
body[data-page="admin-security"] .admin-security-password-form p,
body[data-page="admin-security"] .admin-security-sms-grid .full-span {
  grid-column: 1 / -1;
}

body[data-page="admin-security"] .admin-settings-detail-list,
body[data-page="admin-security"] .admin-settings-users-list,
body[data-page="admin-security"] .admin-settings-eway-list {
  display: grid;
  gap: 10px;
  min-height: 0;
  overflow: auto;
  padding-right: 4px;
}

body[data-page="admin-security"] .admin-settings-detail-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  width: 100%;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(76, 126, 255, 0.12);
  background: rgba(255, 255, 255, 0.88);
  color: var(--text);
  text-align: left;
}

body[data-page="admin-security"] .admin-settings-detail-row em {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(76, 126, 255, 0.12);
  background: rgba(76, 126, 255, 0.08);
  color: var(--accent);
  font-style: normal;
  font-weight: 700;
  font-size: 0.78rem;
}

body[data-page="admin-security"] .admin-settings-detail-row.is-selected,
body[data-page="admin-security"] .security-user-list-item.is-selected,
body[data-page="admin-security"] .admin-settings-eway-list .admin-settings-list-item.is-selected {
  border-color: rgba(76, 126, 255, 0.34);
  background: linear-gradient(180deg, rgba(76, 126, 255, 0.12), rgba(53, 211, 193, 0.1));
}

body[data-page="admin-security"] .admin-settings-empty-panel {
  display: grid;
  gap: 8px;
  padding: 18px;
  border-radius: 18px;
  border: 1px dashed rgba(76, 126, 255, 0.2);
  background: rgba(255, 255, 255, 0.62);
}

body[data-page="admin-security"] .admin-settings-user-editor-header,
body[data-page="admin-security"] .admin-settings-users-header,
body[data-page="admin-security"] .security-admin-toolbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

body[data-page="admin-security"] .admin-settings-mini-toggle-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

body[data-page="admin-security"] .admin-settings-user-summary,
body[data-page="admin-security"] .profile-account-summary,
body[data-page="admin-security"] .security-session-history {
  display: grid;
  gap: 10px;
}

body[data-page="admin-security"] .admin-security-company-preview-qr {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 96px;
  border-radius: 18px;
  border: 1px solid rgba(76, 126, 255, 0.12);
  background: rgba(255, 255, 255, 0.88);
  overflow: hidden;
}

body[data-page="admin-security"] .admin-security-company-preview-qr img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

body[data-page="admin-security"] .security-admin-audit {
  max-height: min(34vh, 280px);
  overflow: auto;
  padding-right: 4px;
}

body[data-theme] .shell-profile-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  overflow: hidden;
}

body[data-theme] .shell-profile-button .shell-profile-avatar {
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: inherit;
}

body[data-theme="dark"] .admin-settings-secondary-rail {
  background: linear-gradient(180deg, rgba(14, 22, 39, 0.94), rgba(17, 25, 44, 0.9));
  border-right-color: rgba(122, 155, 255, 0.12);
}

body[data-theme="dark"] .admin-settings-workspace,
body[data-theme="dark"] .admin-settings-side-card,
body[data-theme="dark"] .admin-settings-users-list-shell,
body[data-theme="dark"] .admin-settings-user-editor,
body[data-theme="dark"] .admin-settings-eway-list-shell,
body[data-theme="dark"] .admin-settings-eway-editor,
body[data-theme="dark"] .admin-settings-form-group,
body[data-theme="dark"] .admin-security-security-panel,
body[data-theme="dark"] .admin-settings-action-row,
body[data-theme="dark"] .admin-settings-detail-row,
body[data-theme="dark"] .admin-settings-empty-panel,
body[data-theme="dark"] .admin-settings-section-nav-v2 a {
  background: rgba(12, 19, 34, 0.88);
  border-color: rgba(122, 155, 255, 0.14);
}

body[data-theme="dark"] .admin-settings-action-row > span:last-child,
body[data-theme="dark"] .admin-settings-detail-row em,
body[data-theme="dark"] .admin-security-company-preview-qr {
  background: rgba(122, 155, 255, 0.12);
  border-color: rgba(122, 155, 255, 0.18);
}

body[data-theme="dark"] .admin-security-page .eyebrow,
body[data-theme="dark"] .admin-security-page .table-note,
body[data-theme="dark"] .admin-security-page .guided-note,
body[data-theme="dark"] .admin-security-page .auth-login-form label,
body[data-theme="dark"] .admin-security-page .auth-login-form label > span {
  color: var(--text-soft);
}

@media screen and (max-width: 1180px) {
  body[data-page="admin-security"] .page-section {
    overflow: auto;
    height: auto;
  }

  body[data-page="admin-security"] .admin-settings-app-shell {
    grid-template-columns: 1fr;
    min-height: auto;
    height: auto;
    gap: 14px;
    overflow: visible;
  }

  body[data-page="admin-security"] .admin-settings-secondary-rail,
  body[data-page="admin-security"] .admin-settings-workspace {
    border-radius: 24px;
  }

  body[data-page="admin-security"] .admin-settings-secondary-rail {
    border-right: 0;
  }

  body[data-page="admin-security"] .admin-settings-workspace,
  body[data-page="admin-security"] .admin-settings-workspace-stage,
  body[data-page="admin-security"] .admin-settings-section-panel,
  body[data-page="admin-security"] .admin-settings-section-body,
  body[data-page="admin-security"] .admin-settings-editor-stack,
  body[data-page="admin-security"] .admin-settings-editor-view,
  body[data-page="admin-security"] .admin-settings-split-view,
  body[data-page="admin-security"] .admin-settings-users-workspace-v2,
  body[data-page="admin-security"] .admin-settings-eway-workspace {
    height: auto;
    overflow: visible;
  }

  body[data-page="admin-security"] .admin-settings-split-view,
  body[data-page="admin-security"] .admin-settings-users-workspace-v2,
  body[data-page="admin-security"] .admin-settings-eway-workspace,
  body[data-page="admin-security"] .admin-settings-field-grid,
  body[data-page="admin-security"] .admin-settings-user-form-v2,
  body[data-page="admin-security"] .admin-security-password-form,
  body[data-page="admin-security"] .admin-security-sms-grid,
  body[data-page="admin-security"] .admin-settings-mini-toggle-grid {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 1080px) {
  body[data-theme] .shell-profile-button {
    max-width: 44px !important;
    padding-right: 0 !important;
  }
}

body[data-page="admin-security"] .admin-settings-app-shell {
  grid-template-columns: minmax(0, 1fr);
}

body[data-page="admin-security"] .admin-settings-top-switcher {
  display: grid;
  gap: 12px;
  padding: 16px 18px;
  border-radius: 22px;
  border: 1px solid rgba(76, 126, 255, 0.12);
  background: rgba(248, 251, 255, 0.82);
}

body[data-page="admin-security"] .admin-settings-switcher-copy {
  display: grid;
  gap: 4px;
}

body[data-page="admin-security"] .admin-settings-module-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body[data-page="admin-security"] .admin-settings-module-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid rgba(76, 126, 255, 0.14);
  background: rgba(255, 255, 255, 0.88);
  color: var(--text-soft);
  font-weight: 700;
  text-align: center;
  box-shadow: none;
}

body[data-page="admin-security"] .admin-settings-module-tab:hover {
  border-color: rgba(76, 126, 255, 0.28);
  color: var(--text);
}

body[data-page="admin-security"] .admin-settings-module-tab.is-active,
body[data-page="admin-security"] .admin-settings-module-tab[aria-selected="true"] {
  background: linear-gradient(135deg, rgba(76, 126, 255, 0.18), rgba(53, 211, 193, 0.18));
  border-color: rgba(76, 126, 255, 0.34);
  color: var(--text);
  box-shadow: 0 12px 22px rgba(24, 38, 66, 0.12);
}

body[data-theme="dark"] .admin-settings-top-switcher,
body[data-theme="dark"] .admin-settings-module-tab {
  background: rgba(12, 19, 34, 0.88);
  border-color: rgba(122, 155, 255, 0.14);
}

body[data-theme="dark"] .admin-settings-module-tab.is-active,
body[data-theme="dark"] .admin-settings-module-tab[aria-selected="true"] {
  background: linear-gradient(135deg, rgba(122, 155, 255, 0.18), rgba(58, 188, 170, 0.16));
  border-color: rgba(122, 155, 255, 0.32);
}

@media screen and (max-width: 1180px) {
  body[data-page="admin-security"] .admin-settings-top-switcher {
    padding: 14px;
  }

  body[data-page="admin-security"] .admin-settings-module-tabs {
    display: grid;
    grid-template-columns: 1fr;
  }

  body[data-page="admin-security"] .admin-settings-module-tab {
    justify-content: flex-start;
    text-align: left;
  }
}

body[data-page="create-challan"] .topbar {
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  min-height: 58px;
  padding: 10px 14px;
  gap: 12px;
}

body[data-page="create-challan"] .topbar-left {
  gap: 10px;
  min-width: 0;
}

body[data-page="create-challan"] .topbar-center {
  display: block;
  justify-self: center;
  min-width: 0;
}

body[data-page="create-challan"] .topbar-right {
  justify-self: end;
  min-width: 40px;
}

body[data-page="create-challan"] .title-block h2 {
  font-size: clamp(1rem, 1.05vw, 1.18rem);
  line-height: 1.05;
}

body[data-page="create-challan"] .topbar-date {
  min-height: 32px;
  padding: 0 12px;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
}

body[data-page="create-challan"] .shell-profile-button {
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  padding: 0;
}

body[data-page="create-challan"] .page-section.create-challan-shell {
  min-height: 0;
  height: 100%;
  overflow: auto;
  display: grid;
  align-content: start;
  gap: 16px;
}

body[data-page="create-challan"] .create-challan-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body[data-page="create-challan"] .create-challan-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid var(--field-border);
  background: var(--field-bg);
  color: var(--text-soft);
  font-weight: 700;
  box-shadow: none;
}

body[data-page="create-challan"] .create-challan-tab.is-active,
body[data-page="create-challan"] .create-challan-tab[aria-selected="true"] {
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 22%, white 78%), color-mix(in srgb, var(--accent-strong) 18%, white 82%));
  border-color: color-mix(in srgb, var(--accent) 45%, transparent 55%);
  color: var(--text);
  box-shadow: 0 12px 22px rgba(24, 38, 66, 0.12);
}

body[data-page="create-challan"] .create-challan-stage {
  display: grid;
  grid-template-columns: minmax(320px, 0.95fr) minmax(420px, 1.2fr) minmax(300px, 0.95fr);
  gap: 16px;
  min-height: 0;
  align-items: start;
}

body[data-page="create-challan"] .create-challan-stage--dispatch {
  grid-template-columns: minmax(0, 1fr);
}

body[data-page="create-challan"] .create-challan-stage--builty {
  grid-template-columns: minmax(0, 1fr);
}

body[data-page="create-challan"] .create-challan-stage--tbb {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body[data-page="create-challan"] .create-challan-stage--tbb > .create-challan-form-panel,
body[data-page="create-challan"] .create-challan-stage--tbb > .create-challan-history-panel:last-child {
  grid-column: 1 / -1;
}

body[data-page="create-challan"] .create-challan-form-panel,
body[data-page="create-challan"] .create-challan-goods-panel,
body[data-page="create-challan"] .create-challan-history-panel {
  display: grid;
  gap: 16px;
  min-height: 0;
}

body[data-page="create-challan"] .create-challan-form-grid,
body[data-page="create-challan"] .create-challan-charge-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

body[data-page="create-challan"] .create-challan-form-grid label,
body[data-page="create-challan"] .create-challan-charge-grid label {
  display: grid;
  gap: 8px;
  min-width: 0;
}

body[data-page="create-challan"] .create-challan-builty-entry-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body[data-page="create-challan"] .create-challan-form-grid label.full-span,
body[data-page="create-challan"] .create-challan-charge-grid label.full-span {
  grid-column: 1 / -1;
}

body[data-page="create-challan"] .create-challan-form-grid .full-span,
body[data-page="create-challan"] .create-challan-charge-grid .full-span {
  grid-column: 1 / -1;
}

body[data-page="create-challan"] .create-challan-auto-strip {
  display: grid;
  grid-template-columns: minmax(120px, 0.5fr) minmax(150px, 0.6fr) minmax(170px, 0.8fr) auto;
  gap: 10px;
  align-items: end;
  padding: 12px;
  border: 1px solid var(--shell-border);
  border-radius: 18px;
  background: color-mix(in srgb, var(--field-bg) 82%, white 18%);
}

body[data-page="create-challan"] .create-challan-auto-strip > div:not(.create-challan-options-wrap) {
  display: grid;
  gap: 5px;
}

body[data-page="create-challan"] .create-challan-auto-strip span {
  color: var(--text-soft);
  font-size: 0.76rem;
  font-weight: 700;
}

body[data-page="create-challan"] .create-challan-auto-strip strong {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border: 1px solid var(--field-border);
  border-radius: 12px;
  background: var(--field-bg);
  color: var(--text-main);
}

body[data-page="create-challan"] .create-challan-builty-record-tools {
  position: relative;
  display: grid;
  justify-items: end;
  gap: 8px;
  min-width: min(100%, 290px);
}

body[data-page="create-challan"] .create-challan-builty-record-buttons {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

body[data-page="create-challan"] .create-challan-builty-record-buttons .is-active {
  border-color: color-mix(in srgb, var(--accent) 52%, transparent 48%);
  background: color-mix(in srgb, var(--accent) 18%, white 82%);
  color: var(--text-main);
}

body[data-page="create-challan"] .create-challan-gr-allotment {
  margin: 0;
  padding: 8px 12px;
  border: 1px solid var(--shell-border);
  border-radius: 999px;
  background: color-mix(in srgb, var(--field-bg) 86%, white 14%);
  color: var(--text-main);
  font-size: 0.86rem;
  font-weight: 800;
}

body[data-page="create-challan"] .create-challan-builty-lower {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(280px, 3fr);
  gap: 16px;
  align-items: stretch;
  min-height: 0;
}

body[data-page="create-challan"] .create-challan-goods-entry-panel,
body[data-page="create-challan"] .create-challan-charges-panel {
  align-content: start;
}

body[data-page="create-challan"] .create-challan-goods-entry-row {
  display: grid;
  grid-template-columns: minmax(64px, 0.48fr) minmax(190px, 2.1fr) minmax(95px, 0.8fr) minmax(95px, 0.8fr) minmax(104px, 0.82fr);
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--shell-border);
  border-radius: 18px;
  background: color-mix(in srgb, var(--field-bg) 86%, white 14%);
}

body[data-page="create-challan"] .create-challan-goods-entry-row label,
body[data-page="create-challan"] .create-challan-charge-stack label,
body[data-page="create-challan"] .create-challan-remarks-field {
  display: grid;
  gap: 7px;
  min-width: 0;
}

body[data-page="create-challan"] .create-challan-goods-entry-row label > span,
body[data-page="create-challan"] .create-challan-goods-entry span,
body[data-page="create-challan"] .create-challan-fixed-totals span {
  color: var(--text-soft);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body[data-page="create-challan"] .create-challan-goods-list-shell {
  min-height: 280px;
  max-height: min(46vh, 520px);
  overflow: auto;
  padding: 10px;
  border: 1px solid var(--shell-border);
  border-radius: 20px;
  background: color-mix(in srgb, var(--shell-surface) 82%, white 18%);
}

body[data-page="create-challan"] .create-challan-goods-empty {
  min-height: 220px;
  display: grid;
  place-items: center;
  margin: 0;
  color: var(--text-muted);
  text-align: center;
  border: 1px dashed var(--shell-border-strong);
  border-radius: 16px;
}

body[data-page="create-challan"] .create-challan-goods-list {
  display: grid;
  gap: 10px;
}

body[data-page="create-challan"] .create-challan-goods-entry {
  display: grid;
  grid-template-columns: auto minmax(62px, 0.55fr) minmax(170px, 1.8fr) minmax(128px, 1.08fr) minmax(96px, 0.82fr) minmax(108px, 0.9fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border: 1px solid var(--shell-border);
  border-radius: 16px;
  background: var(--field-bg);
}

body[data-page="create-challan"] .create-challan-goods-entry-index {
  width: 28px;
  height: 28px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent) 18%, white 82%);
  color: var(--text);
  font-weight: 800;
}

body[data-page="create-challan"] .create-challan-goods-entry > div:not(.create-challan-goods-entry-index) {
  display: grid;
  gap: 4px;
  min-width: 0;
}

body[data-page="create-challan"] .create-challan-goods-entry strong {
  color: var(--text-main);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-page="create-challan"] .create-challan-goods-entry-particular strong {
  white-space: normal;
}

body[data-page="create-challan"] .create-challan-charge-stack {
  display: grid;
  gap: 11px;
}

body[data-page="create-challan"] .create-challan-fixed-totals {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--shell-border);
  border-radius: 18px;
  background: color-mix(in srgb, var(--field-bg) 88%, white 12%);
}

body[data-page="create-challan"] .create-challan-fixed-totals > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  border-bottom: 1px dashed color-mix(in srgb, var(--shell-border-strong) 62%, transparent 38%);
}

body[data-page="create-challan"] .create-challan-fixed-totals > div:last-child {
  border-bottom: 0;
}

body[data-page="create-challan"] .create-challan-fixed-totals strong {
  color: var(--text-main);
  font-size: 1rem;
}

body[data-page="create-challan"] .create-challan-fixed-totals .is-total-due {
  padding: 10px 12px;
  border-radius: 14px;
  background: color-mix(in srgb, var(--accent) 20%, white 80%);
}

body[data-page="create-challan"] .create-challan-builty-footer {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(280px, 3fr);
  gap: 16px;
  align-items: end;
}

body[data-page="create-challan"] .create-challan-footer-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
}

body[data-page="create-challan"] .create-challan-footer-actions button {
  width: 100%;
}

body[data-page="create-challan"] .create-challan-stage--builty > .create-challan-status,
body[data-page="create-challan"] .create-challan-stage--builty > .create-challan-lock-note {
  grid-column: 1 / -1;
}

body[data-page="create-challan"] .create-challan-options-wrap {
  position: relative;
  display: flex;
  justify-content: flex-end;
}

body[data-page="create-challan"] .create-challan-options-panel {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 9;
  min-width: 260px;
  padding: 10px 12px;
  border: 1px solid var(--shell-border-strong);
  border-radius: 14px;
  background: var(--shell-surface-strong);
  box-shadow: 0 18px 40px rgba(24, 38, 66, 0.16);
}

body[data-page="create-challan"] .create-challan-options-panel label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-main);
  font-size: 0.86rem;
  font-weight: 700;
}

body[data-page="create-challan"] .field-with-inline-button {
  min-width: 0;
}

body[data-page="create-challan"] .inline-field-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

body[data-page="create-challan"] .inline-field-row > * {
  min-width: 0;
}

body[data-page="create-challan"] .create-challan-goods-panel .table-shell,
body[data-page="create-challan"] .create-challan-history-panel .table-shell {
  min-height: 0;
  max-height: min(44vh, 430px);
  overflow: auto;
}

body[data-page="create-challan"] .create-challan-dispatch-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

body[data-page="create-challan"] .create-challan-total-strip {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid var(--shell-border);
  background: color-mix(in srgb, var(--shell-surface) 84%, white 16%);
}

body[data-page="create-challan"] .create-challan-total-strip > div {
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid var(--shell-border);
  background: color-mix(in srgb, var(--field-bg) 88%, white 12%);
}

body[data-page="create-challan"] .create-challan-total-strip span {
  color: var(--text-soft);
  font-size: 0.8rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body[data-page="create-challan"] .create-challan-total-strip strong {
  font-size: 1.02rem;
  color: var(--text);
}

body[data-page="create-challan"] .create-challan-status {
  min-height: 44px;
  display: flex;
  align-items: center;
  padding: 10px 14px;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--shell-border) 76%, transparent 24%);
  background: color-mix(in srgb, var(--shell-surface) 88%, white 12%);
  color: var(--text-soft);
}

body[data-page="create-challan"] .create-challan-status.is-success {
  border-color: rgba(30, 168, 102, 0.24);
  background: rgba(30, 168, 102, 0.1);
  color: #1c7a52;
}

body[data-page="create-challan"] .create-challan-status.is-warning {
  border-color: rgba(204, 146, 32, 0.28);
  background: rgba(204, 146, 32, 0.12);
  color: #9c6707;
}

body[data-page="create-challan"] .create-challan-status.is-danger {
  border-color: rgba(188, 68, 74, 0.28);
  background: rgba(188, 68, 74, 0.12);
  color: #a23b42;
}

body[data-page="create-challan"] .create-challan-lock-note {
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px dashed rgba(188, 68, 74, 0.24);
  background: rgba(188, 68, 74, 0.08);
  color: var(--text);
}

body[data-page="create-challan"] .create-challan-action-buttons {
  justify-content: flex-start;
  flex-wrap: wrap;
}

body[data-page="create-challan"] input,
body[data-page="create-challan"] select,
body[data-page="create-challan"] textarea {
  width: 100%;
}

body[data-page="create-challan"] textarea {
  min-height: 74px;
  resize: vertical;
}

body[data-page="create-challan"] .section-copy {
  max-width: 62ch;
}

body[data-page="create-challan"] .card-heading {
  align-items: flex-start;
}

.create-challan-table-actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

@media screen and (max-width: 1420px) {
  body[data-page="create-challan"] .create-challan-stage {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-page="create-challan"] .create-challan-stage--builty {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-page="create-challan"] .create-challan-form-panel,
  body[data-page="create-challan"] .create-challan-history-panel:last-child {
    grid-column: 1 / -1;
  }

  body[data-page="create-challan"] .create-challan-stage--dispatch {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-page="create-challan"] .create-challan-stage--tbb {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media screen and (max-width: 1080px) {
  body[data-page="create-challan"] .topbar {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    min-height: 50px;
    padding: 8px 10px;
    gap: 8px;
  }

  body[data-page="create-challan"] .title-block h2 {
    font-size: 0.95rem;
  }

  body[data-page="create-challan"] .topbar-date {
    min-height: 28px;
    padding: 0 8px;
    font-size: 0.7rem;
  }

  body[data-page="create-challan"] .page-section.create-challan-shell {
    height: auto;
    overflow: visible;
  }

  body[data-page="create-challan"] .create-challan-stage,
  body[data-page="create-challan"] .create-challan-builty-lower,
  body[data-page="create-challan"] .create-challan-builty-footer,
  body[data-page="create-challan"] .create-challan-dispatch-columns,
  body[data-page="create-challan"] .create-challan-form-grid,
  body[data-page="create-challan"] .create-challan-builty-entry-grid,
  body[data-page="create-challan"] .create-challan-goods-entry-row,
  body[data-page="create-challan"] .create-challan-auto-strip,
  body[data-page="create-challan"] .create-challan-charge-grid,
  body[data-page="create-challan"] .create-challan-total-strip {
    grid-template-columns: 1fr;
  }

  body[data-page="create-challan"] .create-challan-goods-entry {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-page="create-challan"] .create-challan-goods-panel .table-shell,
  body[data-page="create-challan"] .create-challan-history-panel .table-shell,
  body[data-page="create-challan"] .create-challan-goods-list-shell {
    max-height: none;
  }

  body[data-page="create-challan"] .inline-field-row {
    grid-template-columns: 1fr;
  }
}

body[data-theme="dark"][data-page="create-challan"] .create-challan-status.is-success {
  color: #85d8ae;
}

body[data-theme="dark"][data-page="create-challan"] .create-challan-status.is-warning {
  color: #f1d089;
}

body[data-theme="dark"][data-page="create-challan"] .create-challan-status.is-danger {
  color: #f0a7ab;
}
body[data-page="delivery"] .delivery-katt-door-shell {
  margin-top: 1rem;
  display: grid;
  gap: 0.8rem;
}

body[data-page^="builty-"] .topbar {
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  min-height: 58px;
  padding: 10px 14px;
  gap: 12px;
}

body[data-page^="builty-"] .topbar-left {
  gap: 10px;
  min-width: 0;
}

body[data-page^="builty-"] .topbar-center {
  display: block;
  justify-self: center;
  min-width: 0;
}

body[data-page^="builty-"] .topbar-right {
  justify-self: end;
  min-width: 40px;
}

body[data-page^="builty-"] .topbar-date {
  min-height: 32px;
  padding: 0 12px;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
}

body[data-page^="builty-"] .shell-profile-button {
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  padding: 0;
}

body[data-page^="builty-"] .page-section.builty-module-shell {
  min-height: 0;
  height: 100%;
  overflow: auto;
  display: grid;
  align-content: start;
  gap: 16px;
}

body[data-page^="builty-"] .builty-module-stage {
  display: grid;
  align-content: start;
  gap: 16px;
}

body[data-page^="builty-"] .builty-module-hero,
body[data-page^="builty-"] .builty-module-settings,
body[data-page^="builty-"] .builty-module-panel,
body[data-page^="builty-"] .builty-module-metric-card {
  padding: 18px 20px;
}

body[data-page^="builty-"] .builty-module-hero-head,
body[data-page^="builty-"] .builty-module-panel-head,
body[data-page^="builty-"] .builty-module-settings-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

body[data-page^="builty-"] .builty-module-copy {
  display: grid;
  gap: 10px;
}

body[data-page^="builty-"] .builty-module-copy h3 {
  margin: 0;
  font-size: clamp(1.32rem, 1.6vw, 1.72rem);
}

body[data-page^="builty-"] .builty-module-copy p,
body[data-page^="builty-"] .builty-module-panel p,
body[data-page^="builty-"] .builty-module-settings p {
  margin: 0;
  color: var(--text-soft);
  line-height: 1.65;
}

body[data-page^="builty-"] .builty-module-hero-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

body[data-page^="builty-"] .builty-module-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

body[data-page^="builty-"] .builty-module-settings {
  display: grid;
  gap: 14px;
}

body[data-page^="builty-"] .builty-module-settings-grid,
body[data-page^="builty-"] .builty-module-metrics,
body[data-page^="builty-"] .builty-module-columns,
body[data-page^="builty-"] .builty-module-source-grid {
  display: grid;
  gap: 14px;
}

body[data-page^="builty-"] .builty-module-settings-grid,
body[data-page^="builty-"] .builty-module-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body[data-page^="builty-"] .builty-module-columns {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body[data-page^="builty-"] .builty-module-source-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 12px;
}

body[data-page^="builty-"] .builty-module-settings-grid > div,
body[data-page^="builty-"] .builty-module-source-card {
  padding: 14px;
  border-radius: 18px;
  background: color-mix(in srgb, var(--panel-bg, rgba(255, 255, 255, 0.86)) 82%, transparent 18%);
  border: 1px solid var(--field-border);
  display: grid;
  gap: 6px;
}

body[data-page^="builty-"] .builty-module-settings-label,
body[data-page^="builty-"] .builty-module-source-card span,
body[data-page^="builty-"] .builty-module-metric-card span,
body[data-page^="builty-"] .builty-module-register-row span {
  color: var(--text-soft);
  font-size: 0.84rem;
}

body[data-page^="builty-"] .builty-module-metric-card {
  display: grid;
  gap: 8px;
}

body[data-page^="builty-"] .builty-module-metric-card strong,
body[data-page^="builty-"] .builty-module-source-card strong {
  font-size: 1.5rem;
}

body[data-page^="builty-"] .builty-module-metric-card small {
  color: var(--text-soft);
  line-height: 1.55;
}

body[data-page^="builty-"] .builty-module-register-list {
  display: grid;
  gap: 10px;
}

body[data-page^="builty-"] .builty-module-register-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid var(--field-border);
  background: color-mix(in srgb, var(--panel-bg, rgba(255, 255, 255, 0.88)) 80%, transparent 20%);
}

body[data-page^="builty-"] .builty-module-register-row > div {
  display: grid;
  gap: 4px;
}

body[data-page^="builty-"] .builty-module-register-row > div:last-child {
  justify-items: end;
  text-align: right;
}

body[data-page^="builty-"] .builty-module-empty {
  margin: 0;
  color: var(--text-soft);
  line-height: 1.7;
}

body[data-builty-entry-layout="book"] .builty-booking-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.46fr) minmax(300px, 0.72fr);
  gap: 16px;
  align-items: start;
}

body[data-builty-entry-layout="book"] .builty-book-panel {
  padding: 14px;
}

body[data-builty-entry-layout="book"] .builty-book-toolbar {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 12px;
}

body[data-builty-entry-layout="book"] .builty-book-toolbar h2 {
  margin: 0;
  font-size: clamp(1.05rem, 1.6vw, 1.42rem);
}

body[data-builty-entry-layout="book"] .builty-book-toolbar span {
  color: var(--text-soft);
  font-size: 0.86rem;
}

body[data-builty-entry-layout="book"] .builty-book-toolbar-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

body[data-builty-entry-layout="book"] .builty-status-pill {
  background: rgba(23, 133, 89, 0.12);
  border-color: rgba(23, 133, 89, 0.26);
  color: #176b49;
}

body[data-builty-entry-layout="book"] .builty-booking-side {
  display: grid;
  gap: 16px;
}

body[data-builty-entry-layout="book"] .builty-booking-form {
  display: grid;
  gap: 12px;
}

body[data-builty-entry-layout="book"] .builty-book-paper {
  display: grid;
  gap: 0;
  border: 2px solid #161616;
  background:
    linear-gradient(180deg, rgba(255, 253, 246, 0.96), rgba(255, 248, 234, 0.96)),
    repeating-linear-gradient(90deg, transparent 0 32px, rgba(0, 0, 0, 0.025) 32px 33px);
  color: #111;
  font-family: "Bahnschrift", "Aptos Narrow", "Segoe UI", sans-serif;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.16), 0 18px 38px rgba(24, 38, 66, 0.12);
}

body[data-builty-entry-layout="book"] .builty-book-head {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr) 160px;
  border-bottom: 2px solid #161616;
  min-height: 82px;
}

body[data-builty-entry-layout="book"] .builty-book-company-mark {
  display: grid;
  place-items: center;
  border-right: 1px solid #161616;
  font-weight: 900;
  font-size: 1.12rem;
  letter-spacing: 0.06em;
}

body[data-builty-entry-layout="book"] .builty-book-company {
  display: grid;
  place-items: center;
  gap: 3px;
  padding: 10px 14px;
  text-align: center;
}

body[data-builty-entry-layout="book"] .builty-book-company strong {
  font-size: clamp(1rem, 1.8vw, 1.46rem);
  letter-spacing: 0.02em;
  line-height: 1.05;
}

body[data-builty-entry-layout="book"] .builty-book-company span {
  font-size: 0.76rem;
  color: #202020;
}

body[data-builty-entry-layout="book"] .builty-book-copy-box {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 8px;
  padding: 10px;
  border-left: 1px solid #161616;
  text-align: center;
}

body[data-builty-entry-layout="book"] .builty-book-copy-box span {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-weight: 800;
  letter-spacing: 0.08em;
  font-size: 0.72rem;
}

body[data-builty-entry-layout="book"] .builty-book-copy-box strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 0 9px;
  border: 1px solid #111;
  background: #e7f5ec;
  color: #145f3f;
  font-size: 0.78rem;
}

body[data-builty-entry-layout="book"] .builty-book-section {
  border-bottom: 1px solid #161616;
}

body[data-builty-entry-layout="book"] .builty-book-section-title {
  padding: 5px 8px;
  border-bottom: 1px solid #161616;
  background: #d7eefa;
  color: #0f0f0f;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 0.76rem;
}

body[data-builty-entry-layout="book"] .builty-book-grid,
body[data-builty-entry-layout="book"] .builty-goods-row,
body[data-builty-entry-layout="book"] .builty-freight-grid {
  display: grid;
  align-items: stretch;
}

body[data-builty-entry-layout="book"] .builty-book-grid--gr {
  grid-template-columns: 1fr 1fr 1.15fr 0.9fr;
}

body[data-builty-entry-layout="book"] .builty-book-grid--party {
  grid-template-columns: 1.2fr 0.95fr 0.85fr 0.8fr;
}

body[data-builty-entry-layout="book"] .builty-goods-row {
  grid-template-columns: minmax(220px, 1.5fr) 0.7fr 0.7fr 0.8fr;
}

body[data-builty-entry-layout="book"] .builty-freight-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

body[data-builty-entry-layout="book"] .field-wide {
  grid-column: span 2;
}

body[data-builty-entry-layout="book"] .field-description {
  grid-column: span 1;
}

body[data-builty-entry-layout="book"] .builty-book-field {
  display: grid;
  grid-template-columns: minmax(98px, 0.45fr) minmax(0, 1fr);
  align-items: stretch;
  min-width: 0;
  margin: 0;
  border-right: 1px solid #161616;
  border-bottom: 1px solid rgba(22, 22, 22, 0.62);
}

body[data-builty-entry-layout="book"] .builty-book-grid .builty-book-field:nth-last-child(-n + 4),
body[data-builty-entry-layout="book"] .builty-goods-row .builty-book-field,
body[data-builty-entry-layout="book"] .builty-freight-grid .builty-book-field:nth-last-child(-n + 5) {
  border-bottom: 0;
}

body[data-builty-entry-layout="book"] .builty-book-field span {
  display: flex;
  align-items: center;
  min-height: 34px;
  padding: 5px 7px;
  border-right: 1px solid #161616;
  background: #c8e8f7;
  color: #0c0c0c;
  font-size: 0.76rem;
  font-weight: 800;
  line-height: 1.1;
}

body[data-builty-entry-layout="book"] .builty-book-field input,
body[data-builty-entry-layout="book"] .builty-book-field select {
  width: 100%;
  min-width: 0;
  height: 34px;
  border: 0;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.88);
  color: #111;
  box-shadow: none;
  font: inherit;
  font-size: 0.86rem;
  padding: 5px 7px;
  outline: none;
}

body[data-builty-entry-layout="book"] .builty-book-field select {
  appearance: auto;
}

body[data-builty-entry-layout="book"] .builty-book-field input:focus,
body[data-builty-entry-layout="book"] .builty-book-field select:focus {
  background: #fff;
  box-shadow: inset 0 0 0 2px #1b7fae;
}

body[data-builty-entry-layout="book"] .builty-book-field input[readonly] {
  background: #f1f1ed;
  color: #333;
  font-weight: 900;
}

body[data-builty-entry-layout="book"] .builty-book-bottom {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.45fr);
  min-height: 92px;
}

body[data-builty-entry-layout="book"] .builty-book-risk {
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 10px 12px;
  border-right: 1px solid #161616;
}

body[data-builty-entry-layout="book"] .builty-book-risk strong {
  text-transform: uppercase;
  font-size: 0.8rem;
}

body[data-builty-entry-layout="book"] .builty-book-risk span {
  font-size: 0.75rem;
  color: #1d1d1d;
}

body[data-builty-entry-layout="book"] .builty-book-total-box {
  display: grid;
  border-left: 1px solid #161616;
}

body[data-builty-entry-layout="book"] .builty-book-total-box > div {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 6px 10px;
  border-bottom: 1px solid #161616;
}

body[data-builty-entry-layout="book"] .builty-book-total-box > div:last-child {
  border-bottom: 0;
  background: #d7eefa;
}

body[data-builty-entry-layout="book"] .builty-book-total-box span {
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

body[data-builty-entry-layout="book"] .builty-book-total-box strong {
  font-size: 0.92rem;
  font-variant-numeric: tabular-nums;
}

body[data-builty-entry-layout="book"] .builty-book-actions {
  justify-content: flex-start;
  gap: 10px;
  margin-top: 0;
}

body[data-builty-entry-layout="book"] .builty-booking-total-stack {
  display: grid;
  gap: 10px;
}

body[data-builty-entry-layout="book"] .builty-booking-total-stack .summary-row {
  padding: 9px 10px;
  border: 1px solid var(--shell-border);
  border-radius: 14px;
  background: color-mix(in srgb, var(--field-bg) 84%, white 16%);
}

body[data-builty-entry-layout="book"] .builty-booking-total-stack .summary-row.is-total {
  border-color: rgba(23, 133, 89, 0.26);
  background: rgba(23, 133, 89, 0.08);
}

body[data-builty-entry-layout="book"] .builty-booking-total-stack .summary-row.is-income {
  border-color: rgba(27, 127, 174, 0.26);
  background: rgba(27, 127, 174, 0.08);
}

body[data-builty-entry-layout="book"] .builty-booking-note {
  margin-top: 14px;
}

@media screen and (max-width: 1080px) {
  body[data-page^="builty-"] .topbar {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    min-height: 50px;
    padding: 8px 10px;
    gap: 8px;
  }

  body[data-page^="builty-"] .topbar-date {
    min-height: 28px;
    padding: 0 8px;
    font-size: 0.7rem;
  }

  body[data-page^="builty-"] .page-section.builty-module-shell {
    height: auto;
    overflow: visible;
  }

  body[data-page^="builty-"] .builty-module-settings-grid,
  body[data-page^="builty-"] .builty-module-metrics,
  body[data-page^="builty-"] .builty-module-columns,
  body[data-page^="builty-"] .builty-module-source-grid {
    grid-template-columns: 1fr;
  }

  body[data-page^="builty-"] .builty-module-hero-head,
  body[data-page^="builty-"] .builty-module-panel-head,
  body[data-page^="builty-"] .builty-module-settings-head,
  body[data-page^="builty-"] .builty-module-register-row {
    grid-template-columns: 1fr;
    display: grid;
  }

  body[data-page^="builty-"] .builty-module-hero-actions,
  body[data-page^="builty-"] .builty-module-register-row > div:last-child {
    justify-content: flex-start;
    justify-items: start;
    text-align: left;
  }

  body[data-builty-entry-layout="book"] .builty-booking-layout,
  body[data-builty-entry-layout="book"] .builty-book-head,
  body[data-builty-entry-layout="book"] .builty-book-grid--gr,
  body[data-builty-entry-layout="book"] .builty-book-grid--party,
  body[data-builty-entry-layout="book"] .builty-goods-row,
  body[data-builty-entry-layout="book"] .builty-freight-grid,
  body[data-builty-entry-layout="book"] .builty-book-bottom {
    grid-template-columns: 1fr;
  }

  body[data-builty-entry-layout="book"] .builty-book-toolbar {
    display: grid;
  }

  body[data-builty-entry-layout="book"] .builty-book-toolbar-actions {
    justify-content: flex-start;
  }

  body[data-builty-entry-layout="book"] .builty-book-company-mark,
  body[data-builty-entry-layout="book"] .builty-book-copy-box,
  body[data-builty-entry-layout="book"] .builty-book-risk,
  body[data-builty-entry-layout="book"] .builty-book-total-box {
    border-left: 0;
    border-right: 0;
  }

  body[data-builty-entry-layout="book"] .builty-book-copy-box span {
    writing-mode: horizontal-tb;
    transform: none;
  }

  body[data-builty-entry-layout="book"] .field-wide,
  body[data-builty-entry-layout="book"] .field-description {
    grid-column: auto;
  }

  body[data-builty-entry-layout="book"] .builty-book-field {
    grid-template-columns: 138px minmax(0, 1fr);
    border-right: 0;
  }
}

body[data-page="delivery"] .delivery-katt-door-toggle {
  justify-self: start;
  min-width: 0;
  padding-inline: 1rem;
}

body[data-page="delivery"] .delivery-katt-door-section {
  border: 1px solid var(--border-soft, rgba(255, 255, 255, 0.08));
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.015));
  padding: 0.9rem 1rem 1rem;
  display: grid;
  gap: 0.9rem;
}

body[data-page="delivery"] .delivery-katt-door-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem 1rem;
}

body[data-page="delivery"] .delivery-katt-door-grid .desk-row {
  margin: 0;
}

body[data-page="delivery"] .delivery-katt-door-preview {
  border-top: 1px solid var(--border-soft, rgba(255, 255, 255, 0.08));
  padding-top: 0.85rem;
}

body[data-page="delivery"] .delivery-katt-door-preview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem 1rem;
}

body[data-page="delivery"] .delivery-katt-door-preview-grid div {
  display: grid;
  gap: 0.2rem;
}

body[data-page="delivery"] .delivery-katt-door-preview-grid span {
  font-size: 0.74rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-muted, rgba(255, 255, 255, 0.62));
}

body[data-page="delivery"] .delivery-katt-door-preview-grid strong {
  font-size: 0.98rem;
  color: var(--text-primary, #fff);
}

body[data-page="collections-labour"] .labour-day-item-form label[hidden] {
  display: none !important;
}

body[data-page="collections-labour"] .labour-day-item-form input[readonly] {
  background: rgba(255, 255, 255, 0.05);
  color: var(--text-muted, rgba(255, 255, 255, 0.72));
}

@media (max-width: 980px) {
  body[data-page="delivery"] .delivery-katt-door-grid,
  body[data-page="delivery"] .delivery-katt-door-preview-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Builty New Booking stays inside the shared app shell. Printed builty chrome is
   reserved for the print layout, not the working data-entry screen. */
body[data-builty-entry-layout="book"] .builty-entry-page {
  display: grid;
  gap: 8px;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 14px;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

body[data-builty-entry-layout="book"] .builty-entry-form {
  display: grid;
  gap: 6px;
  grid-template-rows: auto minmax(0, 1fr) auto;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

body[data-builty-entry-layout="book"] .page-section.builty-entry-page {
  overflow: hidden;
  padding-right: 0;
}

body[data-builty-entry-layout="book"] .builty-entry-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px;
}

body[data-builty-entry-layout="book"] .builty-entry-topline h3 {
  margin: 0;
}

body[data-builty-entry-layout="book"] .builty-entry-record-tools {
  position: relative;
  display: grid;
  justify-items: end;
  gap: 8px;
  min-width: min(100%, 290px);
}

body[data-builty-entry-layout="book"] .builty-entry-record-buttons {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

body[data-builty-entry-layout="book"] .builty-entry-record-buttons .is-active {
  border-color: color-mix(in srgb, var(--accent) 52%, transparent 48%);
  background: color-mix(in srgb, var(--accent) 18%, white 82%);
  color: var(--text-main);
}

body[data-builty-entry-layout="book"] .builty-entry-gr-allotment {
  margin: 0;
  padding: 8px 12px;
  border: 1px solid var(--shell-border);
  border-radius: 999px;
  background: color-mix(in srgb, var(--field-bg) 86%, white 14%);
  color: var(--text-main);
  font-size: 0.86rem;
  font-weight: 800;
}

body[data-builty-entry-layout="book"] .builty-entry-old-records-panel {
  display: grid;
  gap: 12px;
  padding: 14px;
}

body[data-builty-entry-layout="book"] .builty-old-records-table {
  max-height: min(44vh, 430px);
  overflow: auto;
}

body[data-builty-entry-layout="book"] .is-selected-row {
  background: color-mix(in srgb, var(--accent) 12%, transparent 88%);
}

body[data-builty-entry-layout="book"] .builty-entry-fixed-fields {
  display: grid;
  grid-template-columns: minmax(140px, 0.55fr) minmax(150px, 0.65fr) minmax(170px, 0.75fr);
  gap: 10px;
  align-items: end;
  min-width: 0;
}

body[data-builty-entry-layout="book"] .builty-entry-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
}

body[data-builty-entry-layout="book"] .builty-entry-options-wrap {
  position: relative;
  display: flex;
  justify-content: flex-end;
  flex: 0 0 auto;
}

body[data-builty-entry-layout="book"] .builty-entry-options-panel {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 8;
  min-width: 220px;
  padding: 10px 12px;
  border: 1px solid var(--shell-border-strong);
  border-radius: 14px;
  background: var(--shell-surface-strong);
  box-shadow: 0 18px 40px rgba(24, 38, 66, 0.16);
}

body[data-builty-entry-layout="book"] .builty-entry-options-panel label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-main);
  font-size: 0.86rem;
  font-weight: 700;
}

body[data-builty-entry-layout="book"] .builty-entry-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(290px, 0.34fr);
  gap: 14px;
  align-items: start;
}

body[data-builty-entry-layout="book"] .builty-entry-main,
body[data-builty-entry-layout="book"] .builty-entry-summary {
  padding: 14px;
}

body[data-builty-entry-layout="book"] .builty-entry-main {
  display: grid;
  gap: 16px;
}

body[data-builty-entry-layout="book"] .builty-entry-grid {
  display: grid;
  gap: 10px;
  padding-top: 2px;
}

body[data-builty-entry-layout="book"] .builty-entry-grid + .builty-entry-grid {
  padding-top: 16px;
  border-top: 1px solid var(--shell-border, rgba(109, 74, 60, 0.12));
}

body[data-builty-entry-layout="book"] .builty-entry-grid--party {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body[data-builty-entry-layout="book"] .builty-entry-grid--optional {
  grid-template-columns: minmax(180px, 0.32fr);
}

body[data-builty-entry-layout="book"] .builty-entry-grid--goods {
  grid-template-columns: minmax(220px, 1.5fr) repeat(4, minmax(92px, 0.58fr));
}

body[data-builty-entry-layout="book"] .builty-entry-grid--charges {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body[data-builty-entry-layout="book"] .builty-entry-field {
  display: grid;
  position: relative;
  gap: 2px;
  min-width: 0;
  margin: 0;
}

body[data-builty-entry-layout="book"] .builty-entry-field > span,
body[data-builty-entry-layout="book"] .builty-entry-status > span {
  color: var(--text-soft);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.05;
}

body[data-builty-entry-layout="book"] .builty-required-label b {
  color: #d92d20;
  font-size: 1rem;
  line-height: 0;
}

body[data-builty-entry-layout="book"] .builty-entry-field input,
body[data-builty-entry-layout="book"] .builty-entry-field select {
  width: 100%;
  min-width: 0;
  min-height: 34px;
  border: 1px solid var(--field-border);
  border-radius: 8px;
  background: var(--field-bg);
  color: var(--text-main);
  box-shadow: none;
  font: inherit;
  font-size: 0.94rem;
  padding: 6px 9px;
}

body[data-builty-entry-layout="book"] .builty-entry-field input:focus,
body[data-builty-entry-layout="book"] .builty-entry-field select:focus {
  border-color: rgba(27, 127, 174, 0.48);
  box-shadow: 0 0 0 3px rgba(27, 127, 174, 0.12);
  outline: none;
}

body[data-builty-entry-layout="book"] .builty-entry-field input[readonly] {
  background: color-mix(in srgb, var(--field-bg) 76%, var(--shell-surface-muted) 24%);
  color: var(--text-main);
  font-weight: 800;
}

body[data-builty-entry-layout="book"] .builty-suggest-menu {
  top: calc(100% + 4px);
  z-index: 95;
  max-height: min(230px, 42vh);
}

body[data-builty-entry-layout="book"] .builty-book-freight-panel .builty-freight-field .builty-suggest-menu {
  left: calc(94px + 8px);
}

body[data-builty-entry-layout="book"] .builty-entry-field--wide,
body[data-builty-entry-layout="book"] .builty-entry-field--description {
  grid-column: span 2;
}

body[data-builty-entry-layout="book"] .builty-entry-number {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

body[data-builty-entry-layout="book"] .builty-entry-status {
  display: grid;
  gap: 5px;
}

body[data-builty-entry-layout="book"] .builty-entry-auto-pill {
  display: grid;
  gap: 5px;
}

body[data-builty-entry-layout="book"] .builty-entry-auto-pill span {
  color: var(--text-soft);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

body[data-builty-entry-layout="book"] .builty-entry-auto-pill strong {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  width: 100%;
  padding: 8px 12px;
  border: 1px solid var(--field-border);
  border-radius: 11px;
  background: color-mix(in srgb, var(--field-bg) 76%, var(--shell-surface-muted) 24%);
  color: var(--text-main);
  font-variant-numeric: tabular-nums;
}

body[data-builty-entry-layout="book"] .builty-entry-status strong {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  width: 100%;
  padding: 8px 12px;
  border: 1px solid rgba(23, 133, 89, 0.24);
  border-radius: 11px;
  background: rgba(23, 133, 89, 0.1);
  color: #176b49;
}

body[data-builty-entry-layout="book"] .builty-entry-summary {
  position: sticky;
  top: 72px;
  display: grid;
  gap: 12px;
}

body[data-builty-entry-layout="book"] .builty-entry-summary .summary-row {
  border-radius: 12px;
}

body[data-builty-entry-layout="book"] .builty-entry-bottom-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 12px;
}

body[data-builty-entry-layout="book"] .builty-book-upper {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 6px 10px;
  padding: 8px 10px;
  align-items: end;
}

body[data-builty-entry-layout="book"] .builty-book-upper .builty-entry-field:nth-last-child(1):nth-child(odd) {
  max-width: none;
}

body[data-builty-entry-layout="book"] .builty-entry-old-record-action {
  grid-column: 10 / -1;
  grid-row: 1;
  display: grid;
  grid-template-columns: minmax(110px, 0.55fr) minmax(160px, 1fr);
  gap: 6px;
  align-self: end;
  justify-self: end;
  width: 100%;
}

body[data-builty-entry-layout="book"] .builty-entry-old-record-action button {
  min-height: 34px;
  min-width: 116px;
}

body[data-builty-entry-layout="book"] .builty-old-record-select {
  min-height: 34px;
  border: 1px solid var(--field-border);
  border-radius: 8px;
  background: var(--field-bg);
  color: var(--text-main);
  font-size: 0.88rem;
}

body[data-builty-entry-layout="book"] .builty-gr-processing-view {
  grid-column: 1 / -1;
  min-height: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 3px 10px;
  border: 1px solid var(--shell-border);
  border-radius: 9px;
  background: color-mix(in srgb, var(--field-bg) 88%, white 12%);
  color: var(--text-main);
  font-variant-numeric: tabular-nums;
}

body[data-builty-entry-layout="book"] .builty-gr-processing-view span {
  color: var(--text-soft);
  font-size: 0.72rem;
  font-weight: 800;
}

body[data-builty-entry-layout="book"] .builty-gr-processing-view strong {
  font-size: 1rem;
  font-weight: 900;
}

body[data-builty-entry-layout="book"] .builty-field-party {
  grid-column: span 3;
}

body[data-builty-entry-layout="book"] .builty-field-gst,
body[data-builty-entry-layout="book"] .builty-field-transit,
body[data-builty-entry-layout="book"] .builty-field-small,
body[data-builty-entry-layout="book"] .builty-field-type {
  grid-column: span 2;
}

body[data-builty-entry-layout="book"] .builty-field-eway,
body[data-builty-entry-layout="book"] .builty-field-delivery {
  grid-column: span 3;
}

body[data-builty-entry-layout="book"] .builty-field-consigner {
  grid-column: 1 / 5;
  grid-row: 1;
}

body[data-builty-entry-layout="book"] .builty-field-consignor-gst {
  grid-column: 5 / 8;
  grid-row: 1;
}

body[data-builty-entry-layout="book"] .builty-field-from {
  grid-column: 8 / 10;
  grid-row: 1;
}

body[data-builty-entry-layout="book"] .builty-field-consignee {
  grid-column: 1 / 5;
  grid-row: 2;
}

body[data-builty-entry-layout="book"] .builty-field-consignee-gst {
  grid-column: 5 / 8;
  grid-row: 2;
}

body[data-builty-entry-layout="book"] .builty-field-to {
  grid-column: 8 / 10;
  grid-row: 2;
}

body[data-builty-entry-layout="book"] .builty-field-invoice-no {
  grid-column: 1 / 3;
  grid-row: 3;
}

body[data-builty-entry-layout="book"] .builty-field-invoice-date {
  grid-column: 3 / 5;
  grid-row: 3;
}

body[data-builty-entry-layout="book"] .builty-field-eway {
  grid-column: 5 / 8;
  grid-row: 3;
}

body[data-builty-entry-layout="book"] .builty-field-delivery {
  grid-column: 8 / 11;
  grid-row: 3;
}

body[data-builty-entry-layout="book"] .builty-field-type {
  grid-column: 11 / -1;
  grid-row: 3;
}

body[data-builty-entry-layout="book"] .builty-entry-old-records-panel--inline {
  padding: 10px 12px;
}

body[data-builty-entry-layout="book"] .builty-book-lower {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(280px, 3fr);
  gap: 8px;
  align-items: stretch;
  align-self: stretch;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

body[data-builty-entry-layout="book"] .builty-book-goods-panel,
body[data-builty-entry-layout="book"] .builty-book-freight-panel {
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 8px 10px;
  align-self: stretch;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

body[data-builty-entry-layout="book"] .builty-book-goods-panel {
  grid-template-rows: auto minmax(0, 1fr);
  align-content: stretch;
}

body[data-builty-entry-layout="book"] .builty-book-freight-panel .builty-freight-field {
  grid-template-columns: minmax(94px, 0.74fr) minmax(0, 1fr);
  grid-template-rows: auto;
  align-items: center;
  gap: 8px;
}

body[data-builty-entry-layout="book"] .builty-book-freight-panel .builty-freight-field > span {
  margin: 0;
}

body[data-builty-entry-layout="book"] .builty-book-freight-panel .builty-freight-remarks {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: 2px;
}

body[data-builty-entry-layout="book"] .builty-goods-entry-row {
  display: grid;
  grid-template-columns: minmax(58px, 0.44fr) minmax(140px, 1.45fr) minmax(82px, 0.62fr) minmax(82px, 0.62fr) minmax(92px, 0.7fr) minmax(92px, 0.68fr);
  gap: 6px;
  padding: 6px;
  border: 1px solid var(--shell-border);
  border-radius: 12px;
  background: color-mix(in srgb, var(--field-bg) 86%, white 14%);
}

body[data-builty-entry-layout="book"] .builty-goods-list-shell {
  min-height: 0;
  height: auto;
  align-self: stretch;
  max-height: none;
  overflow: auto;
  padding: 7px;
  border: 1px solid var(--shell-border);
  border-radius: 13px;
  background: color-mix(in srgb, var(--shell-surface) 82%, white 18%);
}

body[data-builty-entry-layout="book"] .builty-goods-empty {
  min-height: 100%;
  display: grid;
  place-items: center;
  margin: 0;
  color: var(--text-muted);
  text-align: center;
  border: 1px dashed var(--shell-border-strong);
  border-radius: 16px;
}

body[data-builty-entry-layout="book"] .builty-goods-list {
  display: grid;
  min-height: 100%;
  align-content: start;
  gap: 6px;
}

body[data-builty-entry-layout="book"] .builty-goods-row {
  display: grid;
  grid-template-columns: auto minmax(48px, 0.35fr) minmax(150px, 1.55fr) minmax(112px, 0.85fr) minmax(126px, 1fr) minmax(88px, 0.64fr) auto;
  gap: 6px;
  align-items: center;
  padding: 6px 8px;
  border: 1px solid var(--shell-border);
  border-radius: 10px;
  background: var(--field-bg);
}

body[data-builty-entry-layout="book"] .builty-goods-row-index {
  width: 23px;
  height: 23px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent) 18%, white 82%);
  color: var(--text-main);
  font-weight: 800;
}

body[data-builty-entry-layout="book"] .builty-goods-particular {
  color: var(--text-main);
  font-weight: 800;
}

body[data-builty-entry-layout="book"] .builty-goods-rate-type {
  color: var(--text-soft);
  font-size: 0.84rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

body[data-builty-entry-layout="book"] .builty-goods-actions {
  display: inline-flex;
  justify-content: flex-end;
  gap: 5px;
}

body[data-builty-entry-layout="book"] .builty-goods-icon-button {
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 1px solid var(--shell-border);
  border-radius: 8px;
  background: color-mix(in srgb, var(--field-bg) 90%, white 10%);
  color: var(--text-main);
}

body[data-builty-entry-layout="book"] .builty-goods-icon-button svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
}

body[data-builty-entry-layout="book"] .builty-goods-icon-button.is-danger {
  color: #b42318;
  border-color: rgba(180, 35, 24, 0.22);
  background: rgba(180, 35, 24, 0.06);
}

body[data-builty-entry-layout="book"] .builty-book-totals {
  display: grid;
  gap: 4px;
  min-height: 140px;
  padding: 8px 10px;
  border: 1px solid var(--shell-border);
  border-radius: 12px;
  background: color-mix(in srgb, var(--field-bg) 88%, white 12%);
}

body[data-builty-entry-layout="book"] .builty-book-totals > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 6px 0;
  border-bottom: 1px dashed color-mix(in srgb, var(--shell-border-strong) 62%, transparent 38%);
}

body[data-builty-entry-layout="book"] .builty-book-totals > div:last-child {
  border-bottom: 0;
}

body[data-builty-entry-layout="book"] .builty-book-totals span {
  color: var(--text-soft);
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

body[data-builty-entry-layout="book"] .builty-book-totals strong {
  color: var(--text-main);
  font-size: 1.08rem;
}

body[data-builty-entry-layout="book"] .builty-book-totals .is-total {
  padding: 13px 12px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--accent) 20%, white 80%);
}

body[data-builty-entry-layout="book"] .builty-book-totals .is-total strong {
  font-size: 1.28rem;
}

body[data-builty-entry-layout="book"] .builty-book-footer {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(280px, 3fr);
  gap: 8px;
  align-items: end;
}

body[data-builty-entry-layout="book"] .builty-book-footer-main,
body[data-builty-entry-layout="book"] .builty-book-footer-actions {
  padding: 8px 10px;
  border: 1px solid var(--shell-border);
  border-radius: 14px;
  background: var(--shell-surface);
}

body[data-builty-entry-layout="book"] .builty-book-footer-main {
  display: grid;
  gap: 8px;
}

body[data-builty-entry-layout="book"] .builty-book-footer-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  position: relative;
}

body[data-builty-entry-layout="book"] .builty-book-footer-actions button {
  width: 100%;
}

body[data-builty-entry-layout="book"] .builty-entry-options-panel--footer {
  position: absolute;
  right: 12px;
  bottom: calc(100% + 8px);
  z-index: 20;
  width: min(280px, calc(100% - 24px));
  min-width: 0;
  box-shadow: 0 18px 42px rgba(24, 38, 66, 0.18);
}

body[data-builty-entry-layout="book"] .builty-options-note {
  margin: 8px 0 0;
  color: var(--text-soft);
  font-size: 0.76rem;
  line-height: 1.35;
}

body[data-builty-entry-layout="book"] .builty-options-save-btn {
  margin-top: 10px;
  min-height: 34px;
  font-size: 0.82rem;
}

body[data-builty-entry-layout="book"] .builty-book-total-strip {
  display: grid;
  grid-template-columns: minmax(168px, 1.2fr) repeat(5, minmax(78px, 1fr));
  align-items: end;
  gap: 8px;
  min-height: 42px;
  padding: 6px 10px;
  border: 1px solid color-mix(in srgb, var(--accent) 34%, var(--shell-border) 66%);
  border-radius: 10px;
  background: color-mix(in srgb, var(--accent) 26%, white 74%);
  color: var(--text-main);
}

body[data-builty-entry-layout="book"] .builty-book-total-title {
  align-self: center;
  font-size: 1rem;
  font-weight: 800;
}

body[data-builty-entry-layout="book"] .builty-book-total-cell {
  display: grid;
  justify-items: end;
  gap: 1px;
  font-variant-numeric: tabular-nums;
}

body[data-builty-entry-layout="book"] .builty-book-total-cell strong {
  color: var(--text-main);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1;
}

body[data-builty-entry-layout="book"] .builty-book-total-cell span {
  color: var(--text-soft);
  font-size: 0.74rem;
  font-weight: 700;
  line-height: 1.1;
}

@media screen and (max-width: 1280px) {
  body[data-builty-entry-layout="book"] .builty-entry-layout {
    grid-template-columns: 1fr;
  }

  body[data-builty-entry-layout="book"] .builty-book-upper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body[data-builty-entry-layout="book"] .builty-entry-summary {
    position: static;
  }
}

@media screen and (max-width: 900px) {
  body[data-builty-entry-layout="book"] .builty-entry-topline {
    display: grid;
  }

  body[data-builty-entry-layout="book"] .builty-entry-fixed-fields,
  body[data-builty-entry-layout="book"] .builty-entry-grid--optional,
  body[data-builty-entry-layout="book"] .builty-entry-grid--party,
  body[data-builty-entry-layout="book"] .builty-entry-grid--goods,
  body[data-builty-entry-layout="book"] .builty-entry-grid--charges,
  body[data-builty-entry-layout="book"] .builty-book-upper,
  body[data-builty-entry-layout="book"] .builty-book-lower,
  body[data-builty-entry-layout="book"] .builty-goods-entry-row,
  body[data-builty-entry-layout="book"] .builty-goods-row,
  body[data-builty-entry-layout="book"] .builty-book-footer {
    grid-template-columns: 1fr;
  }

  body[data-builty-entry-layout="book"] .builty-goods-list-shell {
    max-height: none;
  }

body[data-builty-entry-layout="book"] .builty-entry-field--wide,
body[data-builty-entry-layout="book"] .builty-entry-field--description {
  grid-column: auto;
}
}

body[data-builty-entry-layout="book"] .builty-entry-options-panel label,
body[data-page="create-challan"] .create-challan-options-panel label {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  cursor: pointer;
  line-height: 1.25 !important;
}

body[data-builty-entry-layout="book"] .builty-entry-options-panel input[type="checkbox"],
body[data-page="create-challan"] .create-challan-options-panel input[type="checkbox"] {
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  width: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  height: 16px !important;
  min-height: 16px !important;
  max-height: 16px !important;
  flex: 0 0 16px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 2px !important;
  background: initial !important;
  box-shadow: none !important;
  accent-color: var(--ui-primary, var(--accent, #1f4ed8));
  cursor: pointer;
}

body[data-builty-entry-layout="book"] .builty-entry-options-panel input[type="checkbox"]:disabled,
body[data-page="create-challan"] .create-challan-options-panel input[type="checkbox"]:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

body[data-page="builty-generate-from-received-gr"] .builty-entry-options-panel label {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
}

body[data-page="builty-generate-from-received-gr"] .builty-entry-options-panel input[type="checkbox"] {
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  display: inline-block !important;
  width: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  height: 16px !important;
  min-height: 16px !important;
  max-height: 16px !important;
  flex: 0 0 16px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 2px !important;
  background: initial !important;
  box-shadow: none !important;
  accent-color: var(--ui-primary, var(--accent, #1f4ed8)) !important;
  cursor: pointer !important;
}

body[data-page="builty-generate-from-received-gr"] #builtyReceivedGrForm .builty-entry-options-panel--footer {
  width: min(320px, calc(100vw - 32px)) !important;
  overflow: visible !important;
}

body[data-page="builty-generate-from-received-gr"] #builtyReceivedGrForm .builty-entry-options-panel--footer label {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  min-height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body[data-page="builty-generate-from-received-gr"] #builtyReceivedGrForm .builty-entry-options-panel--footer label > input[type="checkbox"] {
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  display: inline-block !important;
  inline-size: 16px !important;
  block-size: 16px !important;
  width: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  height: 16px !important;
  min-height: 16px !important;
  max-height: 16px !important;
  flex: 0 0 16px !important;
  padding: 0 !important;
  margin: 0 !important;
  transform: none !important;
  background: initial !important;
  box-shadow: none !important;
}

body[data-theme="light"] {
  --rail-expanded: 246px;
  --rail-collapsed: 76px;
  --app-bg: #f5f7fb;
  --app-surface: #ffffff;
  --app-surface-soft: #f7faff;
  --app-border: #dbe3ef;
  --app-border-strong: #cfd9ea;
  --app-text-main: #182132;
  --app-text-soft: #64748b;
  --app-shadow-soft: 0 10px 24px rgba(15, 23, 42, 0.05);
}

body[data-theme="dark"] {
  --rail-expanded: 246px;
  --rail-collapsed: 76px;
  --app-bg: #0f1726;
  --app-surface: #172233;
  --app-surface-soft: #1d2a3d;
  --app-border: rgba(208, 228, 255, 0.12);
  --app-border-strong: rgba(208, 228, 255, 0.18);
  --app-text-main: #eef4fb;
  --app-text-soft: #9fb0c5;
  --app-shadow-soft: 0 18px 32px rgba(0, 0, 0, 0.22);
}

body[data-theme] {
  background: var(--app-bg);
  color: var(--app-text-main);
}

body[data-theme] .bg-orb,
body[data-theme] .bg-grid {
  opacity: 0.28;
}

body[data-theme] .app-shell {
  display: grid;
  grid-template-columns: var(--rail-expanded) minmax(0, 1fr);
  min-height: 100vh;
  gap: 0;
  align-items: stretch;
}

body[data-theme].is-sidebar-collapsed .app-shell {
  grid-template-columns: var(--rail-collapsed) minmax(0, 1fr);
}

body[data-theme] .side-rail {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
  height: 100vh;
  padding: 18px 16px;
  margin: 0;
  border: 0;
  border-right: 1px solid var(--app-border);
  border-radius: 0;
  background: color-mix(in srgb, var(--app-surface) 96%, transparent 4%);
  box-shadow: none;
  overflow: hidden;
  z-index: 25;
}

body[data-theme] .side-rail-top,
body[data-theme] .side-rail-bottom {
  display: grid;
  gap: 14px;
}

body[data-theme] .side-rail-bottom {
  margin-top: auto;
}

body[data-theme] .rail-profile-card,
body[data-theme] .rail-session-card,
body[data-theme] .rail-theme-card,
body[data-theme] .rail-nav-group {
  border: 1px solid var(--app-border);
  border-radius: 18px;
  background: var(--app-surface);
  box-shadow: var(--app-shadow-soft);
}

body[data-theme] .rail-profile-card {
  align-items: center;
  padding: 14px;
}

body[data-theme] .rail-profile-copy strong,
body[data-theme] .rail-session-copy strong {
  color: var(--app-text-main);
}

body[data-theme] .rail-profile-copy span,
body[data-theme] .rail-profile-copy p,
body[data-theme] .rail-session-copy span,
body[data-theme] .rail-mini-label,
body[data-theme] .backend-source-meta,
body[data-theme] .nav-copy small,
body[data-theme] .section-copy,
body[data-theme] .table-note,
body[data-theme] .eyebrow {
  color: var(--app-text-soft);
}

body[data-theme] .rail-source-status {
  gap: 4px;
}

body[data-theme] .rail-session-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 12px 14px;
}

body[data-theme] .rail-session-avatar {
  inline-size: 42px;
  block-size: 42px;
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(135deg, #4b68ff 0%, #7695ff 100%);
}

body[data-theme] .rail-session-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

body[data-theme] .rail-session-copy strong,
body[data-theme] .rail-session-copy span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-theme] .rail-nav-group {
  padding: 10px;
  gap: 8px;
}

body[data-theme] .nav-link,
body[data-theme] .admin-settings-nav-item,
body[data-theme] .admin-settings-inline-link,
body[data-theme] .admin-settings-quick-action {
  transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

body[data-theme] .nav-link {
  border: 1px solid transparent;
  border-radius: 14px;
  background: transparent;
}

body[data-theme] .nav-link strong {
  color: var(--app-text-main);
}

body[data-theme] .nav-link:hover,
body[data-theme] .nav-link.is-active {
  border-color: color-mix(in srgb, var(--accent) 30%, var(--app-border) 70%);
  background: color-mix(in srgb, var(--accent) 14%, var(--app-surface) 86%);
}

body[data-theme] .rail-toggle,
body[data-theme] .shell-menu-button,
body[data-theme] .topbar-notice-button,
body[data-theme] .shell-profile-button {
  border: 1px solid var(--app-border);
  background: var(--app-surface);
  color: var(--app-text-main);
  box-shadow: none;
}

body[data-theme] .workspace {
  min-width: 0;
  padding: 0;
  background: transparent;
}

body[data-theme] .topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.95fr) auto;
  align-items: center;
  gap: 18px;
  min-height: 58px;
  margin: 0;
  padding: 0 24px;
  border: 0;
  border-bottom: 1px solid var(--app-border);
  border-radius: 0;
  background: color-mix(in srgb, var(--app-surface) 92%, transparent 8%);
  box-shadow: none;
  backdrop-filter: blur(14px);
}

body[data-theme] .topbar-left,
body[data-theme] .topbar-right {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

body[data-theme] .topbar-right {
  justify-self: end;
}

body[data-theme] .topbar-center {
  width: min(100%, 720px);
  justify-self: center;
}

body[data-theme] .title-block h2,
body[data-theme] .page-section h2,
body[data-theme] .page-section h3,
body[data-theme] .page-section strong {
  color: var(--app-text-main);
}

body[data-theme] .shell-menu-button {
  display: none;
}

body[data-theme] .topbar-date {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 230px;
  min-height: 28px;
  padding: 0 12px;
  border: 1px solid var(--app-border);
  border-radius: 999px;
  background: var(--app-surface-soft);
  color: var(--app-text-main);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  box-shadow: none;
}

body[data-theme] .topbar-search-shell {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 12px;
  min-height: 46px;
  min-width: 0;
  padding: 0 14px;
  border: 1px solid var(--app-border);
  border-radius: 16px;
  background: var(--app-surface-soft);
}

body[data-theme] .topbar-search-icon {
  inline-size: 18px;
  block-size: 18px;
  color: var(--app-text-soft);
}

body[data-theme] .topbar-search-icon svg {
  display: block;
  width: 18px;
  height: 18px;
  stroke: currentColor;
  stroke-width: 1.8;
  fill: none;
}

body[data-theme] .topbar-search-input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--app-text-main);
  font: inherit;
}

body[data-theme] .topbar-search-input::placeholder {
  color: var(--app-text-soft);
}

body[data-theme] .topbar-search-shortcut {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: end;
  flex: 0 0 auto;
  min-width: 54px;
  min-height: 28px;
  padding: 0 8px;
  border: 1px solid var(--app-border);
  border-radius: 999px;
  background: var(--app-surface);
  color: var(--app-text-soft);
  font-size: 0.74rem;
  font-weight: 700;
}

body[data-theme] .topbar-status-badge,
body[data-theme] .topbar-notice-button {
  min-height: 34px;
  border-radius: 999px;
}

body[data-theme] .topbar-status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border: 1px solid var(--app-border);
  background: var(--app-surface-soft);
  color: var(--app-text-main);
  font-size: 0.82rem;
  font-weight: 700;
}

body[data-theme] .topbar-notice-button {
  position: relative;
  inline-size: 34px;
  block-size: 34px;
  display: inline-grid;
  place-items: center;
  color: var(--app-text-main);
  text-decoration: none;
}

body[data-theme] .topbar-notice-icon svg,
body[data-theme] .shell-profile-avatar svg {
  inline-size: 14px;
  block-size: 14px;
}

body[data-theme] .shell-profile-button {
  inline-size: 34px;
  block-size: 34px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border-radius: 50%;
}

body[data-theme] .shell-profile-avatar {
  inline-size: 28px;
  block-size: 28px;
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, #4b68ff 0%, #7695ff 100%);
  font-weight: 800;
}

body[data-theme] .page-section {
  padding: 24px;
}

body[data-theme] .panel,
body[data-theme] .glass-panel,
body[data-theme] .glass-strong,
body[data-theme] .modal-card,
body[data-theme] .page-section > article {
  border: 1px solid var(--app-border);
  border-radius: 18px;
  background: var(--app-surface);
  box-shadow: var(--app-shadow-soft);
}

body[data-theme] .page-section .topbar,
body[data-theme] .page-section .side-rail {
  box-shadow: none;
}

body[data-page="admin-security"] .admin-security-page {
  padding-top: 18px;
}

body[data-page="admin-security"] .admin-settings-shell-v3 {
  display: grid;
  grid-template-columns: minmax(240px, 260px) minmax(0, 1fr) minmax(240px, 280px);
  gap: 0;
  align-items: start;
}

body[data-page="admin-security"] .admin-settings-secondary-rail-v3,
body[data-page="admin-security"] .admin-settings-help-panel,
body[data-page="admin-security"] .admin-settings-workspace-v3 {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-page="admin-security"] .admin-settings-secondary-rail-v3,
body[data-page="admin-security"] .admin-settings-help-panel {
  position: sticky;
  top: 96px;
  max-height: calc(100vh - 112px);
  overflow: visible;
}

body[data-page="admin-security"] .admin-settings-secondary-rail-v3 {
  padding: 6px 18px 0 0;
  display: grid;
  gap: 16px;
  border-right: 1px solid var(--app-border);
}

body[data-page="admin-security"] .admin-settings-sidebar-scroll {
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;
}

body[data-page="admin-security"] .admin-settings-nav-group {
  display: grid;
  gap: 8px;
  margin-bottom: 14px;
}

body[data-page="admin-security"] .admin-settings-nav-group-title {
  color: var(--app-text-soft);
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body[data-page="admin-security"] .admin-settings-nav-list {
  display: grid;
  gap: 6px;
}

body[data-page="admin-security"] .settings-nav-row,
body[data-page="admin-security"] .settings-nav-row,
body[data-page="admin-security"] .admin-settings-secondary-rail-v3 .admin-settings-nav-item:not(.admin-settings-nav-utility),
body[data-page="admin-security"] .settings-favorite-row,
body[data-page="admin-security"] .settings-recent-row {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  min-height: 36px;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent !important;
  color: var(--app-text-main) !important;
  box-shadow: none !important;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

body[data-page="admin-security"] .settings-nav-row:hover,
body[data-page="admin-security"] .settings-nav-row:hover,
body[data-page="admin-security"] .admin-settings-secondary-rail-v3 .admin-settings-nav-item:not(.admin-settings-nav-utility):hover,
body[data-page="admin-security"] .settings-favorite-row:hover,
body[data-page="admin-security"] .settings-recent-row:hover {
  background: color-mix(in srgb, var(--accent) 7%, var(--app-surface) 93%);
  border-color: color-mix(in srgb, var(--accent) 16%, var(--app-border) 84%);
}

body[data-page="admin-security"] .settings-nav-row.is-active,
body[data-page="admin-security"] .settings-nav-row.is-active,
body[data-page="admin-security"] .admin-settings-secondary-rail-v3 .admin-settings-nav-item.is-active {
  background: linear-gradient(135deg, #2f4df5, #5d77ff);
  border-color: #2f4df5;
  color: #ffffff !important;
  font-weight: 700;
}

body[data-page="admin-security"] .admin-settings-nav-item-soft {
  min-height: 34px;
  font-size: 0.88rem;
}

body[data-page="admin-security"] .admin-settings-nav-utility {
  justify-content: flex-start;
  gap: 8px;
}

body[data-page="admin-security"] .settings-favorite-row,
body[data-page="admin-security"] .settings-recent-row {
  font-weight: 600;
}

body[data-page="admin-security"] .admin-settings-nav-utility-icon {
  color: var(--app-text-soft);
  font-size: 0.82rem;
}

body[data-page="admin-security"] .admin-settings-nav-utility-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-page="admin-security"] .admin-settings-workspace-v3 {
  min-width: 0;
  padding: 0 24px;
}

body[data-page="admin-security"] .admin-settings-overview-action {
  border-color: var(--app-border) !important;
  background: var(--app-surface) !important;
  color: var(--app-text-main) !important;
  box-shadow: none !important;
}

body[data-page="admin-security"] .admin-settings-overview-action:hover {
  background: color-mix(in srgb, var(--accent) 5%, var(--app-surface) 95%) !important;
  border-color: color-mix(in srgb, var(--accent) 16%, var(--app-border) 84%) !important;
}

body[data-page="admin-security"] .admin-settings-workspace-header {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--app-border);
}

body[data-page="admin-security"] .admin-settings-workspace-stage {
  display: grid;
  gap: 18px;
  padding-top: 18px;
  min-height: auto;
  overflow: visible;
}

body[data-page="admin-security"] .admin-settings-stage-panel[hidden] {
  display: none !important;
}

body[data-page="admin-security"] .admin-settings-overview-head,
body[data-page="admin-security"] .admin-settings-group-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

body[data-page="admin-security"] .admin-settings-overview-grid,
body[data-page="admin-security"] .admin-settings-eway-cards,
body[data-page="eway-queries"] .eway-queries-foundation-grid,
body[data-page="directory"] .directory-stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 14px;
}

body[data-page="admin-security"] .admin-settings-status-card,
body[data-page="directory"] .directory-stat-card {
  display: grid;
  gap: 8px;
  padding: 18px;
  border: 1px solid var(--app-border);
  border-radius: 16px;
  background: var(--app-surface);
}

body[data-page="admin-security"] .admin-settings-status-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

body[data-page="admin-security"] .admin-settings-status-card-title {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

body[data-page="admin-security"] .admin-settings-status-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--ui-primary, #2f4df5) 12%, var(--app-surface) 88%);
  color: var(--ui-primary, #2f4df5);
}

body[data-page="admin-security"] .admin-settings-status-card-head small {
  color: var(--ui-primary, #2f4df5);
  font-size: 0.78rem;
  font-weight: 700;
}

body[data-page="admin-security"] .admin-settings-status-card-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

body[data-page="admin-security"] .admin-settings-status-card span,
body[data-page="directory"] .directory-stat-card span {
  color: var(--app-text-soft);
  font-size: 0.8rem;
  font-weight: 700;
}

body[data-page="admin-security"] .admin-settings-status-card strong,
body[data-page="directory"] .directory-stat-card strong {
  font-size: 1.15rem;
}

body[data-page="admin-security"] .admin-settings-status-card-meta {
  margin: 0;
  color: var(--app-text-soft);
  font-size: 0.84rem;
}

body[data-page="admin-security"] .admin-settings-overview-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

body[data-page="admin-security"] .admin-settings-overview-card,
body[data-page="admin-security"] .admin-settings-placeholder-card,
body[data-page="admin-security"] .admin-settings-help-card {
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid var(--app-border);
  border-radius: 18px;
  background: var(--app-surface);
}

body[data-page="admin-security"] .admin-settings-overview-list,
body[data-page="admin-security"] .admin-settings-search-results,
body[data-page="admin-security"] .admin-settings-placeholder-list {
  display: grid;
  gap: 10px;
}

body[data-page="admin-security"] .admin-settings-list-line {
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  border: 1px solid var(--app-border);
  border-radius: 14px;
  background: var(--app-surface) !important;
  color: var(--app-text-main) !important;
  box-shadow: none !important;
}

body[data-page="admin-security"] .admin-settings-list-line span {
  display: block;
  margin-top: 4px;
  color: var(--app-text-soft);
  font-size: 0.85rem;
}

body[data-page="admin-security"] .admin-settings-quick-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body[data-page="admin-security"] .admin-settings-help-panel {
  padding: 18px 16px;
}

body[data-page="admin-security"] .admin-quick-action-card {
  justify-content: flex-start;
  min-height: 78px;
  padding: 16px;
  border: 1px solid var(--app-border) !important;
  border-radius: 16px;
  background: var(--app-surface) !important;
  color: var(--app-text-main) !important;
  box-shadow: none !important;
}

body[data-page="admin-security"] .admin-quick-action-card:hover {
  background: color-mix(in srgb, var(--accent) 6%, var(--app-surface) 94%) !important;
  border-color: color-mix(in srgb, var(--accent) 18%, var(--app-border) 82%) !important;
}

body[data-page="admin-security"] .admin-settings-quick-action-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  min-height: 34px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--ui-primary, #2f4df5) 12%, var(--app-surface) 88%);
  color: var(--ui-primary, #2f4df5);
}

body[data-page="admin-security"] .admin-settings-quick-action-copy {
  text-align: left;
  font-weight: 700;
}

body[data-page="admin-security"] .admin-settings-list-line-action {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  text-align: left;
}

body[data-page="admin-security"] .needs-attention-row {
  min-height: 56px;
  background: var(--app-surface) !important;
  border: 1px solid var(--app-border) !important;
  box-shadow: none !important;
}

body[data-page="admin-security"] .needs-attention-row:hover {
  background: color-mix(in srgb, var(--accent) 5%, var(--app-surface) 95%) !important;
  border-color: color-mix(in srgb, var(--accent) 16%, var(--app-border) 84%) !important;
}

body[data-page="admin-security"] .admin-settings-list-line-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: rgba(255, 201, 92, 0.18);
  color: #b88300;
  font-size: 0.76rem;
  font-weight: 800;
}

body[data-page="admin-security"] .admin-settings-list-line-icon.is-danger {
  background: rgba(225, 82, 82, 0.16);
  color: #c23a3a;
}

body[data-page="admin-security"] .admin-settings-list-line-icon.is-warning {
  background: rgba(255, 201, 92, 0.18);
  color: #b88300;
}

body[data-page="admin-security"] .admin-settings-list-line-copy {
  min-width: 0;
}

body[data-page="admin-security"] .admin-settings-list-line-chevron,
body[data-page="admin-security"] .admin-settings-inline-link-star {
  color: var(--app-text-soft);
  font-size: 1rem;
}

body[data-page="admin-security"] .admin-settings-list-line-chevron,
body[data-page="admin-security"] .admin-settings-inline-link-star,
body[data-page="admin-security"] .admin-settings-link-chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body[data-page="admin-security"] .admin-settings-list-line-rich {
  gap: 2px;
}

body[data-page="admin-security"] .admin-settings-inline-link-row,
body[data-page="admin-security"] .help-link-row {
  justify-content: space-between;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid var(--app-border) !important;
  border-radius: 12px;
  background: var(--app-surface) !important;
  color: var(--app-text-main) !important;
  box-shadow: none !important;
}

body[data-page="admin-security"] .admin-settings-inline-link-row:hover,
body[data-page="admin-security"] .help-link-row:hover {
  background: color-mix(in srgb, var(--accent) 5%, var(--app-surface) 95%) !important;
}

body[data-page="admin-security"] .help-link-row {
  min-height: 40px;
  padding: 0 10px;
  border-radius: 10px;
}

body[data-page="admin-security"] .admin-settings-shortcut-row,
body[data-page="admin-security"] .admin-settings-system-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid var(--app-border);
}

body[data-page="admin-security"] .admin-settings-shortcut-row:last-child,
body[data-page="admin-security"] .admin-settings-system-row:last-child {
  border-bottom: 0;
}

body[data-page="admin-security"] .admin-settings-shortcut-row span,
body[data-page="admin-security"] .admin-settings-system-row span {
  color: var(--app-text-soft);
}

body[data-page="admin-security"] .admin-settings-shortcut-row strong,
body[data-page="admin-security"] .admin-settings-system-row strong {
  font-size: 0.88rem;
}

body[data-page="admin-security"] .admin-settings-help-links {
  display: grid;
  gap: 8px;
}

body[data-page="admin-security"] .admin-settings-help-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid var(--app-border);
  border-radius: 12px;
  background: var(--app-surface-soft);
  color: var(--app-text-main);
}

body[data-page="admin-security"] .admin-settings-search-result {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  padding: 16px 18px;
  border: 1px solid var(--app-border);
  border-radius: 16px;
  background: var(--app-surface-soft);
}

body[data-page="admin-security"] .admin-settings-search-result span,
body[data-page="admin-security"] .admin-settings-search-result small,
body[data-page="admin-security"] .admin-settings-search-result p,
body[data-page="admin-security"] .admin-settings-search-result-meta span {
  color: var(--app-text-soft);
}

body[data-page="admin-security"] .admin-settings-result-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid var(--app-border);
  background: var(--app-surface);
  font-size: 0.76rem;
  font-weight: 700;
}

body[data-page="admin-security"] .admin-settings-search-result-meta,
body[data-page="admin-security"] .admin-settings-table-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

body[data-page="admin-security"] .admin-settings-detail-shell {
  display: grid;
  gap: 18px;
}

body[data-page="admin-security"] .admin-settings-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--app-text-soft);
  font-size: 0.86rem;
}

body[data-page="admin-security"] .admin-settings-breadcrumb .is-current {
  color: var(--app-text-main);
  font-weight: 700;
}

body[data-page="admin-security"] .admin-settings-breadcrumb-sep {
  color: var(--app-text-soft);
}

body[data-page="admin-security"] .admin-settings-detail-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

body[data-page="admin-security"] .admin-settings-detail-content {
  display: grid;
  gap: 18px;
}

body[data-page="admin-security"] .admin-settings-detail-card {
  display: grid;
  gap: 14px;
  padding: 20px;
  border: 1px solid var(--app-border);
  border-radius: 18px;
  background: var(--app-surface-soft);
}

body[data-page="admin-security"] .admin-settings-detail-grid,
body[data-page="admin-security"] .admin-settings-detail-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

body[data-page="admin-security"] .admin-settings-feature-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
}

body[data-page="admin-security"] .admin-settings-feature-card {
  display: grid;
  gap: 10px;
  padding: 16px;
  border: 1px solid var(--app-border);
  border-radius: 16px;
  background: var(--app-surface);
}

body[data-page="admin-security"] .admin-settings-card-meta {
  margin: 0;
  color: var(--app-text-soft);
  font-size: 0.88rem;
}

body[data-page="admin-security"] .admin-settings-rule-list {
  display: grid;
  gap: 10px;
}

body[data-page="admin-security"] .admin-settings-rule-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  border: 1px solid var(--app-border);
  border-radius: 14px;
  background: var(--app-surface);
}

body[data-page="admin-security"] .admin-settings-rule-row p {
  margin: 4px 0 0;
}

body[data-page="admin-security"] .admin-settings-detail-table-shell {
  overflow: auto;
}

body[data-page="admin-security"] .admin-settings-detail-table-shell table {
  width: 100%;
  min-width: 880px;
}

body[data-page="admin-security"] .admin-settings-matrix-cell {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 52px;
  min-height: 28px;
  border-radius: 999px;
  border: 1px solid var(--app-border);
  background: var(--app-surface);
  color: var(--app-text-soft);
  font-size: 0.76rem;
  font-weight: 700;
}

body[data-page="admin-security"] .admin-settings-matrix-cell.is-allowed {
  border-color: color-mix(in srgb, var(--accent) 32%, var(--app-border) 68%);
  background: color-mix(in srgb, var(--accent) 14%, var(--app-surface) 86%);
  color: var(--app-text-main);
}

body[data-page="admin-security"] .admin-settings-advanced-shell {
  padding: 16px 18px;
  border: 1px solid var(--app-border);
  border-radius: 18px;
  background: var(--app-surface-soft);
}

body[data-page="admin-security"] .admin-settings-advanced-shell summary {
  cursor: pointer;
  font-weight: 700;
}

body[data-page="admin-security"] .admin-settings-detail-advanced {
  padding-top: 14px;
}

body[data-page="admin-security"] .admin-settings-detail-footer {
  position: sticky;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 14px 16px 0;
  background: linear-gradient(180deg, transparent 0%, var(--app-surface) 26%);
}

body[data-page="admin-security"] .admin-settings-template-split {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
  gap: 18px;
}

body[data-page="admin-security"] .admin-settings-template-form,
body[data-page="admin-security"] .admin-settings-template-preview {
  padding: 16px;
  border: 1px solid var(--app-border);
  border-radius: 16px;
  background: var(--app-surface);
}

body[data-page="admin-security"] .admin-settings-template-preview-placeholder {
  display: grid;
  gap: 8px;
  min-height: 220px;
  align-content: start;
}

body[data-page="admin-security"] .admin-settings-help-links .admin-settings-inline-link,
body[data-page="admin-security"] #adminSettingsHelpLinksHost .admin-settings-inline-link {
  justify-content: flex-start;
}

body[data-page="admin-security"] .admin-settings-detail-meta .profile-account-row {
  background: var(--app-surface);
}

body[data-page="directory"] .directory-shell,
body[data-page="eway-queries"] .eway-queries-shell {
  display: grid;
  gap: 18px;
}

body[data-page="directory"] .directory-filters-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

body[data-page="directory"] .directory-filters-grid label {
  display: grid;
  gap: 6px;
  color: var(--app-text-soft);
}

body[data-page="directory"] .directory-table-shell,
body[data-page="eway-queries"] .eway-queries-table-shell {
  overflow: auto;
}

body[data-page="directory"] .directory-table-shell table,
body[data-page="eway-queries"] .eway-queries-table-shell table {
  width: 100%;
  min-width: 1120px;
}

body[data-page="directory"] .directory-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

body[data-page="admin-security"] label,
body[data-page="admin-security"] .table-note,
body[data-page="admin-security"] .eyebrow,
body[data-page="admin-security"] .section-copy,
body[data-page="admin-security"] .admin-settings-rail-head p,
body[data-page="admin-security"] .admin-settings-rail-head .table-note,
body[data-page="admin-security"] .admin-settings-nav-group-title,
body[data-page="admin-security"] .topbar-search-shortcut,
body[data-page="eway-queries"] .table-note,
body[data-page="directory"] .table-note {
  color: var(--app-text-soft) !important;
}

body[data-theme="dark"] .topbar-search-shell,
body[data-theme="dark"] .topbar-date,
body[data-theme="dark"] .topbar-status-badge,
body[data-theme="dark"] .topbar-notice-button,
body[data-theme="dark"] .shell-profile-button,
body[data-theme="dark"] .rail-toggle,
body[data-theme="dark"] .admin-settings-status-card,
body[data-theme="dark"] .directory-stat-card,
body[data-theme="dark"] .admin-settings-overview-card,
body[data-theme="dark"] .admin-settings-placeholder-card,
body[data-theme="dark"] .admin-settings-help-card,
body[data-theme="dark"] .admin-settings-list-line,
body[data-theme="dark"] .admin-settings-search-result,
body[data-theme="dark"] .admin-settings-help-link,
body[data-theme="dark"] .admin-settings-detail-card,
body[data-theme="dark"] .admin-settings-feature-card,
body[data-theme="dark"] .admin-settings-rule-row,
body[data-theme="dark"] .admin-settings-template-form,
body[data-theme="dark"] .admin-settings-template-preview,
body[data-theme="dark"] .admin-settings-advanced-shell {
  background: color-mix(in srgb, var(--app-surface) 86%, black 14%);
}

@media (max-width: 1200px) {
  body[data-page="admin-security"] .admin-settings-shell-v3 {
    grid-template-columns: 240px minmax(0, 1fr);
  }

  body[data-page="admin-security"] .admin-settings-help-panel {
    display: none;
  }
}

@media (max-width: 1080px) {
  body[data-theme] .app-shell {
    grid-template-columns: 1fr;
  }

  body[data-theme] .side-rail {
    position: fixed;
    inset: 0 auto 0 0;
    width: min(320px, 100vw);
    transform: translateX(-100%);
    transition: transform 180ms ease;
    z-index: 60;
  }

  body[data-theme].is-sidebar-open .side-rail {
    transform: translateX(0);
  }

  body[data-theme] .shell-menu-button {
    display: inline-grid;
    inline-size: 40px;
    block-size: 40px;
    place-items: center;
    border-radius: 12px;
  }

  body[data-theme] .topbar {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  body[data-theme] .topbar-center {
    grid-column: 1 / -1;
    order: 3;
    width: 100%;
    padding-bottom: 14px;
  }

  body[data-page="admin-security"] .admin-settings-shell-v3 {
    grid-template-columns: 1fr;
  }

  body[data-page="admin-security"] .admin-settings-secondary-rail-v3,
  body[data-page="admin-security"] .admin-settings-help-panel {
    position: static;
    max-height: none;
  }

  body[data-page="admin-security"] .admin-settings-overview-columns,
  body[data-page="directory"] .directory-filters-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-page="admin-security"] .admin-settings-template-split,
  body[data-page="admin-security"] .admin-settings-detail-grid,
  body[data-page="admin-security"] .admin-settings-detail-meta {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  body[data-theme] .topbar {
    padding-inline: 16px;
  }

  body[data-theme] .page-section {
    padding: 16px;
  }

  body[data-page="admin-security"] .admin-settings-overview-columns,
  body[data-page="directory"] .directory-filters-grid {
    grid-template-columns: 1fr;
  }

  body[data-page="admin-security"] .admin-settings-search-result {
    grid-template-columns: 1fr;
  }

  body[data-page="admin-security"] .admin-settings-detail-head,
  body[data-page="admin-security"] .admin-settings-rule-row {
    flex-direction: column;
  }
}

/* Final shell polish: keep the layout connected instead of stacked floating cards. */
body[data-theme] .app-shell {
  min-height: 100vh !important;
  height: auto !important;
  background: var(--app-bg);
}

body[data-theme] .side-rail {
  top: 0 !important;
  left: 0;
  gap: 14px;
  width: var(--rail-expanded);
  padding: 12px 12px 14px !important;
  border-right: 1px solid var(--app-border-strong) !important;
  background: var(--app-surface) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

body[data-theme] .side-rail-top {
  gap: 12px;
  overflow: auto;
  padding-right: 2px;
}

body[data-theme] .side-rail-bottom {
  gap: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--app-border);
}

body[data-theme] .rail-nav-group {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-theme] .rail-profile-card,
body[data-theme] .rail-session-card,
body[data-theme] .rail-theme-card {
  border: 1px solid var(--app-border) !important;
  background: var(--app-surface-soft) !important;
  box-shadow: none !important;
}

body[data-theme] .rail-profile-card {
  padding: 10px 12px !important;
  gap: 10px;
}

body[data-theme] .rail-profile-avatar {
  inline-size: 38px !important;
  block-size: 38px !important;
  font-size: 0.82rem !important;
}

body[data-theme] .rail-profile-copy {
  gap: 1px;
}

body[data-theme] .rail-profile-copy strong {
  font-size: 0.96rem !important;
}

body[data-theme] .rail-profile-copy span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 0.78rem !important;
}

body[data-theme] .workspace {
  gap: 0 !important;
  min-height: 100vh;
  height: auto !important;
  background: transparent;
}

body[data-theme] .topbar {
  top: 0 !important;
  min-height: 58px !important;
  padding: 8px 24px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--app-border-strong) !important;
  border-radius: 0 !important;
  background: var(--app-surface) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body[data-theme] .topbar-center {
  width: min(100%, 640px) !important;
}

body[data-theme] .topbar-date {
  min-width: 230px;
  min-height: 28px !important;
  padding: 0 12px !important;
  font-size: 0.72rem !important;
  background: var(--app-surface-soft) !important;
  box-shadow: none !important;
}

body[data-theme] .shell-profile-button,
body[data-theme] .topbar-notice-button {
  box-shadow: none !important;
}

body[data-theme] .shell-profile-button {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  border-radius: 50% !important;
}

body[data-theme] .page-section {
  padding: 24px !important;
}

body[data-page="admin-security"] .section-heading {
  display: none;
}

body[data-page="admin-security"] .admin-security-page {
  padding-top: 0 !important;
}

body[data-page="admin-security"] .topbar {
  grid-template-columns: minmax(220px, 1fr) minmax(560px, 720px) auto !important;
}

body[data-page="admin-security"] .topbar-center {
  width: min(100%, 720px) !important;
  max-width: 720px;
}

body[data-page="admin-security"] .topbar-search-shell {
  width: 100%;
  min-height: 48px;
  padding: 0 16px;
  border-radius: 14px;
  background: var(--app-surface-soft) !important;
}

body[data-page="admin-security"] .admin-settings-shell-v3 {
  grid-template-columns: 248px minmax(0, 1fr) minmax(240px, 280px);
  gap: 0 !important;
  align-items: stretch;
  min-height: calc(100vh - var(--ui-topbar-height, 58px) - 48px);
}

body[data-page="admin-security"] .admin-settings-secondary-rail-v3,
body[data-page="admin-security"] .admin-settings-workspace-v3,
body[data-page="admin-security"] .admin-settings-help-panel {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-page="admin-security"] .admin-settings-secondary-rail-v3 {
  position: sticky;
  top: 0;
  align-self: start;
  max-height: none !important;
  padding: 0 18px 0 0 !important;
  border-right: 1px solid var(--app-border) !important;
}

body[data-page="admin-security"] .admin-settings-rail-head {
  padding: 6px 0 14px;
}

body[data-page="admin-security"] .admin-settings-sidebar-scroll {
  padding-right: 6px;
}

body[data-page="admin-security"] .admin-settings-nav-group {
  gap: 6px;
  margin: 0 0 14px;
}

body[data-page="admin-security"] .admin-settings-nav-group-title {
  font-size: 0.72rem;
  letter-spacing: 0.12em;
}

body[data-page="admin-security"] .admin-settings-secondary-rail-v3 .admin-settings-nav-item:not(.admin-settings-nav-utility),
body[data-page="admin-security"] .settings-favorite-row,
body[data-page="admin-security"] .settings-recent-row {
  justify-content: flex-start;
  min-height: 38px;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent !important;
}

body[data-page="admin-security"] .admin-settings-secondary-rail-v3 .admin-settings-nav-item:not(.admin-settings-nav-utility):hover,
body[data-page="admin-security"] .settings-favorite-row:hover,
body[data-page="admin-security"] .settings-recent-row:hover {
  background: var(--app-surface-soft) !important;
  border-color: transparent !important;
}

body[data-page="admin-security"] .admin-settings-secondary-rail-v3 .admin-settings-nav-item.is-active {
  background: linear-gradient(135deg, #2f4df5, #5d77ff) !important;
  border-color: #2f4df5 !important;
  color: #ffffff !important;
  font-weight: 700;
}

body[data-page="admin-security"] .admin-settings-workspace-v3 {
  padding: 0 24px !important;
}

body[data-page="admin-security"] .admin-settings-workspace-header {
  padding: 4px 0 18px;
}

body[data-page="admin-security"] .admin-settings-workspace-stage {
  padding-top: 18px;
  overflow: visible !important;
}

body[data-page="admin-security"] .admin-settings-content-outlet {
  display: grid;
  gap: 20px;
  align-content: start;
  min-width: 0;
}

body[data-page="admin-security"] .admin-settings-content-outlet > [data-admin-view] {
  min-width: 0;
}

body[data-page="admin-security"] .admin-settings-view-store {
  display: none !important;
}

body[data-page="admin-security"] .admin-settings-help-panel {
  position: sticky;
  top: 0;
  align-self: start;
  max-height: none !important;
  padding: 0 0 0 20px !important;
  border-left: 1px solid var(--app-border) !important;
}

body[data-page="admin-security"] .admin-settings-help-card {
  border-radius: 16px;
  background: var(--app-surface) !important;
  box-shadow: none !important;
}

@media (max-width: 1200px) {
  body[data-page="admin-security"] .topbar {
    grid-template-columns: minmax(220px, 1fr) minmax(420px, 1fr) auto !important;
  }
}

@media (max-width: 1080px) {
  body[data-page="admin-security"] .admin-settings-shell-v3 {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  body[data-page="admin-security"] .admin-settings-secondary-rail-v3,
  body[data-page="admin-security"] .admin-settings-help-panel {
    position: static;
    padding: 0 !important;
    border: 0 !important;
  }

  body[data-page="admin-security"] .topbar {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  body[data-page="admin-security"] .topbar-center {
    width: 100% !important;
    max-width: none;
  }
}

body[data-page="admin-security"] .admin-settings-secondary-rail-v3 [data-ui-role="settings-favorite"],
body[data-page="admin-security"] .admin-settings-secondary-rail-v3 [data-ui-role="settings-recent"],
body[data-page="admin-security"] .admin-settings-workspace [data-ui-role="quick-action"],
body[data-page="admin-security"] .admin-settings-workspace [data-ui-role="needs-attention"],
body[data-page="admin-security"] .admin-settings-help-panel [data-ui-role="help-link"] {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #dbe3ef !important;
  box-shadow: none !important;
}

body[data-page="admin-security"] .admin-settings-secondary-rail-v3 [data-ui-role="settings-favorite"]:hover,
body[data-page="admin-security"] .admin-settings-secondary-rail-v3 [data-ui-role="settings-recent"]:hover,
body[data-page="admin-security"] .admin-settings-workspace [data-ui-role="quick-action"]:hover,
body[data-page="admin-security"] .admin-settings-workspace [data-ui-role="needs-attention"]:hover,
body[data-page="admin-security"] .admin-settings-help-panel [data-ui-role="help-link"]:hover {
  background: #eef4ff !important;
  border-color: #d2def1 !important;
}

body[data-page="admin-security"] .admin-settings-secondary-rail-v3 [data-ui-role="settings-favorite"] *,
body[data-page="admin-security"] .admin-settings-secondary-rail-v3 [data-ui-role="settings-recent"] *,
body[data-page="admin-security"] .admin-settings-workspace [data-ui-role="quick-action"] *,
body[data-page="admin-security"] .admin-settings-workspace [data-ui-role="needs-attention"] *,
body[data-page="admin-security"] .admin-settings-help-panel [data-ui-role="help-link"] * {
  color: inherit !important;
}

body[data-page="admin-security"] .admin-settings-secondary-rail-v3 .settings-nav-row[data-ui-role="settings-active"] {
  background: #2f4df5 !important;
  color: #ffffff !important;
  border-color: #2f4df5 !important;
  font-weight: 700 !important;
}

body[data-page="admin-security"] .admin-settings-secondary-rail-v3 .settings-nav-row[data-ui-role="settings-active"] * {
  color: #ffffff !important;
}

body[data-page="admin-security"] .admin-settings-secondary-rail-v3 .settings-nav-row:not([data-ui-role="settings-active"]) {
  background: transparent !important;
  color: #0f172a !important;
}

body[data-page="admin-security"] .admin-settings-secondary-rail-v3 .settings-nav-row:not([data-ui-role="settings-active"]):hover {
  background: #eef4ff !important;
  color: #0f172a !important;
}

body[data-theme] .office-compact-card {
  display: grid;
  gap: 8px;
  min-height: 96px;
  padding: 10px 10px 8px !important;
}

body[data-theme] .office-compact-main {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
}

body[data-theme] .office-compact-card .rail-profile-avatar {
  inline-size: 36px !important;
  block-size: 36px !important;
}

body[data-theme] .office-compact-card .rail-profile-copy {
  min-width: 0;
  display: grid;
  gap: 1px;
}

body[data-theme] .office-compact-card .rail-mini-label {
  font-size: 0.63rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase;
}

body[data-theme] .office-compact-card .rail-profile-copy strong {
  font-size: 0.92rem !important;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body[data-theme] .office-compact-card .rail-profile-subtitle {
  font-size: 0.73rem !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body[data-theme] .office-compact-card .backend-source-meta {
  display: none !important;
}

body[data-theme] .office-compact-card .rail-source-status {
  display: flex;
  align-items: center;
}

body[data-theme] .office-compact-card .backend-source-badge {
  max-width: 100%;
}

body[data-theme] .side-rail-top {
  gap: 10px;
}

body[data-page="admin-security"] .admin-security-page {
  padding: 8px 18px 20px !important;
  overflow: visible !important;
}

body[data-page="admin-security"] .admin-settings-shell-v3 {
  grid-template-columns: 238px minmax(0, 1fr) 286px !important;
  min-height: calc(100vh - var(--ui-topbar-height, 58px) - 16px);
  align-items: start;
}

body[data-page="admin-security"] .admin-settings-rail-head {
  display: grid;
  gap: 4px;
  padding: 2px 0 10px;
}

body[data-page="admin-security"] .admin-settings-rail-head strong {
  font-size: 0.98rem;
}

body[data-page="admin-security"] .admin-settings-title-inline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

body[data-page="admin-security"] .admin-settings-title-inline strong,
body[data-page="admin-security"] .admin-settings-title-inline h3 {
  margin: 0;
}

body[data-page="admin-security"] .admin-settings-workspace-header {
  padding: 0 0 12px !important;
}

body[data-page="admin-security"] .admin-settings-workspace-stage {
  padding-top: 14px !important;
  gap: 16px;
}

body[data-page="admin-security"] .admin-settings-overview-head,
body[data-page="admin-security"] .admin-settings-group-head {
  gap: 8px;
}

body[data-page="admin-security"] .admin-settings-group-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

body[data-page="admin-security"] .admin-settings-overview-head .table-note,
body[data-page="admin-security"] .admin-settings-group-head .table-note,
body[data-page="admin-security"] .admin-settings-rail-head .table-note,
body[data-page="admin-security"] .admin-settings-workspace-copy .table-note,
body[data-page="admin-security"] #adminSettingsDetailCopy,
body[data-page="admin-security"] #adminSettingsHelpSystemInfo {
  display: none !important;
}

body[data-page="admin-security"] .admin-settings-overview-card,
body[data-page="admin-security"] .admin-settings-help-card,
body[data-page="admin-security"] .admin-settings-status-card {
  padding: 16px !important;
  gap: 12px;
  border-radius: 16px;
}

body[data-page="admin-security"] .admin-settings-overview-columns {
  gap: 16px;
}

body[data-page="admin-security"] .admin-settings-overview-grid {
  gap: 12px;
}

body[data-page="admin-security"] .admin-settings-workspace-copy h3,
body[data-page="admin-security"] .admin-settings-detail-head strong {
  font-size: 1.18rem;
}

body[data-page="admin-security"] .admin-settings-detail-head .table-note {
  display: none !important;
}

body[data-page="admin-security"] .admin-settings-secondary-rail-v3 {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 8px;
  height: calc(100vh - var(--ui-topbar-height, 58px) - 34px);
  padding: 0 14px 0 0 !important;
  overflow: hidden;
}

body[data-page="admin-security"] .admin-settings-sidebar-scroll {
  padding-right: 4px;
}

body[data-page="admin-security"] .admin-settings-nav-group {
  margin: 0 0 10px;
}

body[data-page="admin-security"] .admin-settings-nav-group-title {
  font-size: 0.68rem;
  letter-spacing: 0.14em;
}

body[data-page="admin-security"] .admin-settings-nav-list {
  gap: 4px;
}

body[data-page="admin-security"] .settings-nav-row,
body[data-page="admin-security"] .settings-favorite-row,
body[data-page="admin-security"] .settings-recent-row,
body[data-page="admin-security"] .admin-settings-secondary-rail-v3 .admin-settings-nav-item:not(.admin-settings-nav-utility) {
  min-height: 38px !important;
  border-radius: 10px !important;
}

body[data-page="admin-security"] .admin-settings-secondary-rail-v3 .settings-nav-row[data-ui-role="settings-active"] {
  background: #2f4df5 !important;
  border-color: #2f4df5 !important;
}

body[data-page="admin-security"] .admin-settings-rail-foot {
  position: fixed;
  left: calc(var(--rail-expanded) + 20px);
  bottom: 16px;
  z-index: 2;
  width: 220px;
  margin-top: auto;
  padding: 0;
  background: transparent;
  border-top: 0;
}

body[data-page="admin-security"] .rail-collapse-button {
  width: 100%;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  border-radius: 12px;
}

body[data-page="admin-security"] .rail-collapse-button-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

body[data-page="admin-security"].is-admin-rail-collapsed .admin-settings-shell-v3,
body.is-admin-rail-collapsed[data-page="admin-security"] .admin-settings-shell-v3 {
  grid-template-columns: 62px minmax(0, 1fr) 286px !important;
}

body.is-admin-rail-collapsed[data-page="admin-security"] .admin-settings-rail-head,
body.is-admin-rail-collapsed[data-page="admin-security"] .admin-settings-sidebar-scroll {
  display: none !important;
}

body.is-admin-rail-collapsed[data-page="admin-security"] .admin-settings-secondary-rail-v3 {
  padding-right: 10px !important;
}

body.is-admin-rail-collapsed[data-page="admin-security"] .rail-collapse-button-label {
  display: none;
}

body.is-admin-rail-collapsed[data-page="admin-security"] .rail-collapse-button {
  width: 42px;
  min-width: 42px;
  justify-self: center;
}

body[data-page="admin-security"] .field-help-icon {
  position: relative;
  inline-size: 18px;
  block-size: 18px;
  min-width: 18px;
  min-height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  border: 1px solid var(--app-border) !important;
  border-radius: 999px;
  background: var(--app-surface-soft) !important;
  color: var(--app-text-soft) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  line-height: 1;
  box-shadow: none !important;
  cursor: help;
}

body[data-page="admin-security"] .field-help-icon::after {
  content: attr(data-tooltip);
  position: absolute;
  left: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
  width: min(240px, 42vw);
  padding: 8px 10px;
  border: 1px solid var(--app-border);
  border-radius: 10px;
  background: var(--app-surface);
  color: var(--app-text-main);
  font-size: 0.78rem;
  font-weight: 500;
  line-height: 1.35;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
  opacity: 0;
  pointer-events: none;
  white-space: normal;
  z-index: 50;
}

body[data-page="admin-security"] .field-help-icon::before {
  content: "";
  position: absolute;
  left: calc(100% + 4px);
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  border-top: 1px solid var(--app-border);
  border-right: 1px solid var(--app-border);
  background: var(--app-surface);
  opacity: 0;
  pointer-events: none;
  z-index: 49;
}

body[data-page="admin-security"] .field-help-icon:hover::after,
body[data-page="admin-security"] .field-help-icon:hover::before,
body[data-page="admin-security"] .field-help-icon:focus-visible::after,
body[data-page="admin-security"] .field-help-icon:focus-visible::before {
  opacity: 1;
}

body[data-page="admin-security"] .admin-settings-help-panel {
  padding: 0 0 0 18px !important;
}

body[data-page="admin-security"] .admin-settings-help-card {
  gap: 10px;
}

body[data-page="admin-security"] #adminSettingsHelpCopy {
  margin: 0;
  font-size: 0.82rem;
  line-height: 1.4;
}

body[data-page="admin-security"] .admin-settings-shortcut-row,
body[data-page="admin-security"] .admin-settings-system-row {
  padding: 8px 0;
}

@media (max-width: 1200px) {
  body[data-page="admin-security"] .admin-settings-shell-v3 {
    grid-template-columns: 226px minmax(0, 1fr) 270px !important;
  }
}

/* Final sample-match shell correction: remove stitched spacing and keep Admin Settings compact. */
body[data-theme] .app-shell {
  grid-template-columns: 246px minmax(0, 1fr) !important;
  gap: 0 !important;
  padding: 0 !important;
  min-height: 100vh !important;
  height: 100vh !important;
}

body[data-theme].is-sidebar-collapsed .app-shell {
  grid-template-columns: 78px minmax(0, 1fr) !important;
}

body[data-theme] .side-rail {
  width: 246px !important;
  min-width: 246px !important;
  padding: 8px 10px 10px !important;
  gap: 8px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body[data-theme].is-sidebar-collapsed .side-rail {
  width: 78px !important;
  min-width: 78px !important;
}

body[data-theme] .side-rail-top {
  gap: 8px !important;
}

body[data-theme] .office-compact-card {
  min-height: 84px !important;
  max-height: 104px;
  padding: 8px 10px !important;
  gap: 6px !important;
}

body[data-theme] .office-compact-main {
  grid-template-columns: 32px minmax(0, 1fr) auto !important;
  gap: 8px !important;
}

body[data-theme] .office-compact-card .rail-profile-avatar {
  inline-size: 32px !important;
  block-size: 32px !important;
  font-size: 0.74rem !important;
}

body[data-theme] .office-compact-card .rail-profile-copy strong {
  font-size: 0.88rem !important;
}

body[data-theme] .office-compact-card .rail-mini-label {
  font-size: 0.59rem !important;
  letter-spacing: 0.14em !important;
}

body[data-theme] .office-compact-card .rail-profile-subtitle {
  font-size: 0.7rem !important;
  line-height: 1.15 !important;
}

body[data-theme] .workspace {
  min-height: 100vh !important;
}

body[data-theme] .topbar {
  margin: 0 !important;
}

body[data-page="admin-security"] .admin-security-page {
  padding: 14px 20px 20px !important;
}

body[data-page="admin-security"] .admin-settings-shell-v3 {
  grid-template-columns: 236px minmax(0, 1fr) 288px !important;
  gap: 18px !important;
  min-height: calc(100vh - var(--ui-topbar-height, 58px) - 34px) !important;
  align-items: start !important;
}

body[data-page="admin-security"] .admin-settings-secondary-rail-v3 {
  min-height: calc(100vh - var(--ui-topbar-height, 58px) - 34px) !important;
  height: calc(100vh - var(--ui-topbar-height, 58px) - 34px) !important;
  max-height: calc(100vh - var(--ui-topbar-height, 58px) - 34px) !important;
  padding: 0 16px 10px 0 !important;
  gap: 10px !important;
  border-right: 1px solid var(--app-border) !important;
  overflow: hidden !important;
}

body[data-page="admin-security"] .admin-settings-rail-head {
  padding: 2px 0 10px !important;
}

body[data-page="admin-security"] .admin-settings-sidebar-scroll {
  padding-right: 4px !important;
}

body[data-page="admin-security"] .admin-settings-nav-group {
  margin: 0 0 12px !important;
  gap: 5px !important;
}

body[data-page="admin-security"] .admin-settings-nav-group-title {
  font-size: 0.67rem !important;
  letter-spacing: 0.15em !important;
}

body[data-page="admin-security"] .admin-settings-nav-list {
  gap: 3px !important;
}

body[data-page="admin-security"] .admin-settings-secondary-rail-v3 .admin-settings-nav-item:not(.admin-settings-nav-utility),
body[data-page="admin-security"] .settings-favorite-row,
body[data-page="admin-security"] .settings-recent-row {
  min-height: 36px !important;
  padding: 0 10px !important;
  border-radius: 10px !important;
  font-size: 0.88rem !important;
}

body[data-page="admin-security"] .settings-favorite-row,
body[data-page="admin-security"] .settings-recent-row {
  font-weight: 600 !important;
}

body[data-page="admin-security"] .admin-settings-nav-icon {
  inline-size: 18px;
  block-size: 18px;
  min-width: 18px;
  min-height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--app-text-soft);
  flex: 0 0 18px;
}

body[data-page="admin-security"] .admin-settings-nav-icon svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body[data-page="admin-security"] .admin-settings-nav-icon .admin-reference-icon,
body[data-page="admin-security"] .admin-settings-nav-meta-icon .admin-reference-icon {
  inline-size: 17px;
  block-size: 17px;
}

body[data-page="admin-security"] .admin-settings-nav-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-page="admin-security"] .admin-settings-nav-meta-icon {
  margin-left: auto;
  inline-size: 14px;
  block-size: 14px;
  min-width: 14px;
  min-height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--app-text-soft);
  flex: 0 0 14px;
}

body[data-page="admin-security"] .admin-settings-nav-meta-icon svg,
body[data-page="admin-security"] .admin-settings-status-card-icon svg,
body[data-page="admin-security"] .admin-settings-quick-action-icon svg,
body[data-page="admin-security"] .admin-settings-list-line-icon svg,
body[data-page="admin-security"] .admin-settings-list-line-chevron svg,
body[data-page="admin-security"] .admin-settings-inline-link-star svg,
body[data-page="admin-security"] .admin-settings-link-chevron svg,
body[data-page="admin-security"] .rail-collapse-button-icon svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body[data-page="admin-security"] .admin-settings-status-card-icon .admin-reference-icon,
body[data-page="admin-security"] .admin-settings-quick-action-icon .admin-reference-icon,
body[data-page="admin-security"] .admin-settings-list-line-icon .admin-reference-icon,
body[data-page="admin-security"] .admin-settings-list-line-chevron .admin-reference-icon,
body[data-page="admin-security"] .admin-settings-link-chevron .admin-reference-icon,
body[data-page="admin-security"] .admin-settings-help-link-icon .admin-reference-icon,
body[data-page="admin-security"] .rail-collapse-button-icon .admin-reference-icon {
  inline-size: 17px;
  block-size: 17px;
}

body[data-page="admin-security"] #adminSettingsHelpIcon .admin-reference-icon {
  inline-size: 34px;
  block-size: 34px;
}

body[data-page="admin-security"] .admin-settings-secondary-rail-v3 .settings-nav-row[data-ui-role="settings-active"] {
  background: #2f4df5 !important;
  border-color: #2f4df5 !important;
  color: #ffffff !important;
}

body[data-page="admin-security"] .admin-settings-secondary-rail-v3 .settings-nav-row[data-ui-role="settings-active"] .admin-settings-nav-icon,
body[data-page="admin-security"] .admin-settings-secondary-rail-v3 .settings-nav-row[data-ui-role="settings-active"] .admin-settings-nav-label {
  color: #ffffff !important;
}

body[data-page="admin-security"] .admin-settings-workspace-header {
  padding: 0 0 10px !important;
}

body[data-page="admin-security"] .admin-settings-workspace-stage {
  padding-top: 12px !important;
  gap: 14px !important;
}

body[data-page="admin-security"] .admin-settings-workspace-copy h3,
body[data-page="admin-security"] .admin-settings-detail-head strong {
  font-size: 1.12rem !important;
}

body[data-page="admin-security"] .admin-settings-overview-card,
body[data-page="admin-security"] .admin-settings-help-card,
body[data-page="admin-security"] .admin-settings-status-card,
body[data-page="admin-security"] .admin-settings-detail-card {
  padding: 14px !important;
  gap: 10px !important;
  border-radius: 14px !important;
}

body[data-page="admin-security"] .admin-settings-status-card {
  gap: 7px !important;
}

body[data-page="admin-security"] .admin-settings-status-card-head {
  align-items: flex-start !important;
}

body[data-page="admin-security"] .admin-settings-status-card-title {
  gap: 8px !important;
  align-items: flex-start !important;
}

body[data-page="admin-security"] .admin-settings-status-card-icon {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  border-radius: 9px !important;
  margin-top: 1px;
}

body[data-page="admin-security"] .admin-settings-status-card-head small {
  margin-top: 2px;
  line-height: 1.08 !important;
  text-align: right;
}

body[data-page="admin-security"] .admin-settings-status-card strong {
  font-size: 1.08rem !important;
  line-height: 1.08 !important;
}

body[data-page="admin-security"] .admin-settings-status-card-meta {
  font-size: 0.78rem !important;
  line-height: 1.2 !important;
}

body[data-page="admin-security"] .admin-settings-overview-grid,
body[data-page="admin-security"] .admin-settings-overview-columns {
  gap: 12px !important;
}

body[data-page="admin-security"] .admin-settings-overview-columns {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

body[data-page="admin-security"] .admin-settings-quick-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body[data-page="admin-security"] .admin-quick-action-card {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  justify-items: start;
  column-gap: 10px;
  row-gap: 0;
  min-height: 60px !important;
  padding: 12px 14px !important;
}

body[data-page="admin-security"] .admin-settings-quick-action-icon {
  min-width: 28px !important;
  min-height: 28px !important;
  border-radius: 10px !important;
}

body[data-page="admin-security"] .admin-settings-quick-action-copy {
  font-size: 0.92rem !important;
  line-height: 1.15 !important;
}

body[data-page="admin-security"] .needs-attention-row {
  min-height: 52px !important;
  padding: 10px 12px !important;
}

body[data-page="admin-security"] .admin-settings-list-line-icon {
  width: 22px !important;
  height: 22px !important;
}

body[data-page="admin-security"] .admin-settings-help-panel {
  padding: 0 0 0 2px !important;
  min-height: calc(100vh - var(--ui-topbar-height, 58px) - 34px) !important;
}

body[data-page="admin-security"] .admin-settings-help-card {
  gap: 7px !important;
}

body[data-page="admin-security"] #adminSettingsHelpCopy {
  font-size: 0.78rem !important;
  line-height: 1.28 !important;
}

body[data-page="admin-security"] #adminSettingsHelpSystemInfo {
  display: block !important;
}

body[data-page="admin-security"] .help-link-row {
  min-height: 36px !important;
  padding: 0 12px !important;
}

body[data-page="admin-security"] .admin-settings-help-card-head {
  display: block !important;
  margin: 0 0 6px !important;
}

body[data-page="admin-security"] .admin-settings-help-card-body,
body[data-page="admin-security"] #adminSettingsHelpSystemInfo,
body[data-page="admin-security"] #adminSettingsHelpShortcuts {
  display: grid !important;
  gap: 0 !important;
  align-content: start !important;
}

body[data-page="admin-security"] .admin-settings-shortcut-row,
body[data-page="admin-security"] .admin-settings-system-row {
  padding: 6px 0 !important;
}

body[data-page="admin-security"] .admin-settings-detail-card .table-note,
body[data-page="admin-security"] .admin-settings-feature-card .table-note,
body[data-page="admin-security"] .admin-settings-rule-row .table-note,
body[data-page="admin-security"] .admin-settings-placeholder-card .table-note {
  display: none !important;
}

body[data-page="admin-security"] .admin-settings-card-meta {
  font-size: 0.82rem !important;
  line-height: 1.3 !important;
}

body[data-page="admin-security"] .field-help-icon {
  inline-size: 17px !important;
  block-size: 17px !important;
  min-width: 17px !important;
  min-height: 17px !important;
  font-size: 0.65rem !important;
}

body[data-page="admin-security"] .rail-collapse-button {
  min-height: 36px !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

body[data-page="admin-security"].is-admin-rail-collapsed .admin-settings-shell-v3,
body.is-admin-rail-collapsed[data-page="admin-security"] .admin-settings-shell-v3 {
  grid-template-columns: 60px minmax(0, 1fr) 288px !important;
}

body.is-admin-rail-collapsed[data-page="admin-security"] .rail-collapse-button {
  width: 40px !important;
  min-width: 40px !important;
}

body[data-theme].is-sidebar-collapsed[data-page="admin-security"] .admin-settings-rail-foot {
  left: calc(var(--rail-collapsed) + 20px);
}

body.is-admin-rail-collapsed[data-page="admin-security"] .admin-settings-rail-foot {
  width: 48px;
}

@media (max-width: 1200px) {
  body[data-page="admin-security"] .admin-settings-shell-v3 {
    grid-template-columns: 224px minmax(0, 1fr) 270px !important;
  }
}

body[data-page="admin-security"] .required-indicator {
  color: #c2410c;
  font-weight: 700;
}

body[data-page="admin-security"] .admin-company-profile-form,
body[data-page="admin-security"] .admin-settings-user-editor-body {
  display: grid;
  gap: 16px;
}

body[data-page="admin-security"] .admin-company-profile-grid {
  align-items: start;
}

body[data-page="admin-security"] .admin-settings-label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

body[data-page="admin-security"] .admin-settings-inline-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(191, 219, 254, 0.7);
  color: #3550c8;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.02em;
}

body[data-page="admin-security"] .admin-settings-disabled-field input[disabled] {
  opacity: 0.78;
  cursor: not-allowed;
}

body[data-page="admin-security"] .admin-settings-inline-status-card {
  display: grid;
  gap: 10px;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid var(--app-border);
  background: var(--app-surface);
}

body[data-page="admin-security"] .admin-settings-company-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

body[data-page="admin-security"] .admin-settings-overview-list-tight {
  gap: 8px;
}

body[data-page="admin-security"] .admin-settings-form-savebar {
  position: sticky;
  bottom: 0;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid var(--app-border);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 -10px 24px rgba(15, 23, 42, 0.06);
  backdrop-filter: blur(10px);
}

body[data-theme="dark"][data-page="admin-security"] .admin-settings-form-savebar {
  background: rgba(14, 23, 37, 0.94);
}

body[data-page="admin-security"] .admin-settings-users-list-view {
  display: grid;
  gap: 16px;
}

body[data-page="admin-security"] .admin-settings-summary-cards {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

body[data-page="admin-security"] .admin-settings-summary-cards .admin-settings-status-card {
  min-height: 96px;
  align-content: start;
  padding: 14px 16px;
}

body[data-page="admin-security"] .admin-settings-summary-cards .admin-settings-status-card-head {
  align-items: center;
}

body[data-page="admin-security"] .admin-settings-summary-cards .admin-settings-status-card strong {
  font-size: 1.05rem;
  line-height: 1.15;
}

body[data-page="admin-security"] #securityUsersHost.admin-settings-users-list {
  overflow: visible;
  padding-right: 0;
}

body[data-page="admin-security"] .admin-settings-users-filters-card {
  gap: 12px;
}

body[data-page="admin-security"] .admin-settings-users-filter-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 12px 14px;
}

body[data-page="admin-security"] .admin-settings-users-filter-field {
  display: grid;
  gap: 6px;
  align-content: start;
  min-width: 0;
  align-items: stretch;
}

body[data-page="admin-security"] .admin-settings-users-filter-label {
  display: block;
  margin: 0;
  min-width: 0;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--app-text-soft);
}

body[data-page="admin-security"] .admin-settings-users-filter-field-search {
  grid-column: 1 / -1;
  min-width: 0;
}

body[data-page="admin-security"] .admin-settings-users-filter-field input,
body[data-page="admin-security"] .admin-settings-users-filter-field select {
  width: 100%;
  margin: 0;
}

body[data-page="admin-security"] .admin-settings-users-table-shell {
  overflow-x: hidden;
}

body[data-page="admin-security"] .admin-settings-users-table-shell table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
}

body[data-page="admin-security"] .admin-settings-users-table-shell th,
body[data-page="admin-security"] .admin-settings-users-table-shell td {
  word-break: break-word;
}

body[data-page="admin-security"] .admin-settings-users-table-shell th:last-child,
body[data-page="admin-security"] .admin-settings-users-table-shell td:last-child {
  width: 198px;
}

body[data-page="admin-security"] .admin-settings-users-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body[data-page="admin-security"] .admin-settings-user-editor {
  padding: 18px;
}

body[data-page="admin-security"] .admin-settings-user-editor-body,
body[data-page="admin-security"] #securityUserEditorBody,
body[data-page="admin-security"] .security-user-form,
body[data-page="admin-security"] .admin-settings-user-form-section,
body[data-page="admin-security"] .security-permission-grid,
body[data-page="admin-security"] .security-permission-table-shell {
  min-width: 0;
}

body[data-page="admin-security"] .admin-settings-user-form-v2 {
  display: grid;
  grid-template-columns: 1fr !important;
  gap: 16px;
}

body[data-page="admin-security"] .admin-settings-user-form-section {
  display: grid;
  gap: 12px;
  padding: 16px;
  border-radius: 18px;
  border: 1px solid var(--app-border);
  background: rgba(248, 251, 255, 0.78);
}

body[data-page="admin-security"] .admin-settings-password-shell {
  display: grid;
  gap: 10px;
}

body[data-page="admin-security"] .admin-settings-password-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body[data-page="admin-security"] .admin-settings-scope-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 16px;
}

body[data-page="admin-security"] .admin-settings-scope-option {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-width: 0;
  padding: 0;
  border-radius: 0;
  border: 0;
  background: transparent;
  color: var(--app-text);
}

body[data-page="admin-security"] .security-permission-grid {
  display: grid;
  gap: 12px;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid var(--app-border);
  background: var(--app-surface);
}

body[data-page="admin-security"] .security-permission-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

body[data-page="admin-security"] .security-permission-table-shell {
  overflow-x: auto;
  overflow-y: visible;
}

body[data-page="admin-security"] .security-permission-table {
  width: 100%;
  min-width: 0;
  border-collapse: collapse;
  table-layout: fixed;
}

body[data-page="admin-security"] .security-permission-table th,
body[data-page="admin-security"] .security-permission-table td {
  padding: 8px 8px;
  border-bottom: 1px solid rgba(219, 227, 239, 0.75);
  text-align: center;
  vertical-align: middle;
}

body[data-page="admin-security"] .security-permission-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--app-surface);
  white-space: nowrap;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
}

body[data-page="admin-security"] .security-permission-table th:first-child,
body[data-page="admin-security"] .security-permission-table td:first-child {
  text-align: left;
  width: 232px;
  min-width: 232px;
}

body[data-page="admin-security"] .security-permission-col-module {
  width: 232px;
}

body[data-page="admin-security"] .security-permission-col-row-actions {
  width: 76px;
}

body[data-page="admin-security"] .security-permission-col-action {
  width: 44px;
}

body[data-page="admin-security"] .security-permission-table th:nth-child(2),
body[data-page="admin-security"] .security-permission-table td:nth-child(2) {
  width: 76px;
  min-width: 76px;
}

body[data-page="admin-security"] .security-permission-table th:nth-child(n+3),
body[data-page="admin-security"] .security-permission-table td:nth-child(n+3) {
  width: 44px;
  min-width: 44px;
}

body[data-page="admin-security"] .security-permission-module-cell {
  display: grid;
  gap: 4px;
  min-width: 0;
}

body[data-page="admin-security"] .security-permission-module-meta {
  display: grid;
  gap: 4px;
  min-width: 0;
}

body[data-page="admin-security"] .security-permission-module-head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  min-width: 0;
}

body[data-page="admin-security"] .security-permission-module-cell small {
  color: var(--app-text-soft);
  line-height: 1.35;
  font-size: 0.72rem;
}

body[data-page="admin-security"] .security-permission-row-actions-cell {
  text-align: center;
  vertical-align: middle;
}

body[data-page="admin-security"] .security-permission-row-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
  justify-content: center;
  flex-shrink: 0;
}

body[data-page="admin-security"] .security-permission-row-actions .icon-action-button,
body[data-page="admin-security"] .admin-settings-users-table-shell .icon-action-button {
  inline-size: 30px !important;
  block-size: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
}

body[data-page="admin-security"] .security-permission-row-actions .icon-action-button svg,
body[data-page="admin-security"] .admin-settings-users-table-shell .icon-action-button svg {
  width: 15px;
  height: 15px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body[data-page="admin-security"] .security-permission-row-actions .icon-action-button .admin-reference-icon,
body[data-page="admin-security"] .admin-settings-users-table-shell .icon-action-button .admin-reference-icon,
body[data-page="admin-security"] .icon-action-button .admin-reference-icon {
  inline-size: 15px;
  block-size: 15px;
}

body[data-page="admin-security"] .security-permission-row.is-overridden {
  background: rgba(239, 246, 255, 0.72);
}

body[data-page="admin-security"] .security-permission-check {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 100%;
  min-width: 18px;
  min-height: 18px;
  margin: 0 auto;
}

body[data-page="admin-security"] .security-permission-check input[type="checkbox"] {
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  accent-color: #2f4df5;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 4px !important;
  border: 0 !important;
  background: #ffffff !important;
}

body[data-page="admin-security"] .security-permission-check input[type="checkbox"]:focus-visible {
  outline: 2px solid rgba(47, 77, 245, 0.35);
  outline-offset: 2px;
}

body[data-page="admin-security"] .admin-settings-mini-toggle-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 16px;
}

body[data-page="admin-security"] .admin-settings-mini-toggle-grid .admin-security-checkbox,
body[data-page="admin-security"] .admin-settings-scope-option {
  font-weight: 600;
}

body[data-page="admin-security"] .admin-settings-inline-check,
body[data-page="admin-security"] .admin-settings-scope-option {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-start;
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--app-text);
  line-height: 1.3;
}

body[data-page="admin-security"] .admin-settings-inline-check label,
body[data-page="admin-security"] .admin-settings-scope-option label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

body[data-page="admin-security"] .admin-settings-inline-check input[type="checkbox"],
body[data-page="admin-security"] .admin-settings-scope-option input[type="radio"] {
  appearance: auto !important;
  -webkit-appearance: auto !important;
  accent-color: #2f4df5;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  flex: 0 0 auto;
}

body[data-page="admin-security"] .admin-settings-inline-check span,
body[data-page="admin-security"] .admin-settings-scope-option span {
  line-height: 1.25;
}

body[data-page="admin-security"] .admin-settings-scope-option input[type="radio"]:disabled,
body[data-page="admin-security"] .admin-settings-inline-check input[type="checkbox"]:disabled {
  opacity: 0.7;
}

body[data-page="admin-security"] .admin-settings-user-summary {
  padding: 16px;
  border-radius: 18px;
  border: 1px solid var(--app-border);
  background: rgba(248, 251, 255, 0.78);
}

body[data-page="admin-security"] .admin-settings-user-editor-header {
  align-items: start;
}

body[data-page="admin-security"] .admin-settings-user-editor-header .modal-header-actions {
  display: flex;
  gap: 8px;
}

@media (max-width: 1180px) {
  body[data-page="admin-security"] .admin-settings-company-meta-grid,
  body[data-page="admin-security"] .admin-settings-scope-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  body[data-page="admin-security"] .admin-settings-users-filter-grid {
    grid-template-columns: 1fr;
  }
}

body[data-page="reports"] .rp-page-section {
  padding-top: 0;
}

body[data-page="reports"] .rp-shell {
  --rp-bg: #f6f8fc;
  --rp-card: #ffffff;
  --rp-soft: #f8fbff;
  --rp-border: #d9e2f1;
  --rp-border-soft: #e8eef8;
  --rp-text: #0f172a;
  --rp-text-2: #334155;
  --rp-muted: #64748b;
  --rp-blue: #2563eb;
  --rp-blue-hover: #1d4ed8;
  --rp-blue-soft: #eff6ff;
  --rp-success: #16a34a;
  --rp-success-soft: #ecfdf5;
  --rp-warning: #d97706;
  --rp-warning-soft: #fff7ed;
  --rp-danger: #ef4444;
  --rp-danger-soft: #fef2f2;
  --rp-shadow: 0 8px 28px rgba(15, 23, 42, 0.07);
  display: grid;
  grid-template-columns: minmax(250px, 280px) minmax(0, 1fr);
  gap: 12px;
  min-height: calc(100vh - 180px);
  font-family: "Plus Jakarta Sans", "Segoe UI", Roboto, Arial, sans-serif;
  color: var(--rp-text);
}

body[data-page="reports"][data-theme="dark"] .rp-shell {
  --rp-bg: #0b1220;
  --rp-card: #101827;
  --rp-soft: #0f172a;
  --rp-border: #26364f;
  --rp-border-soft: #1f2d44;
  --rp-text: #e5edf8;
  --rp-text-2: #cbd5e1;
  --rp-muted: #94a3b8;
  --rp-blue: #3b82f6;
  --rp-blue-hover: #60a5fa;
  --rp-blue-soft: rgba(59, 130, 246, 0.16);
  --rp-success: #22c55e;
  --rp-success-soft: rgba(34, 197, 94, 0.14);
  --rp-warning: #f59e0b;
  --rp-warning-soft: rgba(245, 158, 11, 0.14);
  --rp-danger: #f87171;
  --rp-danger-soft: rgba(248, 113, 113, 0.14);
  --rp-shadow: 0 10px 30px rgba(0, 0, 0, 0.28);
}

body[data-page="reports"] .rp-menu,
body[data-page="reports"] .rp-workspace,
body[data-page="reports"] .rp-drawer {
  background: var(--rp-card);
  border: 1px solid var(--rp-border);
  border-radius: 16px;
  box-shadow: var(--rp-shadow);
}

body[data-page="reports"] .rp-menu {
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
}

body[data-page="reports"] .rp-content {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  min-width: 0;
  transition: grid-template-columns 180ms ease;
}

body[data-page="reports"] .rp-content.is-drawer-open {
  grid-template-columns: minmax(0, 1fr) minmax(300px, 340px);
}

body[data-page="reports"] .rp-workspace {
  padding: 14px;
  display: grid;
  gap: 12px;
  min-width: 0;
}

body[data-page="reports"] .rp-drawer {
  padding: 14px;
  display: grid;
  gap: 12px;
  min-width: 0;
  align-content: start;
}

body[data-page="reports"] .rp-drawer[hidden] {
  display: none !important;
}

body[data-page="reports"] .rp-menu-head,
body[data-page="reports"] .rp-toolbar-copy,
body[data-page="reports"] .rp-filter-head,
body[data-page="reports"] .rp-table-head-copy,
body[data-page="reports"] .rp-drawer-head {
  display: grid;
  gap: 4px;
}

body[data-page="reports"] .rp-eyebrow,
body[data-page="reports"] .rp-section-kicker {
  margin: 0;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--rp-muted);
}

body[data-page="reports"] .rp-menu-title {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  color: var(--rp-text);
}

body[data-page="reports"] .rp-title {
  margin: 0;
  font-size: 24px;
  font-weight: 800;
  color: var(--rp-text);
}

body[data-page="reports"] .rp-description,
body[data-page="reports"] .rp-table-meta {
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
  color: var(--rp-muted);
}

body[data-page="reports"] .rp-table-title,
body[data-page="reports"] .rp-filter-title,
body[data-page="reports"] .rp-drawer-title {
  margin: 0;
  font-size: 16px;
  font-weight: 800;
  color: var(--rp-text);
}

body[data-page="reports"] .rp-toolbar,
body[data-page="reports"] .rp-table-head,
body[data-page="reports"] .rp-drawer-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}

body[data-page="reports"] .rp-toolbar-actions,
body[data-page="reports"] .rp-inline-actions,
body[data-page="reports"] .rp-table-tools,
body[data-page="reports"] .rp-row-actions,
body[data-page="reports"] .rp-empty-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

body[data-page="reports"] .rp-button,
body[data-page="reports"] .rp-row-action,
body[data-page="reports"] .rp-menu-item,
body[data-page="reports"] .rp-split-row,
body[data-page="reports"] .rp-drawer-link,
body[data-page="reports"] .rp-drawer-close,
body[data-page="reports"] .rp-options-item {
  appearance: none;
  border: 1px solid var(--rp-border);
  background: var(--rp-card);
  color: var(--rp-text);
  font: inherit;
  outline: none;
}

body[data-page="reports"] .rp-button,
body[data-page="reports"] .rp-row-action,
body[data-page="reports"] .rp-drawer-link,
body[data-page="reports"] .rp-options-item {
  min-height: 36px;
  padding: 0 12px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  transition: border-color 160ms ease, background 160ms ease, color 160ms ease, transform 160ms ease;
}

body[data-page="reports"] .rp-button svg,
body[data-page="reports"] .rp-menu-item svg,
body[data-page="reports"] .rp-summary-icon svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
}

body[data-page="reports"] .rp-button:hover,
body[data-page="reports"] .rp-row-action:hover,
body[data-page="reports"] .rp-drawer-link:hover,
body[data-page="reports"] .rp-options-item:hover,
body[data-page="reports"] .rp-split-row:hover,
body[data-page="reports"] .rp-menu-item:hover {
  border-color: var(--rp-blue);
  color: var(--rp-blue);
  background: var(--rp-blue-soft);
}

body[data-page="reports"] .rp-button:focus-visible,
body[data-page="reports"] .rp-row-action:focus-visible,
body[data-page="reports"] .rp-drawer-link:focus-visible,
body[data-page="reports"] .rp-drawer-close:focus-visible,
body[data-page="reports"] .rp-menu-item:focus-visible,
body[data-page="reports"] .rp-split-row:focus-visible,
body[data-page="reports"] .rp-options-item:focus-visible,
body[data-page="reports"] .rp-table tbody tr:focus-visible {
  outline: 2px solid var(--rp-blue);
  outline-offset: 2px;
}

body[data-page="reports"] .rp-button-primary {
  border-color: var(--rp-blue);
  background: var(--rp-blue);
  color: #ffffff;
}

body[data-page="reports"] .rp-button-primary:hover {
  border-color: var(--rp-blue-hover);
  background: var(--rp-blue-hover);
  color: #ffffff;
}

body[data-page="reports"] .rp-button-secondary {
  background: var(--rp-soft);
}

body[data-page="reports"] .rp-options-wrap {
  position: relative;
}

body[data-page="reports"] .rp-options-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 6;
  min-width: 220px;
  padding: 10px;
  border: 1px solid var(--rp-border);
  border-radius: 14px;
  background: var(--rp-card);
  box-shadow: var(--rp-shadow);
  display: grid;
  gap: 6px;
}

body[data-page="reports"] .rp-options-item[disabled] {
  opacity: 0.72;
  cursor: not-allowed;
}

body[data-page="reports"] .rp-menu-search {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid var(--rp-border);
  border-radius: 14px;
  background: var(--rp-soft);
}

body[data-page="reports"] .rp-menu-search input,
body[data-page="reports"] .rp-field input,
body[data-page="reports"] .rp-field select,
body[data-page="reports"] .rp-table-size select {
  width: 100%;
  border: none;
  background: transparent;
  color: var(--rp-text);
  font: inherit;
  font-size: 13px;
  outline: none;
}

body[data-page="reports"] .rp-search-icon {
  color: var(--rp-muted);
}

body[data-page="reports"] .rp-menu-sections {
  display: grid;
  gap: 14px;
  max-height: calc(100vh - 310px);
  overflow-y: auto;
  padding-right: 2px;
}

body[data-page="reports"] .rp-menu-section {
  display: grid;
  gap: 8px;
}

body[data-page="reports"] .rp-menu-section-title {
  margin: 0;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--rp-muted);
}

body[data-page="reports"] .rp-menu-list {
  display: grid;
  gap: 6px;
}

body[data-page="reports"] .rp-menu-item {
  width: 100%;
  min-height: 38px;
  padding: 0 12px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  text-align: left;
}

body[data-page="reports"] .rp-menu-item.is-active {
  border-color: var(--rp-blue);
  background: var(--rp-blue-soft);
  color: var(--rp-blue);
}

body[data-page="reports"] .rp-menu-item-copy {
  font-size: 13px;
  font-weight: 700;
}

body[data-page="reports"] .rp-menu-item-icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body[data-page="reports"] .rp-filter-card,
body[data-page="reports"] .rp-table-card {
  border: 1px solid var(--rp-border);
  border-radius: 16px;
  background: var(--rp-soft);
  padding: 14px;
  display: grid;
  gap: 12px;
}

body[data-page="reports"] .rp-filter-grid,
body[data-page="reports"] .rp-filter-row {
  display: grid;
  gap: 10px;
}

body[data-page="reports"] .rp-filter-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

body[data-page="reports"] .rp-filter-row {
  grid-template-columns: 2.2fr repeat(3, minmax(0, 1fr));
}

body[data-page="reports"] .rp-field {
  display: grid;
  gap: 7px;
  min-width: 0;
}

body[data-page="reports"] .rp-field > span,
body[data-page="reports"] .rp-field-label,
body[data-page="reports"] .rp-table-size > span {
  font-size: 12px;
  font-weight: 700;
  color: var(--rp-text-2);
}

body[data-page="reports"] .rp-field input,
body[data-page="reports"] .rp-field select,
body[data-page="reports"] .rp-table-size {
  min-height: 36px;
  border: 1px solid var(--rp-border);
  border-radius: 12px;
  background: var(--rp-card);
  padding: 0 12px;
}

body[data-page="reports"] .rp-field-actions {
  align-content: end;
}

body[data-page="reports"] .rp-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

body[data-page="reports"] .rp-summary-card {
  border: 1px solid var(--rp-border);
  border-radius: 16px;
  background: var(--rp-card);
  padding: 14px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
}

body[data-page="reports"] .rp-summary-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--rp-blue-soft);
  color: var(--rp-blue);
}

body[data-page="reports"] .rp-summary-copy {
  display: grid;
  gap: 4px;
}

body[data-page="reports"] .rp-summary-label {
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  color: var(--rp-muted);
}

body[data-page="reports"] .rp-summary-value {
  font-size: 22px;
  font-weight: 800;
  color: var(--rp-text);
}

body[data-page="reports"] .rp-summary-help {
  font-size: 12px;
  color: var(--rp-muted);
}

body[data-page="reports"] .rp-table-card {
  min-height: 0;
}

body[data-page="reports"] .rp-table-host {
  min-height: 340px;
}

body[data-page="reports"] .rp-table-wrap {
  overflow: auto;
  max-height: 470px;
  border: 1px solid var(--rp-border);
  border-radius: 14px;
  background: var(--rp-card);
}

body[data-page="reports"] .rp-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  color: var(--rp-text);
}

body[data-page="reports"] .rp-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  height: 38px;
  padding: 0 10px;
  border-bottom: 1px solid var(--rp-border);
  background: var(--rp-soft);
  font-size: 12px;
  font-weight: 800;
  text-align: left;
  white-space: nowrap;
}

body[data-page="reports"] .rp-table tbody td {
  height: 40px;
  padding: 8px 10px;
  border-bottom: 1px solid var(--rp-border-soft);
  vertical-align: middle;
}

body[data-page="reports"] .rp-table tbody tr {
  cursor: pointer;
  transition: background 160ms ease;
}

body[data-page="reports"] .rp-table tbody tr:hover,
body[data-page="reports"] .rp-table tbody tr.rp-row-active {
  background: var(--rp-blue-soft);
}

body[data-page="reports"] .rp-align-right {
  text-align: right;
}

body[data-page="reports"] .rp-align-center {
  text-align: center;
}

body[data-page="reports"] .rp-row-action {
  min-height: 28px;
  padding: 0 8px;
  border-radius: 10px;
  font-size: 12px;
}

body[data-page="reports"] .rp-status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid var(--rp-border);
  background: var(--rp-card);
  font-size: 12px;
  font-weight: 700;
}

body[data-page="reports"] .rp-pagination {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}

body[data-page="reports"] .rp-pagination-status {
  font-size: 12px;
  font-weight: 700;
  color: var(--rp-muted);
}

body[data-page="reports"] .rp-empty,
body[data-page="reports"] .rp-error {
  min-height: 220px;
  border: 1px dashed var(--rp-border);
  border-radius: 16px;
  background: var(--rp-card);
  display: grid;
  place-content: center;
  gap: 8px;
  text-align: center;
  padding: 20px;
}

body[data-page="reports"] .rp-empty strong,
body[data-page="reports"] .rp-error strong {
  font-size: 15px;
  color: var(--rp-text);
}

body[data-page="reports"] .rp-empty p,
body[data-page="reports"] .rp-error p,
body[data-page="reports"] .rp-empty-inline,
body[data-page="reports"] .rp-drawer-empty {
  margin: 0;
  font-size: 13px;
  color: var(--rp-muted);
}

body[data-page="reports"] .rp-empty-menu {
  min-height: 180px;
}

body[data-page="reports"] .rp-split-report {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

body[data-page="reports"] .rp-split-card {
  border: 1px solid var(--rp-border);
  border-radius: 16px;
  background: var(--rp-card);
  padding: 14px;
  display: grid;
  gap: 10px;
}

body[data-page="reports"] .rp-split-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 800;
}

body[data-page="reports"] .rp-split-list {
  display: grid;
  gap: 6px;
  max-height: 430px;
  overflow-y: auto;
}

body[data-page="reports"] .rp-split-row {
  width: 100%;
  min-height: 38px;
  padding: 10px 12px;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  cursor: pointer;
  text-align: left;
}

body[data-page="reports"] .rp-net-result {
  border: 1px solid var(--rp-border);
  border-radius: 14px;
  background: var(--rp-card);
  padding: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: 800;
}

body[data-page="reports"] .rp-drawer-head {
  align-items: flex-start;
}

body[data-page="reports"] .rp-drawer-close {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
}

body[data-page="reports"] .rp-drawer-content,
body[data-page="reports"] .rp-drawer-summary,
body[data-page="reports"] .rp-drawer-pairs,
body[data-page="reports"] .rp-drawer-recent {
  display: grid;
  gap: 12px;
}

body[data-page="reports"] .rp-drawer-pairs {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body[data-page="reports"] .rp-drawer-pair {
  border: 1px solid var(--rp-border);
  border-radius: 12px;
  background: var(--rp-soft);
  padding: 10px 12px;
  display: grid;
  gap: 4px;
}

body[data-page="reports"] .rp-drawer-pair span,
body[data-page="reports"] .rp-drawer-recent-row span {
  font-size: 12px;
  color: var(--rp-muted);
}

body[data-page="reports"] .rp-drawer-pair strong,
body[data-page="reports"] .rp-drawer-recent-row strong {
  font-size: 13px;
  color: var(--rp-text);
}

body[data-page="reports"] .rp-drawer-actions,
body[data-page="reports"] .rp-drawer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body[data-page="reports"] .rp-drawer-link {
  min-height: 32px;
  font-size: 12px;
}

body[data-page="reports"] .rp-drawer-recent {
  border-top: 1px solid var(--rp-border-soft);
  padding-top: 12px;
}

body[data-page="reports"] .rp-drawer-recent-head strong {
  font-size: 13px;
  color: var(--rp-text);
}

body[data-page="reports"] .rp-drawer-recent-row {
  display: grid;
  grid-template-columns: 1.1fr 1fr auto auto;
  gap: 8px;
  padding: 8px 0;
  border-bottom: 1px solid var(--rp-border-soft);
}

body[data-page="reports"] .rp-table-size {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

body[data-page="reports"] .rp-table-size select {
  min-width: 74px;
}

body[data-page="reports"] .rp-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

@media (max-width: 1380px) {
  body[data-page="reports"] .rp-filter-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body[data-page="reports"] .rp-filter-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-page="reports"] .rp-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1180px) {
  body[data-page="reports"] .rp-shell,
  body[data-page="reports"] .rp-content,
  body[data-page="reports"] .rp-content.is-drawer-open,
  body[data-page="reports"] .rp-split-report {
    grid-template-columns: 1fr;
  }

  body[data-page="reports"] .rp-menu-sections {
    max-height: none;
  }

  body[data-page="reports"] .rp-drawer-pairs {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 820px) {
  body[data-page="reports"] .rp-filter-grid,
  body[data-page="reports"] .rp-filter-row,
  body[data-page="reports"] .rp-summary-grid {
    grid-template-columns: 1fr;
  }

  body[data-page="reports"] .rp-toolbar,
  body[data-page="reports"] .rp-table-head,
  body[data-page="reports"] .rp-drawer-head {
    flex-direction: column;
  }

  body[data-page="reports"] .rp-table-wrap {
    max-height: none;
  }
}

/* Reports strict UI package refinement */
body[data-page="reports"] .workspace {
  overflow: hidden;
}

body[data-page="reports"] .rp-page-section {
  padding: 0;
  min-height: 0;
}

body[data-page="reports"] .rp-shell {
  --rp-bg: #f6f8fc;
  --rp-card: #ffffff;
  --rp-soft: #f8fbff;
  --rp-border: #d9e2f1;
  --rp-border-soft: #e8eef8;
  --rp-text: #0f172a;
  --rp-text-2: #334155;
  --rp-muted: #64748b;
  --rp-blue: #2563eb;
  --rp-blue-hover: #1d4ed8;
  --rp-blue-soft: #eff6ff;
  --rp-success: #16a34a;
  --rp-success-soft: #ecfdf5;
  --rp-warning: #d97706;
  --rp-warning-soft: #fff7ed;
  --rp-danger: #ef4444;
  --rp-danger-soft: #fef2f2;
  --rp-shadow: 0 8px 28px rgba(15, 23, 42, 0.07);
  display: grid;
  grid-template-columns: 272px minmax(0, 1fr) 320px;
  gap: 12px;
  height: calc(100vh - 118px);
  min-height: 0;
  padding: 10px 12px 12px;
  background: var(--rp-bg);
  color: var(--rp-text);
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif;
}

body[data-page="reports"][data-theme="dark"] .rp-shell {
  --rp-bg: #0b1220;
  --rp-card: #101827;
  --rp-soft: #0f172a;
  --rp-border: #26364f;
  --rp-border-soft: #1f2d44;
  --rp-text: #e5edf8;
  --rp-text-2: #cbd5e1;
  --rp-muted: #94a3b8;
  --rp-blue: #3b82f6;
  --rp-blue-hover: #60a5fa;
  --rp-blue-soft: rgba(59, 130, 246, 0.16);
  --rp-success: #22c55e;
  --rp-success-soft: rgba(34, 197, 94, 0.14);
  --rp-warning: #f59e0b;
  --rp-warning-soft: rgba(245, 158, 11, 0.14);
  --rp-danger: #f87171;
  --rp-danger-soft: rgba(248, 113, 113, 0.14);
  --rp-shadow: 0 10px 30px rgba(0, 0, 0, 0.28);
}

body[data-page="reports"] .rp-menu,
body[data-page="reports"] .rp-workspace,
body[data-page="reports"] .rp-drawer {
  min-height: 0;
}

body[data-page="reports"] .rp-menu,
body[data-page="reports"] .rp-filter-card,
body[data-page="reports"] .rp-summary-card,
body[data-page="reports"] .rp-table-card,
body[data-page="reports"] .rp-drawer {
  background: var(--rp-card);
  border: 1px solid var(--rp-border);
  border-radius: 16px;
  box-shadow: var(--rp-shadow);
}

body[data-page="reports"] .rp-workspace {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

body[data-page="reports"] .rp-menu {
  display: flex;
  flex-direction: column;
  padding: 12px;
  overflow: hidden;
}

body[data-page="reports"] .rp-menu-head,
body[data-page="reports"] .rp-toolbar-copy,
body[data-page="reports"] .rp-table-head-copy {
  display: grid;
  gap: 4px;
}

body[data-page="reports"] .rp-eyebrow,
body[data-page="reports"] .rp-section-kicker,
body[data-page="reports"] .rp-filter-head {
  display: none !important;
}

body[data-page="reports"] .rp-menu-title {
  margin: 0 0 10px;
  font-size: 17px;
  font-weight: 800;
  color: var(--rp-text);
}

body[data-page="reports"] .rp-title {
  margin: 0;
  font-size: 22px;
  line-height: 1.15;
  font-weight: 800;
  color: var(--rp-text);
}

body[data-page="reports"] .rp-description,
body[data-page="reports"] .rp-table-meta {
  margin: 0;
  font-size: 12px;
  color: var(--rp-muted);
}

body[data-page="reports"] .rp-toolbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  min-height: 46px;
}

body[data-page="reports"] .rp-toolbar-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

body[data-page="reports"] .rp-button,
body[data-page="reports"] .rp-options-item {
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--rp-border);
  border-radius: 10px;
  background: var(--rp-card);
  color: var(--rp-text-2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  transition: border-color 160ms ease, background 160ms ease, color 160ms ease;
}

body[data-page="reports"] .rp-button svg,
body[data-page="reports"] .rp-icon-btn svg,
body[data-page="reports"] .rp-menu-item svg,
body[data-page="reports"] .rp-summary-icon svg,
body[data-page="reports"] .rp-drawer-link svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body[data-page="reports"] .rp-button:hover,
body[data-page="reports"] .rp-options-item:hover {
  border-color: var(--rp-blue);
  color: var(--rp-blue);
  background: var(--rp-blue-soft);
}

body[data-page="reports"] .rp-button:focus-visible,
body[data-page="reports"] .rp-icon-btn:focus-visible,
body[data-page="reports"] .rp-menu-item:focus-visible,
body[data-page="reports"] .rp-drawer-link:focus-visible,
body[data-page="reports"] .rp-drawer-close:focus-visible,
body[data-page="reports"] .rp-options-item:focus-visible,
body[data-page="reports"] .rp-table tbody tr:focus-visible,
body[data-page="reports"] .rp-split-row:focus-visible {
  outline: 2px solid var(--rp-blue);
  outline-offset: 2px;
}

body[data-page="reports"] .rp-button-primary {
  background: var(--rp-blue);
  border-color: var(--rp-blue);
  color: #fff;
}

body[data-page="reports"] .rp-button-primary:hover {
  background: var(--rp-blue-hover);
  border-color: var(--rp-blue-hover);
  color: #fff;
}

body[data-page="reports"] .rp-button-secondary {
  background: var(--rp-card);
  color: var(--rp-text-2);
}

body[data-page="reports"] .rp-button-icon,
body[data-page="reports"] .rp-page-btn {
  width: 34px;
  min-width: 34px;
  padding: 0;
}

body[data-page="reports"] .rp-options-wrap {
  position: relative;
}

body[data-page="reports"] .rp-options-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 20;
  min-width: 220px;
  padding: 10px;
  border: 1px solid var(--rp-border);
  border-radius: 14px;
  background: var(--rp-card);
  box-shadow: var(--rp-shadow);
  display: grid;
  gap: 6px;
}

body[data-page="reports"] .rp-menu-search {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  height: 34px;
  border: 1px solid var(--rp-border);
  border-radius: 10px;
  padding: 0 10px;
  background: var(--rp-card);
  margin-bottom: 10px;
}

body[data-page="reports"] .rp-menu-search input,
body[data-page="reports"] .rp-field input,
body[data-page="reports"] .rp-field select,
body[data-page="reports"] .rp-table-size select {
  width: 100%;
  border: 0;
  background: transparent;
  color: var(--rp-text);
  font: inherit;
  font-size: 12px;
  outline: none;
}

body[data-page="reports"] .rp-search-icon {
  color: var(--rp-muted);
}

body[data-page="reports"] .rp-menu-sections {
  min-height: 0;
  overflow: auto;
  padding-right: 4px;
}

body[data-page="reports"] .rp-menu-section + .rp-menu-section {
  margin-top: 12px;
}

body[data-page="reports"] .rp-menu-section-title {
  margin: 0 0 6px;
  font-size: 11px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--rp-blue);
  font-weight: 800;
}

body[data-page="reports"] .rp-menu-list {
  display: grid;
  gap: 4px;
}

body[data-page="reports"] .rp-menu-item {
  width: 100%;
  height: 32px;
  border: 0;
  background: transparent;
  color: var(--rp-text-2);
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
}

body[data-page="reports"] .rp-menu-item:hover {
  background: var(--rp-soft);
}

body[data-page="reports"] .rp-menu-item.is-active {
  background: var(--rp-blue-soft);
  color: var(--rp-blue);
  box-shadow: inset 3px 0 0 var(--rp-blue);
}

body[data-page="reports"] .rp-menu-item-icon {
  width: 15px;
  height: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 15px;
}

body[data-page="reports"] .rp-menu-item-copy {
  font-size: 12px;
  font-weight: 700;
}

body[data-page="reports"] .rp-filter-card {
  padding: 10px 12px;
  display: grid;
  gap: 8px;
}

body[data-page="reports"] .rp-filter-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 8px;
  align-items: end;
}

body[data-page="reports"] .rp-filter-row {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 160px 160px 140px;
  gap: 8px;
}

body[data-page="reports"] .rp-shell .rp-filter-row-main {
  grid-template-columns: 120px 136px 136px 148px 160px 76px 72px;
}

body[data-page="reports"] .rp-shell .rp-filter-row-secondary {
  grid-template-columns: minmax(260px, 1fr) 160px 160px 132px;
  margin-top: 8px;
}

body[data-page="reports"] .rp-field {
  display: block;
  min-width: 0;
}

body[data-page="reports"] .rp-field > span,
body[data-page="reports"] .rp-table-size > span {
  display: block;
  margin-bottom: 4px;
  font-size: 10.5px;
  font-weight: 800;
  color: var(--rp-text-2);
}

body[data-page="reports"] .rp-field input,
body[data-page="reports"] .rp-field select,
body[data-page="reports"] .rp-table-size {
  height: 32px;
  width: 100%;
  border: 1px solid var(--rp-border);
  border-radius: 10px;
  background: var(--rp-card);
  color: var(--rp-text);
  padding: 0 10px;
  font-size: 12px;
  font-weight: 650;
}

body[data-page="reports"] .rp-field-actions {
  align-self: end;
}

body[data-page="reports"] .rp-field-actions > .rp-inline-actions,
body[data-page="reports"] .rp-field-actions > .rp-button {
  height: 32px;
}

body[data-page="reports"] .rp-inline-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

body[data-page="reports"] .rp-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(140px, 1fr));
  gap: 10px;
}

body[data-page="reports"] .rp-summary-card {
  min-height: 58px;
  padding: 8px 10px;
  display: block;
}

body[data-page="reports"] .rp-summary-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

body[data-page="reports"] .rp-summary-icon {
  width: 15px;
  height: 15px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: var(--rp-blue);
  flex: 0 0 15px;
}

body[data-page="reports"] .rp-summary-label {
  margin: 0;
  font-size: 11px;
  color: var(--rp-muted);
  font-weight: 800;
  line-height: 1.2;
}

body[data-page="reports"] .rp-summary-value {
  display: block;
  margin-top: 4px;
  font-size: 18px;
  line-height: 1;
  color: var(--rp-text);
  font-weight: 850;
}

body[data-page="reports"] .rp-summary-help {
  display: block;
  margin-top: 3px;
  font-size: 10.5px;
  color: var(--rp-muted);
  line-height: 1.2;
}

body[data-page="reports"] .rp-table-card {
  flex: 1;
  min-height: 260px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 0;
}

body[data-page="reports"] .rp-table-head {
  padding: 10px 12px;
  border-bottom: 1px solid var(--rp-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

body[data-page="reports"] .rp-table-title {
  margin: 0;
  font-size: 13px;
  font-weight: 800;
  color: var(--rp-text);
}

body[data-page="reports"] .rp-table-host {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

body[data-page="reports"] .rp-table-scroll {
  flex: 1;
  min-height: 0;
  overflow: auto;
}

body[data-page="reports"] .rp-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  font-size: 12px;
}

body[data-page="reports"] .rp-table th {
  height: 36px;
  padding: 0 9px;
  text-align: left;
  font-size: 10.5px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--rp-muted);
  background: var(--rp-soft);
  border-bottom: 1px solid var(--rp-border);
  position: sticky;
  top: 0;
  z-index: 1;
  white-space: nowrap;
}

body[data-page="reports"] .rp-table td {
  height: 36px;
  padding: 0 9px;
  color: var(--rp-text-2);
  border-bottom: 1px solid var(--rp-border-soft);
  white-space: nowrap;
}

body[data-page="reports"] .rp-table tr:hover td {
  background: var(--rp-soft);
}

body[data-page="reports"] .rp-table tr.rp-row-active td {
  background: var(--rp-blue-soft);
}

body[data-page="reports"] .rp-align-right,
body[data-page="reports"] .rp-table td.rp-align-right,
body[data-page="reports"] .rp-table th.rp-align-right {
  text-align: right;
}

body[data-page="reports"] .rp-align-center,
body[data-page="reports"] .rp-table td.rp-align-center,
body[data-page="reports"] .rp-table th.rp-align-center {
  text-align: center;
}

body[data-page="reports"] .rp-status-pill {
  display: inline-flex;
  height: 22px;
  align-items: center;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 800;
  color: var(--rp-success);
  background: var(--rp-success-soft);
}

body[data-page="reports"] .rp-row-actions {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  flex-wrap: nowrap;
  white-space: nowrap;
}

body[data-page="reports"] .rp-icon-btn,
body[data-page="reports"] .rp-drawer-close {
  width: 28px;
  height: 28px;
  border-radius: 9px;
  border: 1px solid var(--rp-border);
  background: var(--rp-card);
  color: var(--rp-text-2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

body[data-page="reports"] .rp-icon-btn:hover,
body[data-page="reports"] .rp-drawer-close:hover {
  border-color: var(--rp-blue);
  color: var(--rp-blue);
  background: var(--rp-blue-soft);
}

body[data-page="reports"] .rp-pagination {
  min-height: 40px;
  padding: 8px 12px;
  border-top: 1px solid var(--rp-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

body[data-page="reports"] .rp-pagination-status {
  font-size: 12px;
  font-weight: 700;
  color: var(--rp-muted);
}

body[data-page="reports"] .rp-drawer {
  padding: 12px;
  overflow: auto;
  display: flex;
  flex-direction: column;
}

body[data-page="reports"] .rp-drawer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

body[data-page="reports"] .rp-drawer-title {
  margin: 0;
  font-size: 14px;
  font-weight: 850;
  color: var(--rp-text);
}

body[data-page="reports"] .rp-drawer-content {
  display: grid;
  gap: 10px;
}

body[data-page="reports"] .rp-drawer-summary,
body[data-page="reports"] .rp-drawer-links,
body[data-page="reports"] .rp-drawer-recent {
  border: 1px solid var(--rp-border);
  border-radius: 14px;
  padding: 10px;
  background: var(--rp-card);
}

body[data-page="reports"] .rp-drawer-placeholder strong {
  display: block;
  font-size: 13px;
  color: var(--rp-text);
}

body[data-page="reports"] .rp-drawer-placeholder p {
  margin: 6px 0 0;
  font-size: 12px;
  color: var(--rp-muted);
  line-height: 1.45;
}

body[data-page="reports"] .rp-drawer-pairs {
  display: grid;
  gap: 0;
}

body[data-page="reports"] .rp-drawer-pair,
body[data-page="reports"] .rp-drawer-recent-row {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 12px;
  padding: 5px 0;
  border-bottom: 1px solid var(--rp-border-soft);
}

body[data-page="reports"] .rp-drawer-pair:last-child,
body[data-page="reports"] .rp-drawer-recent-row:last-child {
  border-bottom: 0;
}

body[data-page="reports"] .rp-drawer-pair span,
body[data-page="reports"] .rp-drawer-recent-row span {
  color: var(--rp-muted);
  font-weight: 700;
}

body[data-page="reports"] .rp-drawer-pair strong,
body[data-page="reports"] .rp-drawer-recent-row strong {
  color: var(--rp-text);
  font-weight: 750;
  text-align: right;
}

body[data-page="reports"] .rp-drawer-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body[data-page="reports"] .rp-drawer-link {
  width: 100%;
  min-height: 30px;
  border: 1px solid var(--rp-border);
  background: var(--rp-card);
  color: var(--rp-text-2);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 750;
  cursor: pointer;
  padding: 0 9px;
  border-radius: 8px;
}

body[data-page="reports"] .rp-drawer-link:hover {
  background: var(--rp-blue-soft);
  color: var(--rp-blue);
}

body[data-page="reports"] .rp-drawer-link[disabled] {
  color: var(--rp-muted);
  cursor: not-allowed;
}

body[data-page="reports"] .rp-drawer-recent-head strong {
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 800;
  color: var(--rp-text);
}

body[data-page="reports"] .rp-drawer-empty {
  margin: 0;
  font-size: 12px;
  color: var(--rp-muted);
}

body[data-page="reports"] .rp-empty,
body[data-page="reports"] .rp-error,
body[data-page="reports"] .rp-empty-inline {
  padding: 18px;
  display: grid;
  gap: 8px;
  align-content: center;
  justify-items: start;
  color: var(--rp-text);
}

body[data-page="reports"] .rp-empty p,
body[data-page="reports"] .rp-error p,
body[data-page="reports"] .rp-empty-menu p {
  margin: 0;
  color: var(--rp-muted);
  font-size: 12px;
}

body[data-page="reports"] .rp-empty-menu {
  padding: 10px 0;
}

body[data-page="reports"] .rp-table-tools {
  display: flex;
  align-items: center;
  gap: 8px;
}

body[data-page="reports"] .rp-table-size {
  display: inline-grid;
  grid-template-columns: auto 62px;
  align-items: center;
  gap: 10px;
  width: auto;
  min-width: 110px;
}

body[data-page="reports"] .rp-table-size > span {
  margin-bottom: 0;
  white-space: nowrap;
}

body[data-page="reports"] .rp-split-report {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  flex: 1;
  min-height: 0;
}

body[data-page="reports"] .rp-split-card {
  border: 1px solid var(--rp-border);
  border-radius: 14px;
  background: var(--rp-card);
  display: flex;
  flex-direction: column;
  min-height: 0;
}

body[data-page="reports"] .rp-split-head {
  padding: 10px 12px;
  border-bottom: 1px solid var(--rp-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 13px;
  font-weight: 800;
}

body[data-page="reports"] .rp-split-list {
  min-height: 0;
  overflow: auto;
  display: grid;
}

body[data-page="reports"] .rp-split-row {
  min-height: 38px;
  padding: 0 12px;
  border: 0;
  border-bottom: 1px solid var(--rp-border-soft);
  background: transparent;
  color: var(--rp-text-2);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

body[data-page="reports"] .rp-split-row:hover {
  background: var(--rp-soft);
  color: var(--rp-blue);
}

body[data-page="reports"] .rp-net-result {
  border: 1px solid var(--rp-border);
  border-radius: 14px;
  background: var(--rp-card);
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 13px;
  font-weight: 800;
}

body[data-page="reports"] .rp-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
}

@media (max-width: 1280px) {
  body[data-page="reports"] .rp-shell {
    grid-template-columns: 250px minmax(0, 1fr);
  }

  body[data-page="reports"] .rp-drawer {
    display: none;
  }
}

@media (max-width: 1040px) {
  body[data-page="reports"] .rp-shell {
    grid-template-columns: 1fr;
    height: auto;
  }

  body[data-page="reports"] .workspace {
    overflow: auto;
  }

  body[data-page="reports"] .rp-menu {
    max-height: 320px;
  }

  body[data-page="reports"] .rp-filter-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body[data-page="reports"] .rp-filter-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-page="reports"] .rp-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1450px) {
  body[data-page="reports"] .rp-shell .rp-filter-row-main {
    grid-template-columns: repeat(4, minmax(120px, 1fr));
  }

  body[data-page="reports"] .rp-shell .rp-filter-row-secondary {
    grid-template-columns: minmax(220px, 1fr) 150px 150px 128px;
  }
}

@media (max-width: 760px) {
  body[data-page="reports"] .rp-filter-grid,
  body[data-page="reports"] .rp-filter-row,
  body[data-page="reports"] .rp-summary-grid,
  body[data-page="reports"] .rp-split-report {
    grid-template-columns: 1fr;
  }

  body[data-page="reports"] .rp-toolbar,
  body[data-page="reports"] .rp-table-head,
  body[data-page="reports"] .rp-pagination {
    flex-direction: column;
    align-items: stretch;
  }

  body[data-page="reports"] .rp-table {
    min-width: 860px;
  }
}

/* Final hard overrides so shared global button skins do not leak into Reports */
body[data-page="reports"] .rp-shell button.rp-menu-item {
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 9px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: var(--rp-text-2) !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

body[data-page="reports"] .rp-shell button.rp-menu-item:not(.is-active) {
  background: transparent !important;
  color: var(--rp-text-2) !important;
  box-shadow: none !important;
}

body[data-page="reports"] .rp-shell button.rp-menu-item:hover,
body[data-page="reports"] .rp-shell button.rp-menu-item:focus-visible {
  background: var(--rp-soft) !important;
  color: var(--rp-blue) !important;
  border-color: transparent !important;
}

body[data-page="reports"] .rp-shell button.rp-menu-item.is-active {
  background: var(--rp-blue-soft) !important;
  color: var(--rp-blue) !important;
  box-shadow: inset 3px 0 0 var(--rp-blue) !important;
}

body[data-page="reports"] .rp-shell button.rp-drawer-link,
body[data-page="reports"] .rp-shell button.rp-quick-link {
  min-height: 30px !important;
  height: 30px !important;
  padding: 0 9px !important;
  border: 1px solid var(--rp-border) !important;
  border-radius: 8px !important;
  background: var(--rp-card) !important;
  color: var(--rp-text-2) !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

body[data-page="reports"] .rp-shell button.rp-drawer-link:hover,
body[data-page="reports"] .rp-shell button.rp-drawer-link:focus-visible,
body[data-page="reports"] .rp-shell button.rp-quick-link:hover,
body[data-page="reports"] .rp-shell button.rp-quick-link:focus-visible {
  background: var(--rp-blue-soft) !important;
  color: var(--rp-blue) !important;
  border-color: var(--rp-border) !important;
}

body[data-page="reports"] .rp-shell button.rp-drawer-link[disabled],
body[data-page="reports"] .rp-shell button.rp-quick-link[disabled] {
  background: var(--rp-card) !important;
  color: var(--rp-muted) !important;
  opacity: 1 !important;
}

body[data-page="reports"] button.rp-button-secondary,
body[data-page="reports"] button#reportExportBtn,
body[data-page="reports"] button#reportPrintBtn,
body[data-page="reports"] button#reportOptionsBtn,
body[data-page="reports"] button#rpPrevPageBtn,
body[data-page="reports"] button#rpNextPageBtn {
  background: var(--rp-card) !important;
  color: var(--rp-text-2) !important;
  border: 1px solid var(--rp-border) !important;
  box-shadow: none !important;
}

body[data-page="reports"] button.rp-button-primary {
  background: var(--rp-blue) !important;
  color: #fff !important;
  border: 1px solid var(--rp-blue) !important;
  box-shadow: none !important;
}

body[data-page="reports"] button.rp-button-primary:hover,
body[data-page="reports"] button.rp-button-primary:focus-visible {
  background: var(--rp-blue-hover) !important;
  border-color: var(--rp-blue-hover) !important;
}

body[data-page="reports"] button.rp-icon-btn,
body[data-page="reports"] button.rp-drawer-close {
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  border: 1px solid var(--rp-border) !important;
  border-radius: 9px !important;
  background: var(--rp-card) !important;
  color: var(--rp-text-2) !important;
  box-shadow: none !important;
}

body[data-page="reports"] .rp-search-icon,
body[data-page="reports"] .rp-search-icon svg {
  width: 16px !important;
  height: 16px !important;
  color: var(--rp-muted) !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
}

body[data-page="reports"] .rp-shell .rp-filter-card {
  padding: 8px 10px !important;
}

body[data-page="reports"] .rp-shell .rp-summary-card {
  min-height: 58px !important;
  padding: 8px 10px !important;
}

body[data-page="reports"] .rp-table-card {
  min-height: 0 !important;
}

body[data-page="reports"] .rp-table {
  height: auto !important;
  table-layout: auto !important;
}

body[data-page="reports"] .rp-table tbody tr {
  height: 36px !important;
}

body[data-page="reports"] .rp-table td {
  line-height: 1.25 !important;
  vertical-align: middle !important;
}

/* Reports density cleanup: keep global shell intact, maximize report workspace */
body[data-page="reports"] .workspace {
  height: calc(100vh - 36px) !important;
  min-height: 0 !important;
  max-height: calc(100vh - 36px) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  overflow: hidden !important;
}

body[data-page="reports"] {
  overflow: hidden !important;
}

body[data-page="reports"] .page-section.rp-page-section {
  display: flex !important;
  flex-direction: column !important;
  align-self: stretch !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 4px 6px 6px !important;
  overflow: hidden !important;
}

body[data-page="reports"] .rp-shell {
  flex: 1 1 auto !important;
  height: auto !important;
  min-height: 0 !important;
  gap: 8px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body[data-page="reports"] .rp-workspace {
  gap: 6px !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

body[data-page="reports"] .rp-toolbar {
  display: none !important;
}

body[data-page="reports"] .rp-summary-grid {
  display: none !important;
}

body[data-page="reports"] .rp-menu {
  padding: 10px !important;
  overflow: hidden !important;
}

body[data-page="reports"] .rp-menu-title {
  margin-bottom: 8px !important;
}

body[data-page="reports"] .rp-menu-search {
  height: 32px !important;
  margin-bottom: 8px !important;
}

body[data-page="reports"] .rp-menu-sections {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: auto !important;
  padding-right: 3px !important;
}

body[data-page="reports"] .rp-menu-list {
  gap: 3px !important;
}

body[data-page="reports"] .rp-shell button.rp-menu-item {
  justify-content: flex-start !important;
  text-align: left !important;
}

body[data-page="reports"] .rp-menu-item-copy {
  text-align: left !important;
  justify-self: start !important;
}

body[data-page="reports"] .rp-filter-card {
  flex: 0 0 auto !important;
  padding: 7px 9px !important;
}

body[data-page="reports"] .rp-shell .rp-filter-row-main {
  grid-template-columns: 118px 132px 132px 140px 152px 74px 70px !important;
  gap: 7px !important;
}

body[data-page="reports"] .rp-shell .rp-filter-row-secondary {
  grid-template-columns: minmax(250px, 1fr) 150px 150px 124px !important;
  gap: 7px !important;
  margin-top: 7px !important;
}

body[data-page="reports"] .rp-field > span,
body[data-page="reports"] .rp-table-size > span {
  margin-bottom: 3px !important;
  font-size: 10px !important;
}

body[data-page="reports"] .rp-field input,
body[data-page="reports"] .rp-field select,
body[data-page="reports"] .rp-field-actions > .rp-button {
  height: 31px !important;
  min-height: 31px !important;
  font-size: 12.5px !important;
}

body[data-page="reports"] .rp-table-card {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

body[data-page="reports"] .rp-table-head {
  padding: 7px 10px !important;
  flex: 0 0 auto !important;
}

body[data-page="reports"] .rp-table-title {
  font-size: 14px !important;
}

body[data-page="reports"] .rp-table-meta {
  font-size: 12.5px !important;
}

body[data-page="reports"] .rp-table-host {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

body[data-page="reports"] .rp-table-scroll {
  height: 100% !important;
  min-height: 0 !important;
  overflow: auto !important;
}

body[data-page="reports"] .rp-table {
  min-width: 0 !important;
  font-size: 13.5px !important;
}

body[data-page="reports"] .rp-table th {
  height: 34px !important;
  padding: 0 12px !important;
  font-size: 11.5px !important;
}

body[data-page="reports"] .rp-table td {
  height: 38px !important;
  padding: 0 12px !important;
  color: var(--rp-text) !important;
  font-size: 13.5px !important;
  font-weight: 650 !important;
}

body[data-page="reports"] .rp-table tbody tr {
  height: 38px !important;
}

body[data-page="reports"] .rp-row-actions {
  justify-content: center !important;
}

body[data-page="reports"] .rp-pagination {
  min-height: 36px !important;
  padding: 6px 10px !important;
  flex: 0 0 auto !important;
}

body[data-page="reports"] .rp-drawer {
  padding: 10px !important;
  overflow: hidden !important;
}

body[data-page="reports"] .rp-drawer-head {
  flex: 0 0 auto !important;
  margin-bottom: 8px !important;
}

body[data-page="reports"] .rp-drawer-content {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: auto !important;
  display: grid !important;
  align-content: start !important;
  gap: 8px !important;
}

body[data-page="reports"] .rp-drawer-summary,
body[data-page="reports"] .rp-drawer-links,
body[data-page="reports"] .rp-drawer-recent {
  padding: 8px !important;
}

body[data-page="reports"] .rp-drawer-global-actions {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 7px;
  padding-top: 8px;
  margin-top: 8px;
  border-top: 1px solid var(--rp-border-soft);
}

body[data-page="reports"] .rp-drawer-global-actions .rp-button {
  height: 32px !important;
  min-height: 32px !important;
}

@media (max-width: 1450px) {
  body[data-page="reports"] .rp-shell .rp-filter-row-main {
    grid-template-columns: repeat(4, minmax(118px, 1fr)) !important;
  }

  body[data-page="reports"] .rp-shell .rp-filter-row-secondary {
    grid-template-columns: minmax(220px, 1fr) 145px 145px 124px !important;
  }
}

/* UI foundation repair: label/value cards must read top-to-bottom. */
body[data-theme] .profile-account-row,
body[data-theme] .summary-row:not(.statement-line),
body[data-theme] .invoice-summary-row,
body[data-theme] .eway-inline-summary-row,
body[data-theme] .delivery-katt-door-summary-row,
body[data-page="admin-security"] .admin-settings-detail-row,
body[data-page="admin-security"] .admin-settings-action-row,
body[data-page="admin-security"] .admin-settings-shortcut-row,
body[data-page="admin-security"] .admin-settings-system-row,
body[data-page="admin-security"] .admin-settings-inline-status-card,
body[data-page="reports"] .rp-drawer-pair {
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-items: start !important;
  justify-content: start !important;
  justify-items: start !important;
  gap: 3px !important;
  text-align: left !important;
}

body[data-theme] .profile-account-row > span,
body[data-theme] .summary-row:not(.statement-line) > span,
body[data-theme] .invoice-summary-row > span,
body[data-theme] .eway-inline-summary-row > span,
body[data-theme] .delivery-katt-door-summary-row > span,
body[data-page="admin-security"] .admin-settings-detail-row > span,
body[data-page="admin-security"] .admin-settings-action-row > span,
body[data-page="admin-security"] .admin-settings-shortcut-row > span,
body[data-page="admin-security"] .admin-settings-system-row > span,
body[data-page="admin-security"] .admin-settings-inline-status-card > span,
body[data-page="reports"] .rp-drawer-pair > span {
  display: block !important;
  width: 100% !important;
  color: var(--text-muted, #64748b) !important;
  font-size: 11.5px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  letter-spacing: 0.01em !important;
  text-align: left !important;
}

body[data-theme] .profile-account-row > strong,
body[data-theme] .summary-row:not(.statement-line) > strong,
body[data-theme] .invoice-summary-row > strong,
body[data-theme] .eway-inline-summary-row > strong,
body[data-theme] .delivery-katt-door-summary-row > strong,
body[data-page="admin-security"] .admin-settings-detail-row > strong,
body[data-page="admin-security"] .admin-settings-action-row > strong,
body[data-page="admin-security"] .admin-settings-shortcut-row > strong,
body[data-page="admin-security"] .admin-settings-system-row > strong,
body[data-page="admin-security"] .admin-settings-inline-status-card > strong,
body[data-page="reports"] .rp-drawer-pair > strong {
  display: block !important;
  width: 100% !important;
  color: var(--text-main, #0f172a) !important;
  font-size: 13.5px !important;
  line-height: 1.3 !important;
  font-weight: 850 !important;
  text-align: left !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

/* Reports final fit pass: readable controls, no fake nested fields, no clipped text. */
body[data-page="reports"] .app-shell {
  height: 100vh !important;
  min-height: 100vh !important;
  max-height: 100vh !important;
  overflow: hidden !important;
  transform: none !important;
}

body.auth-lock-active.auth-lock-landing .app-shell {
  transform: none !important;
}

body[data-page="reports"] .workspace {
  height: calc(100vh - 36px) !important;
  max-height: calc(100vh - 36px) !important;
}

body[data-page="reports"] .page-section.rp-page-section {
  padding: 6px 8px 8px !important;
}

body[data-page="reports"] .rp-shell {
  align-items: stretch !important;
  gap: 8px !important;
}

body[data-page="reports"] .rp-menu {
  padding: 10px 11px !important;
}

body[data-page="reports"] .rp-menu-search {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  align-items: center !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 12px !important;
  gap: 9px !important;
  overflow: hidden !important;
}

body[data-page="reports"] .rp-menu-search input {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--rp-text, #0f172a) !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  outline: 0 !important;
}

body[data-page="reports"] .rp-menu-search input:focus {
  border: 0 !important;
  box-shadow: none !important;
}

body[data-page="reports"] .rp-filter-card {
  padding: 10px 12px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body[data-page="reports"] .rp-shell .rp-filter-row-main {
  grid-template-columns:
    minmax(142px, 0.85fr)
    minmax(166px, 1fr)
    minmax(166px, 1fr)
    minmax(190px, 1.12fr)
    minmax(214px, 1.24fr) !important;
  gap: 10px !important;
  align-items: end !important;
  width: 100% !important;
  min-width: 0 !important;
}

body[data-page="reports"] .rp-shell .rp-filter-row-secondary {
  grid-template-columns:
    minmax(300px, 1fr)
    minmax(156px, 0.45fr)
    minmax(156px, 0.45fr)
    86px
    84px
    132px !important;
  gap: 10px !important;
  align-items: end !important;
  margin-top: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
}

body[data-page="reports"] .rp-field {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-items: start !important;
  gap: 5px !important;
  min-width: 0 !important;
}

body[data-page="reports"] .rp-field > span,
body[data-page="reports"] .rp-table-size > span {
  margin-bottom: 5px !important;
  color: var(--rp-text, #0f172a) !important;
  font-size: 12.5px !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

body[data-page="reports"] .rp-field input,
body[data-page="reports"] .rp-field select,
body[data-page="reports"] .rp-table-size select,
body[data-page="reports"] .rp-field-actions > .rp-button {
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 12px !important;
  border-radius: 11px !important;
  font-size: 14px !important;
  line-height: normal !important;
  white-space: nowrap !important;
}

body[data-page="reports"] .rp-field input,
body[data-page="reports"] .rp-field select,
body[data-page="reports"] .rp-field-actions > .rp-button {
  grid-column: 1 / -1 !important;
}

body[data-page="reports"] .rp-field input,
body[data-page="reports"] .rp-field select,
body[data-page="reports"] .rp-table-size select {
  color: var(--rp-text, #0f172a) !important;
  font-weight: 750 !important;
  min-width: 0 !important;
  text-overflow: ellipsis !important;
}

body[data-page="reports"] .rp-field input::placeholder {
  color: #7b879a !important;
  opacity: 1 !important;
}

body[data-page="reports"] .rp-field input[type="date"] {
  display: block !important;
  appearance: auto !important;
  -webkit-appearance: auto !important;
}

body[data-page="reports"] .rp-field input[type="date"]::-webkit-datetime-edit,
body[data-page="reports"] .rp-field input[type="date"]::-webkit-datetime-edit-fields-wrapper,
body[data-page="reports"] .rp-field input[type="date"]::-webkit-datetime-edit-text,
body[data-page="reports"] .rp-field input[type="date"]::-webkit-datetime-edit-month-field,
body[data-page="reports"] .rp-field input[type="date"]::-webkit-datetime-edit-day-field,
body[data-page="reports"] .rp-field input[type="date"]::-webkit-datetime-edit-year-field {
  color: var(--rp-text, #0f172a) !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 40px !important;
}

body[data-page="reports"] .rp-field input[type="date"]::-webkit-calendar-picker-indicator {
  width: 16px !important;
  height: 16px !important;
  margin-left: 6px !important;
  opacity: 0.72 !important;
}

body[data-page="reports"] .rp-field-actions > .rp-button,
body[data-page="reports"] .rp-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

body[data-page="reports"] .rp-button.is-neutral {
  background: var(--rp-card, #fff) !important;
  color: var(--rp-text-2, #334155) !important;
  border-color: var(--rp-border, #d9e2f1) !important;
  box-shadow: none !important;
}

body[data-page="reports"] .rp-drawer-close {
  display: none !important;
}

body[data-page="reports"] .rp-drawer-head {
  min-height: 30px !important;
}

body[data-page="reports"] .rp-drawer-pairs {
  gap: 7px !important;
}

body[data-page="reports"] .rp-drawer-pair {
  min-height: 54px !important;
  padding: 8px 10px !important;
}

body[data-page="reports"] .rp-drawer-pair > span {
  color: var(--rp-muted, #64748b) !important;
  font-size: 11.5px !important;
  text-transform: none !important;
}

body[data-page="reports"] .rp-drawer-pair > strong {
  color: var(--rp-text, #0f172a) !important;
  font-size: 13.5px !important;
}

@media (max-width: 1450px) {
  body[data-page="reports"] .rp-shell .rp-filter-row-main {
    grid-template-columns: repeat(3, minmax(170px, 1fr)) !important;
  }

  body[data-page="reports"] .rp-shell .rp-filter-row-secondary {
    grid-template-columns: minmax(220px, 1fr) minmax(150px, 0.55fr) minmax(150px, 0.55fr) !important;
  }
}

/* Final shell height correction: reclaim the full viewport height for the
   shared workspace and left rail instead of leaving a global bottom gutter. */
body[data-theme] .app-shell {
  align-items: stretch !important;
  min-height: var(--app-shell-height) !important;
  height: var(--app-shell-height) !important;
}

body[data-theme] .side-rail {
  height: var(--app-shell-height) !important;
  max-height: var(--app-shell-height) !important;
}

body[data-theme] .workspace {
  min-height: 0 !important;
  height: var(--app-shell-height) !important;
  max-height: var(--app-shell-height) !important;
}

/* Recovery guard: later experiments left several sidebar/admin overrides in
   the bundle. Keep dark-mode labels readable at rest and on hover. */
body[data-theme="dark"] .side-rail .nav-link,
body[data-theme="dark"] .side-rail .nav-link:hover,
body[data-theme="dark"] .side-rail .nav-link:focus-visible,
body[data-theme="dark"] .side-rail .nav-link-toggle,
body[data-theme="dark"] .side-rail .nav-link-toggle:hover,
body[data-theme="dark"] .side-rail .nav-link-toggle:focus-visible {
  color: var(--ui-text, var(--text, #edf2ff)) !important;
}

body[data-theme="dark"] .side-rail .nav-link .nav-copy strong,
body[data-theme="dark"] .side-rail .nav-link:hover .nav-copy strong,
body[data-theme="dark"] .side-rail .nav-link:focus-visible .nav-copy strong,
body[data-theme="dark"] .side-rail .nav-link-toggle .nav-copy strong,
body[data-theme="dark"] .side-rail .nav-link-toggle:hover .nav-copy strong,
body[data-theme="dark"] .side-rail .nav-link-toggle:focus-visible .nav-copy strong {
  color: var(--ui-text, var(--text, #edf2ff)) !important;
  opacity: 1 !important;
}

body[data-theme="dark"] .side-rail .nav-icon,
body[data-theme="dark"] .side-rail .nav-link:hover .nav-icon,
body[data-theme="dark"] .side-rail .nav-link-toggle:hover .nav-icon {
  color: var(--ui-text, var(--text, #edf2ff)) !important;
}

body[data-theme="dark"][data-page="admin-security"] .admin-settings-secondary-rail-v3 .settings-nav-row,
body[data-theme="dark"][data-page="admin-security"] .admin-settings-secondary-rail-v3 .settings-favorite-row,
body[data-theme="dark"][data-page="admin-security"] .admin-settings-secondary-rail-v3 .settings-recent-row,
body[data-theme="dark"][data-page="admin-security"] .admin-settings-secondary-rail-v3 .settings-nav-row:hover,
body[data-theme="dark"][data-page="admin-security"] .admin-settings-secondary-rail-v3 .settings-favorite-row:hover,
body[data-theme="dark"][data-page="admin-security"] .admin-settings-secondary-rail-v3 .settings-recent-row:hover {
  background: rgba(148, 163, 184, 0.10) !important;
  border-color: rgba(148, 163, 184, 0.22) !important;
  color: var(--ui-text, #edf2ff) !important;
}

body[data-theme="dark"][data-page="admin-security"] .admin-settings-secondary-rail-v3 .admin-settings-nav-label,
body[data-theme="dark"][data-page="admin-security"] .admin-settings-secondary-rail-v3 .admin-settings-nav-icon,
body[data-theme="dark"][data-page="admin-security"] .admin-settings-secondary-rail-v3 .admin-settings-nav-meta-icon,
body[data-theme="dark"][data-page="admin-security"] .admin-settings-secondary-rail-v3 .settings-nav-row:hover .admin-settings-nav-label,
body[data-theme="dark"][data-page="admin-security"] .admin-settings-secondary-rail-v3 .settings-nav-row:hover .admin-settings-nav-icon,
body[data-theme="dark"][data-page="admin-security"] .admin-settings-secondary-rail-v3 .settings-favorite-row:hover .admin-settings-nav-label,
body[data-theme="dark"][data-page="admin-security"] .admin-settings-secondary-rail-v3 .settings-favorite-row:hover .admin-settings-nav-icon,
body[data-theme="dark"][data-page="admin-security"] .admin-settings-secondary-rail-v3 .settings-recent-row:hover .admin-settings-nav-label,
body[data-theme="dark"][data-page="admin-security"] .admin-settings-secondary-rail-v3 .settings-recent-row:hover .admin-settings-nav-icon {
  color: var(--ui-text, #edf2ff) !important;
  opacity: 1 !important;
}

body[data-theme="dark"][data-page="admin-security"] .admin-settings-secondary-rail-v3 .settings-nav-row[data-ui-role="settings-active"],
body[data-theme="dark"][data-page="admin-security"] .admin-settings-secondary-rail-v3 .settings-nav-row[data-ui-role="settings-active"]:hover {
  background: #2f4df5 !important;
  border-color: #2f4df5 !important;
  color: #ffffff !important;
}

body[data-theme="dark"][data-page="admin-security"] .admin-settings-secondary-rail-v3 .settings-nav-row[data-ui-role="settings-active"] .admin-settings-nav-label,
body[data-theme="dark"][data-page="admin-security"] .admin-settings-secondary-rail-v3 .settings-nav-row[data-ui-role="settings-active"] .admin-settings-nav-icon,
body[data-theme="dark"][data-page="admin-security"] .admin-settings-secondary-rail-v3 .settings-nav-row[data-ui-role="settings-active"] .admin-settings-nav-meta-icon {
  color: #ffffff !important;
}

/* Reports viewport and filter repair.
   This block intentionally sits last because older Reports experiments above
   still define competing grids and heights. Keep it scoped to reports only. */
body[data-page="reports"] {
  overflow: hidden !important;
}

body[data-page="reports"] .app-main.workspace {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 0 !important;
  min-height: 0 !important;
  height: var(--app-shell-height, 100vh) !important;
  max-height: var(--app-shell-height, 100vh) !important;
  overflow: hidden !important;
}

body[data-page="reports"] .topbar {
  flex: 0 0 auto !important;
}

body[data-page="reports"] .page-section.reports-page,
body[data-page="reports"] .page-section.rp-page-section {
  display: block !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 6px 8px 8px !important;
  overflow: hidden !important;
  max-width: none !important;
}

body[data-page="reports"] .rp-shell {
  height: 100% !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: 272px minmax(620px, 1fr) 320px !important;
  gap: 8px !important;
  align-items: stretch !important;
  overflow: hidden !important;
}

body[data-page="reports"] .rp-menu,
body[data-page="reports"] .rp-workspace,
body[data-page="reports"] .rp-drawer {
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: hidden !important;
}

body[data-page="reports"] .rp-menu {
  display: flex !important;
  flex-direction: column !important;
  padding: 10px 10px 4px !important;
}

body[data-page="reports"] .rp-menu-header {
  flex: 0 0 auto !important;
}

body[data-page="reports"] .rp-menu-title {
  margin: 0 0 8px !important;
}

body[data-page="reports"] .rp-menu-search {
  height: 36px !important;
  margin: 0 0 10px !important;
  padding: 0 9px !important;
  gap: 8px !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}

body[data-page="reports"] .rp-menu-search input {
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  font-size: 13px !important;
  min-width: 0 !important;
}

body[data-page="reports"] .rp-menu-sections {
  flex: 1 1 auto !important;
  flex-basis: 0 !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  margin-bottom: 0 !important;
  padding: 0 4px 0 0 !important;
}

body[data-page="reports"] .rp-workspace {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

body[data-page="reports"] .rp-toolbar,
body[data-page="reports"] .rp-summary-grid {
  display: none !important;
}

body[data-page="reports"] .rp-filter-card {
  flex: 0 0 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 8px 10px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

body[data-page="reports"] .rp-shell .rp-filter-row-main {
  display: grid !important;
  grid-template-columns:
    minmax(118px, 0.72fr)
    minmax(150px, 0.9fr)
    minmax(150px, 0.9fr)
    minmax(154px, 0.9fr)
    minmax(170px, 1fr) !important;
  gap: 8px !important;
  align-items: end !important;
  width: 100% !important;
  min-width: 0 !important;
}

body[data-page="reports"] .rp-shell .rp-filter-row-secondary {
  display: grid !important;
  grid-template-columns: minmax(270px, 1fr) minmax(145px, 0.48fr) minmax(145px, 0.48fr) 84px 84px 128px !important;
  gap: 8px !important;
  align-items: end !important;
  margin-top: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
}

body[data-page="reports"] .rp-field {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 15px 34px !important;
  gap: 3px !important;
  align-items: start !important;
  min-width: 0 !important;
}

body[data-page="reports"] .rp-field > span,
body[data-page="reports"] .rp-page-size > span {
  margin: 0 !important;
  color: var(--rp-text, #0f172a) !important;
  font-size: 11.5px !important;
  line-height: 15px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

body[data-page="reports"] .rp-field input,
body[data-page="reports"] .rp-field select {
  width: 100% !important;
  min-width: 0 !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 10px !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  color: var(--rp-text, #0f172a) !important;
  font-size: 13.2px !important;
  line-height: 34px !important;
  font-weight: 750 !important;
  text-overflow: ellipsis !important;
}

body[data-page="reports"] .rp-field input::placeholder {
  color: #7b879a !important;
  opacity: 1 !important;
}

body[data-page="reports"] .rp-field input[type="date"]::-webkit-datetime-edit,
body[data-page="reports"] .rp-field input[type="date"]::-webkit-datetime-edit-fields-wrapper,
body[data-page="reports"] .rp-field input[type="date"]::-webkit-datetime-edit-text,
body[data-page="reports"] .rp-field input[type="date"]::-webkit-datetime-edit-month-field,
body[data-page="reports"] .rp-field input[type="date"]::-webkit-datetime-edit-day-field,
body[data-page="reports"] .rp-field input[type="date"]::-webkit-datetime-edit-year-field {
  color: var(--rp-text, #0f172a) !important;
  font-size: 13.2px !important;
  font-weight: 750 !important;
  line-height: 34px !important;
}

body[data-page="reports"] .rp-filter-row-secondary > .rp-button {
  align-self: end !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 10px !important;
  border-radius: 10px !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body[data-page="reports"] .rp-table-card {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

body[data-page="reports"] .rp-table-card-header,
body[data-page="reports"] .rp-table-head {
  flex: 0 0 auto !important;
  min-height: 48px !important;
  padding: 8px 10px !important;
}

body[data-page="reports"] .rp-table-host {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

body[data-page="reports"] .rp-table-scroll {
  height: 100% !important;
  min-height: 0 !important;
  overflow: auto !important;
}

body[data-page="reports"] .rp-table th,
body[data-page="reports"] .rp-table td {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  font-size: 13.8px !important;
  line-height: 1.2 !important;
}

body[data-page="reports"] .rp-pagination {
  flex: 0 0 auto !important;
  min-height: 48px !important;
  padding: 8px 10px !important;
}

body[data-page="reports"] .rp-drawer {
  display: flex !important;
  flex-direction: column !important;
}

body[data-page="reports"] .rp-drawer-header,
body[data-page="reports"] .rp-drawer-head {
  flex: 0 0 auto !important;
  min-height: 40px !important;
  padding: 10px 12px !important;
}

body[data-page="reports"] .rp-drawer-close {
  display: none !important;
}

body[data-page="reports"] .rp-drawer-content {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 8px 10px 58px !important;
}

body[data-page="reports"] .rp-drawer-pairs {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

body[data-page="reports"] .rp-drawer-pair {
  min-height: 54px !important;
  padding: 8px 10px !important;
  display: grid !important;
  grid-template-rows: auto 1fr !important;
  align-items: start !important;
}

body[data-page="reports"] .rp-drawer-pair > span {
  display: block !important;
  margin: 0 0 4px !important;
  color: var(--rp-muted, #64748b) !important;
  font-size: 11.5px !important;
  line-height: 1.2 !important;
  text-transform: none !important;
}

body[data-page="reports"] .rp-drawer-pair > strong {
  display: block !important;
  color: var(--rp-text, #0f172a) !important;
  font-size: 13.5px !important;
  line-height: 1.25 !important;
}

body[data-page="reports"] .rp-drawer-links {
  gap: 7px !important;
}

body[data-page="reports"] .rp-shell button.rp-drawer-link,
body[data-page="reports"] .rp-shell button.rp-quick-link {
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 9px !important;
}

body[data-page="reports"] .rp-pagination-button {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border: 1px solid var(--rp-border, #d9e2f1) !important;
  border-radius: 10px !important;
  background: var(--rp-card, #fff) !important;
  color: var(--rp-text-2, #334155) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
}

body[data-page="reports"] .rp-pagination-button svg,
body[data-page="reports"] .rp-button svg,
body[data-page="reports"] .rp-icon-btn svg {
  width: 15px !important;
  height: 15px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  flex: 0 0 auto !important;
}

body[data-page="reports"] .rp-pagination-button:disabled {
  opacity: 0.42 !important;
  cursor: not-allowed !important;
}

body[data-page="reports"] .rp-pagination-button:not(:disabled):hover,
body[data-page="reports"] .rp-pagination-button:not(:disabled):focus-visible {
  background: var(--rp-blue-soft, #eff6ff) !important;
  color: var(--rp-blue, #2563eb) !important;
  border-color: var(--rp-blue, #2563eb) !important;
}

body[data-page="reports"] .rp-drawer-content {
  padding-bottom: 8px !important;
}

body[data-page="reports"] .rp-drawer-global-actions {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  padding: 8px 10px 10px !important;
  border-top: 1px solid var(--rp-border-soft, #e8eef8) !important;
  background: var(--rp-card, #fff) !important;
}

body[data-page="reports"] .rp-drawer-global-actions .rp-button {
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

body[data-page="reports"] .rp-drawer-global-actions .rp-icon-only {
  width: 34px !important;
  min-width: 34px !important;
  padding: 0 !important;
}

body[data-page="reports"] .rp-drawer-global-actions .rp-options-menu {
  top: auto !important;
  bottom: calc(100% + 8px) !important;
  right: 0 !important;
}

@media (max-width: 1500px) {
  body[data-page="reports"] .rp-shell {
    grid-template-columns: 260px minmax(520px, 1fr) 300px !important;
  }

  body[data-page="reports"] .rp-shell .rp-filter-row-main {
    grid-template-columns: repeat(3, minmax(150px, 1fr)) !important;
  }

  body[data-page="reports"] .rp-shell .rp-filter-row-secondary {
    grid-template-columns: minmax(240px, 1fr) minmax(150px, 0.55fr) minmax(150px, 0.55fr) !important;
  }
}

body[data-theme][data-page="reports"] .workspace > .page-section.reports-page.rp-page-section:not(.challan-fit-layout) {
  padding: 6px 8px 8px !important;
  overflow: hidden !important;
}

/* Admin Settings reference alignment: keep the rail natural, use a real
   bottom collapse control, and reserve sliders icons for their mapped pages. */
body[data-page="admin-security"] .admin-settings-shell-v3[data-admin-root] {
  grid-template-columns: minmax(232px, 248px) minmax(0, 1fr) minmax(280px, 300px) !important;
  gap: 18px !important;
  min-height: 0 !important;
  height: 100% !important;
}

body[data-page="admin-security"] .admin-settings-secondary-rail-v3 {
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) auto !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}

body[data-page="admin-security"] #adminSettingsRailNavHost.admin-settings-sidebar-scroll {
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 0 6px 14px 0 !important;
}

body[data-page="admin-security"] .admin-settings-rail-foot {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 4 !important;
  margin: 0 !important;
  padding: 10px 0 0 !important;
  border-top: 1px solid var(--app-border, #dbe3ef) !important;
  background: var(--app-bg, #f5f7fb) !important;
}

body[data-page="admin-security"] #adminSettingsRailCollapseBtn.rail-collapse-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 40px !important;
  padding: 0 12px !important;
  border: 1px solid var(--app-border, #dbe3ef) !important;
  border-radius: 12px !important;
  background: var(--app-surface, #ffffff) !important;
  color: var(--app-text-main, #0f172a) !important;
  box-shadow: none !important;
}

body[data-page="admin-security"] #adminSettingsRailCollapseBtn.rail-collapse-button:hover,
body[data-page="admin-security"] #adminSettingsRailCollapseBtn.rail-collapse-button:focus-visible {
  border-color: color-mix(in srgb, var(--ui-primary, #3957ff) 34%, var(--app-border, #dbe3ef) 66%) !important;
  background: color-mix(in srgb, var(--ui-primary, #3957ff) 6%, var(--app-surface, #ffffff) 94%) !important;
  color: var(--ui-primary, #3957ff) !important;
}

body[data-page="admin-security"] .rail-collapse-button-icon,
body[data-page="admin-security"] .rail-collapse-button-label {
  pointer-events: none;
}

body[data-page="admin-security"] .admin-settings-help-panel-v3 {
  display: grid !important;
  align-content: start !important;
  gap: 14px !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 14px 0 14px 18px !important;
  border-left: 1px solid var(--app-border, #dbe3ef) !important;
}

body[data-page="admin-security"] #adminSettingsHelpIcon {
  inline-size: 46px !important;
  block-size: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid color-mix(in srgb, var(--ui-primary, #3957ff) 18%, var(--app-border, #dbe3ef) 82%) !important;
  border-radius: 16px !important;
  background: color-mix(in srgb, var(--ui-primary, #3957ff) 11%, var(--app-surface, #ffffff) 89%) !important;
  color: var(--ui-primary, #3957ff) !important;
}

body[data-page="admin-security"] #adminSettingsHelpIcon svg {
  width: 30px !important;
  height: 30px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.75 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body[data-theme="dark"][data-page="admin-security"] .admin-settings-rail-foot {
  background: var(--app-bg, #0f172a) !important;
  border-top-color: rgba(148, 163, 184, 0.24) !important;
}

body[data-theme="dark"][data-page="admin-security"] #adminSettingsRailCollapseBtn.rail-collapse-button {
  background: var(--app-surface, #111827) !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
  color: var(--app-text-main, #e5edf7) !important;
}

body[data-theme="dark"][data-page="admin-security"] #adminSettingsHelpIcon {
  background: color-mix(in srgb, var(--ui-primary, #7b90ff) 18%, var(--app-surface, #111827) 82%) !important;
  color: var(--ui-primary, #7b90ff) !important;
  border-color: color-mix(in srgb, var(--ui-primary, #7b90ff) 28%, rgba(148, 163, 184, 0.28) 72%) !important;
}

/* Admin Settings users + overview correction.  This keeps the shell intact while
   making the overview and Users workflow match the reference interaction. */
body[data-page="admin-security"] #adminSettingsOverviewPanel {
  display: grid !important;
  gap: 18px !important;
  padding: 18px !important;
  border: 1px solid var(--app-border, #dbe3ef) !important;
  border-radius: 18px !important;
  background: var(--app-surface, #ffffff) !important;
  box-shadow: none !important;
}

body[data-page="admin-security"] #adminSettingsOverviewStatusCards.summary-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body[data-page="admin-security"] #adminSettingsOverviewStatusCards .admin-settings-status-card {
  min-height: 98px !important;
  padding: 14px !important;
}

body[data-page="admin-security"] #adminSettingsOverviewPanel .admin-settings-overview-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: start !important;
}

body[data-page="admin-security"] #adminSettingsOverviewPanel .admin-settings-overview-grid > section {
  display: grid !important;
  align-content: start !important;
  gap: 12px !important;
  min-width: 0 !important;
  padding: 14px !important;
  border: 1px solid var(--app-border, #dbe3ef) !important;
  border-radius: 16px !important;
  background: var(--app-surface, #ffffff) !important;
  box-shadow: none !important;
}

body[data-page="admin-security"] #adminSettingsOverviewPanel .admin-settings-overview-grid h4 {
  margin: 0 !important;
  color: var(--app-text-main, #0f172a) !important;
  font-size: 0.96rem !important;
  line-height: 1.2 !important;
}

body[data-page="admin-security"] #adminSettingsQuickActions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body[data-page="admin-security"] #adminSettingsQuickActions .admin-quick-action-card {
  min-height: 76px !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  align-content: center !important;
  text-align: center !important;
  padding: 12px 10px !important;
}

body[data-page="admin-security"] #adminSettingsQuickActions .admin-settings-quick-action-icon {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
}

body[data-page="admin-security"] #adminSettingsQuickActions .admin-settings-quick-action-copy {
  font-size: 0.84rem !important;
  line-height: 1.18 !important;
}

body[data-page="admin-security"] #adminSecurityUsersSection {
  display: grid !important;
  gap: 16px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-page="admin-security"] #adminSecurityUsersSection > .card-heading {
  margin: 0 !important;
  padding: 0 0 10px !important;
  border-bottom: 1px solid var(--app-border, #dbe3ef) !important;
}

body[data-page="admin-security"] .admin-settings-users-list-view {
  display: grid !important;
  gap: 14px !important;
  min-width: 0 !important;
}

body[data-page="admin-security"] .admin-users-filter-row {
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) minmax(150px, 180px) minmax(150px, 180px) !important;
  gap: 12px !important;
  align-items: end !important;
  padding: 14px !important;
  border: 1px solid var(--app-border, #dbe3ef) !important;
  border-radius: 16px !important;
  background: var(--app-surface, #ffffff) !important;
}

body[data-page="admin-security"] .admin-users-filter-row label {
  display: grid !important;
  gap: 6px !important;
  margin: 0 !important;
  color: var(--app-text-soft, #64748b) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
}

body[data-page="admin-security"] .admin-users-filter-row input,
body[data-page="admin-security"] .admin-users-filter-row select {
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  border-radius: 12px !important;
}

body[data-page="admin-security"] .admin-settings-users-table-shell {
  border-radius: 16px !important;
  box-shadow: none !important;
}

body[data-page="admin-security"] .admin-settings-users-table-shell table {
  width: 100% !important;
}

body[data-page="admin-security"] .admin-settings-users-table-shell th,
body[data-page="admin-security"] .admin-settings-users-table-shell td {
  padding: 10px 12px !important;
  vertical-align: middle !important;
}

body[data-page="admin-security"] .admin-settings-users-table-shell .admin-table-actions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
}

body[data-page="admin-security"] .admin-settings-users-table-shell .icon-action-button {
  color: var(--ui-primary, #3957ff) !important;
  background: var(--ui-primary-soft, #eff6ff) !important;
  border-color: color-mix(in srgb, var(--ui-primary, #3957ff) 22%, var(--app-border, #dbe3ef) 78%) !important;
}

body[data-page="admin-security"] .admin-settings-users-activity {
  display: grid !important;
  gap: 10px !important;
  padding: 14px !important;
  border: 1px solid var(--app-border, #dbe3ef) !important;
  border-radius: 16px !important;
  background: var(--app-surface, #ffffff) !important;
}

body[data-page="admin-security"] .admin-settings-users-activity-head {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

body[data-page="admin-security"] .admin-settings-users-activity-head h3 {
  margin: 0 !important;
  font-size: 0.98rem !important;
}

body[data-page="admin-security"] .admin-settings-users-activity-head span {
  color: var(--app-text-soft, #64748b) !important;
  font-size: 0.78rem !important;
}

body[data-page="admin-security"] .security-admin-audit {
  display: grid !important;
  gap: 0 !important;
}

body[data-page="admin-security"] .security-audit-row,
body[data-page="admin-security"] .security-session-row {
  display: grid !important;
  grid-template-columns: minmax(160px, 0.9fr) minmax(240px, 1.3fr) minmax(140px, auto) !important;
  gap: 12px !important;
  align-items: center !important;
  min-height: 38px !important;
  padding: 8px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--app-border, #dbe3ef) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-page="admin-security"] .security-audit-row:last-child,
body[data-page="admin-security"] .security-session-row:last-child {
  border-bottom: 0 !important;
}

body[data-page="admin-security"] .security-audit-row strong,
body[data-page="admin-security"] .security-session-row strong {
  font-size: 0.86rem !important;
}

body[data-page="admin-security"] .security-audit-row span,
body[data-page="admin-security"] .security-audit-row small,
body[data-page="admin-security"] .security-session-row span,
body[data-page="admin-security"] .security-session-row small {
  margin: 0 !important;
  color: var(--app-text-soft, #64748b) !important;
  font-size: 0.78rem !important;
  line-height: 1.25 !important;
}

body[data-page="admin-security"] #securityUserModal.admin-settings-user-editor-inline {
  display: grid !important;
  gap: 14px !important;
  min-width: 0 !important;
  padding: 16px !important;
  border: 1px solid var(--app-border, #dbe3ef) !important;
  border-radius: 18px !important;
  background: var(--app-surface, #ffffff) !important;
  box-shadow: none !important;
}

body[data-page="admin-security"] #securityUserModal[hidden] {
  display: none !important;
}

body[data-page="admin-security"] .admin-settings-user-editor-top {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid var(--app-border, #dbe3ef) !important;
}

body[data-page="admin-security"] .security-user-form,
body[data-page="admin-security"] .admin-settings-form-section {
  display: grid !important;
  gap: 14px !important;
  min-width: 0 !important;
}

body[data-page="admin-security"] .admin-settings-form-section {
  padding: 14px !important;
  border: 1px solid var(--app-border, #dbe3ef) !important;
  border-radius: 16px !important;
  background: var(--app-surface, #ffffff) !important;
}

body[data-page="admin-security"] .admin-settings-form-section h4 {
  margin: 0 !important;
  font-size: 0.98rem !important;
}

body[data-page="admin-security"] .admin-settings-form-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body[data-page="admin-security"] .admin-settings-form-grid label {
  display: grid !important;
  gap: 6px !important;
  min-width: 0 !important;
  color: var(--app-text-main, #0f172a) !important;
  font-weight: 700 !important;
}

body[data-page="admin-security"] .admin-settings-form-span {
  grid-column: 1 / -1 !important;
}

body[data-page="admin-security"] .admin-settings-form-grid input,
body[data-page="admin-security"] .admin-settings-form-grid select,
body[data-page="admin-security"] .admin-settings-form-grid textarea {
  width: 100% !important;
  min-width: 0 !important;
}

body[data-page="admin-security"] .admin-settings-scope-row {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
}

body[data-page="admin-security"] .admin-settings-scope-row label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 28px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--app-text-main, #0f172a) !important;
}

body[data-page="admin-security"] .security-permission-table-shell {
  overflow-x: hidden !important;
}

body[data-page="admin-security"] .security-permission-table {
  width: 100% !important;
  table-layout: fixed !important;
}

body[data-page="admin-security"] .security-permission-col-module {
  width: 220px !important;
}

body[data-page="admin-security"] .security-permission-col-row-actions {
  width: 96px !important;
}

body[data-page="admin-security"] .security-permission-col-action {
  width: calc((100% - 316px) / 7) !important;
}

body[data-page="admin-security"] .security-permission-table th:first-child,
body[data-page="admin-security"] .security-permission-table td:first-child {
  width: 220px !important;
  min-width: 0 !important;
}

body[data-page="admin-security"] .security-permission-table th:nth-child(2),
body[data-page="admin-security"] .security-permission-table td:nth-child(2) {
  width: 96px !important;
  min-width: 0 !important;
}

body[data-page="admin-security"] .security-permission-table th:nth-child(n+3),
body[data-page="admin-security"] .security-permission-table td:nth-child(n+3) {
  width: auto !important;
  min-width: 0 !important;
}

body[data-page="admin-security"] .security-permission-table th,
body[data-page="admin-security"] .security-permission-table td {
  padding: 8px 6px !important;
}

body[data-page="admin-security"] .security-permission-row-actions {
  gap: 4px !important;
}

body[data-page="admin-security"] .security-permission-row-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  min-width: 42px !important;
  min-height: 28px !important;
  height: 28px !important;
  padding: 0 7px !important;
  border: 1px solid var(--app-border, #dbe3ef) !important;
  border-radius: 9px !important;
  background: var(--app-surface-soft, #f8fafc) !important;
  color: var(--ui-primary, #3957ff) !important;
  box-shadow: none !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
}

body[data-page="admin-security"] .security-permission-row-action.is-danger {
  color: #b91c1c !important;
}

body[data-page="admin-security"] .security-permission-row-action svg,
body[data-page="admin-security"] .security-permission-row-action .admin-reference-icon {
  width: 13px !important;
  height: 13px !important;
  inline-size: 13px !important;
  block-size: 13px !important;
}

body[data-page="admin-security"] .security-permission-check {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
}

body[data-page="admin-security"] .security-permission-check input[type="checkbox"],
body[data-page="admin-security"] .admin-settings-scope-row input[type="checkbox"] {
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  accent-color: var(--ui-primary, #3957ff) !important;
  width: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  height: 16px !important;
  min-height: 16px !important;
  max-height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 3px !important;
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 1420px) {
  body[data-page="admin-security"] #adminSettingsOverviewStatusCards.summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body[data-page="admin-security"] #adminSettingsOverviewPanel .admin-settings-overview-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 1240px) {
  body[data-page="admin-security"] .admin-users-filter-row,
  body[data-page="admin-security"] .admin-settings-form-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Shared topbar geometry: keep the compact shell header identical across modules. */
body[data-theme] .topbar #currentPageTitle,
body[data-theme] .topbar h1 {
  margin: 0 !important;
  color: var(--app-text-main, #0f172a) !important;
  font-size: 1.2rem !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

body[data-theme] .topbar-left {
  min-height: 0 !important;
}

body[data-theme] .topbar-notice-button,
body[data-theme] .shell-profile-button {
  box-sizing: border-box !important;
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  padding: 0 !important;
  border-radius: 50% !important;
}

body[data-theme] .topbar-notice-icon,
body[data-theme] .topbar-notice-icon svg,
body[data-theme] .shell-profile-avatar svg {
  width: 14px !important;
  min-width: 14px !important;
  max-width: 14px !important;
  height: 14px !important;
  min-height: 14px !important;
  max-height: 14px !important;
}

body[data-theme] .topbar-notice-count {
  box-sizing: border-box !important;
  top: -4px !important;
  right: -4px !important;
  width: 15px !important;
  min-width: 15px !important;
  max-width: 15px !important;
  height: 15px !important;
  min-height: 15px !important;
  max-height: 15px !important;
  padding: 0 !important;
  font-size: 0.62rem !important;
  line-height: 15px !important;
}

body[data-theme] .shell-profile-avatar,
body[data-theme] .shell-profile-avatar.is-image,
body[data-theme] .shell-profile-avatar.is-image img {
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
}

@media (min-width: 861px) {
  body[data-theme] .topbar {
    min-height: var(--ui-topbar-height, 58px) !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  body[data-theme] .topbar-date {
    min-height: 28px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 0.72rem !important;
  }

  body[data-theme] .topbar-search-shell {
    box-sizing: border-box !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    grid-template-rows: none !important;
    align-items: center !important;
    gap: 8px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    padding: 0 12px !important;
    overflow: hidden !important;
  }

  body[data-theme] .topbar-search-input {
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 0.78rem !important;
    line-height: 1.2 !important;
  }

  body[data-theme] .topbar-search-icon,
  body[data-theme] .topbar-search-icon svg,
  body[data-theme] .topbar-search-icon .admin-reference-icon {
    width: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;
    height: 14px !important;
    min-height: 14px !important;
    max-height: 14px !important;
  }

  body[data-theme] .topbar-search-shortcut {
    min-width: auto !important;
    min-height: 22px !important;
    height: 22px !important;
    padding: 0 7px !important;
    font-size: 0.68rem !important;
    line-height: 1 !important;
  }
}

/* Admin Settings layout fix 20260519adminlayoutfix2:
   side rails stay put, the center outlet is the only primary scroll area,
   and the secondary rail collapse now changes the actual column width. */
body[data-page="admin-security"] {
  overflow: hidden !important;
}

body[data-page="admin-security"] .app-main.workspace {
  display: grid !important;
  grid-template-rows: var(--ui-topbar-height, 58px) minmax(0, 1fr) !important;
  gap: 0 !important;
  min-height: 0 !important;
  height: var(--app-shell-height, 100vh) !important;
  max-height: var(--app-shell-height, 100vh) !important;
  overflow: hidden !important;
}

body[data-page="admin-security"] .topbar {
  min-height: var(--ui-topbar-height, 58px) !important;
  height: var(--ui-topbar-height, 58px) !important;
  align-items: center !important;
}

body[data-page="admin-security"] .topbar-center {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: min(100%, 720px) !important;
  max-width: 720px !important;
  min-width: 0 !important;
}

body[data-page="admin-security"] .topbar-search-shell {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) auto !important;
  grid-template-rows: 1fr !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  padding: 0 12px !important;
  border: 1px solid var(--app-border, #dbe3ef) !important;
  border-radius: 14px !important;
  background: var(--app-surface, #ffffff) !important;
  overflow: hidden !important;
}

body[data-page="admin-security"] .topbar-search-icon {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--app-text-soft, #64748b) !important;
}

body[data-page="admin-security"] .topbar-search-input {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-page="admin-security"] .topbar-search-shortcut {
  grid-column: 3 !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  white-space: nowrap !important;
  height: 24px !important;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 0 9px !important;
  border: 1px solid var(--app-border, #dbe3ef) !important;
  border-radius: 999px !important;
  background: var(--app-surface-soft, #f8fafc) !important;
  color: var(--app-text-muted, #475569) !important;
  font-size: 0.7rem !important;
  line-height: 1 !important;
}

body[data-page="admin-security"] .page-section.admin-settings-page {
  display: block !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 12px 14px 0 !important;
  overflow: hidden !important;
}

body[data-page="admin-security"] .admin-settings-shell-v3[data-admin-root] {
  display: grid !important;
  grid-template-columns: 248px minmax(0, 1fr) 300px !important;
  gap: 18px !important;
  align-items: stretch !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
}

body[data-page="admin-security"] .admin-settings-secondary-rail-v3,
body[data-page="admin-security"] .admin-settings-workspace-v3,
body[data-page="admin-security"] .admin-settings-help-panel-v3 {
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
}

body[data-page="admin-security"] .admin-settings-secondary-rail-v3 {
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) auto !important;
  padding: 0 14px 0 0 !important;
  border-right: 1px solid var(--app-border, #dbe3ef) !important;
}

body[data-page="admin-security"] #adminSettingsRailNavHost.admin-settings-sidebar-scroll {
  display: block !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 0 6px 8px 0 !important;
  overscroll-behavior: contain !important;
}

body[data-page="admin-security"] .admin-settings-nav-group {
  gap: 5px !important;
  margin: 0 0 10px !important;
}

body[data-page="admin-security"] .admin-settings-nav-list {
  gap: 6px !important;
}

body[data-page="admin-security"] .admin-settings-nav-group-title {
  margin: 0 0 4px !important;
  line-height: 1.1 !important;
}

body[data-page="admin-security"] .admin-settings-secondary-rail-v3 .admin-settings-nav-item:not(.admin-settings-nav-utility),
body[data-page="admin-security"] .settings-favorite-row,
body[data-page="admin-security"] .settings-recent-row {
  min-height: 36px !important;
  height: 36px !important;
  padding: 0 10px !important;
}

body[data-page="admin-security"] .admin-settings-rail-foot {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 5 !important;
  margin: 0 !important;
  padding: 8px 0 0 !important;
  background: var(--app-bg, #f5f7fb) !important;
}

body[data-page="admin-security"] #adminSettingsRailCollapseBtn.rail-collapse-button {
  min-height: 38px !important;
  height: 38px !important;
}

body[data-page="admin-security"] .admin-settings-workspace-v3 {
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) !important;
  padding: 0 0 0 8px !important;
  position: relative !important;
}

body[data-page="admin-security"] .admin-settings-content-outlet[data-admin-outlet] {
  display: block !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 0 10px 12px 0 !important;
  overscroll-behavior: contain !important;
  scrollbar-color: transparent transparent !important;
  scrollbar-gutter: auto !important;
  scrollbar-width: none !important;
}

body[data-page="admin-security"] .admin-settings-content-outlet[data-admin-outlet]::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

body[data-page="admin-security"] .admin-settings-content-outlet[data-admin-outlet]::-webkit-scrollbar-track {
  background: transparent !important;
}

body[data-page="admin-security"] .admin-settings-content-outlet[data-admin-outlet]::-webkit-scrollbar-thumb {
  background-color: rgba(100, 116, 139, 0.42) !important;
  background-clip: content-box !important;
  border: 3px solid transparent !important;
  border-radius: 999px !important;
}

body[data-page="admin-security"] .admin-settings-content-outlet[data-admin-outlet]::-webkit-scrollbar-thumb:hover {
  background-color: rgba(100, 116, 139, 0.62) !important;
}

body[data-page="admin-security"] .admin-settings-workspace-v3,
body[data-page="admin-security"] .admin-settings-workspace-v3 *,
body[data-page="admin-security"] #adminSettingsDetailPanel,
body[data-page="admin-security"] #adminSettingsDetailContent {
  scrollbar-color: transparent transparent !important;
}

body[data-page="admin-security"] .admin-settings-workspace-v3::-webkit-scrollbar,
body[data-page="admin-security"] .admin-settings-workspace-v3 *::-webkit-scrollbar,
body[data-page="admin-security"] #adminSettingsDetailPanel::-webkit-scrollbar,
body[data-page="admin-security"] #adminSettingsDetailContent::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

body[data-page="admin-security"] .admin-settings-content-outlet[data-admin-outlet] > [data-admin-view] {
  min-width: 0 !important;
}

body[data-page="admin-security"] #adminSettingsDetailHelp[hidden],
body[data-page="admin-security"] #adminSettingsDetailStatusBadge[hidden],
body[data-page="admin-security"] #adminSettingsDetailPanel:has(.admin-our-eway-page) #adminSettingsDetailHelp,
body[data-page="admin-security"] #adminSettingsDetailPanel:has(.admin-our-eway-page) #adminSettingsDetailStatusBadge,
body[data-page="admin-security"] #adminSettingsDetailPanel:has(.admin-eway-credential-editor-page) #adminSettingsDetailHelp,
body[data-page="admin-security"] #adminSettingsDetailPanel:has(.admin-eway-credential-editor-page) #adminSettingsDetailStatusBadge,
body[data-page="admin-security"] #adminSettingsDetailPanel:has(.admin-eway-overview-page) #adminSettingsDetailHelp,
body[data-page="admin-security"] #adminSettingsDetailPanel:has(.admin-eway-overview-page) #adminSettingsDetailStatusBadge,
body[data-page="admin-security"] #adminSettingsDetailPanel[data-admin-view="account-eway-live"] #adminSettingsDetailHelp,
body[data-page="admin-security"] #adminSettingsDetailPanel[data-admin-view="account-eway-live"] #adminSettingsDetailStatusBadge,
body[data-page="admin-security"] #adminSettingsDetailPanel[data-admin-view="external-eway-live"] #adminSettingsDetailHelp,
body[data-page="admin-security"] #adminSettingsDetailPanel[data-admin-view="external-eway-live"] #adminSettingsDetailStatusBadge {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

body[data-page="admin-security"] .admin-settings-help-panel-v3 {
  position: relative !important;
  top: auto !important;
  align-self: stretch !important;
  display: grid !important;
  align-content: start !important;
  gap: 12px !important;
  padding: 0 0 12px 16px !important;
  border-left: 1px solid var(--app-border, #dbe3ef) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
}

body[data-page="admin-security"] .admin-settings-help-panel-v3 > h3,
body[data-page="admin-security"] .admin-settings-help-panel-v3 > p {
  margin: 0 !important;
}

body[data-page="admin-security"] #adminSettingsHelpLinksHost,
body[data-page="admin-security"] #adminSettingsHelpSystemInfo,
body[data-page="admin-security"] #adminSettingsHelpShortcuts {
  display: grid !important;
  gap: 8px !important;
  padding: 12px !important;
  border: 1px solid var(--app-border, #dbe3ef) !important;
  border-radius: 16px !important;
  background: var(--app-surface, #ffffff) !important;
}

body[data-page="admin-security"] .admin-settings-help-section-title {
  margin: 0 0 2px !important;
  color: var(--app-text-main, #0f172a) !important;
  font-size: 0.9rem !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
}

body[data-page="admin-security"] #adminSettingsHelpLinksHost .admin-settings-help-link-row {
  min-height: 34px !important;
  padding: 0 10px !important;
}

body[data-page="admin-security"] #adminSettingsHelpSystemInfo .admin-settings-system-info-list,
body[data-page="admin-security"] #adminSettingsHelpShortcuts {
  gap: 0 !important;
}

body[data-page="admin-security"] #adminSettingsHelpShortcuts .admin-settings-help-section-title {
  margin-bottom: 8px !important;
}

body[data-page="admin-security"] .admin-settings-system-row,
body[data-page="admin-security"] .admin-settings-shortcut-row {
  min-height: 32px !important;
  padding: 6px 0 !important;
  border-bottom: 1px solid var(--app-border, #dbe3ef) !important;
}

body[data-page="admin-security"] .admin-settings-system-row:last-child,
body[data-page="admin-security"] .admin-settings-shortcut-row:last-child {
  border-bottom: 0 !important;
}

body[data-page="admin-security"] #adminSettingsOverviewPanel {
  gap: 16px !important;
  padding: 16px !important;
}

body[data-page="admin-security"] #adminSettingsOverviewPanel > .card-heading {
  margin: 0 !important;
  padding: 0 !important;
}

body[data-page="admin-security"] #adminSettingsOverviewStatusCards.summary-grid {
  gap: 12px !important;
}

body[data-page="admin-security"] #adminSettingsOverviewPanel .admin-settings-overview-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 14px !important;
}

body[data-page="admin-security"] #adminSettingsOverviewPanel .admin-settings-overview-grid > section:nth-child(1),
body[data-page="admin-security"] #adminSettingsOverviewPanel .admin-settings-overview-grid > section:nth-child(2) {
  min-height: 292px !important;
}

body[data-page="admin-security"] #adminSettingsQuickActions,
body[data-page="admin-security"] #adminSettingsAttentionList {
  height: 100% !important;
  align-content: start !important;
}

body[data-page="admin-security"] #adminSettingsQuickActions {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body[data-page="admin-security"] #adminSettingsQuickActions .admin-quick-action-card {
  min-height: 58px !important;
  grid-template-columns: 32px minmax(0, 1fr) !important;
  justify-items: stretch !important;
  justify-content: start !important;
  text-align: left !important;
  padding: 10px !important;
}

body[data-page="admin-security"] #adminSettingsAttentionList {
  display: grid !important;
  gap: 10px !important;
}

body[data-page="admin-security"] #adminSettingsAttentionList .needs-attention-row {
  min-height: 40px !important;
}

body.is-admin-rail-collapsed[data-page="admin-security"] .admin-settings-shell-v3[data-admin-root] {
  grid-template-columns: 60px minmax(0, 1fr) 300px !important;
}

body.is-admin-rail-collapsed[data-page="admin-security"] .admin-settings-secondary-rail-v3 {
  padding: 0 8px 0 0 !important;
}

body.is-admin-rail-collapsed[data-page="admin-security"] #adminSettingsRailNavHost.admin-settings-sidebar-scroll {
  display: block !important;
  padding: 0 0 8px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

body.is-admin-rail-collapsed[data-page="admin-security"] .admin-settings-nav-group-title,
body.is-admin-rail-collapsed[data-page="admin-security"] .admin-settings-nav-label,
body.is-admin-rail-collapsed[data-page="admin-security"] .admin-settings-nav-meta-icon,
body.is-admin-rail-collapsed[data-page="admin-security"] .rail-collapse-button-label {
  display: none !important;
}

body.is-admin-rail-collapsed[data-page="admin-security"] .admin-settings-nav-group {
  margin: 0 0 6px !important;
}

body.is-admin-rail-collapsed[data-page="admin-security"] .admin-settings-nav-list {
  gap: 5px !important;
}

body.is-admin-rail-collapsed[data-page="admin-security"] .admin-settings-secondary-rail-v3 .admin-settings-nav-item:not(.admin-settings-nav-utility),
body.is-admin-rail-collapsed[data-page="admin-security"] .settings-favorite-row,
body.is-admin-rail-collapsed[data-page="admin-security"] .settings-recent-row {
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  justify-content: center !important;
}

body.is-admin-rail-collapsed[data-page="admin-security"] .admin-settings-nav-icon {
  margin: 0 !important;
}

body.is-admin-rail-collapsed[data-page="admin-security"] .admin-settings-rail-foot {
  width: 42px !important;
  padding-top: 8px !important;
}

body.is-admin-rail-collapsed[data-page="admin-security"] #adminSettingsRailCollapseBtn.rail-collapse-button {
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  padding: 0 !important;
}

body[data-theme="dark"][data-page="admin-security"] .topbar-search-shell,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsHelpLinksHost,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsHelpSystemInfo,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsHelpShortcuts {
  background: var(--app-surface, #111827) !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
}

body[data-theme="dark"][data-page="admin-security"] .admin-settings-help-section-title {
  color: var(--app-text-main, #e5edf7) !important;
}

/* E-Way Overview settings reference pass 20260519ewayoverviewref1.
   Scoped to the middle Admin Settings content only; shell, header, and right rail stay unchanged. */
body[data-page="admin-security"] .admin-eway-overview-page {
  --eway-primary: #2563eb;
  --eway-primary-soft: #eff6ff;
  --eway-info: #2563eb;
  --eway-info-soft: #eff6ff;
  --eway-success: #16a34a;
  --eway-success-soft: #ecfdf3;
  --eway-warning: #d97706;
  --eway-warning-soft: #fff7ed;
  --eway-danger: #dc2626;
  --eway-danger-soft: #fef2f2;
  --eway-neutral: #475569;
  --eway-neutral-soft: #f8fafc;
  --eway-border: var(--app-border, #dbe3ef);
  --eway-card-bg: var(--app-surface, #ffffff);
  --eway-text: var(--app-text-main, #0f172a);
  --eway-muted: var(--app-text-muted, #64748b);
  display: grid;
  gap: 16px;
  min-width: 0;
}

body[data-page="admin-security"] #adminSettingsDetailContent:has(.admin-eway-overview-page) {
  display: block !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel:has(.admin-eway-overview-page) {
  gap: 14px !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel:has(.admin-eway-overview-page) .card-heading {
  margin-bottom: 2px !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel:has(.admin-eway-overview-page) #adminSettingsDetailCopy {
  display: none !important;
}

body[data-page="admin-security"] .admin-eway-overview-icon {
  --eway-icon-color: var(--eway-info);
  --eway-icon-soft: var(--eway-info-soft);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border: 1px solid color-mix(in srgb, var(--eway-icon-color) 22%, transparent);
  border-radius: 11px;
  color: var(--eway-icon-color);
  background: var(--eway-icon-soft);
  position: relative;
}

body[data-page="admin-security"] .admin-eway-overview-icon::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: currentColor;
  -webkit-mask: var(--admin-eway-overview-icon-url) center / contain no-repeat;
  mask: var(--admin-eway-overview-icon-url) center / contain no-repeat;
}

body[data-page="admin-security"] .admin-eway-overview-icon.is-success {
  --eway-icon-color: var(--eway-success);
  --eway-icon-soft: var(--eway-success-soft);
}

body[data-page="admin-security"] .admin-eway-overview-icon.is-warning {
  --eway-icon-color: var(--eway-warning);
  --eway-icon-soft: var(--eway-warning-soft);
}

body[data-page="admin-security"] .admin-eway-overview-icon.is-danger {
  --eway-icon-color: var(--eway-danger);
  --eway-icon-soft: var(--eway-danger-soft);
}

body[data-page="admin-security"] .admin-eway-overview-icon.is-neutral {
  --eway-icon-color: var(--eway-neutral);
  --eway-icon-soft: var(--eway-neutral-soft);
}

body[data-page="admin-security"] .admin-eway-overview-icon.is-primary {
  --eway-icon-color: var(--eway-primary);
  --eway-icon-soft: var(--eway-primary-soft);
}

body[data-page="admin-security"] .admin-eway-overview-icon.is-button-icon {
  width: 18px;
  height: 18px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

body[data-page="admin-security"] .admin-eway-overview-icon.is-button-icon::before {
  width: 16px;
  height: 16px;
}

body[data-page="admin-security"] .admin-eway-overview-title-badge {
  border-color: color-mix(in srgb, currentColor 24%, transparent) !important;
}

body[data-page="admin-security"] .admin-eway-overview-title-badge.is-success {
  color: var(--eway-success, #16a34a) !important;
  background: var(--eway-success-soft, #ecfdf3) !important;
}

body[data-page="admin-security"] .admin-eway-overview-title-badge.is-warning {
  color: var(--eway-warning, #d97706) !important;
  background: var(--eway-warning-soft, #fff7ed) !important;
}

body[data-page="admin-security"] .admin-eway-overview-title-badge.is-danger {
  color: var(--eway-danger, #dc2626) !important;
  background: var(--eway-danger-soft, #fef2f2) !important;
}

body[data-page="admin-security"] .admin-eway-overview-title-badge.is-neutral {
  color: var(--eway-neutral, #475569) !important;
  background: var(--eway-neutral-soft, #f8fafc) !important;
}

body[data-page="admin-security"] .admin-eway-overview-top-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  min-width: 0;
}

body[data-page="admin-security"] .admin-eway-overview-top-card,
body[data-page="admin-security"] .admin-eway-overview-card {
  border: 1px solid var(--eway-border);
  border-radius: 16px;
  background: var(--eway-card-bg);
  color: var(--eway-text);
  box-shadow: 0 16px 28px rgba(15, 23, 42, 0.05);
}

body[data-page="admin-security"] .admin-eway-overview-top-card {
  display: grid;
  gap: 8px;
  min-width: 0;
  min-height: 104px;
  padding: 16px;
  text-align: left;
  cursor: pointer;
  appearance: none;
}

body[data-page="admin-security"] .admin-eway-overview-top-card:hover,
body[data-page="admin-security"] .admin-eway-overview-check-row:hover,
body[data-page="admin-security"] .admin-eway-overview-watch-row:hover,
body[data-page="admin-security"] .admin-eway-overview-alert-row:hover,
body[data-page="admin-security"] .admin-eway-overview-secondary-action:hover,
body[data-page="admin-security"] .admin-eway-overview-icon-button:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--eway-primary) 36%, var(--eway-border));
  background: color-mix(in srgb, var(--eway-primary-soft) 60%, var(--eway-card-bg));
}

body[data-page="admin-security"] .admin-eway-overview-card-head,
body[data-page="admin-security"] .admin-eway-overview-section-head {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

body[data-page="admin-security"] .admin-eway-overview-card-head > span:nth-child(2),
body[data-page="admin-security"] .admin-eway-overview-section-head strong {
  color: var(--eway-text);
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.15;
}

body[data-page="admin-security"] .admin-eway-overview-open {
  margin-left: auto;
  color: var(--eway-muted);
}

body[data-page="admin-security"] .admin-eway-overview-top-card strong {
  color: var(--eway-text);
  font-size: 1.04rem;
  line-height: 1.1;
}

body[data-page="admin-security"] .admin-eway-overview-top-card small,
body[data-page="admin-security"] .admin-eway-overview-activity-row small {
  color: var(--eway-muted);
  font-size: 0.78rem;
  line-height: 1.2;
}

body[data-page="admin-security"] .admin-eway-overview-top-card.is-success strong,
body[data-page="admin-security"] .admin-eway-overview-watch-row.is-success strong {
  color: var(--eway-success);
}

body[data-page="admin-security"] .admin-eway-overview-top-card.is-warning strong,
body[data-page="admin-security"] .admin-eway-overview-watch-row.is-warning strong {
  color: var(--eway-warning);
}

body[data-page="admin-security"] .admin-eway-overview-top-card.is-danger strong,
body[data-page="admin-security"] .admin-eway-overview-watch-row.is-danger strong {
  color: var(--eway-danger);
}

body[data-page="admin-security"] .admin-eway-overview-top-card.is-neutral strong,
body[data-page="admin-security"] .admin-eway-overview-watch-row.is-neutral strong {
  color: var(--eway-neutral);
}

body[data-page="admin-security"] .admin-eway-overview-mid-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.24fr) minmax(0, 1fr) minmax(240px, 0.86fr);
  gap: 14px;
  align-items: stretch;
}

body[data-page="admin-security"] .admin-eway-overview-lower-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

body[data-page="admin-security"] .admin-eway-overview-card {
  display: grid;
  align-content: start;
  gap: 12px;
  min-width: 0;
  padding: 16px;
}

body[data-page="admin-security"] .admin-eway-overview-check-list,
body[data-page="admin-security"] .admin-eway-overview-watch-list,
body[data-page="admin-security"] .admin-eway-overview-alert-list,
body[data-page="admin-security"] .admin-eway-overview-activity-list,
body[data-page="admin-security"] .admin-eway-overview-rule-list {
  display: grid;
  gap: 8px;
  min-width: 0;
}

body[data-page="admin-security"] .admin-eway-overview-check-row,
body[data-page="admin-security"] .admin-eway-overview-watch-row,
body[data-page="admin-security"] .admin-eway-overview-alert-row,
body[data-page="admin-security"] .admin-eway-overview-activity-row,
body[data-page="admin-security"] .admin-eway-overview-rule-row,
body[data-page="admin-security"] .admin-eway-overview-empty-row {
  display: grid;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 40px;
  border: 1px solid var(--eway-border);
  border-radius: 12px;
  background: var(--eway-card-bg);
  color: var(--eway-text);
  padding: 9px 10px;
}

body[data-page="admin-security"] .admin-eway-overview-check-row {
  grid-template-columns: 22px minmax(0, 1fr) auto;
  cursor: pointer;
}

body[data-page="admin-security"] .admin-eway-overview-check-icon {
  display: inline-flex;
  color: var(--eway-info);
}

body[data-page="admin-security"] .admin-eway-overview-check-row.is-success .admin-eway-overview-check-icon,
body[data-page="admin-security"] .admin-eway-overview-alert-row.is-success .admin-eway-overview-alert-icon {
  color: var(--eway-success);
}

body[data-page="admin-security"] .admin-eway-overview-check-row.is-warning .admin-eway-overview-check-icon,
body[data-page="admin-security"] .admin-eway-overview-alert-row.is-warning .admin-eway-overview-alert-icon {
  color: var(--eway-warning);
}

body[data-page="admin-security"] .admin-eway-overview-check-row.is-danger .admin-eway-overview-check-icon,
body[data-page="admin-security"] .admin-eway-overview-alert-row.is-danger .admin-eway-overview-alert-icon {
  color: var(--eway-danger);
}

body[data-page="admin-security"] .admin-eway-overview-check-row > span:nth-child(2),
body[data-page="admin-security"] .admin-eway-overview-alert-row > span:nth-child(2) {
  min-width: 0;
  color: var(--eway-text);
  font-size: 0.84rem;
  font-weight: 700;
  line-height: 1.2;
}

body[data-page="admin-security"] .admin-eway-overview-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  max-width: 180px;
  padding: 3px 9px;
  border-radius: 999px;
  border: 1px solid var(--eway-border);
  color: var(--eway-info);
  background: var(--eway-info-soft);
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.15;
}

body[data-page="admin-security"] .admin-eway-overview-chip.is-success {
  color: var(--eway-success);
  background: var(--eway-success-soft);
  border-color: #bbf7d0;
}

body[data-page="admin-security"] .admin-eway-overview-chip.is-warning {
  color: var(--eway-warning);
  background: var(--eway-warning-soft);
  border-color: #fed7aa;
}

body[data-page="admin-security"] .admin-eway-overview-chip.is-danger {
  color: var(--eway-danger);
  background: var(--eway-danger-soft);
  border-color: #fecaca;
}

body[data-page="admin-security"] .admin-eway-overview-chip.is-neutral {
  color: var(--eway-neutral);
  background: var(--eway-neutral-soft);
  border-color: #e2e8f0;
}

body[data-page="admin-security"] .admin-eway-overview-rule-row {
  grid-template-columns: 88px minmax(0, 1fr);
}

body[data-page="admin-security"] .admin-eway-overview-rule-row span,
body[data-page="admin-security"] .admin-eway-overview-system-label {
  color: var(--eway-muted);
  font-size: 0.75rem;
  font-weight: 800;
}

body[data-page="admin-security"] .admin-eway-overview-rule-row strong {
  color: var(--eway-text);
  font-size: 0.83rem;
  line-height: 1.2;
}

body[data-page="admin-security"] .admin-eway-overview-watch-row {
  grid-template-columns: minmax(0, 1fr) auto;
  cursor: pointer;
}

body[data-page="admin-security"] .admin-eway-overview-watch-row span {
  color: var(--eway-muted);
  font-size: 0.78rem;
  font-weight: 800;
}

body[data-page="admin-security"] .admin-eway-overview-watch-row strong {
  font-size: 1rem;
}

body[data-page="admin-security"] .admin-eway-overview-alert-row {
  grid-template-columns: 24px minmax(0, 1fr) auto;
  cursor: pointer;
}

body[data-page="admin-security"] .admin-eway-overview-alert-row em {
  justify-self: end;
  color: var(--eway-primary);
  font-style: normal;
  font-size: 0.74rem;
  font-weight: 900;
}

body[data-page="admin-security"] .admin-eway-overview-activity-row {
  grid-template-columns: minmax(0, 1fr) auto;
}

body[data-page="admin-security"] .admin-eway-overview-activity-row div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

body[data-page="admin-security"] .admin-eway-overview-activity-row strong {
  color: var(--eway-text);
  font-size: 0.84rem;
  line-height: 1.18;
}

body[data-page="admin-security"] .admin-eway-overview-empty-row {
  grid-template-columns: auto minmax(0, 1fr);
  color: var(--eway-muted);
  font-size: 0.85rem;
  font-weight: 700;
}

body[data-page="admin-security"] .admin-eway-overview-secondary-action,
body[data-page="admin-security"] .admin-eway-overview-primary-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 12px;
  border: 1px solid var(--eway-border);
  font-weight: 850;
  cursor: pointer;
}

body[data-page="admin-security"] .admin-eway-overview-secondary-action {
  color: var(--eway-text);
  background: var(--eway-card-bg);
}

body[data-page="admin-security"] .admin-eway-overview-primary-action {
  color: #ffffff;
  background: var(--eway-primary);
  border-color: var(--eway-primary);
}

body[data-page="admin-security"] .admin-eway-overview-table-shell {
  min-width: 0;
  overflow: auto;
  border: 1px solid var(--eway-border);
  border-radius: 14px;
}

body[data-page="admin-security"] .admin-eway-overview-table {
  width: 100%;
  min-width: 960px;
  border-collapse: separate;
  border-spacing: 0;
}

body[data-page="admin-security"] .admin-eway-overview-table th,
body[data-page="admin-security"] .admin-eway-overview-table td {
  padding: 10px 12px;
  border-bottom: 1px solid var(--eway-border);
  text-align: left;
  vertical-align: middle;
}

body[data-page="admin-security"] .admin-eway-overview-table th {
  color: var(--eway-muted);
  background: color-mix(in srgb, var(--eway-neutral-soft) 72%, var(--eway-card-bg));
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

body[data-page="admin-security"] .admin-eway-overview-table td {
  color: var(--eway-text);
  font-size: 0.82rem;
  font-weight: 650;
}

body[data-page="admin-security"] .admin-eway-overview-table tbody tr:last-child td {
  border-bottom: 0;
}

body[data-page="admin-security"] .admin-eway-overview-actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

body[data-page="admin-security"] .admin-eway-overview-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid var(--eway-border);
  border-radius: 10px;
  color: var(--eway-text);
  background: var(--eway-card-bg);
  cursor: pointer;
}

body[data-page="admin-security"] .admin-eway-overview-icon-button .admin-eway-overview-icon {
  width: 20px;
  height: 20px;
  border: 0;
  background: transparent;
}

body[data-page="admin-security"] .admin-eway-overview-icon-button .admin-eway-overview-icon::before {
  width: 16px;
  height: 16px;
}

body[data-page="admin-security"] .admin-eway-overview-icon-button:disabled {
  cursor: not-allowed;
  opacity: 0.46;
}

body[data-page="admin-security"] .admin-eway-overview-action-bar {
  position: sticky;
  bottom: 0;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--eway-border);
  border-radius: 16px;
  background: color-mix(in srgb, var(--eway-card-bg) 92%, transparent);
  box-shadow: 0 -14px 34px rgba(15, 23, 42, 0.09);
  backdrop-filter: blur(14px);
}

body[data-page="admin-security"] .admin-eway-overview-action-bar > span,
body[data-page="admin-security"] .admin-eway-overview-action-bar > div {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

body[data-page="admin-security"] .admin-eway-overview-action-bar strong {
  color: var(--eway-text);
  font-size: 0.88rem;
}

body[data-theme="dark"][data-page="admin-security"] .admin-eway-overview-page {
  --eway-card-bg: #111827;
  --eway-border: rgba(148, 163, 184, 0.28);
  --eway-text: #e5edf7;
  --eway-muted: #9ca3af;
  --eway-primary-soft: rgba(37, 99, 235, 0.16);
  --eway-info-soft: rgba(37, 99, 235, 0.16);
  --eway-success-soft: rgba(22, 163, 74, 0.14);
  --eway-warning-soft: rgba(217, 119, 6, 0.16);
  --eway-danger-soft: rgba(220, 38, 38, 0.16);
  --eway-neutral-soft: rgba(148, 163, 184, 0.12);
}

body[data-theme="dark"][data-page="admin-security"] .admin-eway-overview-top-card,
body[data-theme="dark"][data-page="admin-security"] .admin-eway-overview-card,
body[data-theme="dark"][data-page="admin-security"] .admin-eway-overview-check-row,
body[data-theme="dark"][data-page="admin-security"] .admin-eway-overview-watch-row,
body[data-theme="dark"][data-page="admin-security"] .admin-eway-overview-alert-row,
body[data-theme="dark"][data-page="admin-security"] .admin-eway-overview-activity-row,
body[data-theme="dark"][data-page="admin-security"] .admin-eway-overview-rule-row,
body[data-theme="dark"][data-page="admin-security"] .admin-eway-overview-empty-row,
body[data-theme="dark"][data-page="admin-security"] .admin-eway-overview-secondary-action,
body[data-theme="dark"][data-page="admin-security"] .admin-eway-overview-icon-button {
  background: var(--eway-card-bg) !important;
  border-color: var(--eway-border) !important;
}

body[data-theme="dark"][data-page="admin-security"] .admin-eway-overview-action-bar {
  background: rgba(17, 24, 39, 0.92) !important;
  border-color: var(--eway-border) !important;
}

@media (max-width: 1540px) {
  body[data-page="admin-security"] .admin-eway-overview-top-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-page="admin-security"] .admin-eway-overview-mid-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 1160px) {
  body[data-page="admin-security"] .admin-eway-overview-lower-grid {
    grid-template-columns: 1fr;
  }

  body[data-page="admin-security"] .admin-eway-overview-action-bar {
    align-items: stretch;
    flex-direction: column;
  }

  body[data-page="admin-security"] .admin-eway-overview-action-bar > div {
    flex-wrap: wrap;
  }
}

@media (max-width: 1420px) {
  body[data-page="admin-security"] .admin-settings-shell-v3[data-admin-root] {
    grid-template-columns: 232px minmax(0, 1fr) 280px !important;
    gap: 14px !important;
  }

  body.is-admin-rail-collapsed[data-page="admin-security"] .admin-settings-shell-v3[data-admin-root] {
    grid-template-columns: 58px minmax(0, 1fr) 280px !important;
  }

  body[data-page="admin-security"] #adminSettingsOverviewPanel .admin-settings-overview-grid {
    grid-template-columns: 1fr !important;
  }

  body[data-page="admin-security"] #adminSettingsOverviewStatusCards.summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body[data-page="admin-security"] #adminSettingsOverviewPanel .admin-settings-overview-grid > section:nth-child(1),
  body[data-page="admin-security"] #adminSettingsOverviewPanel .admin-settings-overview-grid > section:nth-child(2) {
    min-height: auto !important;
  }
}

/* Admin Settings semantic tone pass 20260519semantictones1:
   keep cards white, but make icon chips, values, and attention rows speak
   in the same success/warning/error colors as the reference. */
body[data-page="admin-security"] .admin-settings-status-card,
body[data-page="admin-security"] .needs-attention-row {
  --admin-tone: var(--ui-primary, #2563eb);
  --admin-tone-soft: #eff6ff;
  --admin-tone-border: #bfdbfe;
  --admin-tone-text: #1d4ed8;
}

body[data-page="admin-security"] .admin-settings-status-card.is-success,
body[data-page="admin-security"] .needs-attention-row.is-success {
  --admin-tone: #059669;
  --admin-tone-soft: #ecfdf5;
  --admin-tone-border: #bbf7d0;
  --admin-tone-text: #047857;
}

body[data-page="admin-security"] .admin-settings-status-card.is-warning,
body[data-page="admin-security"] .needs-attention-row.is-warning {
  --admin-tone: #d97706;
  --admin-tone-soft: #fff7ed;
  --admin-tone-border: #fed7aa;
  --admin-tone-text: #b45309;
}

body[data-page="admin-security"] .admin-settings-status-card.is-error,
body[data-page="admin-security"] .needs-attention-row.is-error,
body[data-page="admin-security"] .needs-attention-row.is-danger {
  --admin-tone: #dc2626;
  --admin-tone-soft: #fef2f2;
  --admin-tone-border: #fecaca;
  --admin-tone-text: #b91c1c;
}

body[data-page="admin-security"] .admin-settings-status-card.is-disabled,
body[data-page="admin-security"] .needs-attention-row.is-disabled {
  --admin-tone: #64748b;
  --admin-tone-soft: #f8fafc;
  --admin-tone-border: #e2e8f0;
  --admin-tone-text: #475569;
}

body[data-page="admin-security"] .admin-settings-status-card .admin-settings-status-card-icon {
  background: var(--admin-tone-soft) !important;
  border: 1px solid var(--admin-tone-border) !important;
  color: var(--admin-tone) !important;
}

body[data-page="admin-security"] .admin-settings-status-card strong {
  color: var(--admin-tone-text) !important;
}

body[data-page="admin-security"] .admin-settings-status-card .admin-settings-status-card-link,
body[data-page="admin-security"] .admin-settings-status-card .admin-settings-status-card-link .admin-settings-link-chevron {
  color: var(--admin-tone-text) !important;
}

body[data-page="admin-security"] .admin-settings-status-card:hover {
  border-color: var(--admin-tone-border) !important;
  background:
    linear-gradient(0deg, color-mix(in srgb, var(--admin-tone) 3%, transparent), color-mix(in srgb, var(--admin-tone) 3%, transparent)),
    var(--app-surface, #ffffff) !important;
}

body[data-page="admin-security"] .needs-attention-row .admin-settings-list-line-icon {
  background: var(--admin-tone-soft) !important;
  border: 1px solid var(--admin-tone-border) !important;
  color: var(--admin-tone) !important;
}

body[data-page="admin-security"] .needs-attention-row .admin-settings-list-line-copy {
  color: color-mix(in srgb, var(--admin-tone-text) 54%, var(--app-text-main, #0f172a) 46%) !important;
  font-weight: 800 !important;
}

body[data-page="admin-security"] .needs-attention-row .admin-settings-list-line-chevron {
  color: var(--admin-tone-text) !important;
  opacity: 0.82 !important;
}

body[data-page="admin-security"] .needs-attention-row:hover {
  border-color: var(--admin-tone-border) !important;
  background:
    linear-gradient(0deg, color-mix(in srgb, var(--admin-tone) 5%, transparent), color-mix(in srgb, var(--admin-tone) 5%, transparent)),
    var(--app-surface, #ffffff) !important;
}

body[data-theme="dark"][data-page="admin-security"] .admin-settings-status-card,
body[data-theme="dark"][data-page="admin-security"] .needs-attention-row {
  --admin-tone: #93c5fd;
  --admin-tone-soft: rgba(59, 130, 246, 0.14);
  --admin-tone-border: rgba(96, 165, 250, 0.30);
  --admin-tone-text: #bfdbfe;
}

body[data-theme="dark"][data-page="admin-security"] .admin-settings-status-card.is-success,
body[data-theme="dark"][data-page="admin-security"] .needs-attention-row.is-success {
  --admin-tone: #34d399;
  --admin-tone-soft: rgba(16, 185, 129, 0.15);
  --admin-tone-border: rgba(52, 211, 153, 0.30);
  --admin-tone-text: #6ee7b7;
}

body[data-theme="dark"][data-page="admin-security"] .admin-settings-status-card.is-warning,
body[data-theme="dark"][data-page="admin-security"] .needs-attention-row.is-warning {
  --admin-tone: #f59e0b;
  --admin-tone-soft: rgba(245, 158, 11, 0.16);
  --admin-tone-border: rgba(251, 191, 36, 0.32);
  --admin-tone-text: #fbbf24;
}

body[data-theme="dark"][data-page="admin-security"] .admin-settings-status-card.is-error,
body[data-theme="dark"][data-page="admin-security"] .needs-attention-row.is-error,
body[data-theme="dark"][data-page="admin-security"] .needs-attention-row.is-danger {
  --admin-tone: #fb7185;
  --admin-tone-soft: rgba(244, 63, 94, 0.16);
  --admin-tone-border: rgba(251, 113, 133, 0.34);
  --admin-tone-text: #fda4af;
}

body[data-theme="dark"][data-page="admin-security"] .admin-settings-status-card.is-disabled,
body[data-theme="dark"][data-page="admin-security"] .needs-attention-row.is-disabled {
  --admin-tone: #94a3b8;
  --admin-tone-soft: rgba(148, 163, 184, 0.12);
  --admin-tone-border: rgba(148, 163, 184, 0.24);
  --admin-tone-text: #cbd5e1;
}

/* E-Way Overview visual verification fix 20260519ewayoverviewref2.
   These elements are intentionally buttons for routing, but they must look like
   neutral cards/rows instead of inheriting global primary button fills. */
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-page {
  --eway-card-bg: #ffffff;
  --eway-text: #0f172a;
  --eway-muted: #64748b;
  --eway-border: #dbe3ef;
  --eway-hover-bg: #f8fbff;
  --eway-primary: #2563eb;
  --eway-primary-soft: #eff6ff;
  --eway-info: #2563eb;
  --eway-info-soft: #eff6ff;
  --eway-success: #059669;
  --eway-success-soft: #ecfdf5;
  --eway-warning: #d97706;
  --eway-warning-soft: #fff7ed;
  --eway-danger: #dc2626;
  --eway-danger-soft: #fef2f2;
  --eway-neutral: #64748b;
  --eway-neutral-soft: #f8fafc;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-top-card,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-check-row,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-watch-row,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-alert-row,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-activity-row,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-rule-row,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-empty-row,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-secondary-action,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-icon-button {
  appearance: none !important;
  background: var(--eway-card-bg, #ffffff) !important;
  background-image: none !important;
  color: var(--eway-text, #0f172a) !important;
  border: 1px solid var(--eway-border, #dbe3ef) !important;
  box-shadow: 0 14px 26px rgba(15, 23, 42, 0.045) !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-top-card:hover,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-check-row:hover,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-watch-row:hover,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-alert-row:hover,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-secondary-action:hover,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-icon-button:hover:not(:disabled) {
  background: var(--eway-hover-bg, #f8fbff) !important;
  border-color: color-mix(in srgb, var(--eway-primary, #2563eb) 26%, var(--eway-border, #dbe3ef)) !important;
  color: var(--eway-text, #0f172a) !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-card {
  background: var(--eway-card-bg, #ffffff) !important;
  color: var(--eway-text, #0f172a) !important;
  border-color: var(--eway-border, #dbe3ef) !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-card-head > span:nth-child(2),
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-section-head strong,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-check-row > span:nth-child(2),
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-alert-row > span:nth-child(2),
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-activity-row strong,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-rule-row strong,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-action-bar strong {
  color: var(--eway-text, #0f172a) !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-top-card small,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-watch-row span,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-rule-row span,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-system-label,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-activity-row small,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-open {
  color: var(--eway-muted, #64748b) !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-top-card.is-success strong,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-watch-row.is-success strong {
  color: var(--eway-success, #059669) !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-top-card.is-warning strong,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-watch-row.is-warning strong {
  color: var(--eway-warning, #d97706) !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-top-card.is-danger strong,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-watch-row.is-danger strong {
  color: var(--eway-danger, #dc2626) !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-top-card.is-neutral strong,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-watch-row.is-neutral strong {
  color: var(--eway-neutral, #64748b) !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-check-row.is-success .admin-eway-overview-check-icon,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-alert-row.is-success .admin-eway-overview-alert-icon {
  color: var(--eway-success, #059669) !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-check-row.is-warning .admin-eway-overview-check-icon,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-alert-row.is-warning .admin-eway-overview-alert-icon {
  color: var(--eway-warning, #d97706) !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-check-row.is-danger .admin-eway-overview-check-icon,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-alert-row.is-danger .admin-eway-overview-alert-icon {
  color: var(--eway-danger, #dc2626) !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-check-row.is-neutral .admin-eway-overview-check-icon,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-alert-row.is-neutral .admin-eway-overview-alert-icon {
  color: var(--eway-neutral, #64748b) !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-icon {
  background: var(--eway-icon-soft, var(--eway-info-soft, #eff6ff)) !important;
  color: var(--eway-icon-color, var(--eway-info, #2563eb)) !important;
  border-color: color-mix(in srgb, var(--eway-icon-color, #2563eb) 20%, transparent) !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-primary-action {
  background: var(--eway-primary, #2563eb) !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: var(--eway-primary, #2563eb) !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-action-bar {
  background: rgba(255, 255, 255, 0.94) !important;
  border-color: var(--eway-border, #dbe3ef) !important;
}

body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-page {
  --eway-card-bg: #111827;
  --eway-text: #e5edf8;
  --eway-muted: #9fb0c7;
  --eway-border: rgba(148, 163, 184, 0.28);
  --eway-hover-bg: #172033;
  --eway-primary-soft: rgba(37, 99, 235, 0.16);
  --eway-info-soft: rgba(37, 99, 235, 0.16);
  --eway-success-soft: rgba(16, 185, 129, 0.16);
  --eway-warning-soft: rgba(245, 158, 11, 0.16);
  --eway-danger-soft: rgba(239, 68, 68, 0.16);
  --eway-neutral-soft: rgba(148, 163, 184, 0.14);
}

body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-overview-action-bar {
  background: rgba(17, 24, 39, 0.94) !important;
}

/* Admin Settings: Our E-Way Identities dedicated setup dashboard */
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-page {
  --our-eway-surface: #ffffff;
  --our-eway-soft: #f7faff;
  --our-eway-border: #d8e3f2;
  --our-eway-text: #0f172a;
  --our-eway-muted: #64748b;
  --our-eway-primary: #2459f5;
  --our-eway-info: #2563eb;
  --our-eway-success: #0f9f5f;
  --our-eway-warning: #d97706;
  --our-eway-danger: #dc2626;
  --our-eway-company: #6d5dfc;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-bottom: 10px;
  color: var(--our-eway-text);
}

body[data-page="admin-security"] #adminSettingsDetailPanel:has(.admin-our-eway-page) {
  gap: 10px !important;
  padding-top: 14px !important;
  overflow: hidden !important;
  contain: paint !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel:has(.admin-our-eway-page) .admin-settings-breadcrumb,
body[data-page="admin-security"] #adminSettingsDetailPanel:has(.admin-our-eway-page) > .card-heading,
body[data-page="admin-security"] #adminSettingsDetailPanel:has(.admin-our-eway-page) .admin-settings-detail-head {
  display: none !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel:has(.admin-our-eway-page) #adminSettingsDetailCopy {
  display: none !important;
}

body[data-page="admin-security"] #adminSettingsDetailContent:has(.admin-our-eway-page) {
  margin-top: 0 !important;
  overflow: hidden !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-title-badge {
  border-color: rgba(217, 119, 6, 0.24);
  background: #fff7ed;
  color: #9a3412;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-title-badge.is-success {
  border-color: rgba(15, 159, 95, 0.22);
  background: #ecfdf5;
  color: #047857;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-title-badge.is-danger {
  border-color: rgba(220, 38, 38, 0.22);
  background: #fef2f2;
  color: #b91c1c;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-page-head,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 0;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-page-head {
  margin-bottom: 2px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-page-head > div:first-child {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-page-head h2 {
  margin: 0;
  color: var(--our-eway-text);
  font-size: clamp(20px, 1.45vw, 26px);
  font-weight: 900;
  letter-spacing: -0.03em;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-toolbar-actions,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-inline-actions,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-row-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-primary-action,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-secondary-action,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-card-action,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-icon-action {
  appearance: none;
  border-radius: 13px;
  border: 1px solid var(--our-eway-border) !important;
  box-shadow: none !important;
  cursor: pointer;
  font: inherit;
  line-height: 1;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-primary-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 16px;
  background: var(--our-eway-primary) !important;
  color: #ffffff !important;
  border-color: var(--our-eway-primary) !important;
  font-weight: 800;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-secondary-action,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-card-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 14px;
  background: #ffffff !important;
  color: var(--our-eway-text) !important;
  font-weight: 750;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-secondary-action.is-compact {
  min-height: 36px;
  padding-inline: 12px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-card-action {
  align-self: flex-start;
  min-height: 32px;
  border-radius: 999px;
  font-size: 12px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-primary-action:hover,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-secondary-action:hover:not(:disabled),
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-card-action:hover:not(:disabled),
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-icon-action:hover:not(:disabled) {
  transform: translateY(-1px);
  border-color: rgba(36, 89, 245, 0.38) !important;
  background: #eef4ff !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-primary-action:hover {
  background: #1747d7 !important;
  border-color: #1747d7 !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-primary-action:disabled,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-secondary-action:disabled,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-card-action:disabled,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-icon-action:disabled {
  cursor: not-allowed;
  opacity: 0.58;
  transform: none;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-icon {
  --admin-our-eway-icon-color: var(--our-eway-info);
  display: inline-flex;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  align-items: center;
  justify-content: center;
  color: var(--admin-our-eway-icon-color);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-icon::before {
  content: "";
  display: none;
  width: 18px;
  height: 18px;
  background: currentColor;
  -webkit-mask-image: var(--admin-our-eway-icon-url);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: var(--admin-our-eway-icon-url);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-icon img {
  display: block;
  width: 18px;
  height: 18px;
  filter: brightness(0) saturate(100%) invert(35%) sepia(94%) saturate(2258%) hue-rotate(214deg) brightness(94%) contrast(93%);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-card-title .admin-our-eway-icon,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-section-head > div > .admin-our-eway-icon {
  width: 30px;
  height: 30px;
  flex-basis: 30px;
  border-radius: 11px;
  background: #eef4ff;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-card-title .admin-our-eway-icon img,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-section-head > div > .admin-our-eway-icon img {
  width: 17px;
  height: 17px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-card-title .admin-our-eway-icon.is-warning,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-section-head > div > .admin-our-eway-icon.is-warning {
  background: #fff7ed;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-card-title .admin-our-eway-icon.is-success,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-section-head > div > .admin-our-eway-icon.is-success {
  background: #ecfdf5;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-card-title .admin-our-eway-icon.is-danger,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-section-head > div > .admin-our-eway-icon.is-danger {
  background: #fef2f2;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-card-title .admin-our-eway-icon.is-company,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-section-head > div > .admin-our-eway-icon.is-company {
  background: #f5f3ff;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-icon.is-success { color: var(--our-eway-success); }
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-icon.is-warning { color: var(--our-eway-warning); }
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-icon.is-danger { color: var(--our-eway-danger); }
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-icon.is-company { color: var(--our-eway-company); }
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-icon.is-neutral { color: var(--our-eway-muted); }

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-icon.is-success img {
  filter: brightness(0) saturate(100%) invert(43%) sepia(92%) saturate(480%) hue-rotate(101deg) brightness(90%) contrast(95%);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-icon.is-warning img {
  filter: brightness(0) saturate(100%) invert(49%) sepia(99%) saturate(877%) hue-rotate(6deg) brightness(91%) contrast(95%);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-icon.is-danger img {
  filter: brightness(0) saturate(100%) invert(28%) sepia(91%) saturate(2430%) hue-rotate(345deg) brightness(91%) contrast(90%);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-icon.is-company img {
  filter: brightness(0) saturate(100%) invert(41%) sepia(86%) saturate(1631%) hue-rotate(225deg) brightness(100%) contrast(98%);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-icon.is-neutral img {
  filter: brightness(0) saturate(100%) invert(46%) sepia(13%) saturate(823%) hue-rotate(176deg) brightness(89%) contrast(84%);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-primary-action .admin-our-eway-icon,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-primary-action .admin-our-eway-icon::before {
  color: #ffffff;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-primary-action .admin-our-eway-icon img {
  filter: brightness(0) invert(1);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-icon.is-button-icon {
  width: 16px;
  height: 16px;
  flex-basis: 16px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-icon.is-button-icon::before {
  width: 16px;
  height: 16px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-icon.is-button-icon img {
  width: 16px;
  height: 16px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-icon.is-empty {
  width: 34px;
  height: 34px;
  flex-basis: 34px;
  border-radius: 14px;
  background: #eef4ff;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-icon.is-empty::before {
  width: 20px;
  height: 20px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-icon.is-empty img {
  width: 20px;
  height: 20px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-icon.is-hero {
  width: 78px;
  height: 78px;
  flex-basis: 78px;
  border-radius: 28px;
  background: #dbeafe;
  box-shadow: 0 18px 34px rgba(37, 99, 235, 0.12);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-icon.is-hero::before {
  width: 32px;
  height: 32px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-icon.is-hero img {
  width: 42px;
  height: 42px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-summary-card,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-card {
  background: var(--our-eway-surface);
  border: 1px solid var(--our-eway-border);
  border-radius: 18px;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.05);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-summary-card {
  display: flex;
  min-height: 88px;
  flex-direction: column;
  gap: 10px;
  padding: 14px 16px;
  border-top: 3px solid rgba(37, 99, 235, 0.28);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-summary-card.is-success { border-top-color: rgba(15, 159, 95, 0.58); }
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-summary-card.is-warning { border-top-color: rgba(217, 119, 6, 0.6); }
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-summary-card.is-danger { border-top-color: rgba(220, 38, 38, 0.62); }
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-summary-card.is-company { border-top-color: rgba(109, 93, 252, 0.52); }

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-card-title,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-section-head > div,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-section-head {
  display: flex;
  align-items: center;
  gap: 10px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-section-head {
  justify-content: space-between;
  margin-bottom: 12px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-card-title > span {
  display: grid;
  gap: 5px;
  min-width: 0;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-card-title strong,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-section-head strong {
  color: var(--our-eway-text);
  font-size: 14px;
  font-weight: 850;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-card-title small {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--our-eway-muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.1;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-card-title small i {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: currentColor;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-summary-card.is-success .admin-our-eway-card-title small { color: var(--our-eway-success); }
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-summary-card.is-warning .admin-our-eway-card-title small { color: var(--our-eway-warning); }
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-summary-card.is-danger .admin-our-eway-card-title small { color: var(--our-eway-danger); }
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-summary-card.is-company .admin-our-eway-card-title small { color: var(--our-eway-company); }

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-card-value {
  color: var(--our-eway-text);
  font-size: 19px;
  font-weight: 900;
  line-height: 1.15;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-summary-card.is-success .admin-our-eway-card-value { color: var(--our-eway-success); }
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-summary-card.is-warning .admin-our-eway-card-value { color: var(--our-eway-warning); }
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-summary-card.is-danger .admin-our-eway-card-value { color: var(--our-eway-danger); }
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-summary-card.is-company .admin-our-eway-card-value { color: var(--our-eway-company); }

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-summary-card p,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-card-note,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-empty p,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-step p,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-action-bar p {
  margin: 0;
  color: var(--our-eway-muted);
  font-size: 12px;
  line-height: 1.45;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-card {
  padding: 16px 18px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-start-grid {
  display: grid;
  grid-template-columns: 1.04fr repeat(3, minmax(0, 1fr));
  gap: 0;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  background: #ffffff;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-step {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 13px;
  min-height: 138px;
  padding: 24px 22px;
  border: 0;
  border-left: 1px solid #e2e8f0;
  border-radius: 0;
  background: #ffffff;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-step-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-start-visual {
  position: relative;
  display: grid;
  min-height: 138px;
  place-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 76% 34%, rgba(36, 89, 245, 0.11) 0 6px, transparent 7px),
    radial-gradient(circle at 22% 66%, rgba(36, 89, 245, 0.1) 0 5px, transparent 6px),
    linear-gradient(135deg, #f8fbff 0%, #eef4ff 100%);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-start-spark {
  position: absolute;
  width: 12px;
  height: 12px;
  border: 1px solid rgba(36, 89, 245, 0.24);
  border-radius: 4px;
  transform: rotate(45deg);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-start-spark.is-one {
  top: 24%;
  left: 24%;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-start-spark.is-two {
  right: 20%;
  bottom: 24%;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-step-number {
  display: inline-flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #dbeafe;
  color: var(--our-eway-info);
  font-size: 12px;
  font-weight: 900;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-step strong {
  display: block;
  margin-bottom: 6px;
  color: var(--our-eway-text);
  font-size: 13px;
  font-weight: 850;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-soft-note {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid #dbe3ef;
  border-radius: 999px;
  color: var(--our-eway-muted);
  font-size: 11px;
  font-weight: 800;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-table-shell {
  overflow-x: auto;
  border: 1px solid var(--our-eway-border);
  border-radius: 16px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-table {
  width: 100%;
  min-width: 920px;
  border-collapse: collapse;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-table th,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-table td {
  padding: 12px 14px;
  border-bottom: 1px solid #e5edf8;
  text-align: left;
  vertical-align: middle;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-table th {
  background: #f8fbff;
  color: var(--our-eway-muted);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-table td {
  color: var(--our-eway-text);
  font-size: 13px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-table tbody tr:last-child td {
  border-bottom: none;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-icon-action {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: #ffffff !important;
  color: var(--our-eway-info) !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-card-note {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 13px;
  background: #f8fbff;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 178px;
  padding: 22px;
  border: 1px dashed #cbd5e1;
  border-radius: 16px;
  background: #f8fbff;
  text-align: center;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-credential-empty {
  display: flex;
  min-height: 138px;
  text-align: center;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-credential-empty p {
  max-width: 640px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-empty.is-compact {
  min-height: 132px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-empty strong {
  color: var(--our-eway-text);
  font-weight: 850;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-lower-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-rule-list,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-capability-list,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-activity-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-rule-row,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-capability-row,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-activity-row {
  display: flex;
  min-height: 46px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 13px;
  background: #ffffff;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-capability-row > span,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-activity-main {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 8px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-activity-main > span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-rule-row span,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-activity-row small {
  color: var(--our-eway-muted);
  font-size: 12px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-rule-row strong,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-activity-row strong {
  color: var(--our-eway-text);
  font-size: 13px;
  font-weight: 850;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-activity-row {
  width: 100%;
  appearance: none;
  background: #ffffff !important;
  color: var(--our-eway-text) !important;
  border-color: #e2e8f0 !important;
  box-shadow: none !important;
  cursor: pointer;
  text-align: left;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-activity-row:hover {
  background: #f8fbff !important;
  border-color: rgba(36, 89, 245, 0.24) !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-activity-row.is-danger {
  border-color: #fecaca !important;
  background: #fffafa !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-activity-row.is-warning {
  border-color: #fed7aa !important;
  background: #fffdf8 !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-activity-row.is-success {
  border-color: #bbf7d0 !important;
  background: #fbfffd !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-chip {
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border: 1px solid #dbeafe;
  border-radius: 999px;
  background: #eff6ff;
  color: var(--our-eway-info);
  font-size: 11px;
  font-weight: 850;
  white-space: nowrap;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-chip.is-success {
  border-color: #bbf7d0;
  background: #ecfdf5;
  color: #047857;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-chip.is-warning {
  border-color: #fed7aa;
  background: #fff7ed;
  color: #c2410c;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-chip.is-danger {
  border-color: #fecaca;
  background: #fef2f2;
  color: #b91c1c;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-chip.is-neutral {
  border-color: #e2e8f0;
  background: #f8fafc;
  color: #475569;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-chip.is-company {
  border-color: #ddd6fe;
  background: #f5f3ff;
  color: #6d28d9;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-action-bar {
  position: static;
  z-index: 4;
  bottom: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 10px 12px;
  border: 1px solid rgba(36, 89, 245, 0.18);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
  backdrop-filter: none;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-action-bar > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--our-eway-text);
  white-space: nowrap;
}

body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-page {
  --our-eway-surface: #111827;
  --our-eway-soft: #0f172a;
  --our-eway-border: rgba(148, 163, 184, 0.24);
  --our-eway-text: #e5eefc;
  --our-eway-muted: #9fb0c8;
}

body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-summary-card,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-card,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-secondary-action,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-card-action,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-icon-action,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-rule-row,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-capability-row,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-activity-row {
  background: #111827 !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
  color: var(--our-eway-text) !important;
}

body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-start-visual,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-start-grid,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-step,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-card-note,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-empty,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-table th {
  background: #0f172a;
  border-color: rgba(148, 163, 184, 0.22);
}

body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-action-bar {
  background: rgba(15, 23, 42, 0.96);
  border-color: rgba(96, 165, 250, 0.28);
}

@media (max-width: 1360px) {
  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-summary-grid,
  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-lower-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-start-grid {
    grid-template-columns: 1fr;
  }

  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-step {
    border-left: 0;
    border-top: 1px solid #e2e8f0;
  }
}

@media (max-width: 900px) {
  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-summary-grid,
  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-lower-grid,
  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-start-grid,
  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-action-bar {
    grid-template-columns: 1fr;
  }

  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-toolbar,
  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-section-head {
    align-items: flex-start;
    flex-direction: column;
  }

  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-credential-empty {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
}

/* Admin Settings: E-Way Auto Transfer Rules */
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-page {
  gap: 16px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 16px;
  min-width: 0;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--our-eway-border);
  border-radius: 16px;
  background: #ffffff;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-flow-step {
  display: grid;
  grid-template-columns: 28px 24px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 92px;
  padding: 14px;
  border-left: 1px solid var(--our-eway-border);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-flow-step:first-child {
  border-left: 0;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-flow-step strong,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-flow-step small {
  grid-column: 3;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-flow-step small {
  color: var(--our-eway-muted);
  font-size: 12px;
  line-height: 1.35;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-policy-form {
  display: grid;
  gap: 12px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-toggle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 58px;
  padding: 12px 14px;
  border: 1px solid var(--our-eway-border);
  border-radius: 14px;
  background: #ffffff;
  color: var(--our-eway-text);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-toggle-row span {
  display: grid;
  gap: 4px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-toggle-row small {
  color: var(--our-eway-muted);
  font-size: 12px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-toggle-row input[type="checkbox"] {
  width: 20px;
  height: 20px;
  accent-color: var(--our-eway-primary);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-disabled-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-disabled-row,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-rule-row,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-check-row,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-signal-row {
  appearance: none;
  background: #ffffff !important;
  color: var(--our-eway-text) !important;
  border: 1px solid var(--our-eway-border) !important;
  box-shadow: none !important;
  font: inherit;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-disabled-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 42px;
  padding: 9px 11px;
  border-radius: 13px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-rule-row {
  width: 100%;
  cursor: default;
  text-align: left;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-rule-row[data-admin-settings-screen],
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-check-row {
  cursor: pointer;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-rule-row.is-success strong {
  color: var(--our-eway-success);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-rule-row.is-warning strong {
  color: var(--our-eway-warning);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-rule-row.is-danger strong {
  color: var(--our-eway-danger);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-rule-row.is-neutral strong {
  color: var(--our-eway-muted);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-signal-list {
  display: grid;
  gap: 10px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-signal-row {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px 10px;
  min-height: 58px;
  padding: 10px 12px;
  border-radius: 13px;
  text-align: left;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-signal-row.is-warning {
  border-color: #fed7aa !important;
  background: #fffdf8 !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-signal-row.is-danger {
  border-color: #fecaca !important;
  background: #fffafa !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-signal-row span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-signal-row em {
  grid-column: 2 / -1;
  overflow-wrap: anywhere;
  line-height: 1.3;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-signal-row > small:last-child {
  white-space: nowrap;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-signal-row.is-warning em {
  color: var(--our-eway-warning);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-signal-row.is-danger em {
  color: var(--our-eway-danger);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-signal-row small,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-signal-row em {
  font-size: 12px;
  font-style: normal;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-form-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

@media (max-width: 1360px) {
  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-flow,
  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-main-grid {
    grid-template-columns: 1fr;
  }

  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-flow-step {
    border-left: 0;
    border-top: 1px solid var(--our-eway-border);
  }

  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-flow-step:first-child {
    border-top: 0;
  }
}

@media (max-width: 900px) {
  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-disabled-grid,
  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-signal-row {
    grid-template-columns: 1fr;
  }
}

body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-flow,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-flow-step,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-toggle-row,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-disabled-row,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-rule-row,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-check-row,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-auto-transfer-signal-row {
  background: #111827 !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
}

/* Admin Settings: Part-B & Extension Rules */
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-page {
  gap: 16px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 16px;
  min-width: 0;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--our-eway-border);
  border-radius: 16px;
  background: #ffffff;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-flow-step {
  display: grid;
  grid-template-columns: 28px 24px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 92px;
  padding: 14px;
  border-left: 1px solid var(--our-eway-border);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-flow-step:first-child {
  border-left: 0;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-flow-step strong,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-flow-step small {
  grid-column: 3;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-flow-step small {
  color: var(--our-eway-muted);
  font-size: 12px;
  line-height: 1.35;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-policy-form {
  display: grid;
  gap: 12px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-toggle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 58px;
  padding: 12px 14px;
  border: 1px solid var(--our-eway-border);
  border-radius: 14px;
  background: #ffffff;
  color: var(--our-eway-text);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-toggle-row span {
  display: grid;
  gap: 4px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-toggle-row small {
  color: var(--our-eway-muted);
  font-size: 12px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-toggle-row input[type="checkbox"] {
  width: 20px;
  height: 20px;
  accent-color: var(--our-eway-primary);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-disabled-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-disabled-row,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-rule-row,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-check-row,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-watch-row {
  appearance: none;
  background: #ffffff !important;
  color: var(--our-eway-text) !important;
  border: 1px solid var(--our-eway-border) !important;
  box-shadow: none !important;
  font: inherit;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-disabled-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 42px;
  padding: 9px 11px;
  border-radius: 13px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-rule-row {
  width: 100%;
  cursor: default;
  text-align: left;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-rule-row[data-admin-settings-screen],
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-check-row {
  cursor: pointer;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-rule-row.is-success strong {
  color: var(--our-eway-success);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-rule-row.is-warning strong {
  color: var(--our-eway-warning);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-rule-row.is-danger strong {
  color: var(--our-eway-danger);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-rule-row.is-neutral strong {
  color: var(--our-eway-muted);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-watch-list {
  display: grid;
  gap: 10px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-watch-row {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px 10px;
  min-height: 58px;
  padding: 10px 12px;
  border-radius: 13px;
  text-align: left;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-watch-row.is-warning {
  border-color: #fed7aa !important;
  background: #fffdf8 !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-watch-row.is-danger {
  border-color: #fecaca !important;
  background: #fffafa !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-watch-row span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-watch-row em {
  grid-column: 2 / -1;
  overflow-wrap: anywhere;
  line-height: 1.3;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-watch-row > small:last-child {
  white-space: nowrap;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-watch-row.is-warning em {
  color: var(--our-eway-warning);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-watch-row.is-danger em {
  color: var(--our-eway-danger);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-watch-row small,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-watch-row em {
  font-size: 12px;
  font-style: normal;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-form-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

@media (max-width: 1360px) {
  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-flow,
  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-main-grid {
    grid-template-columns: 1fr;
  }

  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-flow-step {
    border-left: 0;
    border-top: 1px solid var(--our-eway-border);
  }

  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-flow-step:first-child {
    border-top: 0;
  }
}

@media (max-width: 900px) {
  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-disabled-grid,
  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-watch-row {
    grid-template-columns: 1fr;
  }
}

body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-flow,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-flow-step,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-toggle-row,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-disabled-row,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-rule-row,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-check-row,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-partb-extension-watch-row {
  background: #111827 !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
}

/* Admin Settings: Remaining E-Way configuration pages */
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-page {
  gap: 16px;
}

body[data-page="admin-security"] .admin-settings-workspace-v3:has(#adminSettingsContentOutlet .admin-our-eway-page) > .admin-settings-workspace-heading {
  display: none !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-summary-card.is-info {
  border-top-color: rgba(37, 99, 235, 0.42);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-summary-card.is-info .admin-our-eway-card-title small,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-summary-card.is-info .admin-our-eway-card-value {
  color: var(--our-eway-info);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-summary-card.is-neutral {
  border-top-color: rgba(100, 116, 139, 0.34);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-summary-card.is-neutral .admin-our-eway-card-title small,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-summary-card.is-neutral .admin-our-eway-card-value {
  color: var(--our-eway-muted);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px;
  min-width: 0;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--our-eway-border);
  border-radius: 16px;
  background: #ffffff;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-flow-step {
  display: grid;
  grid-template-columns: 28px 24px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 88px;
  padding: 14px;
  border-left: 1px solid var(--our-eway-border);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-flow-step:first-child {
  border-left: 0;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-flow-step strong,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-flow-step small {
  grid-column: 3;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-flow-step strong {
  color: var(--our-eway-text);
  font-size: 13px;
  font-weight: 850;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-flow-step small {
  color: var(--our-eway-muted);
  font-size: 12px;
  line-height: 1.35;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-row-list,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-checklist,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-rows {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-rule-row,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-check-row {
  appearance: none;
  width: 100%;
  min-width: 0;
  background: #ffffff !important;
  color: var(--our-eway-text) !important;
  border: 1px solid var(--our-eway-border) !important;
  box-shadow: none !important;
  font: inherit;
  text-align: left;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-rule-row[data-admin-settings-screen],
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-check-row[data-admin-settings-screen] {
  cursor: pointer;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-rule-row:hover,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-check-row:hover {
  border-color: rgba(36, 89, 245, 0.28) !important;
  background: #f8fbff !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-rule-row.is-success strong,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-check-row.is-success strong {
  color: var(--our-eway-success);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-rule-row.is-warning strong,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-check-row.is-warning strong {
  color: var(--our-eway-warning);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-rule-row.is-danger strong,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-check-row.is-danger strong {
  color: var(--our-eway-danger);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-rule-row.is-info strong,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-check-row.is-info strong {
  color: var(--our-eway-info);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-rule-row.is-neutral strong,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-check-row.is-neutral strong {
  color: var(--our-eway-muted);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-action-bar {
  margin-top: 2px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-api-log-table-shell {
  max-width: 100%;
  overflow-x: auto;
  border: 1px solid var(--our-eway-border);
  border-radius: 16px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-api-log-table {
  width: 100%;
  min-width: 860px;
  border-collapse: collapse;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-api-log-table th,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-api-log-table td {
  padding: 12px 14px;
  border-bottom: 1px solid #e5edf8;
  text-align: left;
  vertical-align: middle;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-api-log-table th {
  background: #f8fbff;
  color: var(--our-eway-muted);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-api-log-table td {
  color: var(--our-eway-text);
  font-size: 13px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-api-log-table td strong,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-api-log-table td small {
  display: block;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-api-log-table td small {
  margin-top: 2px;
  color: var(--our-eway-muted);
  font-size: 12px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-api-log-table tbody tr:last-child td {
  border-bottom: none;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-api-log-table tbody tr.is-danger td {
  background: #fffafa;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-api-log-table tbody tr.is-warning td {
  background: #fffdf8;
}

@media (max-width: 1360px) {
  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-main-grid,
  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-flow {
    grid-template-columns: 1fr;
  }

  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-flow-step {
    border-left: 0;
    border-top: 1px solid var(--our-eway-border);
  }

  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-flow-step:first-child {
    border-top: 0;
  }
}

body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-flow,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-flow-step,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-rule-row,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-config-check-row,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-api-log-table-shell {
  background: #111827 !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
}

body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-api-log-table th,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-api-log-table td {
  border-color: rgba(148, 163, 184, 0.2);
}

body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-api-log-table th {
  background: #0f172a;
}

body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-api-log-table tbody tr.is-danger td {
  background: rgba(127, 29, 29, 0.16);
}

body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-api-log-table tbody tr.is-warning td {
  background: rgba(120, 53, 15, 0.16);
}

/* Admin Settings: Our E-Way Add Credential / Connectivity editor */
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-editor-page {
  --eway-cred-surface: #ffffff;
  --eway-cred-soft: #f7faff;
  --eway-cred-border: #d8e3f2;
  --eway-cred-border-strong: #b8c9e4;
  --eway-cred-text: #0f172a;
  --eway-cred-muted: #64748b;
  --eway-cred-primary: #2459f5;
  --eway-cred-primary-soft: #eef4ff;
  --eway-cred-info: #2563eb;
  --eway-cred-success: #0f9f5f;
  --eway-cred-warning: #d97706;
  --eway-cred-danger: #dc2626;
  --eway-cred-company: #6d5dfc;
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: var(--eway-cred-text);
}

body[data-page="admin-security"] #adminSettingsDetailPanel:has(.admin-eway-credential-editor-page) {
  gap: 10px !important;
  padding-top: 14px !important;
  overflow: hidden !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel:has(.admin-eway-credential-editor-page) .admin-settings-breadcrumb,
body[data-page="admin-security"] #adminSettingsDetailPanel:has(.admin-eway-credential-editor-page) > .card-heading,
body[data-page="admin-security"] #adminSettingsDetailPanel:has(.admin-eway-credential-editor-page) .admin-settings-detail-head,
body[data-page="admin-security"] #adminSettingsDetailPanel:has(.admin-eway-credential-editor-page) #adminSettingsDetailCopy {
  display: none !important;
}

body[data-page="admin-security"] #adminSettingsDetailContent:has(.admin-eway-credential-editor-page) {
  margin-top: 0 !important;
  overflow: visible !important;
}

body[data-page="admin-security"] .admin-settings-content-outlet[data-admin-outlet]:has(.admin-eway-credential-editor-page) {
  padding-right: 0 !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel:has(.admin-eway-credential-editor-page) {
  max-width: 100% !important;
  width: 100% !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-page-head,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-title-line,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-head-actions,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-card-head,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-card-head > div {
  display: flex;
  align-items: center;
  gap: 10px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-page-head {
  justify-content: space-between;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-title-line {
  flex-wrap: wrap;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-page-head h2 {
  margin: 0;
  color: var(--eway-cred-text);
  font-size: clamp(22px, 1.7vw, 29px);
  font-weight: 900;
  letter-spacing: -0.04em;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-mode-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-mode-card,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-card,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-secondary,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-primary,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-rule-note,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-warning,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-capability-row,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-preview-step {
  border: 1px solid var(--eway-cred-border);
  background: var(--eway-cred-surface);
  color: var(--eway-cred-text);
  box-shadow: none;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-mode-card {
  position: relative;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  gap: 12px;
  min-height: 82px;
  align-items: center;
  padding: 14px 16px;
  border-radius: 15px;
  cursor: pointer;
  text-align: left;
  background: #ffffff !important;
  border-color: var(--eway-cred-border) !important;
  color: var(--eway-cred-text) !important;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease, background-color 0.16s ease;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-mode-card.is-selected {
  background: #ffffff !important;
  border-color: var(--eway-cred-primary) !important;
  box-shadow: 0 0 0 1px rgba(36, 89, 245, 0.42), 0 12px 28px rgba(37, 99, 235, 0.08) !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-mode-card.is-selected::before {
  content: "";
  position: absolute;
  inset: 8px auto 8px 0;
  width: 4px;
  border-radius: 999px;
  background: var(--eway-cred-primary);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-mode-card:hover:not(:disabled) {
  background: #fbfdff !important;
  border-color: #9db7e5 !important;
  transform: translateY(-1px);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-mode-card.is-disabled {
  cursor: not-allowed;
  background: #f8fafc !important;
  color: #94a3b8 !important;
  opacity: 1;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-mode-card strong {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 0;
  color: var(--eway-cred-text) !important;
  font-size: 14.5px;
  font-weight: 850;
  letter-spacing: -0.01em;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-mode-card small,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-card-copy,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-field small,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-preview-step small {
  color: var(--eway-cred-muted) !important;
  font-size: 12px;
  line-height: 1.4;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-mode-card small {
  display: none !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-mode-card em,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-chip {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 10px;
  border: 1px solid #bfdbfe;
  border-radius: 999px;
  background: #eff6ff;
  color: var(--eway-cred-info);
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  white-space: nowrap;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-chip.is-success {
  border-color: #bbf7d0;
  background: #ecfdf5;
  color: var(--eway-cred-success);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-chip.is-warning {
  border-color: #fed7aa;
  background: #fff7ed;
  color: var(--eway-cred-warning);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-chip.is-company {
  border-color: #ddd6fe;
  background: #f5f3ff;
  color: var(--eway-cred-company);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-chip.is-info {
  border-color: #bfdbfe;
  background: #eff6ff;
  color: var(--eway-cred-info);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  gap: 14px;
  align-items: start;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-lower-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
  gap: 14px;
  align-items: start;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-card {
  padding: 16px;
  border-radius: 18px;
  background: #ffffff !important;
  border-color: var(--eway-cred-border) !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.035);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-card-head {
  justify-content: space-between;
  margin-bottom: 10px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-card-head strong {
  color: var(--eway-cred-text);
  font-size: 16px;
  font-weight: 900;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 12px;
  margin-top: 12px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-field {
  display: flex !important;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  color: var(--eway-cred-muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.22;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-field-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 18px;
  min-width: 0;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-field-label > span:first-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-field-help {
  position: relative;
  display: inline-flex;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  align-items: center;
  justify-content: center;
  border: 1px solid #bfdbfe;
  border-radius: 999px;
  background: #eef4ff;
  color: var(--eway-cred-info);
  cursor: help;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-field-help::after {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 9px);
  z-index: 80;
  width: max-content;
  max-width: 250px;
  padding: 8px 10px;
  border: 1px solid #dbe3ef;
  border-radius: 10px;
  background: #0f172a;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.18);
  color: #ffffff;
  content: attr(data-tooltip);
  font-size: 11.5px;
  font-weight: 750;
  line-height: 1.35;
  opacity: 0;
  pointer-events: none;
  text-align: left;
  transform: translate(-50%, 4px);
  transition: opacity 0.14s ease, transform 0.14s ease;
  white-space: normal;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-field-help::before {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 4px);
  z-index: 81;
  width: 8px;
  height: 8px;
  background: #0f172a;
  content: "";
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 4px) rotate(45deg);
  transition: opacity 0.14s ease, transform 0.14s ease;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-field-help:hover::after,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-field-help:focus-visible::after,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-field-help:hover::before,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-field-help:focus-visible::before {
  opacity: 1;
  transform: translate(-50%, 0) rotate(0deg);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-field-help:hover::before,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-field-help:focus-visible::before {
  transform: translate(-50%, 0) rotate(45deg);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-field em {
  color: var(--eway-cred-danger);
  font-style: normal;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-field input,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-field select {
  width: 100%;
  min-width: 0;
  height: 42px;
  border: 1px solid var(--eway-cred-border);
  border-radius: 12px;
  background: #ffffff;
  color: var(--eway-cred-text);
  font: inherit;
  font-size: 13.5px;
  font-weight: 650;
  outline: none;
  padding: 0 13px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-field input:focus,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-field select:focus {
  border-color: var(--eway-cred-primary);
  box-shadow: 0 0 0 3px rgba(36, 89, 245, 0.1);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-field input[aria-invalid="true"],
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-field select[aria-invalid="true"] {
  border-color: var(--eway-cred-danger);
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-field input:disabled,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-field select:disabled {
  background: #f8fafc;
  color: #94a3b8;
  cursor: not-allowed;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-rule-note,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-warning {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 13px;
  background: var(--eway-cred-soft);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-warning {
  background: #fff7ed;
  border-color: #fed7aa;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-warning span,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-rule-note span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-rule-note strong,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-warning strong {
  font-size: 12px;
  font-weight: 900;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-rule-note span,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-warning span {
  color: var(--eway-cred-muted);
  font-size: 12px;
  font-weight: 650;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-field-grid .full-span {
  grid-column: 1 / -1;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-capability-list,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-preview-steps {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-capability-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-capability-row {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 8px 10px;
  border-radius: 12px;
  background: #ffffff !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-capability-row span {
  font-size: 13px;
  font-weight: 750;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-capability-row em {
  color: var(--eway-cred-muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-capability-row.is-success em,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-capability-row.is-success span {
  color: var(--eway-cred-success);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-preview-step {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 10px;
  border-radius: 14px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-preview-step b {
  display: inline-flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #dbeafe;
  color: var(--eway-cred-info);
  font-size: 12px;
  font-weight: 900;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-preview-step strong {
  display: block;
  margin-bottom: 3px;
  font-size: 13px;
  font-weight: 850;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-secondary,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 13px;
  cursor: pointer;
  font: inherit;
  font-weight: 850;
  line-height: 1;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-primary {
  background: var(--eway-cred-primary) !important;
  border-color: var(--eway-cred-primary) !important;
  color: #ffffff !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-primary:hover:not(:disabled) {
  background: #1747d7 !important;
  border-color: #1747d7 !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-secondary:hover:not(:disabled) {
  border-color: rgba(36, 89, 245, 0.34);
  background: #eef4ff;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-primary:disabled,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-secondary:disabled {
  cursor: not-allowed;
  opacity: 0.62;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-action-bar {
  position: sticky;
  z-index: 8;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 12px;
  border: 1px solid rgba(36, 89, 245, 0.18);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 -10px 28px rgba(15, 23, 42, 0.06);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-editor-page .admin-our-eway-primary-action,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-editor-page .admin-our-eway-secondary-action,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-editor-page .admin-eway-overview-primary-action,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-editor-page .admin-eway-overview-secondary-action {
  box-shadow: none !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-action-bar > span,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-action-bar > div {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-message {
  margin: 0;
  padding: 10px 12px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 800;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-message.is-error {
  border: 1px solid #fecaca;
  background: #fef2f2;
  color: #b91c1c;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-message.is-success {
  border: 1px solid #bbf7d0;
  background: #ecfdf5;
  color: #047857;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-icon {
  display: inline-flex;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  background: #eef4ff;
  color: var(--eway-cred-info);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-icon svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-icon img {
  display: block;
  width: 17px;
  height: 17px;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(35%) sepia(94%) saturate(2258%) hue-rotate(214deg) brightness(94%) contrast(93%);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-icon.is-warning {
  background: #fff7ed;
  color: var(--eway-cred-warning);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-icon.is-success {
  background: #ecfdf5;
  color: var(--eway-cred-success);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-icon.is-company {
  background: #f5f3ff;
  color: var(--eway-cred-company);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-icon.is-neutral {
  background: #f1f5f9;
  color: #64748b;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-icon.is-success img {
  filter: brightness(0) saturate(100%) invert(43%) sepia(92%) saturate(480%) hue-rotate(101deg) brightness(90%) contrast(95%);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-icon.is-warning img {
  filter: brightness(0) saturate(100%) invert(49%) sepia(99%) saturate(877%) hue-rotate(6deg) brightness(91%) contrast(95%);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-icon.is-danger img {
  filter: brightness(0) saturate(100%) invert(28%) sepia(91%) saturate(2430%) hue-rotate(345deg) brightness(91%) contrast(90%);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-icon.is-company img {
  filter: brightness(0) saturate(100%) invert(41%) sepia(86%) saturate(1631%) hue-rotate(225deg) brightness(100%) contrast(98%);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-icon.is-neutral img {
  filter: brightness(0) saturate(100%) invert(46%) sepia(13%) saturate(823%) hue-rotate(176deg) brightness(89%) contrast(84%);
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-icon.is-button-icon {
  width: 18px;
  height: 18px;
  flex-basis: 18px;
  border-radius: 0;
  background: transparent;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-icon.is-button-icon svg {
  width: 16px;
  height: 16px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-icon.is-button-icon img {
  width: 16px;
  height: 16px;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-primary .admin-eway-credential-icon {
  color: #ffffff;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-primary .admin-eway-credential-icon img {
  filter: brightness(0) invert(1);
}

body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-editor-page {
  --eway-cred-surface: #111827;
  --eway-cred-soft: #0f172a;
  --eway-cred-border: rgba(148, 163, 184, 0.24);
  --eway-cred-text: #e5eefc;
  --eway-cred-muted: #9fb0c8;
}

body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-mode-card,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-card,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-secondary,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-capability-row,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-preview-step {
  background: #111827 !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
  color: var(--eway-cred-text);
}

body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-mode-card.is-selected {
  background: #111827 !important;
  border-color: #60a5fa !important;
  box-shadow: 0 0 0 1px rgba(96, 165, 250, 0.38) !important;
}

body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-field input,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-field select,
body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-rule-note {
  background: #0f172a;
  border-color: rgba(148, 163, 184, 0.24);
  color: var(--eway-cred-text);
}

body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-field-help {
  border-color: rgba(96, 165, 250, 0.4);
  background: rgba(37, 99, 235, 0.16);
  color: #93c5fd;
}

body[data-theme="dark"][data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-action-bar {
  background: rgba(15, 23, 42, 0.96);
  border-color: rgba(96, 165, 250, 0.28);
}

@media (max-width: 1360px) {
  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-mode-grid,
  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-main-grid,
  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-lower-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-field-grid,
  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-capability-list {
    grid-template-columns: 1fr;
  }

  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-page-head,
  body[data-page="admin-security"] #adminSettingsDetailPanel .admin-eway-credential-action-bar {
    align-items: stretch;
    flex-direction: column;
  }
}

body[data-page="admin-security"] .admin-settings-content-outlet[data-admin-outlet],
body[data-page="admin-security"] .admin-settings-help-panel-v3,
body[data-page="admin-security"] .admin-settings-sidebar-scroll {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(100, 116, 139, 0.42) transparent !important;
}

body[data-page="admin-security"] .admin-settings-content-outlet[data-admin-outlet]::-webkit-scrollbar,
body[data-page="admin-security"] .admin-settings-help-panel-v3::-webkit-scrollbar,
body[data-page="admin-security"] .admin-settings-sidebar-scroll::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
  display: block !important;
}

body[data-page="admin-security"] .admin-settings-content-outlet[data-admin-outlet]::-webkit-scrollbar-track,
body[data-page="admin-security"] .admin-settings-help-panel-v3::-webkit-scrollbar-track,
body[data-page="admin-security"] .admin-settings-sidebar-scroll::-webkit-scrollbar-track {
  background: transparent !important;
}

body[data-page="admin-security"] .admin-settings-content-outlet[data-admin-outlet]::-webkit-scrollbar-thumb,
body[data-page="admin-security"] .admin-settings-help-panel-v3::-webkit-scrollbar-thumb,
body[data-page="admin-security"] .admin-settings-sidebar-scroll::-webkit-scrollbar-thumb {
  border: 2px solid transparent !important;
  border-radius: 999px !important;
  background: rgba(100, 116, 139, 0.42) !important;
  background-clip: content-box !important;
}

body[data-page="admin-security"] .admin-settings-content-outlet[data-admin-outlet]::-webkit-scrollbar-thumb:hover,
body[data-page="admin-security"] .admin-settings-help-panel-v3::-webkit-scrollbar-thumb:hover,
body[data-page="admin-security"] .admin-settings-sidebar-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(100, 116, 139, 0.58) !important;
  background-clip: content-box !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-page,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-card,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-summary-card,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-lower-grid,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-section-head,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-section-head > div,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-rule-row,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-capability-row,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-activity-row {
  min-width: 0 !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-lower-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-rule-row strong,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-capability-row > span,
body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-activity-main {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

body[data-page="admin-security"] #adminSettingsDetailPanel .admin-our-eway-page .field-help-icon {
  contain: layout style !important;
  flex: 0 0 auto !important;
}