html body header.subpage-nav {
  background: #1a3a52;
  padding: 1rem 2rem;
  border-bottom: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
html body header.subpage-nav {
  position: sticky;
  top: 0;
  z-index: 100;
}
html body header.subpage-nav,
html body header.subpage-nav * {
  box-sizing: border-box;
}
html body header.subpage-nav > .container {
  max-width: none;
  width: 100%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  row-gap: 0.75rem;
  column-gap: 2rem;
}
html body header.subpage-nav .nav-brand-slot {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  flex: 0 0 auto;
  margin: 0;
  order: 0;
  text-decoration: none;
}
html body header.subpage-nav .nav-brand-crest {
  height: 3.4rem;
  width: auto;
}
html body header.subpage-nav .nav-brand-wordmark {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.1;
  text-transform: none;
  color: #d32f2f;
  white-space: nowrap;
}
@media (min-width: 900px) {
  html body header.subpage-nav .nav-brand-slot {
    margin-left: -1.5rem;
  }
}
html body header.subpage-nav .nav-links-cluster {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  min-width: auto;
  flex: 0 1 auto;
  flex-wrap: nowrap;
}
@media (max-width: 1500px) {
  html body header.subpage-nav .nav-brand-wordmark,
  html body nav .logo span {
    display: none;
  }
}
@media (max-width: 1400px) {
  html body header.subpage-nav .nav-links-cluster,
  html body nav ul#nav-menu {
    gap: 1.2rem;
  }
  html body .mc-navcart #mc-navsub {
    display: none;
  }
}
html body header.subpage-nav .nav-link-item,
html body header.subpage-nav .p34-dd-btn {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: none;
  line-height: 1.2;
  white-space: nowrap;
  color: #ffffff;
  padding: 0;
}
html body header.subpage-nav .nav-link-item:hover,
html body header.subpage-nav .nav-link-item.active {
  color: #d32f2f;
}
html body header.subpage-nav .nav-actions-right,
html body nav .nav-buttons {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-left: auto;
  flex: 0 0 auto;
  order: 2;
}
html body header.subpage-nav .nav-user-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  min-width: 110px;
  max-width: none;
  padding: 0.6rem 1.5rem;
  border: 1px solid #ffffff;
  border-radius: 4px;
  background: transparent;
  color: #ffffff;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 0.9rem;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1.2;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  overflow: visible;
}
html body header.subpage-nav .nav-user-tag:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
html body header.subpage-nav .nav-logout {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  min-width: 110px;
  padding: 0.6rem 1.5rem;
  border: 0;
  border-radius: 4px;
  background: #d32f2f;
  color: #ffffff;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 0.9rem;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1.2;
  white-space: nowrap;
  text-decoration: none;
  box-shadow: none;
  cursor: pointer;
}
html body header.subpage-nav .nav-logout:hover {
  background: #b71c1c;
  color: #ffffff;
}
html body header.subpage-nav .subpage-mobile-toggle {
  order: 3;
  color: #ffffff;
  background: none;
  border: 0;
}
html body nav .nav-buttons a {
  min-width: 110px;
  font-weight: 400;
}
@media (max-width: 1100px) {
  html body header.subpage-nav .nav-links-cluster {
    display: none;
  }
  html body header.subpage-nav .subpage-mobile-toggle {
    display: inline-flex;
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  html body header.subpage-nav {
    padding: 0.75rem 1rem;
  }
  html body header.subpage-nav > .container {
    gap: 0.75rem;
  }
  html body header.subpage-nav .nav-brand-crest {
    height: 2.6rem;
  }
  html body header.subpage-nav .nav-brand-wordmark {
    font-size: 1.15rem;
    white-space: normal;
  }
  html body header.subpage-nav .nav-user-tag,
  html body header.subpage-nav .nav-logout {
    display: none;
  }
  html body nav .nav-buttons {
    display: flex;
    width: auto;
    flex-direction: row;
    gap: 0.5rem;
  }
  html body nav .nav-buttons > a {
    display: none;
  }
}
html body .site-banner {
  background: linear-gradient(135deg, #1a3a52 0%, #0d1f2d 100%);
  color: #ffffff;
  padding: 3rem 2rem;
  text-align: center;
  border: 0;
}
html body .site-banner .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}
html body .site-banner h1 {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 2.5rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: none;
  color: #ffffff;
  margin: 0 0 0.5rem;
}
html body .site-banner p {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1.1rem;
  line-height: 1.6;
  color: #ffffff;
  opacity: 0.9;
  max-width: 820px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  html body .site-banner {
    padding: 2.25rem 1.25rem;
  }
  html body .site-banner h1 {
    font-size: 1.9rem;
  }
}
html body .p34-head > .p34-actions:only-child {
  margin-left: auto;
}
html body .theme-toggle,
html body .p34-bell > button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  min-width: 0;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 50%;
  background: transparent;
  color: #ffffff;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  cursor: pointer;
  flex: 0 0 auto;
}
html body .theme-toggle:hover,
html body .p34-bell > button:hover {
  background: rgba(255, 255, 255, 0.12);
}
html body .theme-toggle:focus-visible,
html body .p34-bell > button:focus-visible,
html body .nav-user-tag:focus-visible {
  outline: 2px solid #9cc1de;
  outline-offset: 2px;
}
html body .theme-toggle-float {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 950;
  background: #1a3a52;
}
html body .p34-bell {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
}
html body .p34-bell .p34-bell-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
html body .p34-bell .p34-count {
  position: absolute;
  top: -0.35rem;
  right: -0.45rem;
  min-width: 1.25rem;
  height: 1.25rem;
  margin: 0;
  padding: 0 0.3rem;
  border-radius: 999px;
  background: #d32f2f;
  color: #ffffff;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-align: center;
}
html body .p34-bell .p34-count[hidden] {
  display: none;
}
html body .p34-bell-panel {
  position: absolute;
  right: 0;
  top: calc(100% + 0.6rem);
  width: min(340px, 90vw);
  max-height: 60vh;
  overflow: auto;
  padding: 0.6rem;
  background: #1a3a52;
  border: 1px solid #9cc1de;
  border-radius: 6px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
  color: #ffffff;
  text-align: left;
  z-index: 400;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
html body .p34-bell-panel[hidden] {
  display: none;
}
html body .p34-bell-panel .p34-note {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0.55rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.22);
  font-size: 0.85rem;
  color: #ffffff;
}
html body .p34-bell-panel .p34-note > div {
  flex: 1 1 70%;
}
html body .p34-bell-panel .p34-note div,
html body .p34-bell-panel .p34-note a {
  color: #ffffff;
  font-weight: 600;
  text-decoration: none;
}
html body .p34-bell-panel .p34-note a:hover {
  text-decoration: underline;
}
html body .p34-bell-panel .p34-note small {
  display: block;
  width: 100%;
  order: 3;
  color: #9cc1de;
}
html body .p34-bell-panel .p34-note button,
html body .p34-bell-panel [data-read="all"] {
  background: transparent;
  color: #ffffff;
  border: 1px solid #9cc1de;
  border-radius: 6px;
  padding: 0.2rem 0.55rem;
  font: inherit;
  font-size: 0.8rem;
  cursor: pointer;
}
html body .p34-bell-panel [data-read="all"] {
  margin-bottom: 0.25rem;
}
html body .p34-bell-panel .muted {
  color: #cfe3f3;
  margin: 0.4rem 0;
}
html body #p34-toasts {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  z-index: 10000;
  max-width: min(380px, 92vw);
}
html body .p34-toast {
  background: #1a3a52;
  color: #ffffff;
  border: 1px solid #9cc1de;
  border-left-width: 5px;
  padding: 0.8rem 1rem;
  border-radius: 6px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
  transition: opacity 0.4s;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
html body .p34-toast.out {
  opacity: 0;
}
html body .mc-navcart {
  flex: 0 0 auto;
}
html body nav .container {
  justify-content: flex-start;
  column-gap: 2rem;
}
html body nav .nav-buttons {
  margin-left: auto;
}
html body nav .hamburger {
  order: 3;
}
html body header.subpage-nav > .container {
  padding: 0 2rem;
}
html body header.subpage-nav .nav-links-cluster {
  background: none;
  border: 0;
  box-shadow: none;
  padding: 0;
}
html body header.subpage-nav .sn-dd-btn {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: none;
}
@media (max-width: 768px) {
  html body header.subpage-nav > .container {
    padding: 0;
  }
}
html body .q-msg {
  margin: 0.6rem 0 0;
  font-weight: 600;
}
html body .q-msg.is-error {
  color: #c62828;
}
html[data-theme="dark"] body .q-msg.is-error {
  color: #ff8a80;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0d1f2d;
  --page-bg: #0d1f2d;
  --surface: #16314a;
  --surface-alt: #14304a;
  --surface-blue: #1a3a52;
  --surface-hover: #1f4563;
  --surface-raised: #112a40;
  --text: #ffffff;
  --text-2: rgba(255, 255, 255, 0.88);
  --text-3: rgba(255, 255, 255, 0.62);
  --text-muted: rgba(255, 255, 255, 0.75);
  --text-faint: rgba(255, 255, 255, 0.45);
  --accent: #9cc1de;
  --blue-bright: #9cc1de;
  --border: rgba(255, 255, 255, 0.18);
  --border-dim: rgba(255, 255, 255, 0.12);
  --border-strong: rgba(255, 255, 255, 0.3);
  --border-subtle: rgba(255, 255, 255, 0.18);
  --border-light: rgba(255, 255, 255, 0.16);
  --shadow-card: 0 2px 6px rgba(0, 0, 0, 0.45);
  --shadow-pop: 0 6px 16px rgba(0, 0, 0, 0.5);
  --light-gray: #112a40;
  --text-dark: #f1f5f8;
  --text-light: rgba(255, 255, 255, 0.72);
  --border-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"],
html[data-theme="dark"] body {
  background-color: #0d1f2d;
  color: #f1f5f8;
}
html[data-theme="dark"] body h1,
html[data-theme="dark"] body h2,
html[data-theme="dark"] body h3,
html[data-theme="dark"] body h4,
html[data-theme="dark"] body h5,
html[data-theme="dark"] body h6 {
  color: inherit;
}
html[data-theme="dark"] main.page-content h1,
html[data-theme="dark"] .p34-title {
  color: #ffffff;
}
html[data-theme="dark"] body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="submit"]):not([type="button"]),
html[data-theme="dark"] body select,
html[data-theme="dark"] body textarea {
  background-color: #0f2638;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.24);
}
html[data-theme="dark"] body input::placeholder,
html[data-theme="dark"] body textarea::placeholder {
  color: rgba(255, 255, 255, 0.45);
}
html[data-theme="dark"] body select option {
  background-color: #0f2638;
  color: #ffffff;
}
html[data-theme="dark"] body table th,
html[data-theme="dark"] body table td {
  border-color: rgba(255, 255, 255, 0.14);
}
html[data-theme="dark"] body table thead th,
html[data-theme="dark"] body .p34-table th {
  background-color: #14304a;
  color: #ffffff;
}
html[data-theme="dark"] body .p34-stat {
  background-color: #16314a;
  border-color: rgba(255, 255, 255, 0.14);
}
html[data-theme="dark"] body .p34-stat strong,
html[data-theme="dark"] body .p34-stat b {
  color: #ffffff;
}
html[data-theme="dark"] body .p34-stat > span,
html[data-theme="dark"] body .p34-stat small,
html[data-theme="dark"] body .p34-table td small,
html[data-theme="dark"] body .p34-table td .muted {
  color: rgba(255, 255, 255, 0.7);
}
html[data-theme="dark"] body .btn-outline {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.7);
}
html[data-theme="dark"] body .btn-outline:hover {
  background: #ffffff;
  color: #1a3a52;
}
html[data-theme="dark"] body .p34-proto {
  background: #16314a;
  border-color: #9cc1de;
  color: #ffffff;
}
html[data-theme="dark"] body .p34-proto.on {
  background: #1a3a52;
}
html[data-theme="dark"] body .p34-pill {
  background: #1f4563;
  color: #ffffff;
}
html[data-theme="dark"] ::-webkit-scrollbar-track {
  background: #0d1f2d;
}
html[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: #2c5272;
}
html[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator,
html[data-theme="dark"] input[type="datetime-local"]::-webkit-calendar-picker-indicator,
html[data-theme="dark"] input[type="time"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
html[data-theme="dark"] body .p34-sheets {
  background: #0d1f2d;
  color: #ffffff;
}
html[data-theme="dark"] body [style*="background-color: var(--white)"],
html[data-theme="dark"] body [style*="background: var(--white)"],
html[data-theme="dark"] body [style*="background:var(--white)"] {
  background-color: #112a40 !important;
}
html[data-theme="dark"] body {
  color: #f1f5f8;
  background-color: #0d1f2d;
}
html[data-theme="dark"] .text-light {
  color: rgba(255, 255, 255, 0.72);
}
html[data-theme="dark"] .error-message {
  background-color: rgba(221, 60, 74, 0.18);
}
html[data-theme="dark"] .error-message p {
  color: #e9a5ab;
}
html[data-theme="dark"] .menu-tab {
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
  background-color: #16314a;
  color: #cfe3f3;
}
html[data-theme="dark"] .menu-item {
  background-color: #16314a;
}
html[data-theme="dark"] .menu-item-desc {
  color: rgba(255, 255, 255, 0.72);
}
html[data-theme="dark"] .qty-control button {
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
  background-color: #16314a;
  color: #cfe3f3;
}
html[data-theme="dark"] .order-summary {
  background-color: #112a40;
}
html[data-theme="dark"] .summary-line {
  border-bottom-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .summary-empty {
  color: rgba(255, 255, 255, 0.72);
}
html[data-theme="dark"] .pay-options label,
html[data-theme="dark"] .terms {
  background-color: #16314a;
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .staff-card {
  background-color: #16314a;
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .staff-card h2 {
  color: #cfe3f3;
}
html[data-theme="dark"] .staff-card input,
html[data-theme="dark"] .staff-card select,
html[data-theme="dark"] .staff-card textarea,
html[data-theme="dark"] .pos-side input,
html[data-theme="dark"] .pos-side select {
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .staff-toolbar #who {
  color: #cfe3f3;
}
html[data-theme="dark"] .staff-item {
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .btn-staff.alt {
  background-color: #16314a;
  color: #cfe3f3;
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .btn-staff.alt:hover {
  background-color: #112a40;
  color: #cfe3f3;
}
html[data-theme="dark"] .tag {
  background-color: rgba(41, 156, 240, 0.18);
  color: #cfe3f3;
}
html[data-theme="dark"] .table-wrap th,
html[data-theme="dark"] .table-wrap td {
  border-bottom-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .pos-tile {
  background-color: #16314a;
}
html[data-theme="dark"] .pos-tile:active {
  background-color: #112a40;
}
html[data-theme="dark"] .pos-side {
  background-color: #112a40;
}
html[data-theme="dark"] .sort-options select {
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .product-card {
  background-color: #16314a;
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .product-image {
  background-color: #112a40;
}
html[data-theme="dark"] .product-category {
  color: rgba(255, 255, 255, 0.72);
}
html[data-theme="dark"] .product-name {
  color: #cfe3f3;
}
html[data-theme="dark"] .product-description {
  color: rgba(255, 255, 255, 0.72);
}
html[data-theme="dark"] .in-stock {
  color: #ade1b0;
}
html[data-theme="dark"] .btn-quantity {
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .btn-quantity button {
  background-color: #16314a;
  color: #cfe3f3;
}
html[data-theme="dark"] .btn-quantity input {
  border-left-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .empty-state {
  color: rgba(255, 255, 255, 0.72);
}
html[data-theme="dark"] .info-card {
  background-color: #16314a;
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .info-card h3 {
  color: #cfe3f3;
}
html[data-theme="dark"] .info-card p {
  color: rgba(255, 255, 255, 0.72);
}
html[data-theme="dark"] .menu-section {
  background-color: #112a40;
}
html[data-theme="dark"] .menu-section h2 {
  color: #cfe3f3;
}
html[data-theme="dark"] .menu-section p {
  color: rgba(255, 255, 255, 0.72);
}
html[data-theme="dark"] .contact-section {
  background-color: #16314a;
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .contact-section h2 {
  color: #cfe3f3;
}
html[data-theme="dark"] .contact-item {
  background-color: #112a40;
}
html[data-theme="dark"] .contact-item:hover {
  background-color: #112a40;
}
html[data-theme="dark"] .contact-item h3 {
  color: #cfe3f3;
}
html[data-theme="dark"] .contact-item p {
  color: rgba(255, 255, 255, 0.72);
}
html[data-theme="dark"] .contact-item a:hover {
  color: #cfe3f3;
}
html[data-theme="dark"] .hours-section {
  background-color: #112a40;
}
html[data-theme="dark"] .hours-section h3 {
  color: #cfe3f3;
}
html[data-theme="dark"] .hours-item {
  background-color: #16314a;
}
html[data-theme="dark"] .hours-item strong {
  color: #cfe3f3;
}
html[data-theme="dark"] .hours-item p {
  color: rgba(255, 255, 255, 0.72);
}
html[data-theme="dark"] .order-form-section {
  background-color: #16314a;
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .order-form-section h2 {
  color: #cfe3f3;
}
html[data-theme="dark"] .order-form-section p {
  color: rgba(255, 255, 255, 0.72);
}
html[data-theme="dark"] .form-group label {
  color: #cfe3f3;
}
html[data-theme="dark"] .form-group input,
html[data-theme="dark"] .form-group textarea,
html[data-theme="dark"] .form-group select {
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .order-type-btn {
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
  background-color: #16314a;
  color: #cfe3f3;
}
html[data-theme="dark"] .order-type-btn:hover {
  background-color: #112a40;
}
html[data-theme="dark"] .success-message {
  background-color: rgba(83, 198, 110, 0.18);
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .success-message p {
  color: #a5e9b4;
}
html[data-theme="dark"] .filters-section {
  background-color: #112a40;
}
html[data-theme="dark"] .filter-group label {
  color: #cfe3f3;
}
html[data-theme="dark"] .filter-group select,
html[data-theme="dark"] .filter-group input {
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .btn-filter-reset {
  background-color: #16314a;
  color: #cfe3f3;
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .btn-filter-reset:hover {
  background-color: #112a40;
}
html[data-theme="dark"] .facility-picker label {
  color: #cfe3f3;
}
html[data-theme="dark"] .facility-picker select {
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
  background-color: #16314a;
}
html[data-theme="dark"] .cost-note {
  color: rgba(255, 255, 255, 0.72);
}
html[data-theme="dark"] .terms-check {
  color: #f1f5f8;
}
html[data-theme="dark"] .tag.paid {
  background-color: #112a40;
  color: #a8e6ac;
}
html[data-theme="dark"] .tag.unpaid {
  background-color: rgba(255, 166, 26, 0.18);
}
html[data-theme="dark"] .size-select {
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
  background-color: #16314a;
}
html[data-theme="dark"] .mc-drawer {
  background-color: #16314a;
}
html[data-theme="dark"] .mc-line {
  border-bottom-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .mc-size {
  background-color: #112a40;
}
html[data-theme="dark"] .mc-qty button {
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
  background-color: #16314a;
}
html[data-theme="dark"] .mc-rm {
  color: rgba(255, 255, 255, 0.72);
}
html[data-theme="dark"] .mc-empty {
  color: rgba(255, 255, 255, 0.72);
}
html[data-theme="dark"] #mc-view h4 {
  color: #cfe3f3;
}
html[data-theme="dark"] #mc-view label {
  color: #f1f5f8;
}
html[data-theme="dark"] #mc-view input:not([type="radio"]):not([type="checkbox"]) {
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] #mc-view fieldset {
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] #mc-view legend {
  color: #cfe3f3;
}
html[data-theme="dark"] .mc-note {
  color: rgba(255, 255, 255, 0.72);
}
html[data-theme="dark"] .mc-msg.error {
  background-color: #112a40;
}
html[data-theme="dark"] .mc-msg.info {
  background-color: rgba(41, 156, 240, 0.18);
  color: #cfe3f3;
}
html[data-theme="dark"] .mc-foot {
  border-top-color: rgba(255, 255, 255, 0.16);
  background-color: #112a40;
}
html[data-theme="dark"] .calendar-day.available {
  background-color: #112a40;
  color: #a8e6ac;
}
html[data-theme="dark"] .calendar-day.available:hover {
  background-color: rgba(83, 198, 87, 0.18);
}
html[data-theme="dark"] .calendar-day.unavailable {
  background-color: #112a40;
  color: #eda1a4;
}
html[data-theme="dark"] .calendar-day.empty {
  background-color: #16314a;
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .calendar-day.today {
  border-top-color: #9cc1de;
  border-right-color: #9cc1de;
  border-bottom-color: #9cc1de;
  border-left-color: #9cc1de;
}
html[data-theme="dark"] .legend-dot.available {
  background-color: #112a40;
}
html[data-theme="dark"] .legend-dot.unavailable {
  background-color: #112a40;
}
html[data-theme="dark"] .order-form-section small {
  color: rgba(255, 255, 255, 0.72);
}
html[data-theme="dark"] .field-hint {
  color: rgba(255, 255, 255, 0.72);
}
html[data-theme="dark"] .staff-card h4 {
  color: #cfe3f3;
}
html[data-theme="dark"] .ord-row:hover,
html[data-theme="dark"] .ord-row:focus {
  background-color: #112a40;
}
html[data-theme="dark"] .receipt-dlg {
  color: #f1f5f8;
  background-color: #16314a;
}
html[data-theme="dark"] .receipt-dlg .rc h3 {
  color: #cfe3f3;
}
html[data-theme="dark"] .receipt-send label {
  color: rgba(255, 255, 255, 0.72);
}
html[data-theme="dark"] .who-line {
  color: #cfe3f3;
}
html[data-theme="dark"] .glance-tile {
  background-color: #16314a;
  color: #cfe3f3;
}
html[data-theme="dark"] .glance-tile span {
  color: rgba(255, 255, 255, 0.72);
}
html[data-theme="dark"] .glance-tile:hover {
  border-left-color: #9cc1de;
}
@media (max-width: 800px) {
  html[data-theme="dark"] .rates-table tr {
    border-top-color: rgba(255, 255, 255, 0.16);
    border-right-color: rgba(255, 255, 255, 0.16);
    border-bottom-color: rgba(255, 255, 255, 0.16);
    border-left-color: rgba(255, 255, 255, 0.16);
  }
}
@media (max-width: 800px) {
  html[data-theme="dark"] .rates-table td[data-label]::before {
    color: #cfe3f3;
  }
}
html[data-theme="dark"] .ops-row {
  border-bottom-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .ops-team {
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .ops-chip {
  background-color: #112a40;
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .ops-chip button {
  color: #cfe3f3;
}
html[data-theme="dark"] .success-message.is-error {
  background-color: #112a40;
  color: #f19da1;
}
html[data-theme="dark"] .player-card {
  background-color: #16314a;
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .player-pill {
  background-color: #112a40;
  color: #cfe3f3;
}
html[data-theme="dark"] .player-pill.approved {
  background-color: #112a40;
  color: #cfe3f3;
}
html[data-theme="dark"] .player-pill.rejected {
  background-color: rgba(213, 68, 77, 0.18);
  color: #f19da1;
}
html[data-theme="dark"] .player-pill.pending {
  background-color: rgba(83, 145, 198, 0.18);
  color: #cfe3f3;
}
html[data-theme="dark"] .sc-tabs {
  border-bottom-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .sc-tab {
  color: rgba(255, 255, 255, 0.72);
}
html[data-theme="dark"] .sc-tab:hover {
  color: #cfe3f3;
}
html[data-theme="dark"] .sc-tab.active {
  color: #cfe3f3;
}
html[data-theme="dark"] .sc-kpi {
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
  background-color: #16314a;
  color: #f1f5f8;
}
html[data-theme="dark"] .sc-kpi span {
  color: rgba(255, 255, 255, 0.72);
}
html[data-theme="dark"] .sc-kpi strong {
  color: #cfe3f3;
}
html[data-theme="dark"] .coach-tile {
  border-color: rgba(255, 255, 255, 0.16);
  border-left: 3px solid #d32f2f;
  background-color: #16314a;
  color: #f1f5f8;
}
html[data-theme="dark"] .coach-tile strong {
  color: #ffffff;
}
html[data-theme="dark"] .coach-tile span {
  color: rgba(255, 255, 255, 0.72);
  opacity: 1;
}
html[data-theme="light"] .coach-tile {
  border-left: 3px solid #d32f2f;
  background-color: #ffffff;
  color: #1a3a52;
}
html[data-theme="light"] .coach-tile strong {
  color: #1a3a52;
}
html[data-theme="light"] .coach-tile span {
  color: #555555;
  opacity: 1;
}
html[data-theme="dark"] .sc-result {
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .sc-result.good {
  background-color: #112a40;
  color: #cfe3f3;
}
html[data-theme="dark"] .sc-result.bad {
  background-color: #112a40;
  color: #eca2a2;
}
html[data-theme="dark"] .tbl-tools input {
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .staff-table th,
html[data-theme="dark"] .staff-table td {
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .q-order textarea {
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .pz-note {
  border-bottom-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .mc-steps {
  background-color: #112a40;
}
html[data-theme="dark"] .mc-steps li {
  color: rgba(255, 255, 255, 0.72);
}
html[data-theme="dark"] .mc-steps li::before {
  background-color: #112a40;
}
html[data-theme="dark"] .mc-steps li.now {
  color: #cfe3f3;
}
html[data-theme="dark"] .mc-back {
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
  background-color: #16314a;
}
html[data-theme="dark"] .mc-bad {
  background-color: #112a40;
}
html[data-theme="dark"] .mc-note {
  color: rgba(255, 255, 255, 0.72);
}
html[data-theme="dark"] .sc-gate input {
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .player-card {
  background-color: #16314a;
}
html[data-theme="dark"] .player-card h2 {
  color: #cfe3f3;
}
html[data-theme="dark"] .player-card h3 {
  color: #cfe3f3;
}
html[data-theme="dark"] .player-card .table-wrap th {
  color: rgba(255, 255, 255, 0.72);
}
html[data-theme="dark"] .calendar-section {
  background-color: #16314a;
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .calendar-nav button {
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
  background-color: #16314a;
}
html[data-theme="dark"] .calendar-nav button:hover {
  background-color: #112a40;
}
html[data-theme="dark"] .calendar-month-year {
  color: #cfe3f3;
}
html[data-theme="dark"] .calendar-day {
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .calendar-day.empty {
  background-color: #112a40;
}
html[data-theme="dark"] .calendar-day.available {
  background-color: #16314a;
  color: #f1f5f8;
}
html[data-theme="dark"] .calendar-day.available:hover {
  background-color: #112a40;
}
html[data-theme="dark"] .calendar-day.unavailable {
  background-color: #112a40;
}
html[data-theme="dark"] .calendar-day.today {
  border-top-color: #9cc1de;
  border-right-color: #9cc1de;
  border-bottom-color: #9cc1de;
  border-left-color: #9cc1de;
}
html[data-theme="dark"] .calendar-legend {
  border-top-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .legend-dot {
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .legend-dot.available {
  background-color: #16314a;
}
html[data-theme="dark"] .legend-dot.unavailable {
  background-color: #112a40;
}
html[data-theme="dark"] .legend-dot.today {
  border-top-color: #9cc1de;
  border-right-color: #9cc1de;
  border-bottom-color: #9cc1de;
  border-left-color: #9cc1de;
}
html[data-theme="dark"] .inquiry-section {
  background-color: #112a40;
}
html[data-theme="dark"] .inquiry-section h2 {
  color: #cfe3f3;
}
html[data-theme="dark"] .form-group label {
  color: #cfe3f3;
}
html[data-theme="dark"] .form-group input,
html[data-theme="dark"] .form-group textarea,
html[data-theme="dark"] .form-group select {
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .cost-breakdown {
  background-color: #16314a;
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .cost-breakdown h3 {
  color: #cfe3f3;
}
html[data-theme="dark"] .cost-item {
  border-bottom-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .cost-item:last-child {
  border-top-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .btn-reset {
  background-color: #16314a;
  color: #cfe3f3;
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .btn-reset:hover {
  background-color: #112a40;
}
html[data-theme="dark"] .info-box {
  background-color: rgba(41, 156, 240, 0.18);
}
html[data-theme="dark"] .info-box i {
  color: #cfe3f3;
}
html[data-theme="dark"] .info-box p {
  color: #cfe3f3;
}
html[data-theme="dark"] .success-message {
  background-color: rgba(83, 198, 110, 0.18);
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .success-message p {
  color: #a5e9b4;
}
html[data-theme="dark"] .pricing-info {
  background-color: #112a40;
}
html[data-theme="dark"] .pricing-info h3 {
  color: #cfe3f3;
}
html[data-theme="dark"] .pricing-item {
  background-color: #16314a;
}
html[data-theme="dark"] .pricing-item h4 {
  color: #cfe3f3;
}
html[data-theme="dark"] .pricing-item p {
  color: rgba(255, 255, 255, 0.72);
}
html[data-theme="dark"] .menu-updates {
  background-color: #112a40;
}
html[data-theme="dark"] .menu-updates h4 {
  color: #cfe3f3;
}
html[data-theme="dark"] .menu-updates li {
  color: #f1f5f8;
}
html[data-theme="dark"] .menu-group-title {
  color: #cfe3f3;
}
html[data-theme="dark"] .success-message {
  background-color: rgba(83, 198, 124, 0.18);
  color: #cfe3f3;
}
html[data-theme="dark"] .success-message i {
  color: #cfe3f3;
}
html[data-theme="dark"] .success-message p,
html[data-theme="dark"] .success-message strong {
  color: #cfe3f3;
}
html[data-theme="dark"] .error-message {
  background-color: rgba(206, 75, 83, 0.18);
}
html[data-theme="dark"] .error-message p {
  color: #f19da1;
}
html[data-theme="dark"] .p34-flash.ok,
html[data-theme="dark"] .p34-flash.success {
  background-color: rgba(83, 198, 124, 0.18);
  color: #cfe3f3;
}
html[data-theme="dark"] .p34-flash.err,
html[data-theme="dark"] .p34-flash.error {
  background-color: rgba(206, 75, 83, 0.18);
  color: #f19da1;
}
html[data-theme="dark"] .p34-flash.info {
  background-color: rgba(83, 147, 198, 0.18);
  color: #cfe3f3;
}
html[data-theme="dark"] .success-message {
  background-color: rgba(83, 198, 124, 0.18);
  color: #cfe3f3;
}
html[data-theme="dark"] .success-message i {
  color: #cfe3f3;
}
html[data-theme="dark"] .success-message p,
html[data-theme="dark"] .success-message strong {
  color: #cfe3f3;
}
html[data-theme="dark"] .error-message {
  background-color: rgba(206, 75, 83, 0.18);
}
html[data-theme="dark"] .error-message p {
  color: #f19da1;
}
html[data-theme="dark"] .p34-pill {
  background-color: #112a40;
  color: #f1f5f8;
}
html[data-theme="dark"] .p34-pill[class*="s-pending"],
html[data-theme="dark"] .p34-pill.s-awaiting_eft,
html[data-theme="dark"] .p34-pill.s-payment_pending,
html[data-theme="dark"] .p34-pill.st-suspended {
  background-color: rgba(83, 147, 198, 0.18);
  color: #cfe3f3;
}
html[data-theme="dark"] .p34-pill.s-confirmed,
html[data-theme="dark"] .p34-pill.s-completed,
html[data-theme="dark"] .p34-pill.st-active,
html[data-theme="dark"] .p34-pill.s-approved_awaiting_payment {
  background-color: rgba(83, 198, 124, 0.18);
  color: #cfe3f3;
}
html[data-theme="dark"] .p34-pill.s-declined,
html[data-theme="dark"] .p34-pill.s-rejected,
html[data-theme="dark"] .p34-pill.s-cancelled,
html[data-theme="dark"] .p34-pill.s-expired,
html[data-theme="dark"] .p34-pill.st-inactive {
  background-color: rgba(206, 75, 83, 0.18);
  color: #f19da1;
}
html[data-theme="dark"] .p34-stat.ok {
  border-top-color: #9cc1de;
  border-right-color: #9cc1de;
  border-bottom-color: #9cc1de;
  border-left-color: #9cc1de;
}
html[data-theme="dark"] .p34-proto {
  border-top-color: #9cc1de;
  border-right-color: #9cc1de;
  border-bottom-color: #9cc1de;
  border-left-color: #9cc1de;
  background-color: #112a40;
  color: #cfe3f3;
}
html[data-theme="dark"] .p34-proto.on {
  background-color: rgba(83, 147, 198, 0.18);
}
html[data-theme="dark"] .p34-stat {
  background-color: #16314a;
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .p34-stat > span {
  color: #cfe3f3;
}
html[data-theme="dark"] .p34-stat strong,
html[data-theme="dark"] .p34-stat b {
  color: #cfe3f3;
}
html[data-theme="dark"] table th,
html[data-theme="dark"] table td,
html[data-theme="dark"] .p34-table th,
html[data-theme="dark"] .p34-table td {
  border-top-color: rgba(255, 255, 255, 0.16);
  border-right-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] table thead th,
html[data-theme="dark"] .p34-table th {
  background-color: #16314a;
  color: #cfe3f3;
}
html[data-theme="dark"] .toggle span::after {
  background-color: #16314a;
}
html[data-theme="dark"] .p34-alt {
  border-top-color: #9cc1de;
  border-right-color: #9cc1de;
  border-bottom-color: #9cc1de;
  border-left-color: #9cc1de;
}
html[data-theme="dark"] .p34-mini-grid .day.past {
  color: #cfe3f3;
}
html[data-theme="light"] {
  color-scheme: light;
}
html[data-theme="light"] body nav:not(.nav-links-cluster),
html[data-theme="light"] body header.subpage-nav {
  background: #ffffff;
  border-bottom: 1px solid #dbe3ea;
  box-shadow: 0 2px 6px rgba(13, 31, 45, 0.08);
}
html[data-theme="light"] body header.subpage-nav,
html[data-theme="light"] body .sidebar-drawer,
html[data-theme="light"] body .drawer-footer-auth,
html[data-theme="light"] body .site-footer-poster,
html[data-theme="light"] body .modal-poster-card {
  --text: #1a3a52;
  --text-2: #33485a;
  --text-3: #5b6b78;
  --text-muted: #4a5d6d;
  --surface: #ffffff;
  --surface-alt: #f5f7f9;
  --surface-blue: #eef3f7;
  --bg: #ffffff;
  --page-bg: #ffffff;
  --border: #dbe3ea;
  --border-dim: #e6ecf1;
  --border-subtle: #dbe3ea;
  --accent: #1a3a52;
  --blue-bright: #1a3a52;
}
html[data-theme="light"] body nav a,
html[data-theme="light"] body nav ul li a,
html[data-theme="light"] body nav ul li.p34-extra a,
html[data-theme="light"] body header.subpage-nav .nav-link-item,
html[data-theme="light"] body header.subpage-nav .p34-dd-btn,
html[data-theme="light"] body .sn-dd-btn {
  color: #1a3a52;
}
html[data-theme="light"] body nav a:hover,
html[data-theme="light"] body nav ul li a.active,
html[data-theme="light"] body header.subpage-nav .nav-link-item:hover,
html[data-theme="light"] body header.subpage-nav .nav-link-item.active,
html[data-theme="light"] body .sn-dd-btn:hover,
html[data-theme="light"] body .sn-dd-btn.active {
  color: #d32f2f;
}
html[data-theme="light"] body header.subpage-nav .nav-link-item[style*="accent"] {
  color: #1a3a52;
}
html[data-theme="light"] body nav .nav-buttons .login,
html[data-theme="light"] body header.subpage-nav .nav-user-tag {
  border-color: #1a3a52;
  color: #1a3a52;
  background: transparent;
}
html[data-theme="light"] body nav .nav-buttons .login:hover,
html[data-theme="light"] body header.subpage-nav .nav-user-tag:hover {
  background: rgba(26, 58, 82, 0.08);
  color: #1a3a52;
}
html[data-theme="light"] body nav .nav-buttons .signup {
  color: #ffffff;
}
html[data-theme="light"] body .hamburger span {
  background-color: #1a3a52;
}
html[data-theme="light"] body header.subpage-nav .subpage-mobile-toggle {
  color: #1a3a52;
}
html[data-theme="light"] body .theme-toggle,
html[data-theme="light"] body .p34-bell > button,
html[data-theme="light"] body .mc-navcart {
  border-color: rgba(26, 58, 82, 0.45);
  color: #1a3a52;
  background: transparent;
}
html[data-theme="light"] body .theme-toggle:hover,
html[data-theme="light"] body .p34-bell > button:hover,
html[data-theme="light"] body .mc-navcart:hover {
  background: rgba(26, 58, 82, 0.08);
}
html[data-theme="light"] body .mc-navcart span {
  color: #1a3a52;
}
html[data-theme="light"] body .theme-toggle-float {
  background: #ffffff;
}
html[data-theme="light"] body .sn-dd-menu,
html[data-theme="light"] body .p34-dd-menu {
  background: #ffffff;
  border-color: #dbe3ea;
  box-shadow: 0 8px 20px rgba(13, 31, 45, 0.15);
}
html[data-theme="light"] body .sn-dd-menu a,
html[data-theme="light"] body .p34-dd-menu a {
  color: #1a3a52;
}
html[data-theme="light"] body .sn-dd-menu a:hover,
html[data-theme="light"] body .p34-dd-menu a:hover {
  background: #eef3f7;
  color: #d32f2f;
}
html[data-theme="light"] body .site-banner,
html[data-theme="light"] body .rental-header,
html[data-theme="light"] body .bar-header,
html[data-theme="light"] body .merchandise-header,
html[data-theme="light"] body .page-header {
  background: linear-gradient(135deg, #eef3f7 0%, #dce6ee 100%);
  color: #1a3a52;
  border-bottom: 1px solid #dbe3ea;
}
html[data-theme="light"] body .site-banner h1,
html[data-theme="light"] body .rental-header h1,
html[data-theme="light"] body .bar-header h1,
html[data-theme="light"] body .merchandise-header h1,
html[data-theme="light"] body .page-header h1 {
  color: #1a3a52;
}
html[data-theme="light"] body .site-banner p,
html[data-theme="light"] body .rental-header p,
html[data-theme="light"] body .bar-header p,
html[data-theme="light"] body .merchandise-header p,
html[data-theme="light"] body .page-header p {
  color: #33485a;
  opacity: 1;
}
html[data-theme="light"] body .rental-header a,
html[data-theme="light"] body .bar-header a,
html[data-theme="light"] body .merchandise-header a,
html[data-theme="light"] body .page-header a,
html[data-theme="light"] body .rates-link {
  color: #1a3a52;
}
html[data-theme="light"] body footer {
  background-color: #eef3f7;
  color: #1a3a52;
  border-top: 1px solid #dbe3ea;
}
html[data-theme="light"] body footer h4 {
  color: #1a3a52;
}
html[data-theme="light"] body footer p,
html[data-theme="light"] body footer .footer-bottom {
  color: #33485a;
}
html[data-theme="light"] body footer a {
  color: #1a3a52;
}
html[data-theme="light"] body footer a:hover {
  color: #d32f2f;
}
html[data-theme="light"] body footer .footer-bottom {
  border-top-color: rgba(26, 58, 82, 0.18);
}
html[data-theme="light"] body .site-footer-poster {
  background: #eef3f7;
  border-top: 1px solid #dbe3ea;
}
html[data-theme="light"] body .footer-email-input {
  background: #ffffff;
  color: #1a3a52;
  border-color: #c5d2dc;
}
html[data-theme="light"] body .sidebar {
  background: #ffffff;
  box-shadow: -10px 0 35px rgba(13, 31, 45, 0.18);
}
html[data-theme="light"] body .sidebar-head {
  border-bottom-color: #e6ecf1;
}
html[data-theme="light"] body .sidebar-brand,
html[data-theme="light"] body .sidebar ul li a,
html[data-theme="light"] body .sidebar .sidebar-close {
  color: #1a3a52;
}
html[data-theme="light"] body .sidebar ul li a:hover {
  background-color: #eef3f7;
  color: #d32f2f;
}
html[data-theme="light"] body .sidebar ul li.sidebar-section {
  color: #5b6b78;
}
html[data-theme="light"] body .sidebar ul li.sidebar-divider {
  border-top-color: #e6ecf1;
}
html[data-theme="light"] body .sidebar .sidebar-badge {
  color: #1a3a52;
  border-color: rgba(26, 58, 82, 0.3);
  background: #eef3f7;
}
html[data-theme="light"] body .sidebar-drawer {
  background: #ffffff;
}
html[data-theme="light"] body .drawer-footer-auth {
  background: #f5f7f9;
}
html[data-theme="light"] body .drawer-nav-item a,
html[data-theme="light"] body .drawer-title,
html[data-theme="light"] body .drawer-close-btn,
html[data-theme="light"] body .drawer-user-name {
  color: #1a3a52;
}
html[data-theme="light"] body .drawer-nav-item a:hover {
  background: #eef3f7;
  color: #d32f2f;
}
html[data-theme="light"] body .drawer-section-title {
  color: #5b6b78;
}
html[data-theme="light"] body .drawer-portal-badge {
  color: #1a3a52;
  background: #eef3f7;
  border-color: rgba(26, 58, 82, 0.3);
}
html[data-theme="light"] body .drawer-footer-auth .btn-outline {
  color: #1a3a52;
  border-color: #1a3a52;
}
html[data-theme="light"] body .drawer-footer-auth .btn-outline:hover {
  background: #1a3a52;
  color: #ffffff;
}
html[data-theme="light"],
html[data-theme="light"] body:has(.hero-stage) {
  --bg: #ffffff;
  --page-bg: #ffffff;
  --surface: #f5f7f9;
  --surface-alt: #eef3f7;
  --surface-blue: #eef3f7;
  --surface-hover: #e6ecf1;
  --text: #1a3a52;
  --text-2: #33485a;
  --text-3: #5b6b78;
  --text-muted: #4a5d6d;
  --blue: #1a3a52;
  --blue-bright: #1a3a52;
  --accent: #1a3a52;
  --border: #dbe3ea;
  --border-dim: #e6ecf1;
  --border-subtle: #dbe3ea;
  --border-light: #dbe3ea;
}
html[data-theme="light"] body:has(.hero-stage) {
  background-color: #ffffff;
  color: #33485a;
}
html[data-theme="light"] body .hero-stage {
  --text: #ffffff;
  --text-2: rgba(255, 255, 255, 0.88);
  --text-3: rgba(255, 255, 255, 0.62);
  --text-muted: rgba(255, 255, 255, 0.88);
  --accent: #9cc1de;
  --blue-bright: #9cc1de;
  --border: rgba(255, 255, 255, 0.22);
  --border-dim: rgba(255, 255, 255, 0.14);
  color: #ffffff;
}
html[data-theme="light"] body .section-roster,
html[data-theme="light"] body .section-statement,
html[data-theme="light"] body .section-legacy {
  background-color: #eef3f7;
}
html[data-theme="light"] body .section-spotlight,
html[data-theme="light"] body .section-countdown {
  background-color: #ffffff;
}
html[data-theme="light"] body .btn-outline {
  color: #1a3a52;
  border-color: #1a3a52;
}
html[data-theme="light"] body .btn-outline:hover {
  background: #1a3a52;
  color: #ffffff;
}
html[data-theme="light"] body .hero-stage .btn-outline {
  color: #ffffff;
  border-color: #ffffff;
}
html[data-theme="light"] body .hero-stage .btn-outline:hover {
  background: #ffffff;
  color: #1a3a52;
}
html[data-theme="light"] body .p34-home {
  background: #ffffff;
  color: #1a3a52;
}
html[data-theme="light"] body .p34-banner {
  background: linear-gradient(135deg, #eef3f7 0%, #dce6ee 100%);
  border-top-color: #dbe3ea;
}
html[data-theme="light"] body .p34-slide h2,
html[data-theme="light"] body .p34-featured h2,
html[data-theme="light"] body .p34-rental-info h2 {
  color: #1a3a52;
}
html[data-theme="light"] body .p34-slide p,
html[data-theme="light"] body .p34-rental-info li {
  color: #33485a;
}
html[data-theme="light"] body .p34-dots button {
  border-color: #1a3a52;
}
html[data-theme="light"] body .p34-dots .on {
  background: #1a3a52;
}
html[data-theme="light"] body .p34-fcard {
  background: #f5f7f9;
  border-color: #dbe3ea;
  color: #1a3a52;
}
html[data-theme="light"] body .p34-fcard img,
html[data-theme="light"] body .p34-fcard .ph {
  background: #e6ecf1;
}
html[data-theme="light"] body .p34-fcard span,
html[data-theme="light"] body .p34-rental-info a {
  color: #1a3a52;
}
html[data-theme="light"] body .modal-overlay {
  background: rgba(13, 31, 45, 0.55);
}
html[data-theme="light"] body .modal-poster-card {
  background: #ffffff;
  color: #1a3a52;
}
html[data-theme="light"] body .modal-tab-btn {
  color: #5b6b78;
}
html[data-theme="light"] body .modal-tab-btn.active {
  color: #1a3a52;
}
html[data-theme="light"] body .form-field-label {
  color: #33485a;
}
html[data-theme="light"] body .form-field-input {
  background: #ffffff;
  color: #1a3a52;
  border: 1px solid #c5d2dc;
}
html[data-theme="light"] body .form-field-input::placeholder {
  color: #8796a3;
}
html[data-theme="light"] body .form-field-input:-webkit-autofill,
html[data-theme="light"] body .form-field-input:-webkit-autofill:hover,
html[data-theme="light"] body .form-field-input:-webkit-autofill:focus {
  -webkit-text-fill-color: #1a3a52;
  caret-color: #1a3a52;
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
  box-shadow: 0 0 0 1000px #ffffff inset;
}
html[data-theme="light"] body #p34-reg-consents {
  background: #f5f7f9 !important;
  border: 1px solid #dbe3ea !important;
}
html[data-theme="light"] body #p34-reg-consents > div:first-child,
html[data-theme="light"] body #p34-reg-consents strong,
html[data-theme="light"] body #p34-reg-consents label,
html[data-theme="light"] body #p34-reg-consents span,
html[data-theme="light"] body #p34-reg-consents a {
  color: #1a3a52 !important;
}
html[data-theme="light"] body #p34-reg-consents strong[style*="ff8080"] {
  color: #b71c1c !important;
}
html[data-theme="light"] body .p34-sheets {
  background: #f5f7f9;
  color: #1a3a52;
}
html[data-theme="light"] body .p34-sheets .card {
  background: #ffffff;
  border-color: #dbe3ea;
}
html[data-theme="light"] body .p34-sheets .card.empty .thumb {
  background: #e6ecf1;
  color: #1a3a52;
}
html[data-theme="light"] body .site-nav .theme-toggle,
html[data-theme="light"] body .site-nav .p34-bell > button {
  border-color: rgba(255, 255, 255, 0.55);
  color: #ffffff;
  background: transparent;
}
html[data-theme="light"] body .site-nav .theme-toggle:hover,
html[data-theme="light"] body .site-nav .p34-bell > button:hover {
  background: rgba(255, 255, 255, 0.12);
}
html[data-theme="light"] body nav ul li.sn-dd ul.sn-dd-menu {
  background: #ffffff;
  border-color: #dbe3ea;
  box-shadow: 0 8px 20px rgba(13, 31, 45, 0.15);
}
html[data-theme="light"] body nav ul li.sn-dd ul.sn-dd-menu li a {
  color: #1a3a52;
}
html[data-theme="light"] body nav ul li.sn-dd ul.sn-dd-menu li a:hover,
html[data-theme="light"] body nav ul li.sn-dd ul.sn-dd-menu li a.active {
  background: #eef3f7;
  color: #d32f2f;
}
