/* Driver appearance. Scoped to driver mode; no financial logic. */
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) {
  --driver-edge: clamp(5px, 1.6vw, 10px) !important;
  --driver-gap: clamp(4px, 1.2vw, 6px) !important;
  --gd-ink: #26344a !important;
  --gd-muted: #62738e !important;
  --gd-faint: #7d8aa0 !important;
  --gd-accent: #315efb !important;
  --gd-accent-2: #315efb !important;
  --gd-accent-3: #7393c9 !important;
  --gd-line: #dce4f0 !important;
  --gd-line-strong: #cbd8ed !important;
  --gd-card: #fff !important;
  --gd-card-2: #fff !important;
  --gd-soft: #edf3fc !important;
  --brand: #315efb !important;
  --brand-2: #315efb !important;
  --brand-3: #3e5683 !important;
  --text: #26344a !important;
  --gd-shadow-soft: 0 2px 8px rgba(30,52,87,.045) !important;
  background: #eef3fb !important;
  min-height: 100dvh !important;
  color: #26344a !important;
  padding: calc(var(--driver-header-height, 42px) + var(--driver-edge)) 0 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) * {
  box-sizing: border-box !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: auto !important;
  min-height: 42px !important;
  padding: 2px !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 5px !important;
  background: #fff !important;
  border-bottom: 1px solid #dce4f0 !important;
  box-shadow: 0 2px 8px rgba(30,52,87,.04) !important;
  backdrop-filter: none !important;
  z-index: 100 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .header-left {
  display: flex !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  align-items: flex-start !important;
  gap: clamp(4px, 1.3vw, 8px) !important;
  width: auto !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .header .logo-small {
  width: 37px !important;
  height: 37px !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .brand-block {
  min-width: 0 !important;
  display: block !important;
  flex: 1 1 auto !important;
  container-type: inline-size;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .brand-title {
  color: #26344a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 8.4cqi, 22px) !important;
  letter-spacing: -.035em !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
  margin: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .brand-subtitle,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #adminDriverReturnCard,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #previewProfileNotice {
  display: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .header-right {
  display: flex !important;
  flex: 0 0 auto !important;
  width: auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 4px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .lang-switcher {
  margin: 0 !important;
  flex: 0 0 auto !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .lang-current-btn,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .logout-btn {
  background: #fff !important;
  border: 1px solid #dce4f0 !important;
  box-shadow: none !important;
  color: #26344a !important;
  font-size: clamp(10px, 2.8vw, 13px) !important;
  font-weight: 750 !important;
  padding: 4px clamp(5px, 1.6vw, 10px) !important;
  min-height: 28px !important;
  height: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  border-radius: 9px !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverNameTop:not(.hidden) {
  display: block !important;
  min-width: 0 !important;
  margin: 1px 0 0 !important;
  color: #59616d !important;
  font-size: clamp(11px, 5.7cqi, 12px) !important;
  font-weight: 600 !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/* One existing permission-aware role selector, shown as a compact driver-header icon. */
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #gdoneModeSwitcher:not(.hidden) {
  display: inline-flex !important;
  position: relative !important;
  order: -1 !important;
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #dce4f0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #gdoneModeSwitcher .gdone-mode-switcher-label { display: none !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #gdoneModeSwitcher .gdone-mode-icon {
  display: inline-flex !important;
  pointer-events: none;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #gdoneActiveModeSelect {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  cursor: pointer;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #gdoneModeSwitcher:focus-within { outline: 2px solid #31578d; outline-offset: 2px; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .header:has(#gdoneModeSwitcher:not(.hidden)) .brand-title {
  font-size: clamp(11px, 8.4cqi, 22px) !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .wrap {
  width: 100% !important;
  max-width: 920px !important;
  padding: 0 var(--driver-edge) !important;
  margin: 0 auto !important;
  min-width: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .wrap:has(> #appShell:not(.hidden)) {
  display: flex !important;
  flex-direction: column !important;
  min-height: calc(100dvh - var(--driver-header-height, 42px) - var(--driver-edge)) !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell {
  gap: var(--driver-gap) !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .main-panel:not(.hidden) {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--driver-gap) !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .site-footer-note {
  color: #62738e !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  padding: 7px 0 !important;
  margin: auto 0 0 !important;
  flex: 0 0 auto !important;
  min-height: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #weeksView .section-card,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceCard,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #ryczaltCard,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #rentalCarCard,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitsCard,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #contactCard,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #pushNotificationsCard,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #telegramNotificationsCard,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .useful-links-compact,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .benefit-panel,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #contactPanel,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceHistory {
  background: #fff !important;
  border: 1px solid #dce4f0 !important;
  box-shadow: 0 2px 8px rgba(30,52,87,.045) !important;
  border-radius: 14px !important;
  margin: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  width: 100% !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .section-card-inner,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .benefits-inner {
  padding: clamp(10px, 3vw, 16px) !important;
  min-width: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .section-title,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .rental-car-title,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .ryczalt-card-title,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .push-card-title,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #weeksView .section-title {
  color: #26344a !important;
  font-weight: 800 !important;
  letter-spacing: -.025em !important;
  text-shadow: none !important;
  margin: 0 !important;
  font-size: clamp(16px, 4.5vw, 21px) !important;
  line-height: 1.2 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .section-head-inline {
  margin: 0 !important;
  min-width: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #weeksView .section-card::after,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #weeksView .section-card::before,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceCard .section-title::after,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitsCard .section-title::after {
  display: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .btn-primary,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .contact-send-btn,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceSubmitBtn {
  background: #315efb !important;
  border: 1px solid #315efb !important;
  color: #fff !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .btn {
  font-size: clamp(12px, 3.5vw, 15px) !important;
  border-radius: 10px !important;
  line-height: 1.2 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .input,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .mini-input,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .mini-select,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) select,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) textarea {
  background: #fff !important;
  border-color: #cbd8ed !important;
  color: #26344a !important;
  box-shadow: none !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #weeksView .section-card-inner {
  position: relative !important;
  padding: 8px 12px 10px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #weeksView .driver-week-heading {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 5px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #weeksView .driver-week-identity {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding-left: 40px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #weeksView #driverWeekPeriod {
  margin-top: 2px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #weeksView .section-title {
  display: block !important;
  margin-left: 0 !important;
  min-width: 0 !important;
  font-size: clamp(18px, 4.8vw, 24px) !important;
  line-height: 1.15 !important;
  white-space: normal !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #weeksView .section-title::before {
  content: "" !important;
  position: absolute !important;
  left: 12px !important;
  top: 8px !important;
  width: 36px !important;
  height: 40px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: #edf3ff url("/driver-icons/calendar.svg") center / 36px no-repeat !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #latestWeekBox {
  margin: 2px 0 0 !important;
  padding: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #weeksView .latest-week-card {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #weeksView .week-head {
  margin: 0 0 0 44px !important;
  padding: 0 !important;
  display: block !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #weeksView .driver-period {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 2px 6px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  line-height: 1.25 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #weeksView .driver-period-cash {
  color: #237443 !important;
  font-size: clamp(11.5px, 3.3vw, 16px) !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #weeksView .driver-period-report {
  color: #4c8c65 !important;
  font-size: clamp(11px, 3vw, 14px) !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #weeksView .week-main-value {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  margin: 9px 0 !important;
  gap: 8px !important;
  width: 100% !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #weeksView .week-main-label {
  color: #62738e !important;
  font-size: clamp(15px, 4.4vw, 18px) !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  padding: 0 !important;
  margin: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #weeksView .week-main-label::after {
  content: ":" !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #weeksView .latest-week-value-row {
  display: block !important;
  margin: 0 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: 0 1 auto !important;
  text-align: right !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #weeksView .week-main-number {
  color: #315efb !important;
  font-size: clamp(30px, 8.7vw, 40px) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  margin: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #weeksView .hero-action-row {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  grid-template-rows: auto !important;
  gap: 7px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  height: auto !important;
  width: min(100%, 300px) !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #weeksView .hero-action-row button,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .latest-week-badge {
  background: #edf3ff !important;
  border: 1px solid #cbd8ed !important;
  color: #315efb !important;
  box-shadow: none !important;
  font-weight: 750 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 36px !important;
  height: auto !important;
  border-radius: 10px !important;
  padding: 7px 6px !important;
  font-size: clamp(13px, 3.65vw, 15px) !important;
  margin: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #weeksView .driver-week-heading #showAllWeeksBtn {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  background: #edf3ff !important;
  border: 1px solid #cbd8ed !important;
  color: #315efb !important;
  box-shadow: none !important;
  font-size: clamp(11px, 3vw, 14px) !important;
  font-weight: 750 !important;
  line-height: 1.1 !important;
  min-height: 32px !important;
  height: auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 5px 9px !important;
  border-radius: 8px !important;
  white-space: pre-line !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #weeksView .driver-week-heading #showAllWeeksBtn.hidden {
  display: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #weeksView .hero-office-btn {
  cursor: default !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #showAllWeeksBtn::before {
  display: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .older-weeks-wrap {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #allWeeksView {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 7px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #allWeeksView .driver-all-weeks-head {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #allWeeksView .driver-all-weeks-head .section-title {
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  font-size: clamp(18px, 4.7vw, 22px) !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  text-align: right !important;
  white-space: nowrap !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #allWeeksView #backFromAllWeeksBtn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 34px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 6px 13px !important;
  border: 1px solid #cbd8ed !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #315efb !important;
  font-size: clamp(13px, 3.5vw, 17px) !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #allWeeksView > .section-card,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #allWeeksView > .section-card > .section-card-inner {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #allWeeksView .weeks-note,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #allWeeksView .week-foot,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #allWeeksView .week-card::before,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #allWeeksView .week-card::after {
  display: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #allWeeksView #weeksList {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 7px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #allWeeksView .week-card {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 9px 10px !important;
  background: #fff !important;
  border: 1px solid #dce4f0 !important;
  border-radius: 11px !important;
  box-shadow: none !important;
  overflow: visible !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #allWeeksView .week-card .week-head {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #allWeeksView .week-card .week-date {
  color: #26344a !important;
  font-size: clamp(14px, 3.9vw, 18px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #allWeeksView .week-card .week-pill.is-latest {
  display: inline-flex !important;
  position: static !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-height: 22px !important;
  height: auto !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 3px 7px !important;
  border: 1px solid #b9dfc8 !important;
  border-radius: 7px !important;
  background: #e4f5eb !important;
  color: #237443 !important;
  font-size: clamp(10px, 2.9vw, 12px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #allWeeksView .week-card .week-main-value {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 7px 0 0 !important;
  padding: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #allWeeksView .week-card .week-main-label {
  color: #62738e !important;
  font-size: clamp(13px, 3.7vw, 17px) !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #allWeeksView .week-card .week-main-label::after {
  content: ":" !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #allWeeksView .week-card .week-main-number {
  color: #26344a !important;
  font-size: clamp(20px, 6.6vw, 26px) !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  font-variant-numeric: tabular-nums !important;
  text-align: right !important;
  white-space: nowrap !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceCard .benefits-inner,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #ryczaltCard .section-card-inner,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #rentalCarCard .benefits-inner {
  display: grid !important;
  grid-template-columns: 40px minmax(0,1fr) !important;
  gap: 0 9px !important;
  align-items: center !important;
  padding: 11px 12px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceCard .benefits-inner::before,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #ryczaltCard .section-card-inner::before,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #rentalCarCard .benefits-inner::before {
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  background-size: 36px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceCard .section-head-inline,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #ryczaltCard .section-head-inline,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #rentalCarCard .section-head-inline {
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  display: block !important;
  padding: 7px 0 !important;
  cursor: pointer !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceCard .section-title,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #ryczaltCard .ryczalt-card-title,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #rentalCarCard .rental-car-title {
  font-size: clamp(13px, 3.6vw, 20px) !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  margin: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #openInvoiceViewBtn,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #ryczaltOpenBtn,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceCardNote,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #rentalCarNote,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .driver-ui-rental-original-summary {
  display: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceCard .benefits-inner {
  grid-template-columns: 40px minmax(0,1fr) !important;
  gap: 8px 9px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceCard .driver-ui-history-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: stretch !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 9px 14px !important;
  min-height: 40px !important;
  background: #f2f6fd !important;
  border: 1px solid #cbd8ed !important;
  color: #315efb !important;
  font-size: clamp(14px, 3.8vw, 17px) !important;
  font-weight: 750 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceCard .driver-ui-invoice-card-action {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  width: 100% !important;
  min-height: 46px !important;
  padding: 10px 8px !important;
  background: #315efb !important;
  color: #fff !important;
  border: 1px solid #315efb !important;
  border-radius: 10px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceCard .driver-ui-invoice-card-action .section-title {
  color: #fff !important;
  font-size: clamp(14px, 3.8vw, 18px) !important;
  font-weight: 750 !important;
  text-align: center !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .driver-ui-rental-summary {
  font-size: clamp(11px, 3vw, 14px) !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  color: #62738e !important;
  margin: 4px 0 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .driver-ui-rental-actions {
  grid-column: 1 / -1 !important;
  margin: 8px 0 0 !important;
  gap: 6px !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .driver-ui-rental-actions[hidden] {
  display: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverRentalActions > .btn-row,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverRentalActions > #mileageReportForm,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverRentalActions > #rentalCarInspectionInlineHost,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverRentalActions > #mileageSavedStatus {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #rentalCarReportBtn,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #mileageOpenBtn {
  background: #f2f6fd !important;
  border: 1px solid #cbd8ed !important;
  color: #315efb !important;
  box-shadow: none !important;
  grid-column: auto !important;
  min-width: 0 !important;
  width: 100% !important;
  min-height: 40px !important;
  padding: 8px !important;
  font-size: 12px !important;
  margin: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitsCard .section-head-inline,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #contactCard .section-head-inline {
  margin: 0 0 3px !important;
  min-height: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitsCard .benefits-inner,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #contactCard .benefits-inner {
  padding: 5px 8px 6px !important;
  height: auto !important;
  min-height: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .benefit-chip,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitsCard .benefit-chip,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #contactCard .benefit-chip {
  background: #f8fafd !important;
  border: 1px solid #dce4f0 !important;
  box-shadow: none !important;
  color: #26344a !important;
  font-weight: 750 !important;
  min-width: 0 !important;
  min-height: 74px !important;
  height: auto !important;
  padding: 6px 4px !important;
  font-size: clamp(12px, 3.5vw, 16px) !important;
  line-height: 1.2 !important;
  gap: 4px !important;
  border-radius: 11px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .benefit-chips,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitsCard .benefit-chips,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #contactCard .benefit-chips {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 6px !important;
  margin: 3px 0 0 !important;
  min-height: 0 !important;
  height: auto !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .benefit-chip::after {
  display: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitsCard .benefit-chip.active,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #contactCard .benefit-chip.active {
  background: #e7efff !important;
  color: #2349bd !important;
  border-color: #a8bef1 !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitsCard .section-title,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #contactCard .section-title {
  font-size: clamp(17px, 4.5vw, 21px) !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #contactPanel {
  padding: 9px !important;
  margin: 6px 0 0 !important;
  background: #f8fafd !important;
  border: 1px solid #dce4f0 !important;
  border-radius: 11px !important;
  min-width: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #contactPanel .benefit-title {
  font-size: clamp(15px, 4vw, 18px) !important;
  line-height: 1.2 !important;
  margin: 0 0 8px !important;
  color: #26344a !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #contactPanel .section-label {
  font-size: clamp(12px, 3.4vw, 15px) !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  color: #62738e !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #contactPanel .contact-subject-row {
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 8px !important;
  min-width: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #contactSubject {
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 6px 9px !important;
  font-size: clamp(12px, 3.5vw, 15px) !important;
  line-height: 1.2 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #contactMessage {
  height: 100px !important;
  min-height: 100px !important;
  margin: 4px 0 6px !important;
  padding: 8px 9px !important;
  font-size: clamp(12px, 3.5vw, 15px) !important;
  line-height: 1.3 !important;
  resize: vertical !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #contactPanel .reply-check {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  margin: 2px 0 8px !important;
  font-size: clamp(11px, 3.2vw, 14px) !important;
  line-height: 1.2 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #contactPanel .contact-attachment-row {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 2px 0 4px !important;
  min-width: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #contactPanel .contact-attachment-info {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 1px !important;
  min-width: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #contactAttachmentLabel {
  color: #26344a !important;
  font-weight: 750 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #contactAttachmentOptional {
  display: block !important;
  font-size: clamp(9px, 2.5vw, 11px) !important;
  line-height: 1.15 !important;
  color: #7d8aa0 !important;
  margin: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #contactFileName {
  font-size: clamp(10px, 2.8vw, 12px) !important;
  line-height: 1.2 !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  color: #62738e !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  border: 0 !important;
  background: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #contactFileBtn {
  width: 100% !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 5px 8px !important;
  font-size: clamp(12px, 3.5vw, 15px) !important;
  line-height: 1.2 !important;
  color: #315efb !important;
  background: #fff !important;
  border: 1px solid #cbd8ed !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  margin: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #contactPanel .contact-btn-row {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
  gap: 6px !important;
  margin: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #contactSendBtn,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #contactCloseBtn {
  padding: 8px 6px !important;
  min-height: 38px !important;
  font-size: clamp(11px, 3.1vw, 14px) !important;
  margin: 0 !important;
  width: 100% !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .section-note,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .push-card-note,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #rentalCarBrandModel {
  color: #62738e !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .useful-links-compact-btn {
  background: #fff !important;
  color: #26344a !important;
  box-shadow: none !important;
  border-color: #dce4f0 !important;
  padding: 10px 12px !important;
  min-height: 46px !important;
  gap: 9px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .useful-links-compact-icon {
  background: #edf3ff url("/driver-icons/links.svg") center / 27px no-repeat !important;
  font-size: 0 !important;
  width: 32px !important;
  height: 32px !important;
  color: #315efb !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .useful-links-compact-title {
  color: #26344a !important;
  font-weight: 800 !important;
  font-size: clamp(17px, 4.7vw, 21px) !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .useful-links-compact-arrow {
  display: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceCard .benefits-inner::before {
  content: "" !important;
  background-image: url("/driver-icons/invoice.svg") !important;
  background-color: #edf3ff !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 36px !important;
  filter: none !important;
  opacity: 1 !important;
  border: 0 !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #ryczaltCard .section-card-inner::before {
  content: "" !important;
  background-image: url("/driver-icons/tax.svg") !important;
  background-color: #fff6df !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 36px !important;
  filter: none !important;
  opacity: 1 !important;
  border: 0 !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #rentalCarCard .benefits-inner::before {
  content: "" !important;
  background-image: url("/driver-icons/car.svg") !important;
  background-color: #eaf8f1 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 36px !important;
  filter: none !important;
  opacity: 1 !important;
  border: 0 !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #contactCard .section-title::before {
  content: "" !important;
  background-image: url("/driver-icons/mail.svg") !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  filter: none !important;
  opacity: 1 !important;
  border: 0 !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #chipFuel::before {
  content: "" !important;
  background-image: url("/driver-icons/fuel.svg") !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  filter: none !important;
  opacity: 1 !important;
  border: 0 !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #chipMultisport::before {
  content: "" !important;
  background-image: url("/driver-icons/sport.svg") !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  filter: none !important;
  opacity: 1 !important;
  border: 0 !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #chipPzu::before {
  content: "" !important;
  background-image: url("/driver-icons/health.svg") !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  filter: none !important;
  opacity: 1 !important;
  border: 0 !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #chipOffice::before {
  content: "" !important;
  background-image: url("/driver-icons/office.svg") !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  filter: none !important;
  opacity: 1 !important;
  border: 0 !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #chipAccounting::before {
  content: "" !important;
  background-image: url("/driver-icons/accounting.svg") !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  filter: none !important;
  opacity: 1 !important;
  border: 0 !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #chipSite::before {
  content: "" !important;
  background-image: url("/driver-icons/feedback.svg") !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  filter: none !important;
  opacity: 1 !important;
  border: 0 !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #rentalCarReportBtn::before {
  content: "" !important;
  background-image: url("/driver-icons/camera.svg") !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  filter: none !important;
  opacity: 1 !important;
  border: 0 !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .benefit-chip::before {
  width: 34px !important;
  height: 34px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #contactCard .section-title::before {
  width: 21px !important;
  height: 21px !important;
  margin-right: 7px !important;
  vertical-align: -4px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .driver-notifications-row {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: var(--driver-gap) !important;
  margin: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #pushNotificationsCard .push-card-head,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #pushNotificationsCard .push-card-main,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #pushNotificationsCard .push-card-actions,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #telegramNotificationsCard .push-card-head,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #telegramNotificationsCard .push-card-main,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #telegramNotificationsCard .push-card-actions {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  flex: 0 1 auto !important;
  width: 100% !important;
  height: auto !important;
  gap: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #pushNotificationsCard .section-card-inner,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #telegramNotificationsCard .section-card-inner {
  display: flex !important;
  flex-direction: column !important;
  padding: 7px 8px !important;
  height: 100% !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #pushNotificationsCard .push-card-head,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #telegramNotificationsCard .push-card-head {
  flex: 1 1 auto !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #pushNotificationsCard .push-card-main,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #telegramNotificationsCard .push-card-main {
  flex: 1 1 auto !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #pushNotificationsCard .push-card-title,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #telegramNotificationsCard .push-card-title {
  font-size: clamp(12px, 3.3vw, 16px) !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  overflow-wrap: normal !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .push-card-description {
  display: block !important;
  color: #62738e !important;
  font-size: clamp(9px, 2.5vw, 11px) !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  margin: 3px 0 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #pushNotificationsCard .push-card-note,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #telegramNotificationsCard .push-card-note {
  font-size: clamp(10px, 2.8vw, 12px) !important;
  line-height: 1.15 !important;
  min-height: 0 !important;
  margin: 3px 0 5px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #pushNotificationsCard .push-enable-btn,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #telegramNotificationsCard .push-enable-btn {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 28px !important;
  height: auto !important;
  line-height: 1.1 !important;
  padding: 5px 6px !important;
  font-size: clamp(11px, 3vw, 13px) !important;
  font-weight: 750 !important;
  border-radius: 8px !important;
  margin: 0 !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .push-card[data-driver-ui-enabled="true"] {
  background: #eaf7ef !important;
  border-color: #bbdfc8 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .push-card[data-driver-ui-enabled="false"] {
  background: #fff2f1 !important;
  border-color: #efcdca !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .push-card[data-driver-ui-enabled="true"] .push-enable-btn,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .push-card[data-driver-ui-enabled="true"] #telegramEnableBtn {
  background: #d7efdf !important;
  color: #247443 !important;
  border: 1px solid #a8d4b7 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .push-card[data-driver-ui-enabled="false"] .push-enable-btn,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .push-card[data-driver-ui-enabled="false"] #telegramEnableBtn {
  background: #fde2df !important;
  color: #a13c38 !important;
  border: 1px solid #e8b3af !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .driver-portal-notification-overlay {
  position: relative !important;
  top: auto !important;
  inset: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  z-index: 1 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .driver-portal-notification-card {
  border-radius: 12px !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .driver-portal-notification-toggle {
  min-height: 42px !important;
  padding: 9px 12px !important;
  gap: 8px !important;
  font-size: 12px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #announcementCard {
  margin: 0 !important;
  width: 100% !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-history-open #appShell > :not(#driverInvoiceHistory) { display: none !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-useful-links-open #appShell > :not(#usefulLinksPanel) { display: none !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-benefit-open #appShell > :not(#benefitPanel) { display: none !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #usefulLinksPanel.driver-ui-useful-links-screen {
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  width: 100% !important;
  min-height: calc(100dvh - var(--driver-header-height, 42px) - 12px) !important;
  min-width: 0 !important;
  overflow-anchor: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #usefulLinksPanel.driver-ui-useful-links-screen:not(.hidden):not([hidden]) {
  display: flex !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #usefulLinksPanel .driver-ui-invoice-history-title,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #usefulLinksTitle {
  font-size: clamp(17px, 4.5vw, 21px) !important;
  font-weight: 950 !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  letter-spacing: -.025em !important;
  line-height: 1.2 !important;
  color: #26344a !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #usefulLinksPanel .driver-ui-invoice-history-back {
  flex: 0 0 auto !important;
  width: auto !important;
  min-height: 36px !important;
  padding: 7px 12px !important;
  font-size: clamp(13px, 3.8vw, 17px) !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #usefulLinksPanel .driver-ui-invoice-history-header {
  flex: 0 0 auto !important;
  margin: 0 0 6px !important;
  align-items: center !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #usefulLinksPanel .useful-links-categories {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  margin: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #usefulLinksPanel .useful-links-category {
  margin: 0 !important;
  border: 1px solid #dce4f0 !important;
  border-radius: 12px !important;
  background: #fff !important;
  overflow: hidden !important;
  box-shadow: none !important;
  min-width: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #usefulLinksPanel .useful-links-category-toggle {
  padding: 11px 12px !important;
  min-height: 50px !important;
  height: auto !important;
  background: #fff !important;
  border: 0 !important;
  color: #26344a !important;
  font-size: clamp(15px, 4vw, 19px) !important;
  line-height: 1.25 !important;
  gap: 10px !important;
  width: 100% !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #usefulLinksPanel .useful-links-category-toggle > span:last-child {
  color: #315efb !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #usefulLinksPanel .useful-links-category-body {
  padding: 0 10px 10px !important;
  margin: 0 !important;
  min-width: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #usefulLinksPanel .useful-links-item {
  padding: 10px !important;
  margin: 6px 0 0 !important;
  background: #f2f6fd !important;
  border: 1px solid #dce4f0 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  min-width: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #usefulLinksPanel .useful-links-item-title {
  font-size: clamp(14px, 3.8vw, 17px) !important;
  font-weight: 800 !important;
  color: #26344a !important;
  line-height: 1.25 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #usefulLinksPanel .useful-links-item-desc {
  font-size: clamp(12px, 3.4vw, 15px) !important;
  line-height: 1.35 !important;
  color: #62738e !important;
  overflow-wrap: anywhere !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceHistory {
  padding: 10px !important;
  background: #eef3fb !important;
  border: 0 !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .driver-ui-invoice-history-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  flex-wrap: nowrap !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .driver-ui-invoice-history-title {
  margin: 0 !important;
  padding: 0 !important;
  font-size: clamp(17px, 4.5vw, 22px) !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  text-align: right !important;
  white-space: nowrap !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .driver-ui-invoice-history-back {
  margin: 0 !important;
  min-height: 44px !important;
  padding: 10px 18px !important;
  font-size: clamp(15px, 4vw, 18px) !important;
  color: #315efb !important;
  background: #fff !important;
  border: 1px solid #cbd8ed !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .driver-ui-invoice-group {
  margin: 0 0 10px !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .driver-ui-invoice-group-title {
  margin: 0 !important;
  padding: 7px 10px !important;
  font-size: clamp(11px, 3.1vw, 14px) !important;
  line-height: 1.3 !important;
  font-weight: 750 !important;
  color: #62738e !important;
  background: #e4eaf4 !important;
  border-radius: 9px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .driver-ui-invoice-group--current .driver-ui-invoice-group-title {
  background: #e0f2e6 !important;
  color: #237443 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .driver-ui-invoice-archive-title {
  margin: 14px 0 8px !important;
  padding: 9px 0 0 !important;
  border-top: 1px solid #cbd8ed !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .driver-ui-invoice-entry {
  display: block !important;
  background: #fff !important;
  border: 1px solid #dce4f0 !important;
  border-radius: 10px !important;
  padding: 12px !important;
  margin: 0 !important;
  min-width: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .driver-ui-invoice-number {
  display: block !important;
  font-size: clamp(13px, 3.7vw, 16px) !important;
  line-height: 1.25 !important;
  color: #26344a !important;
  overflow-wrap: anywhere !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .driver-ui-invoice-meta {
  display: block !important;
  font-size: clamp(11px, 3vw, 13px) !important;
  line-height: 1.4 !important;
  color: #62738e !important;
  margin: 4px 0 6px !important;
  overflow-wrap: anywhere !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .driver-ui-invoice-vat {
  display: block !important;
  text-align: left !important;
  color: #237443 !important;
  font-size: clamp(14px, 4vw, 17px) !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) .driver-ui-invoice-empty {
  margin: 0 !important;
  padding: 12px !important;
  font-size: 12px !important;
  color: #62738e !important;
  background: #fff !important;
  border: 1px solid #dce4f0 !important;
  border-radius: 10px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #detailView .hero-card {
  display: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #detailView .hero-card::before,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #detailView .hero-card::after,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #detailView .detail-week-sub,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #detailView .big-box,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appsBlock,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #taximeterBlock,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #taxesBlock,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #incomeSummaryBlock,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #settlementBlock,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #finalBlock,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #payoutActionSubtitle,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #payoutActionSummary:empty {
  display: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #detailWeekDate {
  margin: 0 !important;
  padding: 0 !important;
  font-size: clamp(13px, 3.8vw, 20px) !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  color: #26344a !important;
  letter-spacing: -.025em !important;
  text-align: right !important;
  white-space: nowrap !important;
  min-width: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #detailView .detail-top {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  min-width: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #backBtn {
  background: #fff !important;
  color: #315efb !important;
  border: 1px solid #cbd8ed !important;
  border-radius: 9px !important;
  padding: 6px 10px !important;
  min-height: 34px !important;
  font-size: clamp(12px, 3.5vw, 17px) !important;
  font-weight: 750 !important;
  box-shadow: none !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverCalculationSheet {
  display: block !important;
  background: #fff !important;
  border: 1px solid #cbd8ed !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverCalculationSheet .gdone-cashier-driver-calculation-section {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  width: 100% !important;
  min-width: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverCalculationSheet .gdone-cashier-driver-calculation-section-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px 9px !important;
  margin: 0 !important;
  border-bottom: 1px solid #cbd5e1 !important;
  font-size: clamp(13px, 3.7vw, 19px) !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
  color: #342e62 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverCalculationSheet [data-sheet-section="0"] .gdone-cashier-driver-calculation-section-head {
  background: #e6edf4 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverCalculationSheet [data-sheet-section="1"] .gdone-cashier-driver-calculation-section-head {
  background: #dbf1df !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverCalculationSheet [data-sheet-section="2"] .gdone-cashier-driver-calculation-section-head {
  background: #fff0c9 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverCalculationSheet [data-sheet-section="3"] .gdone-cashier-driver-calculation-section-head {
  background: #e8eff9 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverCalculationSheet [data-sheet-section="4"] .gdone-cashier-driver-calculation-section-head {
  background: #fde8e3 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverCalculationSheet [data-sheet-section="5"] .gdone-cashier-driver-calculation-section-head {
  background: #e8eff9 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverCalculationSheet [data-sheet-section="6"] .gdone-cashier-driver-calculation-section-head {
  background: #eee6fa !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverCalculationSheet [data-sheet-section="7"] .gdone-cashier-driver-calculation-section-head {
  background: #dbece7 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverCalculationSheet .gdone-cashier-driver-calculation-lines {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverCalculationSheet .line {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 7px 9px !important;
  margin: 0 !important;
  min-width: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #e5e9ef !important;
  border-radius: 0 !important;
  background: #fff !important;
  font-size: clamp(12px, 3.35vw, 18px) !important;
  line-height: 1.25 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverCalculationSheet .line .line-name {
  min-width: 0 !important;
  color: #303744 !important;
  font-weight: 600 !important;
  overflow-wrap: normal !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverCalculationSheet .line .line-value,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverCalculationSheet .gdone-cashier-driver-calculation-section-head strong {
  font-weight: 850 !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums !important;
  text-align: right !important;
  color: #303744 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverCalculationSheet .line-final-big {
  padding: 10px 9px !important;
  min-height: 44px !important;
  border-bottom: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverCalculationSheet .line-final-big .line-name {
  font-size: clamp(17px, 4.7vw, 24px) !important;
  font-weight: 900 !important;
  color: #26344a !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverCalculationSheet .line-final-big .line-value {
  font-size: clamp(20px, 5.6vw, 28px) !important;
  font-weight: 900 !important;
  color: #202a41 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #payoutActionBlock,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #settlementIssueBlock,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #pdfBlock,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #detailNavBlock {
  background: #fff !important;
  border: 1px solid #dce4f0 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  margin: 0 !important;
  min-width: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #detailView .block-head {
  padding: 10px 12px !important;
  border-bottom: 1px solid #dce4f0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #detailView .block-title {
  font-size: clamp(16px, 4.4vw, 21px) !important;
  font-weight: 800 !important;
  color: #26344a !important;
  margin: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #detailView .block-body {
  padding: 10px 12px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #detailView .btn-row {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  margin: 0 !important;
  width: 100% !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #detailView .btn-row .btn,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #detailAllWeeksBtn,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #toggleSettlementIssueBtn {
  width: 100% !important;
  margin: 0 !important;
  min-height: 42px !important;
  padding: 10px 9px !important;
  font-size: clamp(12px, 3.4vw, 16px) !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverPostponeBtn {
  background: #fff1ef !important;
  color: #b63e3b !important;
  border: 1px solid #edc4c0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverPickupLaterToggleBtn,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #detailAllWeeksBtn {
  background: #edf3ff !important;
  color: #315efb !important;
  border: 1px solid #cbd8ed !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #settlementIssueBlock #toggleSettlementIssueBtn {
  background: #e6f1ff !important;
  color: #285bb3 !important;
  border: 1px solid #aecbf0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #payoutActionBlock > .block-body {
  padding: 6px clamp(7px, 2vw, 12px) !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #payoutActionBlock :is(#driverPostponeBtn, #driverPickupLaterToggleBtn) {
  font-size: clamp(14px, 3.8vw, 18px) !important;
  line-height: 1.2 !important;
  padding: 7px 7px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #detailView .driver-payout-main-actions,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #detailView .driver-payout-secondary-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 7px !important;
  margin: 0 !important;
  width: 100% !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #payoutActionBlock .driver-payout-main-actions .btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  aspect-ratio: auto !important;
  min-height: 76px !important;
  max-height: none !important;
  height: auto !important;
  padding: 7px 8px !important;
  border-radius: 12px !important;
  font-size: clamp(14px, 3.7vw, 18px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  text-wrap: balance !important;
  overflow-wrap: normal !important;
  text-align: center !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #payoutActionBlock .driver-payout-main-actions #driverPickupLaterToggleBtn {
  background: #fff3c8 !important;
  color: #86600b !important;
  border: 1px solid #e6c873 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #payoutActionBlock .driver-payout-main-actions #driverPostponeBtn {
  background: #fff0ef !important;
  color: #b63e3b !important;
  border: 1px solid #edc4c0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #settlementIssueBlock .driver-payout-secondary-actions .btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 52px !important;
  height: auto !important;
  padding: 8px 6px !important;
  border-radius: 11px !important;
  font-size: clamp(13px, 3.4vw, 17px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  text-wrap: balance !important;
  overflow-wrap: normal !important;
  text-align: center !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverPickupLaterBox {
  margin-top: 9px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverPickupLaterBox .section-label {
  display: block !important;
  margin: 7px 0 5px !important;
  font-size: clamp(13px, 3.65vw, 17px) !important;
  line-height: 1.25 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverPickupLaterBox > .section-label:first-child {
  margin-top: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverPickupDateChoices .gdone-pickup-date-days {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin: 6px 0 8px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverPickupDateChoices .gdone-pickup-date-days button {
  min-height: 38px !important;
  padding: 8px 4px !important;
  font-size: clamp(13px, 3.55vw, 17px) !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverPickupDateChoices .gdone-pickup-date-empty {
  font-size: clamp(12px, 3.2vw, 15px) !important;
  line-height: 1.3 !important;
  color: #62738e !important;
  margin: 4px 0 8px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverPickupMessage {
  height: 60px !important;
  min-height: 60px !important;
  padding: 8px 9px !important;
  font-size: clamp(13px, 3.55vw, 17px) !important;
  line-height: 1.3 !important;
  margin: 0 0 7px !important;
  resize: vertical !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverPickupLaterBox .driver-pickup-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverPickupLaterBox .driver-pickup-actions .btn {
  min-height: 40px !important;
  height: auto !important;
  padding: 8px 5px !important;
  font-size: clamp(12px, 3.35vw, 16px) !important;
  line-height: 1.2 !important;
  white-space: normal !important;
}

body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-detail {
  display:flex !important; flex-direction:column !important;
  height:100dvh !important; min-height:0 !important; max-height:100dvh !important;
  padding-bottom:max(var(--driver-edge), env(safe-area-inset-bottom, 0px)) !important;
  overflow:hidden !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-detail .wrap,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-detail #appShell:not(.hidden),
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-detail #detailView:not(.hidden) {
  display:flex !important; flex-direction:column !important;
  flex:1 1 0 !important; min-height:0 !important; max-height:100% !important;
  overflow:hidden !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-detail .site-footer-note { display:none !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-detail #detailView > .detail-top,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-detail #settlementIssueBlock { flex:0 0 auto !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-detail #driverDetailContent {
  display:flex !important; flex-direction:column !important;
  flex:1 1 0 !important; min-height:0 !important; min-width:0 !important;
  overflow-y:auto !important; overflow-x:hidden !important;
  gap:var(--driver-gap) !important; overscroll-behavior-y:contain !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-detail #driverDetailContent > :not(.hidden) { flex:0 0 auto !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-detail #pdfBlock { background:transparent !important; border:0 !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-detail #pdfBlock > .block-body { padding:0 !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-detail #pdfBtn { min-height:34px !important; padding:6px 9px !important; font-size:clamp(12px, 3.4vw, 16px) !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-detail #pdfBtn:disabled { background:#e7edf6 !important; color:#75849a !important; border-color:#cbd8ed !important; opacity:1 !important; cursor:default !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-detail .driver-pdf-availability { font-size:clamp(10px, 2.8vw, 13px) !important; color:#62738e !important; margin:4px 2px 0 !important; line-height:1.25 !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-detail #settlementIssuePanel { background:#fff !important; border:1px solid #dce4f0 !important; border-radius:12px !important; margin:0 !important; padding:10px !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-detail #settlementIssueBlock > .block-body { padding:7px !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel.driver-ui-benefit-screen {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 9px !important;
  background: #fff !important;
  border: 1px solid #dce4f0 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel .benefit-panel-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 7px !important;
  padding: 0 !important;
  margin: 0 0 8px !important;
  flex-wrap: nowrap !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel .benefit-title {
  margin: 0 !important;
  font-size: clamp(18px, 4.7vw, 22px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: right !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel #benefitBackBtn {
  width: auto !important;
  min-height: 34px !important;
  padding: 6px 13px !important;
  margin: 0 !important;
  border: 1px solid #cbd8ed !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #315efb !important;
  font-size: clamp(13px, 3.5vw, 17px) !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel .benefit-text {
  font-size: clamp(13px, 3.5vw, 16px) !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-wrap: anywhere !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel .benefit-request-box {
  margin: 10px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  width: 100% !important;
  min-width: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel .req-title {
  margin: 0 0 7px !important;
  font-size: clamp(17px, 4.3vw, 21px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel .multisport-summary {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin: 0 0 6px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel .multisport-summary .req-total {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 8px !important;
  background: #f2f6fd !important;
  border: 1px solid #dce4f0 !important;
  border-radius: 9px !important;
  font-size: clamp(12px, 3.3vw, 15px) !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel .benefit-edit-row-card {
  position: relative !important;
  margin: 8px 0 0 !important;
  padding: 9px 0 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid #dce4f0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel .multisport-fields {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
  width: 100% !important;
  min-width: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel .multisport-fields > div {
  min-width: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel .multisport-fields > .full {
  grid-column: 1 / -1 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel .mini-label {
  font-size: clamp(12px, 3.3vw, 15px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  margin: 0 0 4px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel .multisport-card-type .mini-label {
  padding-right: 36px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel .mini-input,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel .mini-select {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 38px !important;
  padding: 8px 7px !important;
  font-size: clamp(13px, 3.5vw, 16px) !important;
  line-height: 1.2 !important;
  border: 1px solid #cbd8ed !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #26344a !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel .ms-remove-row-btn {
  position: absolute !important;
  top: 7px !important;
  right: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid #edb4b4 !important;
  border-radius: 5px !important;
  background: #fff0ef !important;
  color: #b63e3b !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  z-index: 1 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel .req-note,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel .req-price {
  margin: 2px 0 0 !important;
  font-size: clamp(12px, 3.2vw, 15px) !important;
  line-height: 1.3 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel .req-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin: 9px 0 0 !important;
  padding: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel .req-actions .btn {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  height: auto !important;
  padding: 8px 6px !important;
  font-size: clamp(13px, 3.4vw, 16px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel .pzu-request-title {
  margin: 0 0 7px !important;
  padding: 0 !important;
  font-size: clamp(17px, 4.3vw, 21px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  color: #26344a !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel .pzu-employee-card {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel .pzu-fields {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
  width: 100% !important;
  min-width: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel .pzu-fields > div {
  min-width: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel .pzu-fields > .full {
  grid-column: 1 / -1 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel .pzu-employee-note {
  margin: 6px 0 0 !important;
  padding: 0 !important;
  font-size: clamp(12px, 3.2vw, 15px) !important;
  line-height: 1.3 !important;
  color: #62738e !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel #pzuFamilyRows {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel .pzu-family-row {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 8px 0 0 !important;
  padding: 9px 0 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid #dce4f0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel .pzu-relation-field > .mini-label {
  padding-right: 28px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel .pzu-family-row > .benefit-remove-row-btn {
  position: absolute !important;
  top: 6px !important;
  right: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 23px !important;
  min-width: 23px !important;
  max-width: 23px !important;
  height: 23px !important;
  min-height: 23px !important;
  max-height: 23px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid #edb4b4 !important;
  border-radius: 50% !important;
  background: #fff0ef !important;
  color: #b63e3b !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  z-index: 1 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel .pzu-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  width: 100% !important;
  margin: 9px 0 0 !important;
  padding: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel .pzu-actions .btn {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  height: auto !important;
  padding: 8px 6px !important;
  font-size: clamp(13px, 3.4vw, 16px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel #pzuTotal {
  width: 100% !important;
  min-width: 0 !important;
  margin: 8px 0 0 !important;
  padding: 8px !important;
  background: #f2f6fd !important;
  border: 1px solid #dce4f0 !important;
  border-radius: 9px !important;
  font-size: clamp(13px, 3.4vw, 16px) !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #benefitPanel .pzu-pricing-note {
  margin: 5px 0 0 !important;
  padding: 0 !important;
  font-size: clamp(12px, 3.2vw, 15px) !important;
  line-height: 1.3 !important;
  color: #62738e !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView > .section-card {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  border: 1px solid #dce4f0 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView > .section-card > .section-card-inner {
  padding: 9px !important;
  margin: 0 !important;
  min-width: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView .driver-invoice-menu-head,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceInputHead {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 0 !important;
  margin: 0 0 8px !important;
  flex-wrap: nowrap !important;
  min-width: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceViewTitle,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceInputTitle {
  margin: 0 !important;
  padding: 0 !important;
  font-size: clamp(16px, 4.3vw, 21px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: right !important;
  min-width: 0 !important;
  overflow-wrap: normal !important;
  grid-column: auto !important;
  grid-row: auto !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #backFromInvoiceBtn,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceInputBackBtn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 34px !important;
  height: auto !important;
  padding: 6px 13px !important;
  margin: 0 !important;
  border: 1px solid #cbd8ed !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #315efb !important;
  font-size: clamp(13px, 3.5vw, 17px) !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  flex: 0 0 auto !important;
  grid-column: auto !important;
  grid-row: auto !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView #pendingKsefSummary,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView #invoiceViewNote:empty,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceInputHead.hidden,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceFilePanel.hidden {
  display: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceIntro,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView .invoice-final-actions,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceCloseBtn,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView > .section-card > .section-card-inner > .contact-btn-row {
  display: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView .invoice-primary-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView .invoice-primary-actions > button:not(.hidden) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 50px !important;
  height: auto !important;
  padding: 11px 9px !important;
  border: 1px solid #cbd8ed !important;
  border-radius: 11px !important;
  background: #edf3ff !important;
  color: #315efb !important;
  font-size: clamp(15px, 4vw, 18px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  text-align: center !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView #invoiceManualToggleBtn {
  order: 2 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView #invoiceScanQrBtn {
  order: 1 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView #invoicePhotoQrBtn {
  order: 3 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView #invoiceManualToggleBtn {
  justify-content: flex-start !important;
  gap: 9px !important;
  text-align: left !important;
  padding: 5px 10px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView #invoiceManualToggleBtn::before {
  content: "" !important;
  display: block !important;
  flex: 0 0 clamp(34px, 10vw, 42px) !important;
  width: clamp(34px, 10vw, 42px) !important;
  height: clamp(34px, 10vw, 42px) !important;
  background: url("/driver-icons/acquisition-ksef.svg") center / contain no-repeat !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView #invoiceScanQrBtn {
  justify-content: flex-start !important;
  gap: 9px !important;
  text-align: left !important;
  padding: 5px 10px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView #invoiceScanQrBtn::before {
  content: "" !important;
  display: block !important;
  flex: 0 0 clamp(34px, 10vw, 42px) !important;
  width: clamp(34px, 10vw, 42px) !important;
  height: clamp(34px, 10vw, 42px) !important;
  background: url("/driver-icons/acquisition-camera.svg") center / contain no-repeat !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView #invoicePhotoQrBtn {
  justify-content: flex-start !important;
  gap: 9px !important;
  text-align: left !important;
  padding: 5px 10px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView #invoicePhotoQrBtn::before {
  content: "" !important;
  display: block !important;
  flex: 0 0 clamp(34px, 10vw, 42px) !important;
  width: clamp(34px, 10vw, 42px) !important;
  height: clamp(34px, 10vw, 42px) !important;
  background: url("/driver-icons/acquisition-file.svg") center / contain no-repeat !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView .invoice-entry-tools {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView .invoice-manual-panel,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView .invoice-scanner,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceFilePanel {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView .section-label {
  display: block !important;
  margin: 0 0 5px !important;
  font-size: clamp(13px, 3.5vw, 16px) !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView .invoice-small-note,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceFileHint {
  font-size: clamp(12px, 3.3vw, 15px) !important;
  line-height: 1.35 !important;
  color: #62738e !important;
  margin: 7px 0 !important;
  padding: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceKsefNumber {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 42px !important;
  padding: 9px 8px !important;
  font-size: clamp(13px, 3.5vw, 17px) !important;
  border-radius: 9px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceManualPanel > label[for="invoiceKsefNumber"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceKsefHelp {
  display: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView .invoice-lookup-actions,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView .invoice-camera-controls {
  display: flex !important;
  align-items: stretch !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView .invoice-lookup-actions button,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceStopQrBtn,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #gdoneQrSwitchCameraBtn,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceChooseFilesBtn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 42px !important;
  height: auto !important;
  padding: 9px 8px !important;
  margin: 0 !important;
  border: 1px solid #cbd8ed !important;
  border-radius: 10px !important;
  background: #edf3ff !important;
  color: #315efb !important;
  font-size: clamp(14px, 3.7vw, 17px) !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView .invoice-lookup-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView .invoice-lookup-actions button {
  font-size: clamp(12px, 3.3vw, 16px) !important;
  padding: 8px 5px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView #invoiceClearLookupBtn {
  order: 1 !important;
  background: #fff0ef !important;
  border-color: #edb4b4 !important;
  color: #b63e3b !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceLookupBtn {
  order: 2 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView .invoice-camera-controls > #invoiceStopQrBtn,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView .invoice-camera-controls > #gdoneQrSwitchCameraRow {
  flex: 1 1 130px !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #gdoneQrSwitchCameraRow {
  display: flex !important;
  align-items: stretch !important;
  min-width: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceQrVideo:not(.hidden) {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: min(58dvh, 520px) !important;
  object-fit: contain !important;
  margin: 8px 0 0 !important;
  border: 1px solid #dce4f0 !important;
  border-radius: 10px !important;
  background: #142034 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceQueueList {
  display: grid !important;
  gap: 7px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 9px 0 0 !important;
  padding: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceQueueList:empty {
  display: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceQueueList > * {
  min-width: 0 !important;
  margin: 0 !important;
  border: 1px solid #dce4f0 !important;
  border-radius: 10px !important;
  background: #f8fafd !important;
  padding: 9px !important;
  overflow-wrap: anywhere !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceQueueList .driver-queue-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 6px !important;
  margin: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceQueueList .driver-queue-head-actions {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-width: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceQueueList .driver-queue-remove {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 25px !important;
  width: 25px !important;
  min-width: 25px !important;
  height: 25px !important;
  min-height: 25px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #e5abab !important;
  border-radius: 50% !important;
  background: #fff0ef !important;
  color: #bb3e3b !important;
  font-size: 20px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceQueueList .driver-queue-identifier {
  min-width: 0 !important;
  font-size: clamp(11px, 2.8vw, 14px) !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
  color: #62738e !important;
  overflow-wrap: anywhere !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceQueueList .driver-queue-status {
  display: block !important;
  max-width: 100px !important;
  padding: 4px 6px !important;
  border: 1px solid #cdd9e9 !important;
  border-radius: 6px !important;
  background: #edf3ff !important;
  color: #3e5683 !important;
  font-size: clamp(10px, 2.6vw, 13px) !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceQueueList .driver-queue-status[data-tone="success"] {
  background: #e3f4ea !important;
  border-color: #b8dcc6 !important;
  color: #247347 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceQueueList .driver-queue-status[data-tone="error"] {
  background: #ffeded !important;
  border-color: #efc1c1 !important;
  color: #ae3434 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceQueueList .driver-queue-status[data-tone="review"] {
  background: #fff4cd !important;
  border-color: #e7cf83 !important;
  color: #86621d !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceQueueList .driver-queue-status[data-tone="neutral"] {
  background: #f0f2f6 !important;
  border-color: #d7dce5 !important;
  color: #606c81 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceQueueList .driver-queue-number {
  display: block !important;
  margin: 5px 0 2px !important;
  font-size: clamp(14px, 3.6vw, 18px) !important;
  line-height: 1.25 !important;
  color: #24334c !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceQueueList .driver-queue-tags {
  display: flex !important;
  gap: 5px !important;
  flex-wrap: wrap !important;
  margin: 4px 0 5px !important;
  font-size: clamp(10px, 2.7vw, 13px) !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  color: #247347 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceQueueList .driver-queue-tags > span {
  padding: 3px 5px !important;
  border-radius: 5px !important;
  background: #e3f4ea !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceQueueList .driver-queue-tags > .driver-queue-corrected {
  background: #fff4cd !important;
  color: #86621d !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceQueueList .driver-queue-details {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 8px !important;
  font-size: clamp(12px, 3.1vw, 16px) !important;
  line-height: 1.3 !important;
  color: #62738e !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceQueueList .driver-queue-details > span {
  min-width: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceQueueList .driver-queue-amounts {
  display: grid !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  text-align: right !important;
  white-space: nowrap !important;
  color: #24334c !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceQueueList .driver-queue-amount {
  font-weight: 800 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceQueueList .driver-queue-vat {
  font-size: clamp(11px, 2.9vw, 14px) !important;
  font-weight: 750 !important;
  color: #315272 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceQueueList .driver-queue-reason {
  margin: 5px 0 0 !important;
  font-size: clamp(12px, 3.1vw, 15px) !important;
  line-height: 1.3 !important;
  color: #a33e36 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceQueueList .driver-queue-stage {
  margin: 5px 0 0 !important;
  font-size: clamp(11px, 2.9vw, 14px) !important;
  line-height: 1.3 !important;
  color: #62738e !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceQueueList .driver-queue-corrections {
  display: grid !important;
  gap: 5px !important;
  margin: 7px 0 0 !important;
  padding: 7px 0 0 !important;
  border-top: 1px solid #e7cf83 !important;
  font-size: clamp(11px, 2.9vw, 14px) !important;
  line-height: 1.3 !important;
  color: #86621d !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceQueueList .driver-queue-corrections > div {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 8px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceQueueList .driver-queue-corrections strong {
  flex: 0 0 auto !important;
  text-align: right !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceQueueList .driver-queue-corrections > .driver-queue-remaining {
  border-top: 1px solid #dce4f0 !important;
  padding-top: 5px !important;
  color: #315272 !important;
  font-weight: 750 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceQueueActions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 7px !important;
  width: 100% !important;
  margin: 9px 0 0 !important;
  padding: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceQueueActions > button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 42px !important;
  height: auto !important;
  padding: 8px 6px !important;
  margin: 0 !important;
  border: 1px solid #cbd8ed !important;
  border-radius: 9px !important;
  font-size: clamp(12px, 3.3vw, 16px) !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceQueueClearBtn {
  background: #fff0ef !important;
  border-color: #edb4b4 !important;
  color: #b63e3b !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverInvoiceQueueActions #invoiceSendBtn {
  background: #315efb !important;
  border-color: #315efb !important;
  color: #fff !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceBatchBox {
  margin: 9px 0 0 !important;
  padding: 9px !important;
  background: #f8fafd !important;
  border: 1px solid #dce4f0 !important;
  border-radius: 11px !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceView .invoice-batch-title {
  margin: 0 0 7px !important;
  font-size: clamp(14px, 3.8vw, 18px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-camera #invoiceView { min-height:0 !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-camera #invoiceView .driver-invoice-menu-head, body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-camera #invoiceViewNote, body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-camera #invoiceIntro, body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-camera #invoiceView .invoice-primary-actions, body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-camera #invoiceView .invoice-final-actions, body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-camera #invoiceBatchBox, body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-camera #invoiceView .contact-btn-row, body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-camera #invoiceExtraDetails, body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-camera #invoiceRawQrWrap, body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-camera #adminHardwareScannerBox, body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-camera #adminManualNoKsefPanel { display:none !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-camera #driverInvoiceInputHead { display:flex !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-camera #invoiceQrScanner { display:block !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-camera #invoiceManualPanel { display:none !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-camera #driverInvoiceFilePanel { display:none !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-camera #driverInvoiceQueueList { margin-top:9px !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-manual_ksef #invoiceView { min-height:0 !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-manual_ksef #invoiceView .driver-invoice-menu-head, body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-manual_ksef #invoiceViewNote, body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-manual_ksef #invoiceIntro, body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-manual_ksef #invoiceView .invoice-primary-actions, body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-manual_ksef #invoiceView .invoice-final-actions, body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-manual_ksef #invoiceBatchBox, body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-manual_ksef #invoiceView .contact-btn-row, body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-manual_ksef #invoiceExtraDetails, body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-manual_ksef #invoiceRawQrWrap, body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-manual_ksef #adminHardwareScannerBox, body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-manual_ksef #adminManualNoKsefPanel { display:none !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-manual_ksef #driverInvoiceInputHead { display:flex !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-manual_ksef #invoiceQrScanner { display:none !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-manual_ksef #invoiceManualPanel { display:block !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-manual_ksef #driverInvoiceFilePanel { display:none !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-manual_ksef #driverInvoiceQueueList { margin-top:9px !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-photo_qr #invoiceView { min-height:0 !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-photo_qr #invoiceView .driver-invoice-menu-head, body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-photo_qr #invoiceViewNote, body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-photo_qr #invoiceIntro, body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-photo_qr #invoiceView .invoice-primary-actions, body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-photo_qr #invoiceView .invoice-final-actions, body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-photo_qr #invoiceBatchBox, body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-photo_qr #invoiceView .contact-btn-row, body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-photo_qr #invoiceExtraDetails, body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-photo_qr #invoiceRawQrWrap, body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-photo_qr #adminHardwareScannerBox, body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-photo_qr #adminManualNoKsefPanel { display:none !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-photo_qr #driverInvoiceInputHead { display:flex !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-photo_qr #invoiceQrScanner { display:none !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-photo_qr #invoiceManualPanel { display:none !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-photo_qr #driverInvoiceFilePanel { display:block !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).driver-ui-invoice-input-photo_qr #driverInvoiceQueueList { margin-top:9px !important; }

body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-invoice {
  display:flex !important; flex-direction:column !important;
  height:100dvh !important; min-height:0 !important; max-height:100dvh !important;
  padding-bottom:max(var(--driver-edge), env(safe-area-inset-bottom, 0px)) !important;
  overflow:hidden !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-invoice .wrap,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-invoice #appShell:not(.hidden),
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-invoice #invoiceView,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-invoice #invoiceView > .section-card,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-invoice #invoiceView > .section-card > .section-card-inner {
  display:flex !important; flex-direction:column !important;
  flex:1 1 0 !important; min-height:0 !important; max-height:100% !important;
  overflow:hidden !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-invoice #invoiceView { gap:0 !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-invoice #invoiceView > .section-card > .section-card-inner > :not(#driverInvoiceQueueList) {
  flex-shrink:0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-invoice .site-footer-note { display:none !important; }
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-invoice #driverInvoiceQueueList,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-invoice #driverInvoiceQueueList:empty {
  display:grid !important; flex:1 1 0 !important; min-height:0 !important;
  align-content:start !important; grid-auto-rows:max-content !important;
  overflow-y:auto !important; overflow-x:hidden !important;
  overscroll-behavior-y:contain !important; -webkit-overflow-scrolling:touch;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-invoice #driverInvoiceQueueActions {
  order:2 !important; flex:0 0 auto !important; margin-top:7px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-invoice #driverInvoiceQueueActions > button {
  min-height:38px !important; padding:5px 6px !important;
  font-size:clamp(11px, 3.1vw, 14px) !important; line-height:1.15 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-invoice #invoiceQrVideo:not(.hidden) {
  max-height:min(24dvh, 190px) !important;
}
@media (max-height:500px) and (min-width:560px) {
  body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-invoice #invoiceView > .section-card > .section-card-inner { padding:6px !important; }
  body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-invoice.driver-ui-invoice-input-manual_ksef #invoiceManualPanel {
    display:grid !important; grid-template-columns:minmax(0, 1fr) minmax(220px, 42%) !important;
    align-items:center !important; gap:7px !important;
  }
  body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-invoice #invoiceView .invoice-lookup-actions { margin:0 !important; }
  body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-invoice #invoiceKsefNumber,
  body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-invoice #invoiceView .invoice-lookup-actions button { min-height:38px !important; padding:6px !important; font-size:12px !important; }
  body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-invoice #invoiceView .invoice-primary-actions { grid-template-columns:repeat(3, minmax(0, 1fr)) !important; }
  body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-invoice #invoiceView .invoice-primary-actions > button:not(.hidden) {
    flex-direction:column !important; gap:4px !important; padding:6px !important;
    font-size:13px !important; text-align:center !important;
  }
  body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-invoice #invoiceView .invoice-primary-actions > button::before {
    flex-basis:30px !important; width:30px !important; height:30px !important;
  }
  body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-invoice.driver-ui-invoice-input-camera #invoiceQrScanner {
    display:grid !important; grid-template-columns:minmax(0, 1fr) minmax(120px, 35%) !important;
    align-items:start !important; gap:5px 8px !important;
  }
  body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-invoice #invoiceView .invoice-camera-controls { grid-column:1 !important; margin:0 !important; }
  body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-invoice #invoiceQrStatus { grid-column:1 !important; margin:0 !important; }
  body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module).in-invoice #invoiceQrVideo:not(.hidden) {
    grid-column:2 !important; grid-row:1 / span 2 !important; max-height:24dvh !important; margin:0 !important;
  }
}

/* Compact home-only notification disclosure. Existing controls keep their handlers. */
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverNotificationsDisclosure {
  margin:0 !important; padding:0 !important; min-height:0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #driverNotificationsDisclosure > summary {
  display:flex !important; align-items:center !important; justify-content:space-between !important;
  list-style:none !important; cursor:pointer; padding:.55em .8em !important;
  color:#26344b; font-size:clamp(.78rem,3.6vw,1rem) !important; font-weight:700;
  min-height:2.4em !important; line-height:1.15 !important;
}
#driverNotificationsDisclosure > summary::-webkit-details-marker {display:none}
#driverNotificationsDisclosure > summary::after {content:'⌄'; font-size:1.05em; margin-left:.6em}
#driverNotificationsDisclosure[open] > summary::after {content:'⌃'}
#driverNotificationsDisclosure:not([open]) > #driverNotificationsRow {display:none !important}
#driverNotificationsDisclosure[open] > #driverNotificationsRow {padding:0 var(--driver-gap) var(--driver-gap) !important}
body.in-detail #driverNotificationsDisclosure,
body.in-all-weeks #driverNotificationsDisclosure,
body.in-invoice #driverNotificationsDisclosure,
body.in-ryczalt #driverNotificationsDisclosure,
body.in-admin #driverNotificationsDisclosure,
body.in-cashier #driverNotificationsDisclosure {display:none !important}

/* Ryczałt: one full-width surface and compact, aligned monthly facts. */
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView {
  width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important;
}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView > .section-card {
  border:0 !important; border-radius:0 !important; background:transparent !important;
  box-shadow:none !important; padding:0 !important; margin:0 !important;
}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView > .section-card > .section-card-inner {
  padding:0 !important; gap:.45rem !important; border:0 !important; background:transparent !important;
}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-month-card,
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-history-summary,
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-history-body {
  padding:.6rem !important; gap:.4rem !important;
}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-month-head {
  display:grid !important; grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important; gap:.4rem !important; margin:0 !important;
}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-month-title {
  min-width:0 !important; font-size:clamp(.92rem,4.3vw,1.15rem) !important;
  line-height:1.2 !important; white-space:nowrap !important;
}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-pill {
  font-size:clamp(.68rem,3.2vw,.82rem) !important; line-height:1.15 !important;
  padding:.3em .65em !important; white-space:nowrap !important;
}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-month-facts {
  display:grid !important; gap:.18rem !important; margin-top:.35rem !important;
}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-fact {
  display:flex !important; justify-content:space-between !important; align-items:baseline !important;
  gap:.5rem !important; font-size:clamp(.76rem,3.6vw,.95rem) !important; line-height:1.3 !important;
}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-fact strong {white-space:nowrap !important;}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-fact-debt {font-weight:750 !important; color:#26344a !important;}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-history-item {
  border-radius:.7rem !important; box-shadow:none !important;
}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-month-list,
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-history-list {gap:.4rem !important;}

/* Compact Ryczałt navigation, dated heading and payment records. */
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-view-head {
 display:flex !important; flex-direction:row !important; align-items:center !important;
 justify-content:space-between !important; gap:.6rem !important;
}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-view-head > div {
 width:auto !important; min-width:0 !important; flex:1 !important; text-align:right !important;
}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-view-head .section-title {
 font-size:clamp(1.1rem,5.2vw,1.5rem) !important; text-align:right !important; margin:0 !important;
}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView #ryczaltBackBtn {
 width:auto !important; flex:0 0 auto !important; min-height:2.3em !important; padding:.45em .85em !important;
}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-current-heading {
 display:flex !important; align-items:baseline !important; justify-content:space-between !important;
 gap:.35rem !important; margin:.3rem 0 !important;
}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-current-heading h3 {
 font-size:clamp(.92rem,4.2vw,1.15rem) !important; margin:0 !important; line-height:1.2 !important;
}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-as-of {
 font-size:clamp(.66rem,3vw,.85rem) !important; color:#62738e !important; white-space:nowrap !important;
}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-payment-row {
 display:grid !important; grid-template-columns:minmax(0,1fr) auto auto !important;
 align-items:center !important; gap:.35rem !important; background:#fff !important;
 border:1px solid #dce4f0 !important; border-radius:.5rem !important; padding:.45rem !important;
 font-size:clamp(.73rem,3.3vw,.9rem) !important; line-height:1.25 !important;
}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-payment-date,
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-payment-amount {white-space:nowrap !important;}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-payment-empty {
 display:block !important; color:#62738e !important; font-weight:500 !important;
}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-delete-payment-btn {
 width:auto !important; height:auto !important; min-width:0 !important; min-height:2.2em !important;
 padding:.35em .6em !important; margin:0 !important; border-radius:.4rem !important;
 border:1px solid #efb2b2 !important; background:#fff0f0 !important; color:#b63232 !important;
 font-size:inherit !important; font-weight:700 !important; line-height:1.15 !important;
}

/* Compact payment heading and outgoing transfer action. */
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-payments-heading {
 display:flex !important; align-items:center !important; justify-content:space-between !important; gap:.45rem !important;
}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-payments-heading > strong {font-size:clamp(.85rem,3.8vw,1rem) !important;}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-payments-heading .ryczalt-add-payment-btn {
 width:auto !important; flex:0 1 auto !important; min-width:0 !important; min-height:2.3em !important;
 padding:.4em .6em !important; margin:0 !important; font-size:clamp(.64rem,2.9vw,.8rem) !important;
 line-height:1.15 !important; border-radius:.45rem !important;
}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-transfer-history-row {
 display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; align-items:end !important;
 gap:.4rem !important; margin-top:.4rem !important;
}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-transfer-history-row .ryczalt-month-meta {
 margin:0 !important; font-size:clamp(.65rem,2.9vw,.8rem) !important; line-height:1.25 !important;
}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-transfer-cancel-compact {
 width:auto !important; height:auto !important; min-width:0 !important; min-height:2.2em !important;
 padding:.35em .55em !important; margin:0 !important; font-size:clamp(.62rem,2.8vw,.78rem) !important;
 line-height:1.15 !important; white-space:nowrap !important; border-radius:.4rem !important;
 border:1px solid #efb2b2 !important; color:#b63232 !important; background:#fff0f0 !important;
}

/* Ryczałt owns the full text column at every width, including desktop. */
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #ryczaltCard .ryczalt-card-head {
 grid-column:2 !important; grid-row:1 !important; display:block !important;
 width:100% !important; min-width:0 !important; margin:0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #ryczaltCard .ryczalt-card-summary {
 display:block !important; width:auto !important; min-width:0 !important;
 text-align:left !important; word-break:normal !important; overflow-wrap:normal !important;
}

/* Larger Ryczałt entry on the driver home screen. */
body:not(.in-admin):not(.in-cashier) #appShell #ryczaltCard .section-card-inner {
 min-height:4.5rem !important; padding:.8rem .75rem !important;
}
body:not(.in-admin):not(.in-cashier) #appShell #ryczaltCard .ryczalt-card-title {
 font-size:clamp(18px,5.2vw,24px) !important; font-weight:800 !important; line-height:1.2 !important;
}

/* Tighter Ryczałt top and balanced official links. */
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView > .section-card > .section-card-inner {
 gap:.2rem !important;
}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-view-head {margin:0 !important;}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-as-of {
 font-size:clamp(.8rem,3.6vw,.95rem) !important; line-height:1.2 !important;
}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-section-title:has(+ .ryczalt-official-links) {
 margin-bottom:.5rem !important;
}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-official-links {
 display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:.25rem !important;
}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-official-links > a.btn {
 display:flex !important; align-items:center !important; justify-content:center !important;
 width:100% !important; text-align:center !important; min-height:2.6em !important;
 height:auto !important; padding:.5em .7em !important; line-height:1.2 !important;
}

/* Ryczałt total: label and amount on one row, breakdown below. */
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-total-box {
 display:grid !important; grid-template-columns:minmax(0,1fr) auto !important;
 align-items:baseline !important; gap:.35rem .5rem !important; padding:.65rem .7rem !important;
}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-total-label {
 text-transform:none !important; letter-spacing:0 !important; color:#111111 !important;
 font-size:clamp(.85rem,4.2vw,1.05rem) !important; line-height:1.2 !important;
}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-total-value {
 margin:0 !important; color:#111111 !important; font-size:clamp(1.15rem,5.5vw,1.7rem) !important;
 line-height:1.1 !important; white-space:nowrap !important; text-align:right !important;
}
body.in-ryczalt:not(.in-admin):not(.in-cashier) #appShell #ryczaltView .ryczalt-breakdown-line {
 grid-column:1 / -1 !important; margin:0 !important; line-height:1.25 !important; color:#62738e !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #weeksView #showAllWeeksBtn,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #weeksView .week-main-label,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #weeksView .week-main-number,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #weeksView .hero-action-row button,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #invoiceCard .driver-ui-history-link,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #ryczaltCard .ryczalt-card-summary {
  color: #173c8e !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverNotificationsDisclosure > summary {
  position: relative !important;
  justify-content: center !important;
  text-align: center !important;
  padding-left: 2em !important;
  padding-right: 2em !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverNotificationsDisclosure > summary::before {
  content: "" !important;
  position: absolute !important;
  left: .65em !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 1.4em !important;
  height: 1.4em !important;
  background: url("/driver-icons/notifications.svg") center / contain no-repeat !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverNotificationsDisclosure > summary::after {
  position: absolute !important;
  right: .8em !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #weeksView .driver-week-heading {
  position: relative !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #weeksView .section-title::before {
  left: 0 !important;
  top: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #weeksView .driver-week-heading #showAllWeeksBtn {
  position: static !important;
  right: 0 !important;
  top: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #rentalCarCard .benefits-inner {
  padding: 7px 8px !important;
  gap: 5px 7px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #rentalCarCard {
  cursor: pointer !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #rentalCarCard #rentalCarTitle {
  font-size: clamp(18px,4.8vw,22px) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #rentalCarCard .driver-ui-rental-header {
  padding: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #rentalCarCard .driver-ui-rental-original-summary {
  display: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell .driver-ui-rental-home-actions {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 6px !important;
  grid-column: 1 / -1 !important;
  width: 100% !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen {
  padding: 6px !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen > .driver-ui-rental-summary {
  margin: 0 2px 7px !important;
  font-size: clamp(12px,3.4vw,16px) !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalActions {
  display: block !important;
  margin: 0 !important;
  width: 100% !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalActions > .btn-row {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 6px !important;
  margin: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell .driver-ui-rental-action {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 62px !important;
  height: auto !important;
  padding: 5px 3px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  border: 1px solid #cbd8ed !important;
  background: #f2f6fd !important;
  color: #173c8e !important;
  font-size: clamp(12px,3.45vw,16px) !important;
  font-weight: 750 !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  text-align: center !important;
  box-shadow: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell .driver-ui-rental-action::before {
  content: "" !important;
  display: block !important;
  position: static !important;
  width: 29px !important;
  height: 29px !important;
  min-width: 29px !important;
  margin: 0 !important;
  filter: none !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell .driver-ui-rental-action[data-rental-icon="camera"]::before {
  background-image: url("/driver-icons/camera.svg") !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell .driver-ui-rental-action[data-rental-icon="mileage"]::before {
  background-image: url("/driver-icons/mileage.svg") !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen .driver-ui-rental-native-back,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen .rental-car-inspection-head-actions {
  display: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen #rentalCarInspectionInlineHost,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen #rentalCarInspectionView {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen #rentalCarInspectionView > .section-card,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen #rentalCarInspectionView .section-card-inner {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen .rental-car-inspection-head {
  margin: 0 0 5px !important;
  padding: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen .rental-car-inspection-summary {
  padding: 5px !important;
  margin: 0 0 6px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #invoiceCard .benefits-inner::before {
  background-image: url("/driver-icons/invoice-history.svg") !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalActions > .btn-row {
  display: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen .driver-ui-rental-vehicle-badge {
  padding: 7px 9px !important;
  margin: 0 0 3px !important;
  border: 1px solid #cbd8ed !important;
  border-radius: 10px !important;
  background: #f2f6fd !important;
  font-size: clamp(16px,4.7vw,21px) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  text-align: center !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen .driver-ui-invoice-history-back {
  min-height: 34px !important;
  padding: 6px 15px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen .driver-ui-rental-mileage-heading {
  font-size: clamp(15px,4.3vw,20px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  margin: 8px 0 5px !important;
  color: #303640 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen .driver-ui-rental-vehicle-badge strong {
  font-size: inherit !important;
  font-weight: 800 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen #rentalCarInspectionView .rental-car-inspection-odometer {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(100px,40%) !important;
  align-items: center !important;
  gap: 1px 7px !important;
  margin: 2px 0 !important;
  padding: 3px 2px !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen .rental-car-inspection-odometer > .section-label,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen .rental-car-inspection-service-title {
  grid-column: 1 !important;
  grid-row: 1 !important;
  font-size: clamp(14px,4.25vw,18px) !important;
  line-height: 1.17 !important;
  font-weight: 750 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #303640 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen .rental-car-inspection-odometer > input {
  grid-column: 2 !important;
  grid-row: 1 / 3 !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 36px !important;
  height: 36px !important;
  padding: 5px 7px !important;
  font-size: clamp(13px,3.7vw,16px) !important;
  margin: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen .rental-car-inspection-odometer > .invoice-small-note {
  grid-column: 1 !important;
  grid-row: 2 !important;
  font-size: clamp(10px,2.8vw,12px) !important;
  line-height: 1.15 !important;
  margin: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen .rental-car-inspection-service-grid {
  display: block !important;
  margin: 3px 0 6px !important;
  padding: 0 !important;
  gap: 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen .rental-car-inspection-service-card > label,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen #rentalCarInspectionServiceOdometerHelp,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen #rentalCarInspectionGasServiceOdometerHelp {
  display: none !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen .rental-car-inspection-service-result,
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen .rental-car-inspection-service-error {
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen .rental-car-photo-head {
  gap: 4px !important;
  align-items: start !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen .rental-car-photo-title {
  font-size: clamp(13px,3.65vw,16px) !important;
  line-height: 1.2 !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen .rental-car-photo-required {
  font-size: clamp(9px,2.5vw,11px) !important;
  padding: 2px 4px !important;
  line-height: 1.15 !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen .rental-car-photo-orientation {
  padding: 3px 5px !important;
  font-size: clamp(10px,2.8vw,12px) !important;
  line-height: 1.15 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen #rentalCarInspectionReportNoteInput {
  height: 64px !important;
  min-height: 64px !important;
  padding: 6px 8px !important;
  font-size: 14px !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen .rental-car-inspection-actions {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 6px !important;
  margin: 6px 0 0 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen .rental-car-inspection-actions > button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 38px !important;
  height: auto !important;
  padding: 7px 4px !important;
  margin: 0 !important;
  font-size: clamp(12px,3.5vw,16px) !important;
  line-height: 1.2 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen #rentalCarInspectionCancelBtn {
  grid-column: 1 !important;
  grid-row: 1 !important;
}
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #appShell #driverRentalScreen #rentalCarInspectionSubmitBtn {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

/* Loading/failure are status text, never money-sized financial values. */
body:not(.in-admin):not(.in-cashier) #appShell #weeksView .week-main-number[data-office-state="loading"],
body:not(.in-admin):not(.in-cashier) #appShell #weeksView .week-main-number[data-office-state="error"] {
  font-size:clamp(.8rem,3.5vw,1rem) !important;
  line-height:1.25 !important;
  white-space:normal !important;
}
/* Confirmed driver save; visible above the fixed header and the input view. */
.driver-invoice-committed-stamp {
  position:fixed; z-index:11000; inset:0; display:flex; gap:.65rem;
  align-items:center; justify-content:center; padding:1rem;
  background:rgba(245,250,247,.92); color:#17783d;
}
.driver-invoice-committed-stamp strong {
  padding:.8rem 1rem; border:3px solid #249b57; border-radius:.7rem;
  background:#e7f7ed; font-size:clamp(1.2rem,5vw,1.8rem); text-align:center;
}
.driver-invoice-committed-stamp > span { font-size:2rem; font-weight:800; }
body.driver-ui-office-open #driverOfficeView {
  background:#fff; border:1px solid #d4dfed; border-radius:1rem;
  margin:0 var(--driver-edge); padding:.5rem; min-width:0; box-sizing:border-box;
}
#driverOfficeView .driver-office-head { display:flex; align-items:center; justify-content:space-between; gap:.6rem; margin-bottom:.4rem; }
#driverOfficeView .driver-office-back { flex:0 0 auto; border:1px solid #c6d7ee; border-radius:.6rem; padding:.4rem .8rem; background:#fff; color:#343d9b; font-weight:750; min-height:2rem; }
#driverOfficeView .driver-office-title { margin:0; text-align:right; font-size:clamp(1rem,4.6vw,1.4rem); color:#26344a; }
#driverOfficeView .driver-office-context { color:#62738e; margin:.35rem 0 .5rem; font-size:.8rem; }
#driverOfficeView .driver-office-context p { margin:.15rem 0; }
#driverOfficeView .driver-office-ledger { border:1px solid #d4dfed; border-radius:.75rem; overflow:hidden; background:#fff; }
#driverOfficeView .driver-office-row, #driverOfficeView .driver-office-total { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.5rem; align-items:center; padding:.7rem .6rem; border-bottom:1px solid #dce4f0; }
#driverOfficeView .driver-office-description { display:flex; flex-direction:column; gap:.15rem; min-width:0; }
#driverOfficeView .driver-office-label { color:#26344a; font-size:.9rem; font-weight:650; }
#driverOfficeView .driver-office-comment { color:#40516a; font-size:.85rem; overflow-wrap:anywhere; }
#driverOfficeView .driver-office-date { color:#697a91; font-size:.75rem; }
#driverOfficeView .driver-office-money { font-variant-numeric:tabular-nums; white-space:nowrap; font-size:.95rem; }
#driverOfficeView .driver-office-money--positive { color:#11964a; }
#driverOfficeView .driver-office-money--negative { color:#d52e36; }
#driverOfficeView .driver-office-money--neutral { color:#26344a; }
#driverOfficeView .driver-office-total { border:0; background:#f2f6fd; color:#26344a; }
#driverOfficeView .driver-office-total-amount { color:#343d9b; font-size:1.3rem; font-variant-numeric:tabular-nums; white-space:nowrap; }

body:not(.in-admin):not(.in-cashier) #driverMissingSettlement:not(.hidden) {display:block;padding:1rem;border:1px solid #e5c866;border-radius:.8rem;background:#fff8dc;color:#594917;line-height:1.4;}
body:not(.in-admin):not(.in-cashier) #driverDetailContent.hidden {display:none!important;}

/* Driver notices have one owner below the queue. Legacy/admin top feedback
 * must never occupy driver list space or intercept its remove controls. */
body:not(.in-admin):not(.in-cashier):not(.gdone-ui-v2-dedicated-module) #invoiceTopMsg { display:none !important; }