/* =========================================================
   GD-ONE CASHIER UI V2
   Stage 1: workspace shell + navigation only
   NO BUSINESS LOGIC
   ========================================================= */

body.in-cashier.gdone-ui-v2-active {
  --gd-nav-open: 15rem;
  --gd-nav-closed: 4.4rem;
  --gd-gap: 1rem;
  --gd-radius: 1.15rem;

  background:
    radial-gradient(circle at 75% 0%, rgba(105,114,216,.08), transparent 26rem),
    #eef3fb !important;
}

/* Use the available browser width. */
body.in-cashier.gdone-ui-v2-active .wrap {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 1rem 1rem !important;
}

/* V2 top-level workspace. */
#gdUiV2Shell {
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: var(--gd-nav-open) minmax(0, 1fr);
  gap: var(--gd-gap);
  align-items: stretch;
  transition: grid-template-columns .18s ease;
}

#gdUiV2Shell.is-compact {
  grid-template-columns: var(--gd-nav-closed) minmax(0, 1fr);
}

#gdUiV2Workspace {
  min-width: 0;
  width: 100%;
}

/* ---------------------------------------------------------
   LEFT NAVIGATION
   --------------------------------------------------------- */

#gdUiV2Nav {
  position: sticky;
  top: 4.75rem;
  height: calc(100dvh - 5.6rem);
  min-height: 32rem;

  display: flex;
  flex-direction: column;

  padding: .65rem;
  border-radius: 1.25rem;

  color: #f6f8ff;
  background:
    linear-gradient(180deg, #17243a 0%, #111c30 58%, #0c1728 100%);

  box-shadow:
    0 1.2rem 2.8rem rgba(24,35,60,.20),
    inset 0 1px 0 rgba(255,255,255,.05);

  overflow: hidden;
  z-index: 60;
}

.gd-ui-v2-nav-head {
  display: flex;
  align-items: center;
  gap: .7rem;
  height: 3rem;
  padding: 0 .45rem .55rem;
  border-bottom: 1px solid rgba(255,255,255,.08);
  margin-bottom: .5rem;
}

.gd-ui-v2-nav-logo {
  width: 2.15rem;
  height: 2.15rem;
  object-fit: contain;
  flex: 0 0 auto;
}

.gd-ui-v2-nav-brand {
  min-width: 0;
  font-size: .92rem;
  line-height: 1.15;
  font-weight: 900;
  white-space: nowrap;
}

.gd-ui-v2-nav-brand small {
  display: block;
  margin-top: .15rem;
  color: #8ea7ff;
  font-size: .67rem;
  font-weight: 750;
}

.gd-ui-v2-nav-list {
  display: grid;
  gap: .2rem;
}

.gd-ui-v2-nav-item,
.gd-ui-v2-nav-toggle {
  width: 100%;
  min-height: 2.8rem;

  display: grid;
  grid-template-columns: 2.3rem minmax(0,1fr);
  align-items: center;
  gap: .55rem;

  padding: .35rem .45rem;

  border: 0;
  border-radius: .8rem;
  background: transparent;
  color: #e9eefc;

  font: inherit;
  font-size: .86rem;
  font-weight: 750;
  text-align: left;
  cursor: pointer;

  transition:
    background .14s ease,
    color .14s ease,
    transform .14s ease;
}

.gd-ui-v2-nav-item:hover,
.gd-ui-v2-nav-toggle:hover {
  background: rgba(255,255,255,.075);
}

.gd-ui-v2-nav-item.is-active {
  background:
    linear-gradient(135deg, #365cf4 0%, #5368df 100%);
  color: #fff;
  box-shadow: 0 .5rem 1.1rem rgba(44,72,210,.26);
}

.gd-ui-v2-nav-icon {
  width: 2.15rem;
  height: 2.15rem;
  display: grid;
  place-items: center;
  border-radius: .65rem;

  color: currentColor;
  font-size: 1.15rem;
  line-height: 1;
}

.gd-ui-v2-nav-label {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.gd-ui-v2-nav-bottom {
  margin-top: auto;
  padding-top: .55rem;
  border-top: 1px solid rgba(255,255,255,.08);
}

/* Compact rail. */
#gdUiV2Shell.is-compact .gd-ui-v2-nav-brand,
#gdUiV2Shell.is-compact .gd-ui-v2-nav-label {
  width: 0;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
}

#gdUiV2Shell.is-compact .gd-ui-v2-nav-head {
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
}

#gdUiV2Shell.is-compact .gd-ui-v2-nav-item,
#gdUiV2Shell.is-compact .gd-ui-v2-nav-toggle {
  grid-template-columns: 1fr;
  padding-left: 0;
  padding-right: 0;
  justify-items: center;
}

#gdUiV2Shell.is-compact .gd-ui-v2-nav-icon {
  width: 2.5rem;
}

/* ---------------------------------------------------------
   EXISTING CASHIER CONTENT INSIDE THE NEW SHELL
   --------------------------------------------------------- */

/*
   Stage 1 deliberately keeps the existing cashier content and
   business handlers. We only stop using its old left/right split.
*/
body.in-cashier.gdone-ui-v2-active #gdoneCashierLayout {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
}

/* Old admin-dashboard column is replaced visually by the V2 menu.
   We will reconnect its modules to this menu in the next stages. */
body.in-cashier.gdone-ui-v2-active
#gdoneCashierLayout > .gdone-cashier-admin-column {
  display: none !important;
}

/* Existing cashier area now receives the whole workspace. */
body.in-cashier.gdone-ui-v2-active
#gdoneCashierLayout > .gdone-cashier-sticky-column {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  position: static !important;
}

/* Kill the old fixed/sticky narrow-panel geometry. */
body.in-cashier.gdone-ui-v2-active
#gdoneCashierPanel.gdone-cashier-panel {
  position: static !important;
  top: auto !important;
  right: auto !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  height: calc(100dvh - 5.7rem) !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 1rem !important;

  border: 1px solid rgba(85,99,150,.14) !important;
  border-left-width: 1px !important;
  border-radius: var(--gd-radius) !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,250,255,.91)) !important;

  box-shadow: 0 1rem 2.6rem rgba(55,70,110,.10) !important;

  overflow: hidden !important;
}

/* Existing driver zone/list gets the available vertical space. */
body.in-cashier.gdone-ui-v2-active .gdone-cashier-driver-zone {
  min-height: 0 !important;
}

body.in-cashier.gdone-ui-v2-active #gdoneCashierList,
body.in-cashier.gdone-ui-v2-active .gdone-cashier-table-wrap {
  min-height: 0 !important;
}

/* Desktop/tablet structure stays the same; browser zoom simply
   reduces the available CSS viewport and the grid reflows. */
@media (max-width: 68rem) {
  body.in-cashier.gdone-ui-v2-active {
    --gd-nav-open: 13.5rem;
    --gd-gap: .75rem;
  }
}

@media (max-width: 50rem) {
  #gdUiV2Shell,
  #gdUiV2Shell.is-compact {
    grid-template-columns: var(--gd-nav-closed) minmax(0, 1fr);
    gap: .6rem;
  }

  #gdUiV2Shell .gd-ui-v2-nav-brand,
  #gdUiV2Shell .gd-ui-v2-nav-label {
    width: 0;
    max-width: 0;
    opacity: 0;
    overflow: hidden;
  }

  #gdUiV2Shell .gd-ui-v2-nav-item,
  #gdUiV2Shell .gd-ui-v2-nav-toggle {
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
    justify-items: center;
  }

  body.in-cashier.gdone-ui-v2-active .wrap {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
  }
}

/* =========================================================
   GD-ONE UI V2 — STAGE 2
   MAIN CASHIER DASHBOARD
   ========================================================= */

.gd-ui-v2-dashboard {
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: .8rem;
}

.gd-ui-v2-dashboard-head {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.gd-ui-v2-dashboard-title {
  display: flex;
  align-items: center;
  gap: .85rem;
  min-width: 0;
}

.gd-ui-v2-dashboard-title h2 {
  margin: 0;
  color: #17213f;
  font-size: clamp(1.3rem, 1.6vw, 1.8rem);
  line-height: 1;
  font-weight: 950;
}

.gd-ui-v2-dashboard-week {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
}

.gd-ui-v2-dashboard-week button {
  width: 2.1rem;
  height: 2.1rem;
  padding: 0;
  border: 1px solid #d9e0ef;
  border-radius: .65rem;
  background: #fff;
  color: #3155d8;
  font-weight: 900;
  cursor: pointer;
}

/* KPI */
.gd-ui-v2-kpis {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: .7rem;
}

.gd-ui-v2-kpi {
  min-width: 0;
  display: grid;
  grid-template-columns: 3.1rem minmax(0,1fr);
  align-items: center;
  gap: .75rem;
  min-height: 5.65rem;
  padding: .8rem .9rem;
  border: 1px solid rgba(85,105,160,.14);
  border-radius: 1rem;
  box-shadow: 0 .45rem 1.2rem rgba(53,68,105,.06);
}

.gd-ui-v2-kpi.is-due {
  background: linear-gradient(135deg,#f7f9ff,#edf3ff);
}

.gd-ui-v2-kpi.is-paid {
  background: linear-gradient(135deg,#f4fff9,#e9fbf1);
}

.gd-ui-v2-kpi.is-carry {
  background: linear-gradient(135deg,#fff7fa,#ffedf2);
}

.gd-ui-v2-kpi.is-position {
  background: linear-gradient(135deg,#fffaf2,#fff1da);
}

.gd-ui-v2-kpi-icon {
  width: 3rem;
  height: 3rem;
  display: grid;
  place-items: center;
  border-radius: .85rem;
  font-size: 1.45rem;
  font-weight: 950;
}

.is-due .gd-ui-v2-kpi-icon {
  color:#315cf4;
  background:#dfe8ff;
}

.is-paid .gd-ui-v2-kpi-icon {
  color:#0c9a54;
  background:#d9f6e6;
}

.is-carry .gd-ui-v2-kpi-icon {
  color:#e44464;
  background:#ffe0e8;
}

.is-position .gd-ui-v2-kpi-icon {
  color:#e88719;
  background:#ffebc9;
}

.gd-ui-v2-kpi-copy {
  min-width: 0;
}

.gd-ui-v2-kpi-copy span {
  display:block;
  color:#56617e;
  font-size:.76rem;
  font-weight:750;
}

.gd-ui-v2-kpi-copy strong {
  display:block;
  margin-top:.15rem;
  color:#111b3e;
  font-size:clamp(1.15rem,1.55vw,1.55rem);
  line-height:1.05;
  font-weight:950;
  white-space:nowrap;
}

.gd-ui-v2-kpi-copy small {
  display:block;
  margin-top:.25rem;
  color:#6e7892;
  font-size:.67rem;
  font-weight:700;
}

/* Main two-column area */
.gd-ui-v2-main-grid {
  flex: 1 1 auto;
  min-height: 0;

  display: grid;
  grid-template-columns:
    minmax(28rem, 1.03fr)
    minmax(30rem, .97fr);

  gap: .8rem;
}

.gd-ui-v2-card {
  min-width: 0;
  min-height: 0;
  border: 1px solid rgba(83,102,152,.14);
  border-radius: 1rem;
  background: rgba(255,255,255,.94);
  box-shadow: 0 .65rem 1.7rem rgba(53,68,105,.07);
}

.gd-ui-v2-card-head {
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  padding:.85rem .95rem .65rem;
}

.gd-ui-v2-card-head h3 {
  margin:0;
  color:#17213f;
  font-size:1rem;
  font-weight:950;
}

.gd-ui-v2-count {
  display:inline-flex;
  min-width:1.65rem;
  height:1.5rem;
  align-items:center;
  justify-content:center;
  padding:0 .45rem;
  border-radius:999px;
  background:#e8efff;
  color:#315cf4;
  font-size:.72rem;
  font-weight:900;
}

/* Drivers */
.gd-ui-v2-drivers {
  display:flex;
  flex-direction:column;
  overflow:hidden;
}

.gd-ui-v2-driver-tools {
  flex:0 0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) 11.5rem;
  gap:.55rem;
  padding:0 .95rem .65rem;
}

.gd-ui-v2-driver-tools input,
.gd-ui-v2-driver-tools select {
  width:100%;
  min-width:0;
  height:2.55rem;
  border:1px solid #d9e1f1;
  border-radius:.72rem;
  padding:0 .8rem;
  box-sizing:border-box;
  background:#fff;
  color:#26314e;
  font:inherit;
}

.gd-ui-v2-driver-header,
.gd-ui-v2-driver-row {
  display:grid;
  grid-template-columns:
    minmax(0,1fr)
    5.5rem
    7rem
    5.8rem
    6.5rem;
  align-items:center;
  gap:.45rem;
}

.gd-ui-v2-driver-header {
  flex:0 0 auto;
  padding:.45rem 1rem;
  color:#77819a;
  border-top:1px solid #eef1f7;
  border-bottom:1px solid #e7ebf3;
  font-size:.68rem;
  font-weight:800;
}

#gdUiV2DriverRows {
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}

.gd-ui-v2-driver-row {
  width:100%;
  min-height:2.62rem;
  padding:.15rem 1rem;
  border:0;
  border-bottom:1px solid #edf0f6;
  background:#fff;
  color:#17213f;
  font:inherit;
  text-align:left;
  cursor:pointer;
  box-sizing:border-box;
}

.gd-ui-v2-driver-row:hover {
  background:#f5f8ff;
}

.gd-ui-v2-driver-issued,
.gd-ui-v2-driver-vat,
.gd-ui-v2-driver-carry {
  min-width:0;
  text-align:right;
  white-space:nowrap;
  font-weight:800;
  color:#536078;
}

.gd-ui-v2-driver-issued.is-cash { color:#188653; }
.gd-ui-v2-driver-issued.is-bank { color:#2462d8; }
.gd-ui-v2-driver-issued.is-empty { color:#8a94a6; }

.gd-ui-v2-driver-issued-group {
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:4px;
}

.gd-ui-v2-driver-issued-heading {
  padding-right:24px;
}

.gd-ui-v2-issued-payments {
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  gap:1px;
}

.gd-ui-v2-payment-line {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:4px;
  min-height:18px;
  line-height:18px;
  white-space:nowrap;
}

.gd-ui-v2-payment-line .gd-ui-v2-status-icon {
  width:20px;
  height:18px;
  flex:0 0 20px;
}

.gd-ui-v2-payment-line .gd-ui-v2-status-icon svg {
  width:20px;
  height:20px;
}

.gd-ui-v2-driver-vat { color:#188653; }
.gd-ui-v2-driver-vat.is-negative { color:#e12232; }

.gd-ui-v2-driver-carry {
  color:#c17b12;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:4px;
}

.gd-ui-v2-transfer-icon {
  display:inline-flex;
  width:14px;
  height:14px;
  flex:0 0 14px;
  color:#df7c12;
}

.gd-ui-v2-transfer-icon svg {
  width:14px;
  height:14px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.gd-ui-v2-driver-name {
  min-width:0;
  display:flex;
  align-items:center;
  gap:.55rem;
  font-size:.79rem;
  font-weight:800;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.gd-ui-v2-driver-dot {
  width:.48rem;
  height:.48rem;
  flex:0 0 auto;
  border-radius:50%;
  background:#17a85b;
  box-shadow:0 0 0 .18rem rgba(23,168,91,.08);
}

.gd-ui-v2-driver-dot.is-former {
  background:#75819d;
  box-shadow:none;
}

.gd-ui-v2-driver-amount {
  justify-self:end;
  white-space:nowrap;
  font-size:.79rem;
  font-weight:950;
}

.gd-ui-v2-driver-amount.is-positive { color:#008f4a; }
.gd-ui-v2-driver-amount.is-negative { color:#e12232; }
.gd-ui-v2-driver-amount.is-zero { color:#28334f; }

.gd-ui-v2-driver-statuses {
  justify-self:end;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  flex:0 0 18px;
  min-width:18px;
  gap:0;
}

.gd-ui-v2-status-icon {
  width:18px;
  height:14px;
  flex:0 0 14px;
  display:grid;
  place-items:center;
  background:transparent;
  border:0;
}

.gd-ui-v2-status-icon svg {
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.gd-ui-v2-status-icon.is-cash {
  color:#07974d;
}

.gd-ui-v2-status-icon.is-bank {
  color:#2462d8;
}

.gd-ui-v2-status-icon.is-carry {
  color:#df7c12;
}

.gd-ui-v2-status-icon.is-attention {
  color:#c92c41;
}

.gd-ui-v2-driver-foot {
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:.62rem 1rem;
  border-top:1px solid #e7ebf3;
  color:#69748d;
  font-size:.72rem;
}

/* Right side */
.gd-ui-v2-right {
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  gap:.8rem;
}

.gd-ui-v2-quick {
  overflow:visible;
}

.gd-ui-v2-quick .gdone-cashier-misc {
  margin:0 !important;
  padding:.15rem .95rem .85rem !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.gd-ui-v2-quick .gdone-cashier-misc-row {
  display:grid !important;
  gap:.5rem !important;
}

.gd-ui-v2-quick .gdone-cashier-misc-row-1 {
  grid-template-columns: 1fr 1fr !important;
}

.gd-ui-v2-quick .gdone-cashier-misc-row-2 {
  grid-template-columns:minmax(0,1fr) 8.5rem auto !important;
}

.gd-ui-v2-quick .input {
  min-height:2.45rem !important;
  height:2.45rem !important;
  border-radius:.7rem !important;
}

.gd-ui-v2-quick [data-cashier-general-submit] {
  min-width:6.4rem;
  border:0;
  border-radius:.7rem;
  background:#5964dc;
  color:#fff;
  font-weight:900;
  cursor:pointer;
}

/* Recent history */
.gd-ui-v2-history {
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}

.gd-ui-v2-history-head-row,
.gd-ui-v2-history-row {
  display:grid;
  grid-template-columns:4.4rem minmax(0,1fr) 8.5rem 6.2rem;
  gap:.55rem;
  align-items:center;
}

.gd-ui-v2-history-head-row {
  flex:0 0 auto;
  padding:.48rem .95rem;
  border-top:1px solid #eef1f7;
  border-bottom:1px solid #e7ebf3;
  color:#788299;
  font-size:.68rem;
  font-weight:800;
}

#gdUiV2RecentRows {
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
}

.gd-ui-v2-history-row {
  min-height:2.55rem;
  padding:.35rem .95rem;
  border-bottom:1px solid #edf0f6;
  font-size:.75rem;
}

.gd-ui-v2-history-row .amount {
  justify-self:end;
  font-weight:900;
  white-space:nowrap;
}

.gd-ui-v2-history-row .amount.is-positive { color:#00934b; }
.gd-ui-v2-history-row .amount.is-negative { color:#e12232; }

.gd-ui-v2-history-row .admin {
  justify-self:end;
  color:#66718a;
  white-space:nowrap;
}

.gd-ui-v2-empty {
  padding:1.4rem;
  text-align:center;
  color:#7b8499;
  font-size:.78rem;
}

/* Keep layout stable when browser zoom reduces CSS viewport. */
@media (max-width: 66rem) {
  .gd-ui-v2-main-grid {
    grid-template-columns:minmax(24rem,1fr) minmax(25rem,.9fr);
  }

  .gd-ui-v2-kpi {
    grid-template-columns:2.5rem minmax(0,1fr);
  }

  .gd-ui-v2-kpi-icon {
    width:2.45rem;
    height:2.45rem;
  }
}

@media (max-width: 54rem) {
  .gd-ui-v2-kpis {
    grid-template-columns:1fr 1fr;
  }

  .gd-ui-v2-main-grid {
    grid-template-columns:1fr;
    overflow-y:auto;
  }

  .gd-ui-v2-drivers {
    min-height:28rem;
  }

  .gd-ui-v2-history {
    min-height:24rem;
  }
}

/* GD-ONE UI V2 — SCROLL FIX V1 */

body.in-cashier.gdone-ui-v2-active .gd-ui-v2-main-grid {
  min-height: 0 !important;
  overflow: hidden !important;
}

body.in-cashier.gdone-ui-v2-active .gd-ui-v2-drivers {
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}

body.in-cashier.gdone-ui-v2-active .gd-ui-v2-right {
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}

body.in-cashier.gdone-ui-v2-active .gd-ui-v2-history {
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}

body.in-cashier.gdone-ui-v2-active #gdUiV2DriverRows,
body.in-cashier.gdone-ui-v2-active #gdUiV2RecentRows {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  height: 0 !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;

  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

body.in-cashier.gdone-ui-v2-active #gdUiV2DriverRows::-webkit-scrollbar,
body.in-cashier.gdone-ui-v2-active #gdUiV2RecentRows::-webkit-scrollbar {
  width: 6px;
}

body.in-cashier.gdone-ui-v2-active #gdUiV2DriverRows::-webkit-scrollbar-thumb,
body.in-cashier.gdone-ui-v2-active #gdUiV2RecentRows::-webkit-scrollbar-thumb {
  background: #c7d0e2;
  border-radius: 999px;
}


/* =========================================================
   UI V2 — WEEK BADGE + NATIVE CASHIER HISTORY V1
   ========================================================= */

/* Week selector goes to the far right. */
.gd-ui-v2-dashboard-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
}

.gd-ui-v2-dashboard-week {
  margin-left: auto !important;

  display: inline-flex !important;
  align-items: center !important;
  gap: .35rem !important;

  padding: .3rem .42rem !important;

  border: 1px solid transparent !important;
  border-radius: .8rem !important;

  white-space: nowrap !important;
}

/* Current cashier week = green. */
.gd-ui-v2-dashboard-week.is-current {
  background: #e2f6e9 !important;
  border-color: #b7e5c6 !important;
  color: #1f7041 !important;
}

/* Previous / closed / historical = red. */
.gd-ui-v2-dashboard-week.is-closed,
.gd-ui-v2-dashboard-week.is-other {
  background: #ffe3e6 !important;
  border-color: #f1bcc3 !important;
  color: #a52b39 !important;
}

.gd-ui-v2-dashboard-week button {
  width: 2rem !important;
  min-width: 2rem !important;
  height: 2rem !important;

  padding: 0 !important;

  border: 1px solid rgba(65,80,120,.14) !important;
  border-radius: .6rem !important;

  background: rgba(255,255,255,.72) !important;
  color: inherit !important;

  font-weight: 950 !important;
}

.gd-ui-v2-dashboard-week strong {
  display: flex !important;
  align-items: center !important;
  gap: .4rem !important;

  color: inherit !important;
}

.gd-ui-v2-dashboard-week .gdone-cashier-week-current {
  color: inherit !important;
  font-size: .75rem !important;
  font-weight: 950 !important;
}

.gd-ui-v2-dashboard-week .gdone-cashier-week-calculation {
  color: inherit !important;
  opacity: .78 !important;
  font-size: .64rem !important;
  font-weight: 850 !important;
}


/* ---------------------------------------------------------
   Native cashier history inside the V2 right column
   --------------------------------------------------------- */

/* Old table header is no longer needed. */
.gd-ui-v2-history-head-row {
  display: none !important;
}

#gdUiV2RecentRows.gd-ui-v2-native-history {
  padding: .45rem !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* Existing functional history cards, visually adapted. */
#gdUiV2RecentRows .gdone-cashier-history-card {
  margin: 0 0 .4rem !important;
  padding: .55rem .65rem !important;

  border: 1px solid #e5e9f2 !important;
  border-radius: .75rem !important;

  background: #fff !important;
  box-shadow: none !important;
}

#gdUiV2RecentRows .gdone-cashier-history-card:last-child {
  margin-bottom: 0 !important;
}

#gdUiV2RecentRows .gdone-cashier-history-main {
  gap: .4rem .55rem !important;
}

#gdUiV2RecentRows .gdone-cashier-history-datetime {
  font-size: .66rem !important;
}

#gdUiV2RecentRows .gdone-cashier-history-person {
  font-size: .75rem !important;
  font-weight: 900 !important;
}

#gdUiV2RecentRows .gdone-cashier-history-badge {
  font-size: .64rem !important;
}

#gdUiV2RecentRows .gdone-cashier-history-amount {
  font-size: .75rem !important;
  white-space: nowrap !important;
}

#gdUiV2RecentRows .gdone-cashier-history-sub {
  margin-top: .3rem !important;
  gap: .35rem !important;
}

#gdUiV2RecentRows .gdone-cashier-history-meta {
  font-size: .65rem !important;
  line-height: 1.3 !important;
}

#gdUiV2RecentRows .gdone-cashier-history-preview {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 100% !important;
}

/* Existing functional controls. */
#gdUiV2RecentRows .gdone-cashier-history-edit,
#gdUiV2RecentRows .gdone-cashier-history-cancel {
  min-height: 1.7rem !important;
  padding: .2rem .5rem !important;

  border-radius: .45rem !important;

  font-size: .64rem !important;
  font-weight: 900 !important;
}

#gdUiV2RecentRows .gdone-cashier-history-edit {
  border: 1px solid #d8dffa !important;
  background: #eef2ff !important;
  color: #4054b8 !important;
}

#gdUiV2RecentRows .gdone-cashier-history-cancel {
  border: 1px solid #f0c6cb !important;
  background: #fff0f2 !important;
  color: #b42d3b !important;
}

/* "Подробнее" / invoice details. */
#gdUiV2RecentRows .gdone-cashier-history-details {
  margin-top: .3rem !important;
}

#gdUiV2RecentRows .gdone-cashier-history-details > summary {
  cursor: pointer !important;
  color: #3658c9 !important;

  font-size: .66rem !important;
  font-weight: 900 !important;
}

#gdUiV2RecentRows .gdone-cashier-history-detail-body {
  margin-top: .35rem !important;
  padding: .5rem !important;

  border-radius: .55rem !important;
  background: #f7f9fd !important;

  font-size: .65rem !important;
}

#gdUiV2RecentRows .gdone-cashier-history-invoice-list {
  display: grid !important;
  gap: .35rem !important;
  margin-top: .45rem !important;
}

#gdUiV2RecentRows .gdone-cashier-history-invoice-item {
  padding: .45rem !important;
  border: 1px solid #e3e8f2 !important;
  border-radius: .5rem !important;
  background: #fff !important;
}


/* =========================================================
   GD-ONE UI V2 — STAGE 3A
   Stable unified shell. No MutationObserver.
   ========================================================= */

/* ---------------------------------------------------------
   REMOVE OLD TOP HEADER ONLY AFTER JS MOVED ITS CONTROLS
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-shell3a {
  padding-top: 0 !important;
}

body.in-cashier.gdone-ui-v2-shell3a > .header {
  display: none !important;
}

body.in-cashier.gdone-ui-v2-shell3a .wrap {
  padding-top: 1rem !important;
}

body.in-cashier.gdone-ui-v2-shell3a #gdUiV2Nav {
  top: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
}


/* ---------------------------------------------------------
   SESSION CONTROLS IN DARK SIDEBAR
   --------------------------------------------------------- */

#gdUiV2Session {
  display: grid;
  gap: .5rem;

  padding: .65rem .35rem .75rem;
  margin-bottom: .45rem;

  border-bottom: 1px solid rgba(255,255,255,.09);
}

#gdUiV2Session .gdone-mode-switcher {
  display: grid !important;
  width: 100%;
  gap: .25rem;
}

#gdUiV2Session .gdone-mode-switcher-label {
  color: #8ea0c0;
  font-size: .68rem;
  font-weight: 850;
}

#gdUiV2Session .gdone-mode-select {
  width: 100%;
  min-width: 0;
  min-height: 2.35rem;

  padding: .35rem .55rem;

  border: 1px solid rgba(255,255,255,.12);
  border-radius: .65rem;

  background: rgba(255,255,255,.075);
  color: #fff;

  font-size: .8rem;
  font-weight: 800;
}

.gd-ui-v2-session-bottom {
  display: grid;
  grid-template-columns: .75fr 1.25fr;
  gap: .4rem;
}

#gdUiV2Session .lang-switcher {
  width: 100%;
}

#gdUiV2Session .lang-current-btn,
#gdUiV2Session #logoutBtnTop {
  width: 100%;
  min-width: 0;
  min-height: 2.25rem;

  padding: .35rem .5rem;

  border: 1px solid rgba(255,255,255,.11);
  border-radius: .62rem;

  background: rgba(255,255,255,.07);
  color: #f1f5ff;

  font-size: .77rem;
  font-weight: 850;
}

#gdUiV2Session #logoutBtnTop {
  display: block !important;
}

#gdUiV2Shell.is-compact #gdUiV2Session {
  display: none;
}

.gd-ui-v2-cash-tool-hidden {
  display: none !important;
}


/* ---------------------------------------------------------
   TOP: TWO MAIN KPI + FOUR CASHIER TOOLS
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-shell3a .gd-ui-v2-kpis {
  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 1fr)
    minmax(24rem, 2fr) !important;
}

body.in-cashier.gdone-ui-v2-shell3a
.gd-ui-v2-kpi.is-paid,
body.in-cashier.gdone-ui-v2-shell3a
.gd-ui-v2-kpi.is-carry {
  display: none !important;
}

#gdUiV2CashTools {
  min-width: 0;

  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  grid-template-rows: repeat(2,minmax(0,1fr));
  gap: .5rem;
}

.gd-ui-v2-cash-tool {
  min-width: 0;

  display: grid;
  grid-template-columns: 2rem minmax(0,1fr);
  align-items: center;
  gap: .55rem;

  padding: .45rem .65rem;

  border: 1px solid #e0e5f1;
  border-radius: .8rem;

  background: #fff;
  color: #17213f;

  box-shadow: 0 .3rem .8rem rgba(46,60,96,.05);

  font: inherit;
  text-align: left;
  cursor: pointer;
}

.gd-ui-v2-cash-tool:hover {
  border-color: #becaf1;
  background: #f7f9ff;
}

.gd-ui-v2-cash-tool-icon {
  width: 2rem;
  height: 2rem;

  display: grid;
  place-items: center;

  border-radius: .58rem;

  background: #eef4ff;
  color: #315cf4;

  font-size: 1rem;
  font-weight: 950;
}





.gd-ui-v2-cash-tool-copy {
  min-width: 0;
}

.gd-ui-v2-cash-tool-copy strong {
  display: block;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  font-size: .78rem;
  font-weight: 950;
}

.gd-ui-v2-cash-tool-copy small {
  display: block;

  margin-top: .12rem;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  color: #66728e;

  font-size: .67rem;
  font-weight: 750;
}


/* ---------------------------------------------------------
   DRIVER STATUS DOTS
   --------------------------------------------------------- */

.gd-ui-v2-driver-dot {
  background: #8995ac !important;
  box-shadow: none !important;
}

.gd-ui-v2-driver-dot.is-settled {
  background: #17a85b !important;
  box-shadow: 0 0 0 .18rem rgba(23,168,91,.09) !important;
}

.gd-ui-v2-driver-dot.is-open {
  background: #e12b3b !important;
  box-shadow: 0 0 0 .18rem rgba(225,43,59,.08) !important;
}

.gd-ui-v2-driver-dot.is-carried {
  background: #e6a020 !important;
  box-shadow: 0 0 0 .18rem rgba(230,160,32,.09) !important;
}

.gd-ui-v2-driver-dot.is-neutral {
  background: #8995ac !important;
}


/* ---------------------------------------------------------
   BIGGER WORKING TYPOGRAPHY
   --------------------------------------------------------- */

.gd-ui-v2-nav-item,
.gd-ui-v2-nav-toggle {
  font-size: .92rem !important;
}

.gd-ui-v2-card-head h3 {
  font-size: 1.08rem !important;
}

.gd-ui-v2-driver-tools input,
.gd-ui-v2-driver-tools select {
  font-size: .9rem !important;
}

.gd-ui-v2-driver-header {
  font-size: .76rem !important;
}

.gd-ui-v2-driver-name,
.gd-ui-v2-driver-amount,
.gd-ui-v2-driver-issued,
.gd-ui-v2-driver-vat,
.gd-ui-v2-driver-carry {
  font-size: .86rem !important;
}

.gd-ui-v2-driver-row {
  min-height: 3rem !important;
}

#gdUiV2RecentRows .gdone-cashier-history-person {
  font-size: .84rem !important;
}

#gdUiV2RecentRows .gdone-cashier-history-amount {
  font-size: .84rem !important;
}

#gdUiV2RecentRows .gdone-cashier-history-datetime,
#gdUiV2RecentRows .gdone-cashier-history-meta,
#gdUiV2RecentRows .gdone-cashier-history-preview {
  font-size: .72rem !important;
}

.gd-ui-v2-quick .input,
.gd-ui-v2-quick button {
  font-size: .86rem !important;
}


/* ---------------------------------------------------------
   CASHIER TOOL PANE INSTEAD OF DRIVER LIST
   --------------------------------------------------------- */

.gd-ui-v2-tool-pane {
  height: 100%;

  display: flex;
  flex-direction: column;

  overflow: hidden;
}

.gd-ui-v2-tool-pane-head {
  flex: 0 0 auto;

  display: flex;
  align-items: center;
  gap: .75rem;

  padding: .75rem .9rem;

  border-bottom: 1px solid #e6eaf3;
}

.gd-ui-v2-tool-pane-head h3 {
  margin: 0;

  color: #17213f;

  font-size: 1.08rem;
  font-weight: 950;
}

.gd-ui-v2-tool-back {
  min-height: 2.25rem;

  padding: 0 .75rem;

  border: 1px solid #d5ddf0;
  border-radius: .65rem;

  background: #f6f8ff;
  color: #3158ce;

  font-size: .78rem;
  font-weight: 900;

  cursor: pointer;
}

.gd-ui-v2-tool-pane-body {
  flex: 1 1 auto;
  min-height: 0;

  overflow: auto;

  padding: .75rem;
}


/* Smaller desktop / increased browser zoom */
@media (max-width: 68rem) {
  body.in-cashier.gdone-ui-v2-shell3a .gd-ui-v2-kpis {
    grid-template-columns: 1fr 1fr !important;
  }

  #gdUiV2CashTools {
    grid-column: 1 / -1;
  }
}


/* =========================================================
   GD-ONE UI V2 — VISUAL POLISH V1
   Presentation only. No business logic.
   ========================================================= */

/* ---------------------------------------------------------
   STRONGER VISUAL SEPARATION OF WORKING ZONES
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-shell3a {
  background:
    radial-gradient(circle at 72% 2%, rgba(88,105,220,.09), transparent 30rem),
    #eaf0f8 !important;
}

body.in-cashier.gdone-ui-v2-shell3a
#gdoneCashierPanel.gdone-cashier-panel {
  background:
    linear-gradient(180deg,#f9fbff 0%,#f3f6fb 100%) !important;

  border: 1px solid rgba(77,93,140,.16) !important;

  box-shadow:
    0 1.2rem 3rem rgba(40,55,90,.10) !important;
}

.gd-ui-v2-card {
  border: 1px solid rgba(69,86,135,.20) !important;

  box-shadow:
    0 .65rem 1.7rem rgba(41,56,94,.09) !important;
}

.gd-ui-v2-drivers {
  background:
    linear-gradient(180deg,#ffffff 0%,#fbfcff 100%) !important;
}

.gd-ui-v2-quick {
  background:
    linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
}

.gd-ui-v2-history {
  background:
    linear-gradient(180deg,#ffffff 0%,#fafbfe 100%) !important;
}

/* Subtle header accents */
.gd-ui-v2-card-head {
  border-bottom: 1px solid rgba(70,86,136,.10);
}

.gd-ui-v2-drivers .gd-ui-v2-card-head {
  box-shadow: inset 4px 0 0 #5368df;
}

.gd-ui-v2-quick .gd-ui-v2-card-head {
  box-shadow: inset 4px 0 0 #18a365;
}

.gd-ui-v2-history .gd-ui-v2-card-head {
  box-shadow: inset 4px 0 0 #765bd8;
}

/* Working block gets a clearer focus without moving anything. */
.gd-ui-v2-card:focus-within {
  border-color: rgba(76,96,210,.38) !important;

  box-shadow:
    0 .8rem 2rem rgba(45,62,115,.13),
    0 0 0 2px rgba(76,96,210,.05) !important;
}


/* ---------------------------------------------------------
   KPI TYPOGRAPHY
   --------------------------------------------------------- */

.gd-ui-v2-kpi-copy span {
  color: #34405f !important;

  font-size: .91rem !important;
  font-weight: 950 !important;
}

.gd-ui-v2-kpi-copy strong {
  margin-top: .2rem !important;

  font-size: clamp(1.48rem,1.8vw,1.9rem) !important;
  font-weight: 950 !important;
}

.gd-ui-v2-kpi-copy small {
  margin-top: .28rem !important;

  color: #778098 !important;

  font-size: .68rem !important;
  font-weight: 750 !important;
}


/* ---------------------------------------------------------
   FOUR MAIN CASHIER BUTTONS — STRONGER
   --------------------------------------------------------- */

.gd-ui-v2-cash-tool {
  padding: .55rem .75rem !important;

  border-width: 1px !important;

  box-shadow:
    0 .35rem .85rem rgba(42,57,93,.075) !important;
}

.gd-ui-v2-cash-tool:hover {
  transform: translateY(-1px);

  box-shadow:
    0 .55rem 1.1rem rgba(42,57,93,.11) !important;
}

.gd-ui-v2-cash-tool-icon {
  width: 2.25rem !important;
  height: 2.25rem !important;

  font-size: 1.1rem !important;
}

.gd-ui-v2-cash-tool-copy strong {
  color: #17213f !important;

  font-size: .96rem !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
}

.gd-ui-v2-cash-tool-copy small {
  margin-top: .22rem !important;

  color: #68738d !important;

  font-size: .72rem !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
}


/* ---------------------------------------------------------
   HISTORY — ADMIN NAME STRONGER
   --------------------------------------------------------- */

#gdUiV2RecentRows
.gdone-cashier-history-meta
> span:first-child {
  color: #26314e !important;
  font-weight: 950 !important;
}


/* ---------------------------------------------------------
   SIDEBAR BRAND AREA
   --------------------------------------------------------- */

#gdUiV2Nav {
  padding: .7rem !important;
}

.gd-ui-v2-nav-head {
  height: auto !important;
  min-height: 4.55rem !important;

  gap: .65rem !important;

  padding: 0 .15rem .65rem 0 !important;
  margin-bottom: 0 !important;

  border-bottom: 0 !important;
}

.gd-ui-v2-nav-logo {
  width: 3.5rem !important;
  height: 3.5rem !important;
  transform: translate(-.12rem, -.16rem) !important;
}

.gd-ui-v2-nav-brand {
  font-size: 1.02rem !important;
  line-height: 1.04 !important;
  font-weight: 950 !important;
}

.gd-ui-v2-nav-brand > span {
  display: block;
}

.gd-ui-v2-nav-brand small {
  margin-top: .12rem !important;

  color: #83a2ff !important;

  font-size: .72rem !important;
  font-weight: 800 !important;
}

.gd-ui-v2-nav-brand .gd-ui-v2-nav-cashier {
  color: #f6f8ff !important;
}

.gd-ui-v2-nav-brand .gd-ui-v2-nav-cashier[hidden] {
  display: none !important;
}


/* ---------------------------------------------------------
   SESSION ORDER:
   RU / EXIT FIRST
   MODE SECOND
   --------------------------------------------------------- */

#gdUiV2Session {
  display: flex !important;
  flex-direction: column !important;

  gap: .45rem !important;

  padding: .65rem .3rem .8rem !important;
  margin-bottom: .65rem !important;

  border-top: 1px solid rgba(255,255,255,.07);
  border-bottom: 1px solid rgba(255,255,255,.12);
}

#gdUiV2Session .gd-ui-v2-session-bottom {
  order: 1;
}

#gdUiV2Session [data-gd-ui-v2-mode-host] {
  order: 2;
}

/* "Режим" label itself is redundant. */
#gdUiV2Session .gdone-mode-switcher-label {
  display: none !important;
}

#gdUiV2Session .gdone-mode-select {
  min-height: 2.55rem !important;

  font-size: .84rem !important;
  font-weight: 900 !important;
}

#gdUiV2Session .lang-current-btn,
#gdUiV2Session #logoutBtnTop {
  min-height: 2.4rem !important;

  font-size: .8rem !important;
}


/* ---------------------------------------------------------
   CLEAR SEPARATION BETWEEN ACCOUNT AND NAVIGATION
   --------------------------------------------------------- */

.gd-ui-v2-nav-list {
  position: relative;

  padding-top: 1.6rem !important;

  border-top: 1px solid rgba(255,255,255,.06);
}

.gd-ui-v2-nav-list::before {
  content: "РАЗДЕЛЫ";

  position: absolute;
  top: .4rem;
  left: .45rem;

  color: #7485a4;

  font-size: .58rem;
  line-height: 1;
  font-weight: 950;
  letter-spacing: .10em;
}

#gdUiV2Shell.is-compact
.gd-ui-v2-nav-list::before {
  display: none;
}

#gdUiV2Shell.is-compact
.gd-ui-v2-nav-list {
  padding-top: .4rem !important;
}


/* ---------------------------------------------------------
   REAL SVG ICONS
   --------------------------------------------------------- */

.gd-ui-v2-nav-icon svg,
.gd-ui-v2-cash-tool-icon svg {
  width: var(--gd-cash-icon-size, 1.25rem);
  height: var(--gd-cash-icon-size, 1.25rem);

  fill: none;
  stroke: var(--gd-cash-icon-stroke, currentColor);
  stroke-width: var(--gd-cash-icon-weight, 1.9);
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gd-ui-v2-nav-icon {
  font-size: 0 !important;
}

.gd-ui-v2-cash-tool-icon {
  font-size: 0 !important;
  --gd-cash-icon-size: 2rem;
  --gd-cash-icon-stroke: none;
  --gd-cash-icon-weight: 0;
}


/* =========================================================
   GD-ONE UI V2 — SIDEBAR POLISH V2
   Sidebar presentation only.
   ========================================================= */

body.in-cashier.gdone-ui-v2-active {
  --gd-nav-closed: 4.8rem;
}


/* ---------------------------------------------------------
   BRAND
   --------------------------------------------------------- */

.gd-ui-v2-nav-head {
  min-height: 4.55rem !important;
}

.gd-ui-v2-nav-logo {
  width: 3.5rem !important;
  height: 3.5rem !important;
}

/* Collapsed: logo exactly centered */
#gdUiV2Shell.is-compact .gd-ui-v2-nav-head {
  width: 100% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding:
    0 0 .6rem !important;
}

#gdUiV2Shell.is-compact .gd-ui-v2-nav-logo {
  width: 3.85rem !important;
  height: 3.85rem !important;

  margin: 0 auto !important;
  transform: translate(-.12rem, -.18rem) !important;
}


/* ---------------------------------------------------------
   BIGGER, CLEARER NAV ICONS
   --------------------------------------------------------- */

.gd-ui-v2-nav-item {
  min-height: 3.25rem !important;
}

.gd-ui-v2-nav-icon {
  width: 2.65rem !important;
  height: 2.65rem !important;

  display: grid !important;
  place-items: center !important;

  border: 1px solid
    rgba(255,255,255,.075) !important;

  border-radius: .8rem !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.105),
      rgba(255,255,255,.035)
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    0 .25rem .65rem rgba(0,0,0,.08) !important;

  flex: 0 0 auto !important;
}

.gd-ui-v2-nav-icon svg {
  width: 1.55rem !important;
  height: 1.55rem !important;

  stroke-width: 2 !important;
}

/* Active module */
.gd-ui-v2-nav-item.is-active
.gd-ui-v2-nav-icon {
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.25),
      rgba(255,255,255,.10)
    ) !important;

  border-color:
    rgba(255,255,255,.18) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.2),
    0 .32rem .8rem rgba(21,35,110,.18) !important;
}


/* Individual restrained accents */
[data-gd-ui-v2-nav="drivers"]
.gd-ui-v2-nav-icon {
  color: #9bc8ff;
}

[data-gd-ui-v2-nav="ksef"]
.gd-ui-v2-nav-icon {
  color: #b9b2ff;
}

[data-gd-ui-v2-nav="external"]
.gd-ui-v2-nav-icon {
  color: #ffc999;
}

[data-gd-ui-v2-nav="notifications"]
.gd-ui-v2-nav-icon {
  color: #ffb2bd;
}

[data-gd-ui-v2-nav="messages"]
.gd-ui-v2-nav-icon {
  color: #9ec7ff;
}

[data-gd-ui-v2-nav="rental"]
.gd-ui-v2-nav-icon {
  color: #9ee0bf;
}

[data-gd-ui-v2-nav="mileage"]
.gd-ui-v2-nav-icon {
  color: #ffd394;
}


/* ---------------------------------------------------------
   COLLAPSED SIDEBAR
   --------------------------------------------------------- */

#gdUiV2Shell.is-compact
.gd-ui-v2-nav-item {
  min-height: 3.55rem !important;

  display: flex !important;
  justify-content: center !important;

  padding:
    .35rem 0 !important;
}

#gdUiV2Shell.is-compact
.gd-ui-v2-nav-icon {
  width: 2.85rem !important;
  height: 2.85rem !important;
}

#gdUiV2Shell.is-compact
.gd-ui-v2-nav-icon svg {
  width: 1.7rem !important;
  height: 1.7rem !important;
}


/* ---------------------------------------------------------
   COMPACT SESSION AREA:
   ONLY LANGUAGE REMAINS
   --------------------------------------------------------- */

#gdUiV2Shell.is-compact
#gdUiV2Session {
  display: flex !important;

  width: 100% !important;

  align-items: center !important;
  justify-content: center !important;

  padding:
    .65rem .2rem !important;

  margin:
    0 0 .45rem !important;

  border-top:
    1px solid rgba(255,255,255,.07) !important;

  border-bottom:
    1px solid rgba(255,255,255,.10) !important;
}

#gdUiV2Shell.is-compact
#gdUiV2Session
[data-gd-ui-v2-mode-host],
#gdUiV2Shell.is-compact
#gdUiV2Session
[data-gd-ui-v2-logout-host] {
  display: none !important;
}

#gdUiV2Shell.is-compact
#gdUiV2Session
.gd-ui-v2-session-bottom {
  display: block !important;

  width: 100% !important;
}

#gdUiV2Shell.is-compact
#gdUiV2Session
[data-gd-ui-v2-language-host] {
  display: block !important;

  width: 100% !important;
}

#gdUiV2Shell.is-compact
#gdUiV2Session
.lang-current-btn {
  width: 100% !important;
  min-width: 0 !important;

  min-height: 2.5rem !important;

  padding:
    .35rem .25rem !important;

  font-size: .8rem !important;

  border-radius: .7rem !important;
}


/* ---------------------------------------------------------
   EXPAND / COLLAPSE CONTROL
   --------------------------------------------------------- */

.gd-ui-v2-nav-bottom {
  flex: 0 0 auto !important;

  margin-top: auto !important;

  padding-top: .65rem !important;

  border-top:
    1px solid rgba(255,255,255,.09) !important;

  background:
    linear-gradient(
      180deg,
      rgba(12,23,40,0),
      rgba(12,23,40,.96) 30%
    ) !important;
}

/*
  Previous icon rule had font-size:0 for SVG icons.
  Toggle uses ‹ / › text, so restore its size.
*/
.gd-ui-v2-nav-toggle
.gd-ui-v2-nav-icon {
  font-size: 1.65rem !important;

  color: #dce5ff !important;

  background:
    rgba(255,255,255,.075) !important;
}

#gdUiV2Shell.is-compact
.gd-ui-v2-nav-toggle {
  display: flex !important;

  justify-content: center !important;

  min-height: 3.2rem !important;
}

#gdUiV2Shell.is-compact
.gd-ui-v2-nav-toggle
.gd-ui-v2-nav-icon {
  width: 2.85rem !important;
  height: 2.85rem !important;

  font-size: 1.8rem !important;
}


/* Keep navigation scrollable if screen height is smaller */
.gd-ui-v2-nav-list {
  flex: 1 1 auto !important;
  min-height: 0 !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;

  scrollbar-width: none;
}

.gd-ui-v2-nav-list::-webkit-scrollbar {
  display: none;
}


/* =========================================================
   GD-ONE UI V2 — SIDEBAR + VIEWPORT POLISH V3
   Presentation only.
   ========================================================= */


/* ---------------------------------------------------------
   1. EXACT VIEWPORT — NO WHOLE PAGE SCROLL
   --------------------------------------------------------- */

html.gdone-ui-v2-viewport-lock,
html.gdone-ui-v2-viewport-lock body {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.in-cashier.gdone-ui-v2-shell3a #appShell {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;

  margin: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.in-cashier.gdone-ui-v2-shell3a {
  height: 100dvh !important;
  min-height: 100dvh !important;
  max-height: 100dvh !important;

  overflow: hidden !important;
}

body.in-cashier.gdone-ui-v2-shell3a .wrap {
  width: 100% !important;
  height: 100dvh !important;
  min-height: 0 !important;
  max-height: 100dvh !important;

  box-sizing: border-box !important;

  margin: 0 !important;
  padding: 1rem !important;

  overflow: hidden !important;
}

/* Footer creates unnecessary document height in cashier workspace. */
body.in-cashier.gdone-ui-v2-shell3a .site-footer-note {
  display: none !important;
}

body.in-cashier.gdone-ui-v2-shell3a #gdUiV2Shell {
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.in-cashier.gdone-ui-v2-shell3a #gdUiV2Workspace {
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.in-cashier.gdone-ui-v2-shell3a #gdoneCashierLayout,
body.in-cashier.gdone-ui-v2-shell3a
#gdoneCashierLayout > .gdone-cashier-sticky-column {
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
}

body.in-cashier.gdone-ui-v2-shell3a
#gdoneCashierPanel.gdone-cashier-panel {
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
}


/* ---------------------------------------------------------
   2. NO JUMPY COLLAPSE ANIMATION
   --------------------------------------------------------- */

#gdUiV2Shell,
#gdUiV2Nav,
.gd-ui-v2-nav-brand,
.gd-ui-v2-nav-label,
.gd-ui-v2-nav-item,
.gd-ui-v2-nav-toggle {
  transition: none !important;
}


/* ---------------------------------------------------------
   3. NAV LIST STRUCTURE
   --------------------------------------------------------- */

.gd-ui-v2-nav-list {
  display: flex !important;
  flex-direction: column !important;

  flex: 1 1 auto !important;
  min-height: 0 !important;

  gap: .22rem !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* Rarely used items at the bottom. */
[data-gd-ui-v2-nav="notifications"] {
  order: 90 !important;
  margin-top: auto !important;
}

[data-gd-ui-v2-nav="messages"] {
  order: 91 !important;
}


/* ---------------------------------------------------------
   4. NOTIFICATIONS = TWO LINES, SAME ITEM HEIGHT
   --------------------------------------------------------- */

[data-gd-ui-v2-nav="notifications"] {
  min-height: 3.25rem !important;
  height: 3.25rem !important;
}

[data-gd-ui-v2-nav="notifications"]
.gd-ui-v2-nav-label {
  white-space: normal !important;
  overflow: hidden !important;

  line-height: 1.02 !important;

  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;

  font-size: .83rem !important;
}


/* ---------------------------------------------------------
   5. BIGGER ICONS
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-shell3a {
  --gd-nav-closed: 5rem !important;
}

.gd-ui-v2-nav-icon {
  width: 2.9rem !important;
  height: 2.9rem !important;

  border-radius: .85rem !important;
}

.gd-ui-v2-nav-icon svg {
  width: 1.75rem !important;
  height: 1.75rem !important;

  stroke-width: 1.9 !important;
}

#gdUiV2Shell.is-compact .gd-ui-v2-nav-item {
  min-height: 3.7rem !important;
}

#gdUiV2Shell.is-compact .gd-ui-v2-nav-icon {
  width: 3rem !important;
  height: 3rem !important;
}

#gdUiV2Shell.is-compact .gd-ui-v2-nav-icon svg {
  width: 1.85rem !important;
  height: 1.85rem !important;
}


/* ---------------------------------------------------------
   6. CENTERED BRAND IN COLLAPSED MODE
   --------------------------------------------------------- */

#gdUiV2Shell.is-compact .gd-ui-v2-nav-head {
  width: 100% !important;

  display: flex !important;
  justify-content: center !important;
  align-items: center !important;

  padding-left: 0 !important;
  padding-right: 0 !important;
}

#gdUiV2Shell.is-compact .gd-ui-v2-nav-logo {
  width: 3.85rem !important;
  height: 3.85rem !important;

  margin: 0 auto !important;
  transform: translate(-.12rem, -.18rem) !important;
}


/* ---------------------------------------------------------
   7. COLLAPSED = LANGUAGE ONLY
   --------------------------------------------------------- */

#gdUiV2Shell.is-compact #gdUiV2Session {
  display: flex !important;

  width: 100% !important;

  align-items: center !important;
  justify-content: center !important;

  padding: .55rem .1rem !important;
}

#gdUiV2Shell.is-compact
#gdUiV2Session [data-gd-ui-v2-mode-host],

#gdUiV2Shell.is-compact
#gdUiV2Session [data-gd-ui-v2-logout-host] {
  display: none !important;
}

#gdUiV2Shell.is-compact
#gdUiV2Session .gd-ui-v2-session-bottom {
  display: block !important;
  width: 100% !important;
}

#gdUiV2Shell.is-compact
#gdUiV2Session [data-gd-ui-v2-language-host] {
  width: 100% !important;
}

#gdUiV2Shell.is-compact
#gdUiV2Session .lang-current-btn {
  width: 100% !important;
  min-width: 0 !important;

  min-height: 2.6rem !important;
}


/* ---------------------------------------------------------
   8. EXPAND BUTTON MUST ALWAYS EXIST
   --------------------------------------------------------- */

.gd-ui-v2-nav-bottom {
  display: block !important;

  flex: 0 0 auto !important;

  margin-top: .45rem !important;
  padding-top: .55rem !important;

  border-top:
    1px solid rgba(255,255,255,.10) !important;
}

.gd-ui-v2-nav-toggle {
  display: grid !important;
}

#gdUiV2Shell.is-compact .gd-ui-v2-nav-toggle {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-height: 3.3rem !important;

  padding: 0 !important;
}

.gd-ui-v2-nav-toggle .gd-ui-v2-nav-icon {
  font-size: 1.7rem !important;
}

#gdUiV2Shell.is-compact
.gd-ui-v2-nav-toggle .gd-ui-v2-nav-icon {
  width: 3rem !important;
  height: 3rem !important;

  font-size: 1.9rem !important;
}


/* ---------------------------------------------------------
   9. REMOVE ANY EMPTY NAV BUTTON
   --------------------------------------------------------- */

.gd-ui-v2-nav-item.gd-ui-v2-empty-item {
  display: none !important;
}


/* =========================================================
   GD-ONE UI V2 — SIDEBAR FINAL POLISH V4
   ========================================================= */


/* ---------------------------------------------------------
   1. BRAND — STRICT CENTER IN COMPACT MODE
   --------------------------------------------------------- */

#gdUiV2Shell.is-compact .gd-ui-v2-nav-head {
  display: grid !important;
  grid-template-columns: 1fr !important;
  place-items: center !important;

  width: 100% !important;

  padding:
    0 0 .6rem !important;

  margin: 0 !important;
}

#gdUiV2Shell.is-compact .gd-ui-v2-nav-logo {
  display: block !important;

  width: 3.85rem !important;
  height: 3.85rem !important;

  margin: 0 auto !important;
  transform: translate(-.12rem, -.18rem) !important;

  justify-self: center !important;
  align-self: center !important;
}

#gdUiV2Shell.is-compact .gd-ui-v2-nav-brand {
  display: none !important;
}


/* ---------------------------------------------------------
   2. TOP BLOCK -> BLANK SPACE -> ALL NAV ITEMS TOGETHER
   --------------------------------------------------------- */

/*
   The whole navigation group is pushed downward.
   Notifications/messages stay last, but are NOT separated
   from the other navigation items.
*/
.gd-ui-v2-nav-list {
  flex: 0 1 auto !important;

  margin-top: auto !important;
  margin-bottom: .35rem !important;

  padding-top: .45rem !important;

  border-top:
    1px solid rgba(255,255,255,.07) !important;
}

.gd-ui-v2-nav-list::before {
  display: none !important;
}

/* Keep rare items last, without artificial extra gap. */
[data-gd-ui-v2-nav="notifications"] {
  order: 90 !important;
  margin-top: 0 !important;
}

[data-gd-ui-v2-nav="messages"] {
  order: 91 !important;
  margin-top: 0 !important;
}


/* Expanded navigation gets a natural visual pause. */
#gdUiV2Shell:not(.is-compact) .gd-ui-v2-nav-list {
  margin-top: clamp(1.2rem, 4vh, 3.2rem) !important;
}


/* Compact gets a larger pause between RU and navigation. */
#gdUiV2Shell.is-compact .gd-ui-v2-nav-list {
  margin-top: auto !important;
}


/* ---------------------------------------------------------
   3. NOTIFICATIONS IN TWO LINES WITHOUT EXTRA HEIGHT
   --------------------------------------------------------- */

#gdUiV2Shell:not(.is-compact)
[data-gd-ui-v2-nav="notifications"]
.gd-ui-v2-nav-label {
  display: -webkit-box !important;

  white-space: normal !important;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;

  line-height: 1.02 !important;

  overflow: hidden !important;
}

#gdUiV2Shell:not(.is-compact)
[data-gd-ui-v2-nav="notifications"] {
  height: 3.25rem !important;
  min-height: 3.25rem !important;
}


/* ---------------------------------------------------------
   4. SEMANTIC ICONS — SLIGHTLY STRONGER
   --------------------------------------------------------- */

.gd-ui-v2-nav-icon {
  width: 3rem !important;
  height: 3rem !important;
}

.gd-ui-v2-nav-icon svg {
  width: 1.85rem !important;
  height: 1.85rem !important;
}

#gdUiV2Shell.is-compact .gd-ui-v2-nav-icon {
  width: 3.05rem !important;
  height: 3.05rem !important;
}


/* ---------------------------------------------------------
   5. EXPAND BUTTON CLEARLY SEPARATED
   --------------------------------------------------------- */

.gd-ui-v2-nav-bottom {
  flex: 0 0 auto !important;

  margin-top: 0 !important;

  padding-top: .55rem !important;

  border-top:
    1px solid rgba(255,255,255,.11) !important;
}

#gdUiV2Shell.is-compact
.gd-ui-v2-nav-toggle {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;
}

#gdUiV2Shell.is-compact
.gd-ui-v2-nav-toggle
.gd-ui-v2-nav-icon {
  width: 3.05rem !important;
  height: 3.05rem !important;

  font-size: 2rem !important;

  background:
    rgba(255,255,255,.09) !important;
}


/* No phantom / empty navigation slot. */
.gd-ui-v2-nav-item:empty,
.gd-ui-v2-nav-item.gd-ui-v2-empty-item {
  display: none !important;
}


/* =========================================================
   GD-ONE UI V2 — SIDEBAR ICONS + SPACING FINAL V5
   ========================================================= */

/* Large icon now gets its REAL reserved width.
   This fixes text overlapping the pictogram. */
#gdUiV2Shell:not(.is-compact)
.gd-ui-v2-nav-item {
  grid-template-columns:
    3rem minmax(0,1fr) !important;

  column-gap: .8rem !important;

  padding:
    .32rem .55rem .32rem .38rem !important;
}

#gdUiV2Shell:not(.is-compact)
.gd-ui-v2-nav-label {
  min-width: 0 !important;

  padding-left: .05rem !important;

  overflow: hidden !important;
  text-overflow: ellipsis;
}

/* Give long notification text enough room without touching icon. */
#gdUiV2Shell:not(.is-compact)
[data-gd-ui-v2-nav="notifications"]
.gd-ui-v2-nav-label {
  padding-right: .15rem !important;

  font-size: .79rem !important;
  line-height: 1.02 !important;
}

/* Icons visually centered inside their own column. */
#gdUiV2Shell:not(.is-compact)
.gd-ui-v2-nav-icon {
  justify-self: center !important;
  align-self: center !important;
}


/* ---------------------------------------------------------
   FINAL THREE SEMANTIC ICONS
   --------------------------------------------------------- */

[data-gd-ui-v2-nav="cashier"]
.gd-ui-v2-nav-icon {
  color: #dbe6ff !important;
}

[data-gd-ui-v2-nav="rental"]
.gd-ui-v2-nav-icon {
  color: #8fe2b5 !important;
}

[data-gd-ui-v2-nav="mileage"]
.gd-ui-v2-nav-icon {
  color: #ffd27c !important;
}

/* Filled/stronger pictograms need a little more visual mass. */
[data-gd-ui-v2-nav="cashier"]
.gd-ui-v2-nav-icon svg,
[data-gd-ui-v2-nav="rental"]
.gd-ui-v2-nav-icon svg,
[data-gd-ui-v2-nav="mileage"]
.gd-ui-v2-nav-icon svg {
  width: 1.95rem !important;
  height: 1.95rem !important;
}



/* =========================================================
   GD-ONE UI V2 — CANONICAL SIDEBAR ICONS V6
   CSS owns these icons. Old JS icon timers cannot overwrite them.
   ========================================================= */

[data-gd-ui-v2-nav="cashier"] .gd-ui-v2-nav-icon svg,
[data-gd-ui-v2-nav="rental"] .gd-ui-v2-nav-icon svg,
[data-gd-ui-v2-nav="mileage"] .gd-ui-v2-nav-icon svg {
  display: none !important;
}

[data-gd-ui-v2-nav="cashier"] .gd-ui-v2-nav-icon::before,
[data-gd-ui-v2-nav="rental"] .gd-ui-v2-nav-icon::before,
[data-gd-ui-v2-nav="mileage"] .gd-ui-v2-nav-icon::before {
  content: "";
  display: block;
  width: 2.05rem;
  height: 2.05rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

[data-gd-ui-v2-nav="cashier"] .gd-ui-v2-nav-icon::before {
  background-image: url("data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNjQgNjQiPgogIDxyZWN0IHg9IjYiIHk9IjE0IiB3aWR0aD0iNTIiIGhlaWdodD0iMzYiIHJ4PSI3IgogICAgICAgIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iLjEyIgogICAgICAgIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSI0Ii8+CiAgPGNpcmNsZSBjeD0iMzIiIGN5PSIzMiIgcj0iMTAiCiAgICAgICAgICBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iNCIvPgogIDx0ZXh0IHg9IjMyIiB5PSIzOCIgdGV4dC1hbmNob3I9Im1pZGRsZSIKICAgICAgICBmb250LWZhbWlseT0iQXJpYWwsIHNhbnMtc2VyaWYiCiAgICAgICAgZm9udC1zaXplPSIxOCIgZm9udC13ZWlnaHQ9IjkwMCIKICAgICAgICBmaWxsPSIjZmZmZmZmIj4kPC90ZXh0PgogIDxwYXRoIGQ9Ik0xMiAyMmg3TTQ1IDQyaDciCiAgICAgICAgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIgogICAgICAgIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=");
}

[data-gd-ui-v2-nav="rental"] .gd-ui-v2-nav-icon::before {
  background-image: url("data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNjQgNjQiPgogIDxwYXRoIGQ9Ik03IDQwdi03YzAtMyAyLTUgNS02bDktMyA4LTExaDE2bDkgMTEgNCAyYzIgMSA0IDMgNCA2djhIN3oiCiAgICAgICAgZmlsbD0iIzczZTBhZCIgZmlsbC1vcGFjaXR5PSIuMjQiCiAgICAgICAgc3Ryb2tlPSIjOTFlZmMzIiBzdHJva2Utd2lkdGg9IjQiCiAgICAgICAgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogIDxwYXRoIGQ9Ik0yMSAyNGgzM00yOSAxM2wtOCAxMU00NSAxM2w5IDExIgogICAgICAgIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzkxZWZjMyIKICAgICAgICBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgogIDxjaXJjbGUgY3g9IjIwIiBjeT0iNDIiIHI9IjciCiAgICAgICAgICBmaWxsPSIjNzNlMGFkIiBzdHJva2U9IiNiMmY2ZDQiIHN0cm9rZS13aWR0aD0iMyIvPgogIDxjaXJjbGUgY3g9IjUwIiBjeT0iNDIiIHI9IjciCiAgICAgICAgICBmaWxsPSIjNzNlMGFkIiBzdHJva2U9IiNiMmY2ZDQiIHN0cm9rZS13aWR0aD0iMyIvPgogIDxjaXJjbGUgY3g9IjIwIiBjeT0iNDIiIHI9IjIuNSIgZmlsbD0iIzE0MjAzOCIvPgogIDxjaXJjbGUgY3g9IjUwIiBjeT0iNDIiIHI9IjIuNSIgZmlsbD0iIzE0MjAzOCIvPgo8L3N2Zz4K");
}

[data-gd-ui-v2-nav="mileage"] .gd-ui-v2-nav-icon::before {
  background-image: url("data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNjQgNjQiPgogIDxyZWN0IHg9IjciIHk9IjkiIHdpZHRoPSI1MCIgaGVpZ2h0PSI0NiIgcng9IjkiCiAgICAgICAgZmlsbD0iI2ZmZDI3NyIgZmlsbC1vcGFjaXR5PSIuMTQiCiAgICAgICAgc3Ryb2tlPSIjZmZkMjc3IiBzdHJva2Utd2lkdGg9IjQiLz4KICA8cmVjdCB4PSIxNCIgeT0iMTciIHdpZHRoPSIzNiIgaGVpZ2h0PSIxOCIgcng9IjQiCiAgICAgICAgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZkMjc3IiBzdHJva2Utd2lkdGg9IjMiLz4KICA8dGV4dCB4PSIzMiIgeT0iMzEiIHRleHQtYW5jaG9yPSJtaWRkbGUiCiAgICAgICAgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIgogICAgICAgIGZvbnQtc2l6ZT0iMTUiIGZvbnQtd2VpZ2h0PSI5MDAiCiAgICAgICAgZmlsbD0iI2ZmZDI3NyI+MTIzPC90ZXh0PgogIDx0ZXh0IHg9IjMyIiB5PSI0NyIgdGV4dC1hbmNob3I9Im1pZGRsZSIKICAgICAgICBmb250LWZhbWlseT0iQXJpYWwsIHNhbnMtc2VyaWYiCiAgICAgICAgZm9udC1zaXplPSIxMSIgZm9udC13ZWlnaHQ9IjkwMCIKICAgICAgICBmaWxsPSIjZmZkMjc3Ij5LTTwvdGV4dD4KPC9zdmc+Cg==");
}

#gdUiV2Shell.is-compact
[data-gd-ui-v2-nav="cashier"] .gd-ui-v2-nav-icon::before,
#gdUiV2Shell.is-compact
[data-gd-ui-v2-nav="rental"] .gd-ui-v2-nav-icon::before,
#gdUiV2Shell.is-compact
[data-gd-ui-v2-nav="mileage"] .gd-ui-v2-nav-icon::before {
  width: 2.15rem;
  height: 2.15rem;
}

/* =========================================================
   GD-ONE UI V2 — COMPACT HISTORY FILTERS V1
   ========================================================= */

.gd-ui-v2-history {
  display: flex !important;
  flex-direction: column !important;
}

#gdUiV2HistoryFilters {
  flex: 0 0 auto;

  display: grid;
  grid-template-columns:
    minmax(12rem,1.45fr)
    minmax(9rem,.9fr)
    minmax(9rem,.9fr)
    minmax(10rem,1fr);
  gap: .45rem;

  padding: .55rem .65rem;

  border-bottom: 1px solid rgba(70,86,136,.11);

  background:
    linear-gradient(
      180deg,
      #fbfcff 0%,
      #f7f9fd 100%
    );
}

.gd-ui-v2-history-filter {
  position: relative;
  min-width: 0;
}

.gd-ui-v2-history-filter input,
.gd-ui-v2-history-filter select {
  width: 100%;
  min-width: 0;
  height: 2.3rem;

  box-sizing: border-box;

  padding: 0 .7rem;

  border: 1px solid #dce2ed;
  border-radius: .65rem;

  background: #fff;
  color: #252d3d;

  font: inherit;
  font-size: .78rem;
  font-weight: 700;

  outline: none;
}

.gd-ui-v2-history-filter input:focus,
.gd-ui-v2-history-filter select:focus {
  border-color: #7489e8;

  box-shadow:
    0 0 0 2px rgba(82,105,222,.10);
}

.gd-ui-v2-history-search input {
  padding-left: 2.1rem;
}

.gd-ui-v2-history-search::before {
  content: "⌕";

  position: absolute;
  left: .72rem;
  top: 50%;

  transform: translateY(-50%);

  color: #71809d;

  font-size: 1.05rem;
  font-weight: 900;

  pointer-events: none;
}

#gdUiV2HistoryDates {
  flex: 0 0 auto;

  display: none;
  grid-template-columns: 1fr 1fr;
  gap: .5rem;

  padding: 0 .65rem .55rem;

  border-bottom: 1px solid rgba(70,86,136,.11);

  background: #f7f9fd;
}

#gdUiV2HistoryDates.is-visible {
  display: grid;
}

.gd-ui-v2-history-date {
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  align-items: center;
  gap: .45rem;
}

.gd-ui-v2-history-date span {
  color: #69758e;

  font-size: .7rem;
  font-weight: 900;
}

.gd-ui-v2-history-date input {
  width: 100%;
  height: 2.2rem;

  box-sizing: border-box;

  padding: 0 .6rem;

  border: 1px solid #dce2ed;
  border-radius: .6rem;

  background: #fff;
  color: #252d3d;

  font-size: .76rem;
  font-weight: 750;
}

/* History list keeps its own scrolling area. */
#gdUiV2RecentRows {
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

/* Smaller desktop / increased browser scale. */
@media (max-width: 78rem) {
  #gdUiV2HistoryFilters {
    grid-template-columns:
      minmax(12rem,1.35fr)
      minmax(8rem,1fr);
  }
}


/* =========================================================
   GD-ONE UI V2 — HISTORY FILTER LAYOUT V2
   Period in header, 3 compact filters below.
   ========================================================= */

/* Header:
   [Недавние операции] [Выбранная неделя] [История кассы]
*/
.gd-ui-v2-history > .gd-ui-v2-card-head {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto auto !important;
  align-items: center !important;
  gap: .65rem !important;
}

.gd-ui-v2-history-period-head {
  width: 10.5rem !important;
  min-width: 10.5rem !important;
  margin-left: auto !important;
}

.gd-ui-v2-history-period-head select {
  width: 100% !important;
  height: 2.15rem !important;

  padding: 0 .6rem !important;

  border: 1px solid #dce2ed !important;
  border-radius: .6rem !important;

  background: #fff !important;
  color: #28324a !important;

  font-size: .72rem !important;
  font-weight: 850 !important;
}

/* Second row:
   [Search........] [Operation type] [Cashier]
*/
#gdUiV2HistoryFilters {
  grid-template-columns:
    minmax(10rem,1.25fr)
    minmax(8rem,.85fr)
    minmax(8rem,.85fr) !important;

  gap: .45rem !important;

  padding:
    .5rem .65rem !important;
}

/* Search does not need to be oversized. */
.gd-ui-v2-history-search {
  min-width: 0 !important;
}

.gd-ui-v2-history-filter input,
.gd-ui-v2-history-filter select {
  height: 2.2rem !important;

  font-size: .74rem !important;
}

/* History link remains compact on far right. */
.gd-ui-v2-history > .gd-ui-v2-card-head > :last-child {
  white-space: nowrap !important;
}

/* At narrower browser widths keep everything inside the card. */
@media (max-width: 78rem) {
  .gd-ui-v2-history > .gd-ui-v2-card-head {
    grid-template-columns:
      minmax(0,1fr) auto auto !important;
  }

  .gd-ui-v2-history-period-head {
    width: 9rem !important;
    min-width: 9rem !important;
  }

  #gdUiV2HistoryFilters {
    grid-template-columns:
      minmax(9rem,1.2fr)
      minmax(7.5rem,.9fr)
      minmax(7.5rem,.9fr) !important;
  }
}



/* =========================================================
   GD-ONE UI V2 — UNIFIED STARTUP V1
   ========================================================= */

/*
  The original cashier panel may render for a few milliseconds
  while cached/fresh state is applied. Keep that legacy frame
  invisible until the V2 dashboard is mounted.
*/
body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-dashboard-ready)
#gdoneCashierPanel {
  opacity: 0 !important;
  pointer-events: none !important;
}

body.in-cashier.gdone-ui-v2-active.gdone-ui-v2-dashboard-ready
#gdoneCashierPanel {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* No fade — switch is intentionally instantaneous. */
body.in-cashier.gdone-ui-v2-active
#gdoneCashierPanel {
  transition: none !important;
}



/* =========================================================
   GDONE UI V2 DEDICATED MODULE HOST V1
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2Workspace {
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  box-sizing: border-box !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost[hidden] {
  display: none !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost.is-open {
  display: block !important;
}


/*
  adminView is now only a host for the selected module.
  It never makes the page itself longer.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost > #adminView {
  display: block !important;
  visibility: visible !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  box-sizing: border-box !important;
}


/*
  Existing admin-grid remains intact for old module coordinator.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost #adminView > .admin-grid {
  display: block !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;
  box-sizing: border-box !important;
}


/* Hide the OLD dashboard tiles only. */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#adminView > .admin-grid > .admin-tile {
  display: none !important;
}


/*
  Exactly one panel selected by the native coordinator.
  This panel owns vertical scrolling.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-active-module:not(.hidden) {
  display: block !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;

  margin: 0 !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;

  box-sizing: border-box !important;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}


/*
  Rental cars uses modal markup in old portal.
  Inside dedicated V2 host it behaves as a normal page.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal:not(.hidden) {
  position: static !important;
  inset: auto !important;

  display: block !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;

  margin: 0 !important;

  background: transparent !important;
  z-index: auto !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-backdrop {
  display: none !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-dialog {
  position: static !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  max-height: none !important;

  margin: 0 !important;
}


/*
  Never let a selected module turn the whole document into
  a vertically scrolling page.
*/
body.in-cashier.gdone-ui-v2-active.gdone-ui-v2-dedicated-module {
  overflow: hidden !important;
}



/* =========================================================
   GDONE UI V2 DRIVERS REDESIGN V1

   Fluid/responsive:
   - no fixed desktop card height
   - no fixed table max-height
   - internal table scroll only
   - toolbar scales with available width
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;

  overflow: hidden !important;
}


/* Main vertical layout */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel > .section-card-inner {
  display: flex !important;
  flex-direction: column !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  height: 100% !important;
  min-height: 0 !important;

  box-sizing: border-box !important;

  padding:
    clamp(.75rem, 1.35vw, 1.25rem)
    clamp(.8rem, 1.6vw, 1.5rem)
    clamp(.7rem, 1.2vw, 1.1rem) !important;

  overflow: hidden !important;

  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}


/* =========================================================
   Header
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-module-header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;

  flex: 0 0 auto !important;

  gap: clamp(.6rem, 1vw, 1rem) !important;

  margin: 0 0 clamp(.7rem, 1.2vh, 1rem) !important;
  padding: 0 !important;

  min-height: 0 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-title-block {
  display: flex;
  flex-direction: column;

  min-width: 0;
  gap: .2rem;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-module-title {
  margin: 0 !important;

  font-size: clamp(1.15rem, 1.55vw, 1.55rem) !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;

  color: #313743 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.section-subtitle {
  margin: 0 !important;

  max-width: min(58rem, 78vw);

  font-size: clamp(.72rem, .8vw, .84rem) !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;

  color: #777d8c !important;
}


/*
  In the unified portal navigation is handled by the sidebar.
  Keep old close control in DOM for legacy mode, hide it only here.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversCloseBtn {
  display: none !important;
}


/* =========================================================
   Toolbar
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-toolbar {
  display: grid !important;

  grid-template-columns:
    minmax(14rem, min(42%, 38rem))
    minmax(0, 1fr) !important;

  align-items: center !important;

  flex: 0 0 auto !important;

  gap: clamp(.65rem, 1.2vw, 1.1rem) !important;

  margin: 0 0 clamp(.7rem, 1.25vh, 1rem) !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-search {
  width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversSearch {
  width: 100% !important;
  min-width: 0 !important;

  min-height: clamp(2.25rem, 4.6vh, 2.7rem) !important;

  padding:
    0
    clamp(.75rem, 1vw, 1rem) !important;

  border-radius: .75rem !important;

  font-size: clamp(.78rem, .82vw, .9rem) !important;

  box-sizing: border-box !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-actions {
  display: flex !important;

  align-items: center !important;
  justify-content: flex-end !important;

  gap: clamp(.45rem, .75vw, .7rem) !important;

  width: auto !important;
  min-width: 0 !important;

  margin: 0 !important;

  flex-wrap: nowrap !important;
}


/*
  Override legacy 132px hard widths.
  Buttons size from text/content.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversMergeBtn,
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversRefreshBtn {
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;

  min-height: clamp(2.25rem, 4.6vh, 2.7rem) !important;
  height: auto !important;

  padding:
    0
    clamp(.8rem, 1.1vw, 1.15rem) !important;

  border-radius: .75rem !important;

  font-size: clamp(.72rem, .78vw, .84rem) !important;
  line-height: 1 !important;
  font-weight: 800 !important;

  white-space: nowrap !important;
}


/* Merge = secondary action */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversMergeBtn {
  background: #f3f4f8 !important;
  color: #444b59 !important;

  border: 1px solid rgba(74, 82, 104, .13) !important;

  box-shadow: none !important;
}


/* Refresh = primary compact action */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversRefreshBtn {
  box-shadow: none !important;
}


/* =========================================================
   Status
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversMsg:not(.hidden) {
  flex: 0 0 auto !important;

  margin: 0 0 .65rem !important;
}


/* =========================================================
   Results / table = remaining viewport height
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversResults {
  display: flex !important;
  flex-direction: column !important;

  flex: 1 1 auto !important;

  width: 100% !important;
  min-width: 0 !important;

  min-height: 0 !important;

  overflow: hidden !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversResults
.gdone-admin-drivers-table-wrap {
  flex: 1 1 auto !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  height: 100% !important;

  /*
    Critical:
    old portal had max-height: 430px.
    V2 uses all remaining viewport height.
  */
  max-height: none !important;
  min-height: 0 !important;

  margin: 0 !important;

  overflow: auto !important;

  border:
    1px solid
    rgba(116, 121, 145, .14) !important;

  border-radius: clamp(.7rem, .9vw, .95rem) !important;

  background: rgba(255,255,255,.88) !important;

  box-shadow: none !important;

  scrollbar-gutter: stable;
  overscroll-behavior: contain;
}


/*
  Responsive table.
  A minimum content width remains necessary because this is a
  multi-column data table, but it is expressed in rem rather than
  tied to one desktop pixel width.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table {
  width: 100% !important;

  min-width: 68rem !important;

  table-layout: fixed !important;

  font-size: clamp(.7rem, .74vw, .8rem) !important;
}


/* Sticky header remains inside table scroll */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table th {
  position: sticky !important;
  top: 0 !important;

  z-index: 6 !important;

  background: rgba(245,246,251,.98) !important;

  font-size: clamp(.68rem, .72vw, .78rem) !important;
  font-weight: 800 !important;

  color: #62697a !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table th,
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table td {
  padding:
    clamp(.42rem, .75vh, .62rem)
    clamp(.42rem, .65vw, .65rem) !important;

  line-height: 1.2 !important;

  box-sizing: border-box !important;
}


/* =========================================================
   Responsive breakpoints
   ========================================================= */

@media (max-width: 72rem) {

  body.in-cashier.gdone-ui-v2-active
  #gdUiV2ModuleHost
  #gdoneAdminDriversPanel
  .gdone-admin-drivers-toolbar {
    grid-template-columns:
      minmax(12rem, 1fr)
      auto !important;
  }

}


@media (max-width: 52rem) {

  body.in-cashier.gdone-ui-v2-active
  #gdUiV2ModuleHost
  #gdoneAdminDriversPanel
  .gdone-admin-drivers-toolbar {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.in-cashier.gdone-ui-v2-active
  #gdUiV2ModuleHost
  #gdoneAdminDriversPanel
  .gdone-admin-drivers-actions {
    justify-content: flex-start !important;
  }

}


@media (max-width: 38rem) {

  body.in-cashier.gdone-ui-v2-active
  #gdUiV2ModuleHost
  #gdoneAdminDriversPanel
  .gdone-admin-drivers-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    width: 100% !important;
  }

  body.in-cashier.gdone-ui-v2-active
  #gdUiV2ModuleHost
  #gdoneAdminDriversMergeBtn,
  body.in-cashier.gdone-ui-v2-active
  #gdUiV2ModuleHost
  #gdoneAdminDriversRefreshBtn {
    width: 100% !important;
    min-width: 0 !important;
  }

}



/* =========================================================
   GDONE UI V2 DRIVERS REDESIGN V2
   ========================================================= */

/*
  The panel itself must be a real bounded viewport.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel {
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;

  overflow: hidden !important;
}


/*
  Use CSS grid instead of ordinary vertical flow.

  row 1 = title
  row 2 = search / merge
  row 3 = status if present
  row 4 = results/table uses ALL remaining height
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel > .section-card-inner {
  display: grid !important;

  grid-template-rows:
    auto
    auto
    auto
    minmax(0, 1fr) !important;

  align-content: stretch !important;

  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;

  overflow: hidden !important;

  padding:
    .75rem
    .875rem
    .75rem !important;
}


/* =========================================================
   Header
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-module-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  gap: 1rem !important;

  margin: 0 0 clamp(.65rem, 1vh, .9rem) !important;

  min-width: 0 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-title-block {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-module-title {
  font-size: clamp(1.25rem, 1.55vw, 1.6rem) !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.section-subtitle {
  margin-top: .22rem !important;

  font-size: clamp(.78rem, .83vw, .9rem) !important;
  line-height: 1.25 !important;

  color: #707789 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-header-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;

  flex: 0 0 auto !important;

  gap: .5rem !important;
}


/*
  Refresh = visible page action.
  More contrast than V1.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversRefreshBtn {
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;

  min-height: clamp(2.4rem, 4.8vh, 2.8rem) !important;

  padding:
    0
    clamp(1rem, 1.25vw, 1.35rem) !important;

  border: 1px solid #4f5fd0 !important;
  border-radius: .8rem !important;

  background: #5667d8 !important;
  color: #fff !important;

  font-size: clamp(.8rem, .85vw, .92rem) !important;
  font-weight: 850 !important;

  box-shadow: 0 .35rem 1rem rgba(73,88,190,.16) !important;
}


/* =========================================================
   Search + merge
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-toolbar {
  display: flex !important;

  align-items: center !important;
  justify-content: flex-start !important;

  gap: clamp(.55rem, .8vw, .8rem) !important;

  margin: 0 0 clamp(.7rem, 1vh, .9rem) !important;

  min-width: 0 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-search {
  flex:
    0
    1
    clamp(20rem, 38vw, 36rem) !important;

  width: auto !important;
  min-width: min(20rem, 55vw) !important;

  margin: 0 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversSearch {
  min-height: clamp(2.4rem, 4.8vh, 2.8rem) !important;

  font-size: clamp(.82rem, .88vw, .96rem) !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  width: auto !important;
  min-width: 0 !important;

  margin: 0 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversMergeBtn {
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;

  min-height: clamp(2.4rem, 4.8vh, 2.8rem) !important;

  padding:
    0
    clamp(1rem, 1.2vw, 1.3rem) !important;

  border-radius: .8rem !important;

  background: #ffffff !important;
  color: #353c4c !important;

  border: 1px solid rgba(78,87,115,.18) !important;

  font-size: clamp(.8rem, .84vw, .92rem) !important;
  font-weight: 850 !important;

  box-shadow: 0 .15rem .55rem rgba(50,58,90,.06) !important;
}


/* =========================================================
   Results/table — the important scroll fix
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversResults {
  display: flex !important;
  flex-direction: column !important;

  width: 100% !important;
  min-width: 0 !important;

  height: 100% !important;
  min-height: 0 !important;

  overflow: hidden !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversResults
.gdone-admin-drivers-table-wrap {
  display: block !important;

  flex: 1 1 auto !important;

  width: 100% !important;
  min-width: 0 !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: 100% !important;

  overflow-y: auto !important;
  overflow-x: auto !important;

  overscroll-behavior: contain !important;
  scrollbar-gutter: stable !important;
}


/*
  Slightly larger table typography.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table {
  min-width: 70rem !important;

  font-size: clamp(.78rem, .82vw, .9rem) !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table th {
  font-size: clamp(.72rem, .76vw, .84rem) !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table td {
  font-size: clamp(.78rem, .82vw, .9rem) !important;
}


/* Driver name */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table td:first-child {
  font-size: clamp(.86rem, .92vw, 1rem) !important;
  font-weight: 850 !important;
}


/*
  Email was visibly too small in V1.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table td:nth-child(2) {
  font-size: clamp(.78rem, .84vw, .92rem) !important;
  font-weight: 650 !important;
}


/*
  Invoice + reset-PIN controls.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-invoices-cell button,
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-reset-btn {
  font-size: clamp(.76rem, .82vw, .9rem) !important;
  font-weight: 800 !important;

  min-height: clamp(2.15rem, 4.2vh, 2.55rem) !important;
}


/*
  Invoice count badge.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-invoice-count {
  font-size: clamp(.7rem, .76vw, .82rem) !important;
}


/* =========================================================
   Smaller widths
   ========================================================= */

@media (max-width: 52rem) {

  body.in-cashier.gdone-ui-v2-active
  #gdUiV2ModuleHost
  #gdoneAdminDriversPanel
  .gdone-admin-drivers-toolbar {
    flex-wrap: wrap !important;
  }

  body.in-cashier.gdone-ui-v2-active
  #gdUiV2ModuleHost
  #gdoneAdminDriversPanel
  .gdone-admin-drivers-search {
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
  }

}



/* GDONE UI V2 DRIVERS SCROLL FIX V3 */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversResults {
  align-self: stretch !important;
  min-height: 0 !important;
  height: 100% !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversResults
.gdone-admin-drivers-table-wrap {
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
}



/* =========================================================
   GDONE UI V2 VIEWPORT CHAIN FIX V4
   ========================================================= */

/* Children follow the bounded shell owned by VIEWPORT POLISH V3. */
body.in-cashier.gdone-ui-v2-active
#gdUiV2Workspace {
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;

  overflow: hidden !important;
}


/* Dedicated admin-module host. */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost {
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;

  overflow: hidden !important;
}


/* Canonical old admin container inside V2 host. */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost > #adminView {
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;

  overflow: hidden !important;
}


/* admin-grid must NOT grow from table contents. */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#adminView > .admin-grid {
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;

  overflow: hidden !important;
}


/* Drivers panel consumes exactly the host height. */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel {
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;

  overflow: hidden !important;
}


/*
  Header + toolbar consume natural height.
  Results gets everything left over.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel > .section-card-inner {
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;

  display: grid !important;

  grid-template-rows:
    auto
    auto
    auto
    minmax(0, 1fr) !important;

  overflow: hidden !important;
}


/* Remaining grid track. */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversResults {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;

  overflow: hidden !important;
}


/*
  THIS becomes the scroll container.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversResults
.gdone-admin-drivers-table-wrap {
  width: 100% !important;

  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;

  overflow-y: auto !important;
  overflow-x: auto !important;

  overscroll-behavior: contain !important;
  scrollbar-gutter: stable !important;
  -webkit-overflow-scrolling: touch;
}


/* =========================================================
   Drivers typography V4
   More readable, still fluid.
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table {
  font-size:
    clamp(.84rem, .9vw, .98rem) !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table th {
  font-size:
    clamp(.76rem, .82vw, .9rem) !important;

  line-height: 1.15 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table td {
  font-size:
    clamp(.84rem, .9vw, .98rem) !important;

  line-height: 1.2 !important;
}


/* Driver name slightly stronger. */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table td:first-child {
  font-size:
    clamp(.92rem, .98vw, 1.05rem) !important;

  font-weight: 850 !important;
}


/* Email. */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table td:nth-child(2) {
  font-size:
    clamp(.83rem, .88vw, .96rem) !important;

  font-weight: 650 !important;
}


/* Invoice / PIN buttons. */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-invoices-cell button,
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-reset-btn {
  font-size:
    clamp(.82rem, .87vw, .95rem) !important;

  font-weight: 800 !important;
}


/* Invoice count badge. */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-invoice-count {
  font-size:
    clamp(.76rem, .8vw, .87rem) !important;
}



/* =========================================================
   GDONE UI V2 DRIVERS POLISH V5
   ========================================================= */


/* ---------------------------------------------------------
   1. Drivers title — no obsolete explanatory subtitle
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-title-block {
  gap: 0 !important;
}


/*
  This makes the lower boundary of the data area visually clear.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversResults
.gdone-admin-drivers-table-wrap {
  border:
    1px solid
    rgba(98, 107, 139, .18) !important;

  border-radius:
    clamp(.7rem, .85vw, .9rem) !important;

  background: rgba(255,255,255,.9) !important;

  box-shadow:
    0 .2rem .65rem rgba(46,55,86,.035) !important;
}


/* ---------------------------------------------------------
   3. Selected sidebar item

   No more "button inside another button".
   The original item receives only a clean outline.
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2Nav
.gd-ui-v2-nav-item.is-active {
  background: transparent !important;

  border:
    1.5px solid
    rgba(111, 132, 255, .95) !important;

  box-shadow:
    inset 0 0 0 1px rgba(111,132,255,.12),
    0 0 0 .08rem rgba(111,132,255,.08) !important;

  transform: none !important;
}


/*
  Kill the old filled inner active icon treatment.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2Nav
.gd-ui-v2-nav-item.is-active
.gd-ui-v2-nav-icon {
  background: transparent !important;
  background-image: none !important;

  border: 0 !important;

  box-shadow: none !important;

  color: #91a3ff !important;

  transform: none !important;
}


/*
  If an older style uses a pseudo-element for the blue active layer,
  remove that layer too.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2Nav
.gd-ui-v2-nav-item.is-active::before,
body.in-cashier.gdone-ui-v2-active
#gdUiV2Nav
.gd-ui-v2-nav-item.is-active::after,
body.in-cashier.gdone-ui-v2-active
#gdUiV2Nav
.gd-ui-v2-nav-item.is-active
.gd-ui-v2-nav-icon::before,
body.in-cashier.gdone-ui-v2-active
#gdUiV2Nav
.gd-ui-v2-nav-item.is-active
.gd-ui-v2-nav-icon::after {
  box-shadow: none !important;
}


/*
  Hover on selected item remains subtle.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2Nav
.gd-ui-v2-nav-item.is-active:hover {
  background: rgba(111,132,255,.055) !important;

  border-color:
    rgba(126,145,255,1) !important;
}



/* =========================================================
   GDONE UI V2 DRIVERS POLISH V6
   ========================================================= */


/* ---------------------------------------------------------
   1. STABLE STICKY TABLE HEADER

   Prevent visual "rubber-band" / sticky detachment when the
   internal list reaches its top or bottom limit.
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversResults
.gdone-admin-drivers-table-wrap {
  overscroll-behavior-x: none !important;
  overscroll-behavior-y: none !important;

  overflow-anchor: none !important;

  scroll-behavior: auto !important;

  isolation: isolate;
}


/*
  Keep the header as its own composited layer.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table thead {
  position: sticky !important;
  top: 0 !important;

  z-index: 20 !important;

  transform: translateZ(0);
  backface-visibility: hidden;

  background: rgba(245,246,251,.995) !important;
}


/*
  TH itself no longer needs to independently "float".
  The entire THEAD is sticky as one solid strip.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table thead th {
  position: static !important;

  background: rgba(245,246,251,.995) !important;

  box-shadow:
    0 1px 0 rgba(90,99,127,.12) !important;
}


/*
  Prevent first data row from visually painting over
  the sticky header during fast trackpad scrolling.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table tbody {
  position: relative;
  z-index: 1;
}


/* ---------------------------------------------------------
   2. ACTIVE SIDEBAR ITEM

   Highlight ONLY the icon tile itself.
   No wider outer rectangle.
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2Nav
.gd-ui-v2-nav-item.is-active {
  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;

  outline: 0 !important;
}


/*
  Bright, clearly visible border exactly around the icon tile.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2Nav
.gd-ui-v2-nav-item.is-active
.gd-ui-v2-nav-icon {
  background: rgba(101,125,255,.08) !important;

  border:
    2px solid
    rgba(118,142,255,1) !important;

  border-radius: .8rem !important;

  box-shadow:
    0 0 0 .12rem rgba(118,142,255,.18),
    0 .2rem .7rem rgba(72,92,190,.12) !important;

  color: #a8b7ff !important;

  transform: none !important;
}


/*
  Selected icon stays equally clear on hover.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2Nav
.gd-ui-v2-nav-item.is-active:hover {
  background: transparent !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2Nav
.gd-ui-v2-nav-item.is-active:hover
.gd-ui-v2-nav-icon {
  border-color: #91a7ff !important;

  background: rgba(112,135,255,.11) !important;
}


/* ---------------------------------------------------------
   3. EMAIL COLUMN
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table
tbody
td:nth-child(2) {
  font-size:
    clamp(.9rem, .96vw, 1rem) !important;

  line-height: 1.18 !important;

  font-weight: 700 !important;

  color: #5a647d !important;

  letter-spacing: -.008em;
}



/* =========================================================
   GDONE UI V2 KSEF REDESIGN V1
   ========================================================= */


/* ---------------------------------------------------------
   Whole module = fixed V2 workspace, NEVER page scroll
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;

  box-shadow: none !important;

  overflow: hidden !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel > .section-card-inner {
  display: grid !important;

  grid-template-rows:
    auto
    minmax(0, 1fr) !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;

  padding:
    .75rem
    .875rem
    0 !important;

  box-sizing: border-box !important;

  overflow: hidden !important;

  background: transparent !important;
}


/* ---------------------------------------------------------
   Title sits on portal background exactly like Drivers
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-admin-module-header {
  display: flex !important;

  align-items: center !important;

  min-width: 0 !important;

  margin:
    0
    0
    clamp(.75rem, 1.3vh, 1rem) !important;

  padding: 0 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-admin-module-title {
  margin: 0 !important;

  font-size:
    clamp(1.25rem, 1.55vw, 1.6rem) !important;

  line-height: 1.1 !important;

  font-weight: 900 !important;

  color: #313743 !important;
}


/*
  Safety: old dynamically created X must never appear
  in unified KSeF workspace.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
#gdoneKsefRegistryCloseBtn {
  display: none !important;
}


/* ---------------------------------------------------------
   Main KSeF card below title
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-v2-content {
  display: grid !important;

  grid-template-rows:
    auto
    auto
    auto
    minmax(0, 1fr) !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;

  padding:
    clamp(.8rem, 1.2vw, 1.15rem) !important;

  box-sizing: border-box !important;

  border:
    1px solid
    rgba(82, 94, 135, .22) !important;

  border-radius:
    clamp(.75rem, .9vw, 1rem) !important;

  background:
    rgba(248, 249, 253, .96) !important;

  box-shadow:
    0 .25rem .8rem
    rgba(42, 53, 89, .04) !important;

  overflow: hidden !important;
}


/* ---------------------------------------------------------
   Filters
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-filters {
  display: grid !important;

  grid-template-columns:
    repeat(4, minmax(0, 1fr)) !important;

  gap:
    clamp(.55rem, .8vw, .8rem)
    clamp(.6rem, .85vw, .9rem) !important;

  align-items: end !important;

  margin: 0 !important;

  min-width: 0 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.section-label {
  margin-bottom: .3rem !important;

  font-size:
    clamp(.76rem, .8vw, .87rem) !important;

  line-height: 1.15 !important;

  font-weight: 800 !important;

  color: #505971 !important;
}


/*
  More visible controls against the light portal background.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.input,
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
select {
  min-height:
    clamp(2.45rem, 5vh, 2.9rem) !important;

  padding:
    0
    clamp(.7rem, .95vw, .95rem) !important;

  border:
    1.5px solid
    rgba(82, 92, 124, .24) !important;

  border-radius: .75rem !important;

  background: #ffffff !important;

  color: #303746 !important;

  font-size:
    clamp(.8rem, .86vw, .94rem) !important;

  box-shadow:
    inset 0 1px 1px rgba(28,37,70,.025) !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.input:focus,
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
select:focus {
  border-color:
    rgba(91,111,220,.62) !important;

  box-shadow:
    0 0 0 .15rem
    rgba(91,111,220,.10) !important;

  outline: none !important;
}


/* ---------------------------------------------------------
   NIP row
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-bottom-row {
  display: block !important;

  margin:
    clamp(.55rem, 1vh, .8rem)
    0
    0 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-nip-wrap {
  display: grid !important;

  grid-template-columns:
    minmax(11rem, 16rem)
    auto !important;

  align-items: end !important;

  justify-content: start !important;

  gap: .6rem !important;

  width: fit-content !important;
  max-width: 100% !important;
}


/* Inter Cars */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminRegistryIntercarsBtn {
  min-height:
    clamp(2.45rem, 5vh, 2.9rem) !important;

  padding: 0 1rem !important;

  border:
    1px solid
    rgba(80, 91, 125, .20) !important;

  border-radius: .75rem !important;

  background: #eef1fb !important;

  color: #3e4868 !important;

  font-size:
    clamp(.78rem, .82vw, .9rem) !important;

  font-weight: 800 !important;

  cursor: pointer !important;
}


/* ---------------------------------------------------------
   CLEAR left / SEARCH right
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-actions {
  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  width: 100% !important;

  gap: 1rem !important;

  margin:
    clamp(.7rem, 1.15vh, .95rem)
    0
    clamp(.55rem, 1vh, .8rem) !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneKsefRegistryClearBtn,
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminRegistrySearchBtn {
  width: auto !important;

  min-width:
    clamp(8.5rem, 10vw, 11rem) !important;

  min-height:
    clamp(2.55rem, 5.1vh, 3rem) !important;

  padding:
    0
    clamp(1.15rem, 1.5vw, 1.6rem) !important;

  border-radius: .78rem !important;

  font-size:
    clamp(.84rem, .9vw, .98rem) !important;

  font-weight: 850 !important;

  line-height: 1 !important;
}


/* Clear = secondary */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneKsefRegistryClearBtn {
  margin-right: auto !important;

  border:
    1.5px solid
    rgba(83, 93, 125, .26) !important;

  background: #ffffff !important;

  color: #3c4455 !important;

  box-shadow: none !important;
}


/* Search = clear primary action */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminRegistrySearchBtn {
  margin-left: auto !important;

  border:
    1px solid
    #4e60d0 !important;

  background: #5668d9 !important;

  color: #ffffff !important;

  box-shadow:
    0 .3rem .9rem
    rgba(70,87,191,.14) !important;
}


/* ---------------------------------------------------------
   Results = ONLY vertical scrolling zone
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneKsefRegistryResults {
  display: flex !important;

  flex-direction: column !important;

  width: 100% !important;
  min-width: 0 !important;

  min-height: 0 !important;

  overflow: hidden !important;
}


/*
  The table, not the page/card, owns scrolling.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneKsefRegistryResults
.gdone-ksef-registry-table-wrap {
  flex: 1 1 auto !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;

  margin-top: .45rem !important;

  overflow-y: auto !important;
  overflow-x: auto !important;

  overscroll-behavior: none !important;
  overflow-anchor: none !important;

  border:
    1px solid
    rgba(87, 98, 132, .19) !important;

  border-radius: .8rem !important;

  background: #ffffff !important;

  scrollbar-gutter: stable !important;
}


/* Stable sticky header as one strip */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table thead {
  position: sticky !important;

  top: 0 !important;

  z-index: 20 !important;

  transform: translateZ(0);

  background:
    rgba(243,245,250,.995) !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table thead th {
  position: static !important;

  background:
    rgba(243,245,250,.995) !important;

  box-shadow:
    0 1px 0
    rgba(85,95,126,.13) !important;
}


/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */

@media (max-width: 72rem) {

  body.in-cashier.gdone-ui-v2-active
  #gdUiV2ModuleHost
  #gdoneAdminKsefInboxPanel
  .gdone-ksef-registry-filters {
    grid-template-columns:
      repeat(3, minmax(0, 1fr)) !important;
  }

}


@media (max-width: 52rem) {

  body.in-cashier.gdone-ui-v2-active
  #gdUiV2ModuleHost
  #gdoneAdminKsefInboxPanel
  .gdone-ksef-registry-filters {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }

}


@media (max-width: 38rem) {

  body.in-cashier.gdone-ui-v2-active
  #gdUiV2ModuleHost
  #gdoneAdminKsefInboxPanel
  .gdone-ksef-registry-filters {
    grid-template-columns:
      minmax(0, 1fr) !important;
  }

  body.in-cashier.gdone-ui-v2-active
  #gdUiV2ModuleHost
  #gdoneAdminKsefInboxPanel
  .gdone-ksef-registry-actions {
    gap: .6rem !important;
  }

  body.in-cashier.gdone-ui-v2-active
  #gdUiV2ModuleHost
  #gdoneKsefRegistryClearBtn,
  body.in-cashier.gdone-ui-v2-active
  #gdUiV2ModuleHost
  #gdoneAdminRegistrySearchBtn {
    min-width: 0 !important;
    flex: 1 1 0 !important;
  }

}



/* =========================================================
   GDONE UI V2 KSEF COLUMNS V2
   Fit the registry into the available workspace width.
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table {
  width: 100% !important;
  min-width: 0 !important;

  table-layout: fixed !important;

  font-size:
    clamp(.72rem, .76vw, .82rem) !important;
}


/* 1 — Data */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table th:nth-child(1),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table td:nth-child(1) {
  width: 7% !important;
}


/* 2 — Nr KSeF: deliberately wider */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table th:nth-child(2),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table td:nth-child(2) {
  width: 15% !important;
}


/* 3 — Nr faktury */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table th:nth-child(3),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table td:nth-child(3) {
  width: 12% !important;
}


/* 4 — Sprzedawca / NIP */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table th:nth-child(4),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table td:nth-child(4) {
  width: 10% !important;
}


/* 5 — Brutto */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table th:nth-child(5),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table td:nth-child(5) {
  width: 6% !important;
}


/* 6 — VAT */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table th:nth-child(6),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table td:nth-child(6) {
  width: 5% !important;
}


/* 7 — Status */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table th:nth-child(7),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table td:nth-child(7) {
  width: 8% !important;
}


/* 8 — Kierowca */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table th:nth-child(8),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table td:nth-child(8) {
  width: 8% !important;
}


/* 9 — Dodał administrator */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table th:nth-child(9),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table td:nth-child(9) {
  width: 8% !important;
}


/* 10 — Źródło: keep room for diagnostics/source text */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table th:nth-child(10),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table td:nth-child(10) {
  width: 14% !important;
}


/* 11 — Działania */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table th:nth-child(11),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table td:nth-child(11) {
  width: 7% !important;

  min-width: 0 !important;
  max-width: none !important;
}


/*
  Legacy KSeF CSS fixed the last column to 150px.
  Cancel that in V2.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table th:last-child,
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table td:last-child {
  min-width: 0 !important;
  max-width: none !important;

  right: 0 !important;
}


/* Slightly tighter cells to make the full table comfortable. */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table th,
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table td {
  padding:
    clamp(.4rem, .65vh, .55rem)
    clamp(.35rem, .45vw, .55rem) !important;

  line-height: 1.18 !important;
}


/*
  Date has a known format — don't waste width wrapping it.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table td:nth-child(1) {
  white-space: nowrap !important;
}


/*
  Admin now contains only a display name.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table td:nth-child(9)
.gdone-ksef-small {
  font-size:
    clamp(.72rem, .76vw, .82rem) !important;

  font-weight: 800 !important;

  white-space: normal !important;

  color: #626b84 !important;
}


/*
  Keep source readable but compact.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table td:nth-child(10)
.gdone-ksef-small {
  font-size:
    clamp(.66rem, .7vw, .76rem) !important;

  line-height: 1.15 !important;
}


/*
  Action button should fit the new compact action column.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-reject-btn {
  min-width: 0 !important;

  width: 100% !important;

  padding:
    .45rem
    .4rem !important;

  font-size:
    clamp(.68rem, .72vw, .78rem) !important;
}



/* =========================================================
   GDONE UI V2 KSEF COMPACT V3_1
   ========================================================= */

/* Make filter area vertically tighter. */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-v2-content {
  padding:
    clamp(.55rem, .8vw, .8rem)
    clamp(.7rem, 1vw, .95rem)
    clamp(.5rem, .7vw, .7rem) !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-filters {
  gap:
    clamp(.35rem, .5vw, .5rem)
    clamp(.5rem, .7vw, .7rem) !important;
}


/* Slightly lower controls = more table space. */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.input,
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
select {
  min-height:
    clamp(2.15rem, 4.1vh, 2.45rem) !important;
}


/* =========================================================
   ONE THIRD ROW
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-bottom-row {
  display: grid !important;

  grid-template-columns:
    auto
    minmax(7rem, 1fr)
    auto !important;

  align-items: end !important;

  gap:
    clamp(.7rem, 1vw, 1.1rem) !important;

  margin:
    clamp(.35rem, .6vh, .5rem)
    0
    clamp(.45rem, .7vh, .6rem) !important;
}


/* Left side: NIP + Inter Cars */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-nip-wrap {
  display: grid !important;

  grid-template-columns:
    clamp(9rem, 14vw, 12rem)
    auto !important;

  align-items: end !important;

  gap: .5rem !important;

  width: auto !important;
}


/* Inter Cars exactly same height as input */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminRegistryIntercarsBtn {
  height:
    clamp(2.15rem, 4.1vh, 2.45rem) !important;

  min-height:
    clamp(2.15rem, 4.1vh, 2.45rem) !important;

  padding:
    0
    clamp(.75rem, .9vw, 1rem) !important;

  border:
    1.5px solid
    rgba(82,92,124,.24) !important;

  border-radius: .75rem !important;

  background: #fff !important;

  color: #394256 !important;

  font-size:
    clamp(.76rem, .8vw, .88rem) !important;

  font-weight: 800 !important;

  box-shadow: none !important;
}


/* Middle compact found counter */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneKsefRegistryCount {
  justify-self: center !important;
  align-self: end !important;

  min-width:
    clamp(7rem, 9vw, 8.5rem) !important;

  width: auto !important;

  height:
    clamp(2.15rem, 4.1vh, 2.45rem) !important;

  padding:
    0
    clamp(.7rem, .9vw, .95rem) !important;

  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  border:
    1px solid
    rgba(218,165,48,.38) !important;

  border-radius: .75rem !important;

  background:
    rgba(255,247,209,.96) !important;

  color: #79520a !important;

  font-size:
    clamp(.76rem, .8vw, .88rem) !important;

  font-weight: 850 !important;

  white-space: nowrap !important;

  box-sizing: border-box !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneKsefRegistryCount.hidden {
  visibility: hidden !important;
}


/* Right side: Clear + Search */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-actions {
  display: flex !important;

  align-items: center !important;
  justify-content: flex-end !important;

  gap: .5rem !important;

  width: auto !important;

  margin: 0 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneKsefRegistryClearBtn,
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminRegistrySearchBtn {
  height:
    clamp(2.15rem, 4.1vh, 2.45rem) !important;

  min-height:
    clamp(2.15rem, 4.1vh, 2.45rem) !important;

  min-width:
    clamp(6.8rem, 8vw, 8rem) !important;

  padding:
    0
    clamp(.75rem, .95vw, 1.05rem) !important;
}


/* =========================================================
   COMPACT RESULT ROWS
   ========================================================= */

/* Source no longer needs giant diagnostic width. */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table th:nth-child(10),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table td:nth-child(10) {
  width: 10% !important;
}


/* Give extra width to KSeF number. */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table th:nth-child(2),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table td:nth-child(2) {
  width: 18% !important;
}


/* Friendly source text */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table td:nth-child(10)
.gdone-ksef-small {
  font-size:
    clamp(.72rem, .76vw, .82rem) !important;

  line-height: 1.12 !important;

  font-weight: 750 !important;

  color: #606a82 !important;

  white-space: normal !important;
}


/* Tighter rows */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table th,
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table td {
  padding:
    clamp(.3rem, .46vh, .4rem)
    clamp(.3rem, .4vw, .45rem) !important;

  line-height: 1.1 !important;
}


/* Compact status */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-status-pill {
  padding:
    .2rem
    .4rem !important;

  line-height: 1 !important;
}



/* =========================================================
   GDONE UI V2 KSEF STATUS CENTER V4
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table th:nth-child(7),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table td:nth-child(7) {
  text-align: center !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table td:nth-child(7) {
  vertical-align: middle !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-status-pill {
  justify-content: center !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}



/* =========================================================
   GDONE UI V2 KSEF FINAL V5_1
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-row-weekly {
  background:
    rgba(247,228,227,.66) !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-row-weekly td:last-child {
  background:
    rgba(247,228,227,.98) !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table th:nth-child(9) {
  white-space: nowrap !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table th:nth-child(7),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-registry-table td:nth-child(7) {
  text-align: center !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminKsefInboxPanel
.gdone-ksef-status-pill {
  justify-content: center !important;
  text-align: center !important;
  margin-inline: auto !important;
}



/* =========================================================
   GDONE UI V2 EXTERNAL V1
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneExternalInvoicesPanel {
  height: 100% !important;
  min-height: 0 !important;

  padding: 0 !important;
  margin: 0 !important;

  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;

  overflow: hidden !important;
}


/* Whole module uses the available viewport height. */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneExternalInvoicesPanel
.section-card-inner {
  height: 100% !important;
  min-height: 0 !important;

  display: flex !important;
  flex-direction: column !important;

  padding:
    clamp(.35rem, .7vh, .55rem)
    clamp(.35rem, .55vw, .65rem)
    clamp(.55rem, 1vh, .8rem) !important;

  box-sizing: border-box !important;

  background: transparent !important;
}


/* =========================================================
   HEADER
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-v2-header {
  flex: 0 0 auto;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: clamp(.7rem, 1vw, 1.1rem);

  margin-bottom:
    clamp(.55rem, .9vh, .8rem);
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-v2-header
#gdoneExternalInvoicesTitle {
  margin: 0 !important;

  font-size:
    clamp(1.25rem, 1.65vw, 1.65rem) !important;

  line-height: 1.1 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-v2-refresh {
  min-width:
    clamp(7.5rem, 9vw, 9rem) !important;

  min-height:
    clamp(2.25rem, 4.3vh, 2.65rem) !important;

  padding:
    0
    clamp(.8rem, 1vw, 1rem) !important;
}


/* =========================================================
   SEARCH + ACTIONS
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-v2-toolbar {
  flex: 0 0 auto;

  display: grid !important;

  grid-template-columns:
    minmax(0, 1fr)
    auto
    auto !important;

  gap:
    clamp(.5rem, .75vw, .75rem);

  align-items: center;

  padding:
    clamp(.55rem, .8vw, .75rem);

  border:
    1px solid rgba(81,95,139,.18);

  border-radius:
    clamp(.8rem, 1vw, 1rem);

  background:
    rgba(248,249,253,.92);
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-v2-toolbar
.input,
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-v2-toolbar
.btn {
  height:
    clamp(2.25rem, 4.3vh, 2.65rem) !important;

  min-height:
    clamp(2.25rem, 4.3vh, 2.65rem) !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-v2-toolbar
.btn {
  min-width:
    clamp(7.5rem, 9vw, 9.5rem);

  white-space: nowrap;
}


/* Compact count. */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-v2-count {
  flex: 0 0 auto;

  margin:
    clamp(.35rem, .6vh, .5rem)
    0
    clamp(.3rem, .5vh, .45rem) !important;

  padding-left:
    clamp(.2rem, .35vw, .35rem);

  color: #66708d !important;

  font-size:
    clamp(.72rem, .76vw, .82rem) !important;

  font-weight: 750 !important;
}


/* =========================================================
   LIST
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneExternalPersonList {
  flex: 1 1 auto !important;

  min-height: 0 !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;

  overscroll-behavior: contain;

  padding:
    0
    clamp(.15rem, .25vw, .3rem)
    clamp(.4rem, .7vh, .65rem) !important;

  margin: 0 !important;

  scrollbar-gutter: stable;
}


/* Compact but readable person cards. */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-person-row {
  display: grid !important;

  grid-template-columns:
    minmax(10rem, 1fr)
    auto !important;

  align-items: center !important;

  gap:
    clamp(.75rem, 1vw, 1.15rem) !important;

  padding:
    clamp(.55rem, .75vh, .7rem)
    clamp(.7rem, .95vw, .95rem) !important;

  margin-bottom:
    clamp(.35rem, .55vh, .5rem);

  border:
    1px solid rgba(89,99,143,.17) !important;

  border-radius:
    clamp(.7rem, .9vw, .9rem) !important;

  background: #fff !important;

  box-sizing: border-box;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-person-main {
  min-width: 0;

  display: flex;
  flex-direction: column;

  align-items: flex-start;

  gap: .28rem;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-person-name {
  font-size:
    clamp(.88rem, .95vw, 1.02rem) !important;

  line-height: 1.15 !important;

  font-weight: 850 !important;
}


/* Former-driver badge + reactivate stacked underneath name. */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-former-stack {
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;

  gap: .22rem;

  width: max-content;
  max-width: 100%;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-former-driver-badge,
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-reactivate-compact {
  box-sizing: border-box;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 1.35rem;

  padding:
    .16rem
    .5rem;

  border-radius: 999px;

  font-size:
    clamp(.63rem, .68vw, .73rem);

  line-height: 1;

  font-weight: 850;

  white-space: nowrap;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-former-driver-badge {
  margin: 0 !important;

  border: 1px solid rgba(91,82,169,.08);

  background: #e9e7ff !important;
  color: #514995 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-reactivate-compact {
  border:
    1px solid rgba(82,93,136,.16);

  background:
    rgba(247,248,253,.98);

  color: #404863;

  cursor: pointer;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-reactivate-compact:hover {
  background:
    rgba(239,241,250,.98);
}


/* =========================================================
   RIGHT SIDE OF PERSON CARD
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-person-actions {
  display: flex !important;

  align-items: center !important;
  justify-content: flex-end !important;

  gap:
    clamp(.45rem, .65vw, .7rem) !important;

  flex-wrap: nowrap !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-balance-wrap {
  display: inline-flex;

  align-items: center;

  gap: .38rem;

  white-space: nowrap;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-balance {
  font-size:
    clamp(.72rem, .78vw, .84rem) !important;

  line-height: 1.15;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-balance-info {
  flex: 0 0 auto;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-invoices-button {
  min-width:
    clamp(6.7rem, 7.7vw, 8rem) !important;

  min-height:
    clamp(2.15rem, 4vh, 2.45rem) !important;

  padding:
    0
    clamp(.65rem, .85vw, .9rem) !important;

  display: inline-flex !important;

  align-items: center;
  justify-content: center;

  gap: .4rem;

  white-space: nowrap;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-invoice-button-count {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-width: 1.45rem;

  min-height: 1.3rem;

  padding: 0 .35rem;

  border-radius: 999px;

  background:
    rgba(255,255,255,.22);

  font-size: .78em;

  font-weight: 900;
}


/* Editors/status remain above the scrolling list. */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneExternalInvoicesCreatePerson:not(.hidden),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneExternalInvoicesEditor:not(.hidden),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneExternalInvoicesStatus:not(.hidden) {
  flex: 0 0 auto;
}


/* Invoice details can use available space cleanly. */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneExternalInvoiceDetails:not(.hidden) {
  flex: 0 1 auto;

  max-height: 52%;

  overflow: auto;
}


/* Smaller screens remain fluid. */
@media (max-width: 900px) {

  body.in-cashier.gdone-ui-v2-active
  #gdUiV2ModuleHost
  .gdone-external-v2-toolbar {
    grid-template-columns:
      minmax(0,1fr)
      auto !important;
  }

  body.in-cashier.gdone-ui-v2-active
  #gdUiV2ModuleHost
  .gdone-external-v2-toolbar
  #gdoneExternalInvoicesSearch {
    grid-column: 1 / -1;
  }

  body.in-cashier.gdone-ui-v2-active
  #gdUiV2ModuleHost
  .gdone-external-person-row {
    grid-template-columns: 1fr !important;
  }

  body.in-cashier.gdone-ui-v2-active
  #gdUiV2ModuleHost
  .gdone-external-person-actions {
    justify-content: space-between !important;
  }
}



/* =========================================================
   GDONE UI V2 EXTERNAL LIST V2
   ========================================================= */


/* ---------------------------------------------------------
   TOP ACTION BUTTONS
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneExternalInvoicesAddPersonBtn,
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneExternalInvoicesEditBtn {
  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  height:
    clamp(2.35rem, 4.4vh, 2.7rem) !important;

  min-height:
    clamp(2.35rem, 4.4vh, 2.7rem) !important;

  min-width:
    clamp(8.5rem, 10vw, 10rem) !important;

  padding:
    0
    clamp(.9rem, 1.15vw, 1.2rem) !important;

  border-radius:
    .78rem !important;

  line-height: 1 !important;

  font-size:
    clamp(.78rem, .82vw, .9rem) !important;

  font-weight: 850 !important;

  white-space: nowrap !important;

  text-align: center !important;

  box-sizing: border-box !important;
}


/* Add = primary action */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneExternalInvoicesAddPersonBtn {
  background:
    #586bdc !important;

  border:
    1px solid #586bdc !important;

  color:
    #fff !important;

  box-shadow:
    0 .35rem .9rem
    rgba(71,86,190,.16) !important;
}


/* Edit = secondary */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneExternalInvoicesEditBtn {
  background:
    #fff !important;

  border:
    1px solid
    rgba(92,103,145,.24) !important;

  color:
    #303850 !important;

  box-shadow:
    none !important;
}


/* ---------------------------------------------------------
   ONE UNIFIED LIST CONTAINER
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneExternalPersonList {
  flex: 1 1 auto !important;

  min-height: 0 !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;

  padding: 0 !important;

  margin: 0 !important;

  border:
    1px solid
    rgba(86,98,139,.18) !important;

  border-radius:
    clamp(.8rem, 1vw, 1rem) !important;

  background:
    rgba(255,255,255,.98) !important;

  scrollbar-gutter: stable;

  overscroll-behavior: contain;
}


/* ---------------------------------------------------------
   ROW = list line, not separate card
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-person-row {
  display: grid !important;

  grid-template-columns:
    minmax(11rem, 1.45fr)
    minmax(8rem, .85fr)
    minmax(9rem, 1fr)
    minmax(11rem, 1.45fr)
    auto !important;

  align-items: center !important;

  column-gap:
    clamp(.65rem, .9vw, 1rem) !important;

  min-height:
    clamp(3rem, 5.4vh, 3.45rem) !important;

  padding:
    clamp(.48rem, .7vh, .65rem)
    clamp(.75rem, 1vw, 1rem) !important;

  margin: 0 !important;

  border: 0 !important;

  border-bottom:
    1px solid
    rgba(86,98,139,.12) !important;

  border-radius: 0 !important;

  background:
    transparent !important;

  box-shadow:
    none !important;

  box-sizing:
    border-box !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-person-row:last-child {
  border-bottom: 0 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-person-row:hover {
  background:
    rgba(247,249,254,.9) !important;
}


/* ---------------------------------------------------------
   NAME
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-person-name {
  min-width: 0;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-size:
    clamp(.96rem, 1.02vw, 1.08rem) !important;

  line-height: 1.15 !important;

  font-weight: 850 !important;

  color:
    #252d48 !important;
}


/* ---------------------------------------------------------
   STATUS BADGES
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-person-type {
  display: flex;

  align-items: center;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-type-badge {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-height: 1.45rem;

  padding:
    .2rem
    .55rem;

  border-radius: 999px;

  font-size:
    clamp(.66rem, .7vw, .76rem);

  line-height: 1;

  font-weight: 850;

  white-space: nowrap;

  box-sizing: border-box;
}


/* Former driver = purple */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-type-badge.is-former {
  color:
    #514995;

  background:
    #e9e7ff;

  border:
    1px solid
    rgba(84,74,160,.10);
}


/* Added manually = blue */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-type-badge.is-manual {
  color:
    #276381;

  background:
    rgba(220,240,250,.96);

  border:
    1px solid
    rgba(63,142,180,.14);
}


/* ---------------------------------------------------------
   REACTIVATE
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-person-reactivate {
  min-width: 0;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-reactivate-row {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-height:
    clamp(2rem, 3.8vh, 2.3rem);

  padding:
    0
    clamp(.65rem, .85vw, .85rem);

  border:
    1px solid
    rgba(92,103,145,.2);

  border-radius:
    .7rem;

  background:
    rgba(247,248,253,.98);

  color:
    #343c57;

  font-size:
    clamp(.7rem, .74vw, .8rem);

  font-weight:
    800;

  white-space:
    nowrap;

  cursor:
    pointer;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-reactivate-row:hover {
  background:
    rgba(238,241,250,.98);
}


/* ---------------------------------------------------------
   BALANCE
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-person-balance {
  display: flex;

  justify-content: flex-end;

  min-width: 0;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-balance-wrap {
  display: inline-flex;

  align-items: center;

  justify-content: flex-end;

  gap: .4rem;

  white-space: nowrap;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-balance {
  font-size:
    clamp(.72rem, .78vw, .84rem) !important;

  line-height:
    1.15;
}


/* ---------------------------------------------------------
   INVOICE BUTTON
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-person-invoices {
  display: flex;

  justify-content: flex-end;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-invoices-button {
  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  gap:
    .42rem !important;

  min-width:
    clamp(7rem, 8vw, 8.4rem) !important;

  height:
    clamp(2.15rem, 4vh, 2.45rem) !important;

  min-height:
    clamp(2.15rem, 4vh, 2.45rem) !important;

  padding:
    0
    clamp(.7rem, .9vw, .95rem) !important;

  border-radius:
    .72rem !important;

  white-space:
    nowrap !important;

  font-size:
    clamp(.74rem, .78vw, .84rem) !important;

  font-weight:
    850 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-invoice-button-count {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-width:
    1.5rem;

  height:
    1.35rem;

  padding:
    0 .35rem;

  border-radius:
    999px;

  background:
    rgba(255,255,255,.22);

  font-size:
    .78em;

  font-weight:
    900;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 1050px) {

  body.in-cashier.gdone-ui-v2-active
  #gdUiV2ModuleHost
  .gdone-external-person-row {
    grid-template-columns:
      minmax(10rem,1.3fr)
      minmax(7rem,.8fr)
      minmax(8rem,.9fr)
      minmax(9rem,1.2fr)
      auto !important;

    column-gap:
      .55rem !important;
  }

}



/* =========================================================
   GDONE UI V2 EXTERNAL POLISH V3
   ========================================================= */


/* ---------------------------------------------------------
   Force module to use the whole available workspace height.
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneExternalInvoicesPanel {
  position: relative !important;

  height: 100% !important;
  min-height: 0 !important;

  flex: 1 1 0 !important;

  overflow: hidden !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneExternalInvoicesPanel
.section-card-inner {
  position: absolute !important;

  inset:
    0
    0
    0
    0 !important;

  width: auto !important;
  height: auto !important;

  min-height: 0 !important;

  display: flex !important;
  flex-direction: column !important;

  overflow: hidden !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneExternalPersonList {
  flex: 1 1 0 !important;

  height: 0 !important;
  min-height: 0 !important;

  max-height: none !important;

  overflow-y: auto !important;
}


/* ---------------------------------------------------------
   TOP BUTTONS
   --------------------------------------------------------- */

/* Refresh = secondary / light */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneExternalInvoicesRefreshBtn {
  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  background: #fff !important;

  color: #303850 !important;

  border:
    1px solid
    rgba(87,99,143,.24) !important;

  box-shadow: none !important;

  font-weight: 850 !important;

  text-align: center !important;
}


/* Add + Edit = same primary family */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneExternalInvoicesAddPersonBtn,
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneExternalInvoicesEditBtn {
  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  background:
    #6676dc !important;

  color:
    #fff !important;

  border:
    1px solid
    #6676dc !important;

  box-shadow:
    0 .28rem .7rem
    rgba(74,88,185,.13) !important;

  font-weight: 850 !important;

  text-align: center !important;
}


/* ---------------------------------------------------------
   LIST COLUMN GEOMETRY
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-person-row {
  /*
   * Name column is deliberately shorter now,
   * so the status starts closer to even long names.
   */
  grid-template-columns:
    minmax(12rem, 1.15fr)
    minmax(8.2rem, .7fr)
    minmax(8.8rem, .78fr)
    minmax(12rem, 1.25fr)
    auto !important;

  column-gap:
    clamp(.38rem, .58vw, .65rem) !important;

  align-items: center !important;

  min-height:
    clamp(2.85rem, 4.8vh, 3.15rem) !important;

  padding:
    clamp(.32rem, .5vh, .45rem)
    clamp(.7rem, .9vw, .9rem) !important;
}


/* Every cell is vertically centered in the row. */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-person-name,
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-person-type,
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-person-reactivate,
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-person-balance,
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-person-invoices {
  align-self: center !important;

  display: flex !important;

  align-items: center !important;
}


/* ---------------------------------------------------------
   NAME
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-person-name {
  font-size:
    clamp(1rem, 1.08vw, 1.13rem) !important;

  line-height: 1 !important;
}


/* ---------------------------------------------------------
   STATUS BADGES
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-person-type {
  justify-content: flex-start !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-type-badge {
  height:
    clamp(1.55rem, 2.65vh, 1.75rem) !important;

  min-height:
    clamp(1.55rem, 2.65vh, 1.75rem) !important;

  padding:
    0
    clamp(.55rem, .7vw, .7rem) !important;

  line-height: 1 !important;

  box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   REACTIVATE = same visual geometry as the status pill,
   but highlighted as an ACTION.
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-person-reactivate {
  justify-content: flex-start !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-reactivate-row {
  height:
    clamp(1.55rem, 2.65vh, 1.75rem) !important;

  min-height:
    clamp(1.55rem, 2.65vh, 1.75rem) !important;

  padding:
    0
    clamp(.58rem, .75vw, .78rem) !important;

  border-radius:
    999px !important;

  border:
    1px solid
    rgba(211,150,29,.28) !important;

  background:
    rgba(255,241,203,.96) !important;

  color:
    #8b5d08 !important;

  box-shadow:
    none !important;

  font-size:
    clamp(.66rem, .7vw, .76rem) !important;

  line-height: 1 !important;

  font-weight:
    850 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-reactivate-row:hover {
  background:
    rgba(255,232,173,.98) !important;

  border-color:
    rgba(196,128,12,.4) !important;
}


/* ---------------------------------------------------------
   OPEN BALANCE
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-person-balance {
  justify-content: flex-end !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-balance {
  font-size:
    clamp(.8rem, .86vw, .92rem) !important;

  line-height:
    1 !important;

  font-weight:
    750 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-balance strong {
  font-size:
    1.05em !important;

  font-weight:
    900 !important;
}


/* ---------------------------------------------------------
   INVOICE BUTTON — lighter and more readable
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-invoices-button {
  min-width:
    clamp(8rem, 9vw, 9.4rem) !important;

  height:
    clamp(2.25rem, 4.15vh, 2.55rem) !important;

  min-height:
    clamp(2.25rem, 4.15vh, 2.55rem) !important;

  padding:
    0
    clamp(.85rem, 1vw, 1.05rem) !important;

  background:
    #7d8be3 !important;

  border:
    1px solid
    #7d8be3 !important;

  color:
    #fff !important;

  box-shadow:
    0 .28rem .7rem
    rgba(70,84,178,.13) !important;

  font-size:
    clamp(.82rem, .86vw, .92rem) !important;

  font-weight:
    850 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-external-invoice-button-count {
  min-width:
    1.7rem !important;

  height:
    1.55rem !important;

  padding:
    0 .42rem !important;

  background:
    rgba(255,255,255,.28) !important;

  color:
    #fff !important;

  font-size:
    .88em !important;

  font-weight:
    950 !important;
}


/* ---------------------------------------------------------
   Medium-width tuning
   --------------------------------------------------------- */

@media (max-width: 1200px) {

  body.in-cashier.gdone-ui-v2-active
  #gdUiV2ModuleHost
  .gdone-external-person-row {
    grid-template-columns:
      minmax(10rem,1.05fr)
      minmax(7.6rem,.72fr)
      minmax(8rem,.75fr)
      minmax(10rem,1.1fr)
      auto !important;
  }

}



/* =========================================================
   GDONE UI V2 RENTAL V1
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal:not(.hidden) {
  position: relative !important;

  inset: auto !important;

  width: 100% !important;
  height: 100% !important;

  min-height: 0 !important;

  display: block !important;

  background: transparent !important;

  overflow: hidden !important;
}


/* Remove modal backdrop inside dedicated workspace. */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-backdrop {
  display: none !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-dialog {
  position: relative !important;

  inset: auto !important;

  width: 100% !important;
  max-width: none !important;

  height: 100% !important;
  max-height: none !important;

  min-height: 0 !important;

  margin: 0 !important;

  padding:
    clamp(.35rem, .7vh, .55rem)
    clamp(.35rem, .55vw, .65rem)
    clamp(.55rem, .9vh, .75rem) !important;

  display: flex !important;
  flex-direction: column !important;

  box-sizing: border-box !important;

  border: 0 !important;

  border-radius: 0 !important;

  background: transparent !important;

  box-shadow: none !important;

  overflow: hidden !important;
}


/* ---------------------------------------------------------
   HEADER
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-admin-module-header {
  flex: 0 0 auto !important;

  display: flex !important;

  align-items: center !important;
  justify-content: space-between !important;

  gap:
    clamp(.7rem, 1vw, 1.1rem) !important;

  margin-bottom:
    clamp(.55rem, .9vh, .8rem) !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsTitle {
  margin: 0 !important;

  font-size:
    clamp(1.25rem, 1.65vw, 1.65rem) !important;

  line-height: 1.1 !important;
}


/* Hide close X */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsCloseBtn {
  display: none !important;
}


/* Technical subtitle no longer needed */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsSubtitle {
  display: none !important;
}


/* Header actions */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-admin-module-header-actions {
  display: flex !important;

  align-items: center !important;

  gap:
    clamp(.45rem, .65vw, .7rem) !important;
}


/* Add = primary */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsAddBtn {
  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  min-width:
    clamp(8rem, 9vw, 9.5rem) !important;

  height:
    clamp(2.3rem, 4.2vh, 2.6rem) !important;

  min-height:
    clamp(2.3rem, 4.2vh, 2.6rem) !important;

  padding:
    0
    clamp(.8rem, 1vw, 1rem) !important;

  margin: 0 !important;

  background:
    #6676dc !important;

  border:
    1px solid #6676dc !important;

  border-radius:
    .78rem !important;

  color:
    #fff !important;

  font-weight:
    850 !important;

  box-shadow:
    0 .28rem .7rem
    rgba(74,88,185,.13) !important;

  white-space: nowrap !important;
}


/* Refresh = secondary */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsRefreshBtn {
  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  min-width:
    clamp(7.2rem, 8.5vw, 8.8rem) !important;

  height:
    clamp(2.3rem, 4.2vh, 2.6rem) !important;

  min-height:
    clamp(2.3rem, 4.2vh, 2.6rem) !important;

  padding:
    0
    clamp(.8rem, 1vw, 1rem) !important;

  background:
    #fff !important;

  border:
    1px solid
    rgba(87,99,143,.24) !important;

  border-radius:
    .78rem !important;

  color:
    #303850 !important;

  font-weight:
    850 !important;

  box-shadow:
    none !important;

  white-space: nowrap !important;
}


/* Old bottom toolbar becomes structural only. */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-toolbar {
  display: none !important;
}


/* ---------------------------------------------------------
   STATUS / FORM
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsMsg:not(.hidden) {
  flex: 0 0 auto !important;

  margin-bottom:
    clamp(.45rem, .7vh, .65rem) !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsFormBox:not(.hidden) {
  flex: 0 0 auto !important;

  margin:
    0
    0
    clamp(.55rem, .8vh, .75rem)
    0 !important;

  max-height:
    min(42vh, 24rem) !important;

  overflow-y: auto !important;
}


/* ---------------------------------------------------------
   TABLE CONTAINER
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table-wrap {
  flex: 1 1 0 !important;

  min-height: 0 !important;

  max-height: none !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;

  border:
    1px solid
    rgba(86,98,139,.18) !important;

  border-radius:
    clamp(.8rem, 1vw, 1rem) !important;

  background:
    rgba(255,255,255,.98) !important;

  scrollbar-gutter: stable;

  overscroll-behavior: contain;
}


/* ---------------------------------------------------------
   TABLE
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table {
  width: 100% !important;

  min-width: 0 !important;

  table-layout: fixed !important;

  border-collapse: separate !important;
  border-spacing: 0 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table thead {
  position: sticky !important;

  top: 0 !important;

  z-index: 4 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table th {
  background:
    rgba(245,247,252,.98) !important;

  color:
    #5d6681 !important;

  font-size:
    clamp(.72rem, .77vw, .82rem) !important;

  font-weight:
    850 !important;

  text-align: left !important;

  white-space: nowrap !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table th,
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table td {
  padding:
    clamp(.48rem, .7vh, .62rem)
    clamp(.65rem, .85vw, .85rem) !important;

  border-bottom:
    1px solid
    rgba(86,98,139,.1) !important;

  vertical-align: middle !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table tbody tr:last-child td {
  border-bottom: 0 !important;
}


/* Fluid column proportions */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table th:nth-child(1),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table td:nth-child(1) {
  width: 22% !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table th:nth-child(2),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table td:nth-child(2) {
  width: 38% !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table th:nth-child(3),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table td:nth-child(3) {
  width: 16% !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table th:nth-child(4),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table td:nth-child(4) {
  width: 8% !important;

  text-align: center !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table th:nth-child(5),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table td:nth-child(5) {
  width: 16% !important;

  text-align: right !important;
}


/* Main table text */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-rental-cars-driver-cell,
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-rental-cars-car-main,
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-rental-cars-plate-cell {
  font-size:
    clamp(.86rem, .92vw, .98rem) !important;

  line-height: 1.15 !important;

  font-weight:
    800 !important;
}


/* VIN stays secondary */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-rental-cars-car-vin {
  display: block;

  margin-top: .18rem;

  color: #747d96;

  font-size:
    clamp(.65rem, .7vw, .76rem);
}


/* Unassign = compact action */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-rental-cars-unassign-btn {
  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  min-width:
    clamp(6.6rem, 7.4vw, 7.8rem) !important;

  min-height:
    clamp(2rem, 3.7vh, 2.3rem) !important;

  padding:
    0
    clamp(.65rem, .8vw, .85rem) !important;

  border:
    1px solid
    rgba(195,119,42,.22) !important;

  border-radius:
    .7rem !important;

  background:
    rgba(255,244,221,.96) !important;

  color:
    #8d5916 !important;

  font-size:
    clamp(.7rem, .75vw, .8rem) !important;

  font-weight:
    850 !important;

  white-space:
    nowrap !important;

  box-shadow:
    none !important;
}



/* =========================================================
   GDONE UI V2 RENTAL START DATE V2
   ========================================================= */

/* Give the module a little breathing room above screen edge. */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-dialog {
  padding-bottom:
    clamp(1rem, 1.5vh, 1.3rem) !important;
}


/* Six-column fluid layout. */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table th:nth-child(1),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table td:nth-child(1) {
  width: 20% !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table th:nth-child(2),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table td:nth-child(2) {
  width: 30% !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table th:nth-child(3),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table td:nth-child(3) {
  width: 14% !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table th:nth-child(4),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table td:nth-child(4) {
  width: 14% !important;
  text-align: center !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table th:nth-child(5),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table td:nth-child(5) {
  width: 7% !important;
  text-align: center !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table th:nth-child(6),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table td:nth-child(6) {
  width: 15% !important;
  text-align: right !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-rental-cars-start-cell {
  color: #4f5872 !important;

  font-size:
    clamp(.76rem, .82vw, .88rem) !important;

  font-weight: 750 !important;

  white-space: nowrap !important;
}



/* =========================================================
   GDONE UI V2 RENTAL SORT V3
   ========================================================= */


/* ---------------------------------------------------------
   DRIVER NAME
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-rental-cars-driver-cell {
  font-size:
    clamp(.96rem, 1.03vw, 1.08rem) !important;

  font-weight:
    900 !important;

  line-height:
    1.1 !important;
}


/* ---------------------------------------------------------
   SORTABLE HEADERS
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-rental-sort-btn {
  appearance: none !important;

  display: inline-flex !important;

  align-items: center !important;

  gap:
    .32rem !important;

  width: auto !important;

  max-width: 100% !important;

  padding: 0 !important;

  border: 0 !important;

  background:
    transparent !important;

  color:
    inherit !important;

  font: inherit !important;

  font-weight:
    850 !important;

  text-align:
    left !important;

  white-space:
    nowrap !important;

  cursor:
    pointer !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-rental-sort-arrow {
  display: inline-flex !important;

  align-items: center;
  justify-content: center;

  min-width: .85rem;

  color:
    #929ab0;

  font-size:
    .76em;

  line-height:
    1;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-rental-sort-btn.is-active
.gdone-rental-sort-arrow {
  color:
    #5164d5;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-rental-sort-btn:hover {
  color:
    #4053c1 !important;
}


/* ---------------------------------------------------------
   ACTION COLUMN CENTER
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table
th:nth-child(6),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table
td:nth-child(6) {
  text-align:
    center !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-rental-actions-head {
  text-align:
    center !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-rental-cars-unassign-btn {
  margin-left:
    auto !important;

  margin-right:
    auto !important;
}


/* ---------------------------------------------------------
   HEADER BUTTON GEOMETRY
   Refresh remains at far right.
   Add car moves noticeably toward the centre.
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-admin-module-header-actions {
  flex:
    0 1
    clamp(24rem, 34vw, 32rem) !important;

  width:
    clamp(24rem, 34vw, 32rem) !important;

  margin-left:
    auto !important;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    space-between !important;

  gap:
    clamp(1.25rem, 2vw, 2.1rem) !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsAddBtn {
  flex:
    0 0 auto !important;

  width:
    clamp(11rem, 14vw, 14rem) !important;

  min-width:
    0 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsRefreshBtn {
  flex:
    0 0 auto !important;

  width:
    clamp(7.5rem, 8.5vw, 9rem) !important;

  min-width:
    0 !important;

  margin-left:
    auto !important;
}


/* At narrower widths reduce the large separation gracefully. */
@media (max-width: 1050px) {

  body.in-cashier.gdone-ui-v2-active
  #gdUiV2ModuleHost
  #gdoneRentalCarsModal
  .gdone-admin-module-header-actions {
    flex-basis:
      clamp(18rem, 40vw, 24rem) !important;

    width:
      clamp(18rem, 40vw, 24rem) !important;

    gap:
      clamp(.7rem, 1.4vw, 1.2rem) !important;
  }

}


/* =========================================================
   GDONE UI V2 RENTAL READABLE V3
   ========================================================= */

/* Keep the dedicated Rental surface aligned with the canonical frame. */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-dialog {
  padding-bottom:
    clamp(.55rem, .9vh, .75rem) !important;
}


/* Фамилии */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-rental-cars-driver-cell {
  font-size:
    clamp(1rem, 1.06vw, 1.12rem) !important;

  font-weight: 850 !important;

  line-height: 1.1 !important;
}


/* Марка / модель */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-rental-cars-car-main {
  font-size:
    clamp(.96rem, 1.02vw, 1.08rem) !important;

  font-weight: 850 !important;

  line-height: 1.1 !important;
}


/* Регистрационный номер */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-rental-cars-plate-cell {
  font-size:
    clamp(1rem, 1.06vw, 1.12rem) !important;

  font-weight: 900 !important;

  line-height: 1.1 !important;
}


/* Начало аренды */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-rental-cars-start-cell {
  font-size:
    clamp(.9rem, .96vw, 1.02rem) !important;

  font-weight: 800 !important;

  line-height: 1.1 !important;
}


/* Год */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table td:nth-child(5) {
  font-size:
    clamp(.9rem, .96vw, 1.02rem) !important;

  font-weight: 750 !important;
}


/* Чуть больше высота строки, чтобы крупный текст не теснился */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneRentalCarsModal
.gdone-rental-cars-table td {
  padding-top:
    clamp(.58rem, .8vh, .72rem) !important;

  padding-bottom:
    clamp(.58rem, .8vh, .72rem) !important;
}


/* Открепить — заметно крупнее */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-rental-cars-unassign-btn {
  min-width:
    clamp(7.5rem, 8.5vw, 9rem) !important;

  height:
    clamp(2.35rem, 4.25vh, 2.65rem) !important;

  min-height:
    clamp(2.35rem, 4.25vh, 2.65rem) !important;

  padding:
    0
    clamp(.8rem, 1vw, 1rem) !important;

  font-size:
    clamp(.78rem, .84vw, .9rem) !important;

  font-weight: 900 !important;
}



/* =========================================================
   GDONE UI V2 CASHIER HEADER + SIDEBAR ALIGN V3
   ========================================================= */


/* =========================================================
   CASHIER OUTER PANEL BECOMES TRANSPARENT

   Header/title/week selector live on the page background,
   exactly like Drivers / KSeF / External / Rental.
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdoneCashierPanel.gdone-cashier-panel {
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;

  box-shadow: none !important;

  overflow: hidden !important;
}


/* =========================================================
   DASHBOARD STRUCTURE
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
.gd-ui-v2-dashboard {
  height: 100% !important;
  min-height: 0 !important;

  display: flex !important;
  flex-direction: column !important;

  gap:
    clamp(.55rem, .9vh, .8rem) !important;
}


/* Header sits directly on page background. */
body.in-cashier.gdone-ui-v2-active
.gd-ui-v2-dashboard-head {
  flex: 0 0 auto !important;

  width: 100% !important;

  padding:
    clamp(.15rem, .35vh, .3rem)
    clamp(.15rem, .35vw, .35rem)
    0 !important;

  box-sizing: border-box !important;
}


body.in-cashier.gdone-ui-v2-active
.gd-ui-v2-dashboard-title {
  width: 100% !important;

  display: flex !important;

  align-items: center !important;
  justify-content: space-between !important;

  gap:
    clamp(.8rem, 1.2vw, 1.3rem) !important;
}


body.in-cashier.gdone-ui-v2-active
.gd-ui-v2-dashboard-title h2 {
  margin: 0 !important;

  font-size:
    clamp(1.35rem, 1.7vw, 1.8rem) !important;

  line-height: 1 !important;

  font-weight: 950 !important;
}


/* Week selector stays on background at far right. */
body.in-cashier.gdone-ui-v2-active
.gd-ui-v2-dashboard-week {
  margin-left: auto !important;

  flex: 0 0 auto !important;
}


/* =========================================================
   4. ONE COMMON ROUNDED WORK AREA BELOW THE HEADER
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
.gd-ui-v2-dashboard-body {
  flex: 1 1 0 !important;

  min-height: 0 !important;

  display: flex !important;
  flex-direction: column !important;

  gap:
    clamp(.65rem, .9vh, .8rem) !important;

  padding:
    clamp(.8rem, 1.1vw, 1rem) !important;

  border:
    1px solid
    rgba(77,93,140,.16) !important;

  border-radius:
    clamp(1rem, 1.2vw, 1.2rem) !important;

  background:
    linear-gradient(
      180deg,
      rgba(249,251,255,.97) 0%,
      rgba(243,246,251,.96) 100%
    ) !important;

  box-shadow:
    0 1rem 2.6rem
    rgba(40,55,90,.09) !important;

  overflow: hidden !important;

  box-sizing: border-box !important;
}


body.in-cashier.gdone-ui-v2-active
.gd-ui-v2-dashboard-body
.gd-ui-v2-kpis {
  flex: 0 0 auto !important;
}


body.in-cashier.gdone-ui-v2-active
.gd-ui-v2-dashboard-body
.gd-ui-v2-main-grid {
  flex: 1 1 0 !important;

  min-height: 0 !important;

  margin: 0 !important;
}


/* Slightly cleaner selector after removing "КАССА". */
body.in-cashier.gdone-ui-v2-active
.gd-ui-v2-dashboard-week
.gdone-cashier-week-current {
  font-size:
    clamp(.78rem, .84vw, .9rem) !important;

  letter-spacing:
    .01em !important;
}


/* =========================================================
   GDONE UI V2 DASHBOARD HISTORY LIST V4
   ========================================================= */


/* =========================================================
   1. DRIVER LIST — REMOVE REDUNDANT FOOTER
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
.gd-ui-v2-driver-foot {
  display: none !important;
}


/* Driver rows may use the released space. */
body.in-cashier.gdone-ui-v2-active
#gdUiV2DriverRows {
  flex: 1 1 0 !important;
  min-height: 0 !important;
}


/* =========================================================
   2. RECENT OPERATIONS — COMPACT HEADER
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
.gd-ui-v2-history
.gd-ui-v2-card-head {
  flex: 0 0 auto !important;

  min-height: 0 !important;

  padding:
    clamp(.42rem, .6vh, .55rem)
    clamp(.65rem, .85vw, .8rem) !important;

  gap: .5rem !important;
}


body.in-cashier.gdone-ui-v2-active
.gd-ui-v2-history
.gd-ui-v2-card-head h3 {
  margin: 0 !important;

  font-size:
    clamp(1rem, 1.08vw, 1.15rem) !important;

  line-height: 1.05 !important;
}


/* =========================================================
   3. HISTORY FILTERS — LESS VERTICAL SPACE
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2HistoryFilters {
  flex: 0 0 auto !important;

  gap:
    clamp(.25rem, .35vw, .38rem) !important;

  padding:
    clamp(.32rem, .48vh, .42rem)
    clamp(.5rem, .65vw, .62rem) !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2HistoryFilters
input,

body.in-cashier.gdone-ui-v2-active
#gdUiV2HistoryFilters
select,

body.in-cashier.gdone-ui-v2-active
#gdUiV2HistoryFilters
button {
  min-height:
    clamp(2rem, 3.6vh, 2.25rem) !important;

  height:
    clamp(2rem, 3.6vh, 2.25rem) !important;

  padding-top: .25rem !important;
  padding-bottom: .25rem !important;

  font-size:
    clamp(.72rem, .77vw, .82rem) !important;
}


/* =========================================================
   4. RECENT OPERATIONS = ONE UNIFIED LIST
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows {
  flex: 1 1 0 !important;

  min-height: 0 !important;

  padding: 0 !important;

  margin:
    0
    clamp(.38rem, .5vw, .5rem)
    clamp(.38rem, .55vh, .5rem) !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;

  border:
    1px solid
    rgba(86,98,139,.15) !important;

  border-radius:
    clamp(.7rem, .8vw, .82rem) !important;

  background:
    rgba(255,255,255,.96) !important;

  scrollbar-gutter: stable;
}


/* No individual cards anymore. */
body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-card {
  min-height: 0 !important;

  margin: 0 !important;

  padding:
    clamp(.4rem, .58vh, .5rem)
    clamp(.55rem, .7vw, .68rem) !important;

  border: 0 !important;

  border-bottom:
    1px solid
    rgba(86,98,139,.11) !important;

  border-radius: 0 !important;

  background: transparent !important;

  box-shadow: none !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-card:last-child {
  border-bottom: 0 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-card:hover {
  background:
    rgba(246,248,253,.78) !important;
}


/* =========================================================
   5. COMPACT CONTENT INSIDE EACH OPERATION ROW
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-main {
  gap:
    clamp(.4rem, .55vw, .6rem) !important;

  align-items: center !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-person {
  font-size:
    clamp(.78rem, .84vw, .9rem) !important;

  line-height: 1.08 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-datetime {
  font-size:
    clamp(.66rem, .7vw, .76rem) !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-amount {
  font-size:
    clamp(.82rem, .88vw, .94rem) !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-sub {
  margin-top:
    clamp(.18rem, .28vh, .25rem) !important;

  gap: .35rem !important;

  font-size:
    clamp(.66rem, .71vw, .77rem) !important;

  line-height: 1.08 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-result {
  margin-top: .22rem !important;

  font-size:
    clamp(.66rem, .71vw, .77rem) !important;

  line-height: 1.08 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-badge {
  padding:
    .14rem
    .4rem !important;

  font-size:
    clamp(.61rem, .65vw, .7rem) !important;
}



/* =========================================================
   GDONE UI V2 MILEAGE V1
   ========================================================= */


/* ---------------------------------------------------------
   OUTER MODULE = PAGE BACKGROUND
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#adminMileagePanel {
  height: 100% !important;
  min-height: 0 !important;

  padding: 0 !important;
  margin: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;
  box-shadow: none !important;

  overflow: hidden !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#adminMileagePanel
.section-card-inner {
  height: 100% !important;
  min-height: 0 !important;

  display: flex !important;
  flex-direction: column !important;

  gap:
    clamp(.55rem, .85vh, .75rem);

  padding:
    clamp(.25rem, .55vh, .45rem)
    clamp(.3rem, .5vw, .55rem)
    clamp(.35rem, .6vh, .55rem) !important;

  box-sizing: border-box !important;

  background: transparent !important;

  overflow: hidden !important;
}


/* ---------------------------------------------------------
   HEADER ON PAGE BACKGROUND
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#adminMileagePanel
.gdone-admin-module-header {
  flex: 0 0 auto !important;

  display: flex !important;

  align-items: center !important;
  justify-content: space-between !important;

  gap:
    clamp(.7rem, 1vw, 1rem) !important;

  margin: 0 !important;

  background: transparent !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#adminMileageTitle {
  margin: 0 !important;

  font-size:
    clamp(1.3rem, 1.65vw, 1.7rem) !important;

  line-height: 1.05 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#adminMileageCloseBtn {
  display: none !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#adminMileagePanel
.gdone-admin-module-header-actions {
  min-width: 0;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;

  gap:
    clamp(.35rem, .55vw, .6rem) !important;

  flex-wrap: wrap !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#adminMileageStats {
  font-size:
    clamp(.72rem, .77vw, .84rem) !important;

  white-space: nowrap !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#adminMileageMonthLabel {
  min-width:
    clamp(7rem, 8.5vw, 8.5rem) !important;

  font-size:
    clamp(.78rem, .84vw, .92rem) !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#adminMileagePrevMonthBtn,

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#adminMileageNextMonthBtn {
  width:
    clamp(2.15rem, 2.6vw, 2.45rem) !important;

  min-width:
    clamp(2.15rem, 2.6vw, 2.45rem) !important;

  height:
    clamp(2.15rem, 3.8vh, 2.45rem) !important;

  padding: 0 !important;
}


/* Import / Export / Refresh */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#adminMileageImportBtn,

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#adminMileageExportBtn,

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#adminMileageRefreshBtn {
  min-height:
    clamp(2.2rem, 4vh, 2.5rem) !important;

  padding:
    0
    clamp(.75rem, .95vw, 1rem) !important;

  border-radius:
    .75rem !important;

  white-space: nowrap !important;

  font-size:
    clamp(.72rem, .78vw, .84rem) !important;

  font-weight: 850 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#adminMileageRefreshBtn {
  background: #fff !important;

  color: #303850 !important;

  border:
    1px solid
    rgba(87,99,143,.24) !important;

  box-shadow: none !important;
}


/* ---------------------------------------------------------
   REQUEST DRIVER CARD
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#adminMileageRequestPanel {
  flex: 0 0 auto !important;

  margin: 0 !important;

  padding:
    clamp(.6rem, .8vw, .8rem) !important;

  border:
    1px solid
    rgba(86,98,139,.17) !important;

  border-radius:
    clamp(.8rem, 1vw, 1rem) !important;

  background:
    rgba(255,255,255,.94) !important;

  box-shadow: none !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#adminMileageRequestPanel
> strong {
  display: block;

  margin-bottom:
    clamp(.35rem, .5vh, .45rem);

  font-size:
    clamp(.88rem, .96vw, 1.02rem);
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-mileage-request-row {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1fr)
    auto !important;

  gap:
    clamp(.5rem, .7vw, .75rem) !important;

  margin: 0 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#adminMileageDriverSearch,

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#adminMileageRequestBtn {
  height:
    clamp(2.35rem, 4.2vh, 2.65rem) !important;

  min-height:
    clamp(2.35rem, 4.2vh, 2.65rem) !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#adminMileageRequestBtn {
  min-width:
    clamp(9.5rem, 12vw, 12rem) !important;
}


/* ---------------------------------------------------------
   TABLE = REMAINING VIEWPORT
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#adminMileagePanel
.gdone-admin-mileage-table-wrap {
  flex: 1 1 0 !important;

  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;

  border:
    1px solid
    rgba(86,98,139,.17) !important;

  border-radius:
    clamp(.8rem, 1vw, 1rem) !important;

  background:
    rgba(255,255,255,.98) !important;

  scrollbar-gutter: stable;

  overscroll-behavior: contain;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-mileage-table {
  width: 100% !important;

  min-width: 0 !important;

  table-layout: fixed !important;

  border-collapse: separate !important;
  border-spacing: 0 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-mileage-table thead {
  position: sticky !important;

  top: 0 !important;

  z-index: 4 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-mileage-table th {
  position: sticky !important;

  top: 0 !important;

  z-index: 5 !important;

  background:
    rgba(245,247,252,.99) !important;

  cursor: pointer;

  user-select: none;

  white-space: nowrap !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-mileage-table th::after {
  content: "↕";

  margin-left: .35rem;

  color: #9aa3ba;

  font-size: .82em;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-mileage-table
th.is-active[data-sort-dir="asc"]::after {
  content: "▲";

  color: #5568da;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-mileage-table
th.is-active[data-sort-dir="desc"]::after {
  content: "▼";

  color: #5568da;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-mileage-table th,

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-mileage-table td {
  padding:
    clamp(.58rem, .8vh, .72rem)
    clamp(.65rem, .85vw, .85rem) !important;

  border-bottom:
    1px solid
    rgba(86,98,139,.1) !important;

  vertical-align: middle !important;

  font-size:
    clamp(.78rem, .84vw, .9rem) !important;

  line-height: 1.15 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-mileage-table tbody tr:last-child td {
  border-bottom: 0 !important;
}


/* Fluid column proportions */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-mileage-table th:nth-child(1),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-mileage-table td:nth-child(1) {
  width: 17% !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-mileage-table th:nth-child(2),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-mileage-table td:nth-child(2) {
  width: 21% !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-mileage-table th:nth-child(3),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-mileage-table td:nth-child(3) {
  width: 14% !important;

  font-weight: 850 !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-mileage-table th:nth-child(4),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-mileage-table td:nth-child(4) {
  width: 16% !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-mileage-table th:nth-child(5),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-mileage-table td:nth-child(5) {
  width: 18% !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-mileage-table th:nth-child(6),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-mileage-table td:nth-child(6) {
  width: 14% !important;
}


@media (max-width: 900px) {
  body.in-cashier.gdone-ui-v2-active
  #gdUiV2ModuleHost
  #adminMileagePanel
  .gdone-admin-module-header {
    align-items: flex-start !important;
  }

  body.in-cashier.gdone-ui-v2-active
  #gdUiV2ModuleHost
  .gdone-admin-mileage-request-row {
    grid-template-columns:
      1fr !important;
  }
}



/* =========================================================
   GDONE UI V2 MILEAGE SEARCH V2
   ========================================================= */


/* Request button text perfectly centered */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#adminMileageRequestBtn {
  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  text-align: center !important;

  line-height: 1.05 !important;

  padding:
    0
    clamp(.85rem, 1vw, 1.1rem) !important;
}


/* Search results */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#adminMileageDriverResults {
  display: grid;

  gap: .25rem;

  margin-top:
    clamp(.3rem, .45vh, .4rem);
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-mileage-driver-result {
  width: 100%;

  display: flex !important;

  align-items: center;
  justify-content: space-between;

  gap: 1rem;

  padding:
    .45rem
    .65rem !important;

  border-radius:
    .6rem;

  text-align: left !important;

  text-decoration: none !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-mileage-driver-result strong {
  font-size:
    clamp(.78rem, .83vw, .9rem);
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-mileage-driver-result span {
  color: #58617c;

  font-size:
    clamp(.72rem, .77vw, .83rem);

  font-weight: 800;
}


/* Selected driver compact summary */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#adminMileageSelectedDriver {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap:
    clamp(.65rem, .9vw, 1rem);

  margin-top:
    clamp(.35rem, .5vh, .45rem) !important;

  padding:
    clamp(.45rem, .6vw, .6rem)
    clamp(.55rem, .75vw, .75rem) !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-mileage-selected-driver-main {
  display: inline-flex;

  align-items: center;

  gap:
    clamp(.55rem, .75vw, .8rem);
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-mileage-selected-driver-main strong {
  font-size:
    clamp(.82rem, .9vw, .96rem);
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-mileage-selected-driver-main span {
  color: #52607a;

  font-weight: 850;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-mileage-selected-driver-meta {
  color: #68718a;

  font-size:
    clamp(.68rem, .73vw, .79rem);

  white-space: nowrap;
}



/* =========================================================
   GDONE UI V2 MILEAGE DRIVER SEARCH V2
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#adminMileageRequestBtn {
  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  text-align: center !important;

  line-height: 1 !important;

  padding:
    0
    clamp(.9rem, 1.1vw, 1.15rem) !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#adminMileageDriverResults {
  display: grid;

  gap: .2rem;

  margin-top:
    clamp(.25rem, .4vh, .35rem);
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-mileage-driver-result {
  width: 100%;

  display: flex !important;

  align-items: center;

  padding:
    .45rem
    .65rem !important;

  border-radius:
    .6rem;

  text-align: left !important;

  text-decoration: none !important;

  font-size:
    clamp(.78rem, .84vw, .9rem);

  font-weight: 850;
}



/* =========================================================
   GDONE UI V2 MILEAGE ICON CLASSIC V1
   Variant 1: full circular classic speedometer
   ========================================================= */

[data-gd-ui-v2-nav="mileage"]
.gd-ui-v2-nav-icon::before {
  background-image:
    url("data:image/svg+xml,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2224%22%0A%20%20%20%20%20%20%20%20%20%20fill%3D%22%23ffffff%22%20fill-opacity%3D%22.05%22%0A%20%20%20%20%20%20%20%20%20%20stroke%3D%22%23dbe6ff%22%20stroke-width%3D%224%22%2F%3E%0A%0A%20%20%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2218%22%0A%20%20%20%20%20%20%20%20%20%20fill%3D%22none%22%0A%20%20%20%20%20%20%20%20%20%20stroke%3D%22%2379b8ff%22%0A%20%20%20%20%20%20%20%20%20%20stroke-width%3D%223%22%0A%20%20%20%20%20%20%20%20%20%20stroke-opacity%3D%22.9%22%2F%3E%0A%0A%20%20%3Cg%20stroke%3D%22%23dbe6ff%22%0A%20%20%20%20%20stroke-width%3D%223%22%0A%20%20%20%20%20stroke-linecap%3D%22round%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M32%2012v5%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M19%2016l3%204%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M45%2016l-3%204%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M14%2029h5%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M50%2029h-5%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M18%2043l4-3%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M46%2043l-4-3%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3Cpath%20d%3D%22M32%2032L43%2020%22%0A%20%20%20%20%20%20%20%20fill%3D%22none%22%0A%20%20%20%20%20%20%20%20stroke%3D%22%23dbe6ff%22%0A%20%20%20%20%20%20%20%20stroke-width%3D%225%22%0A%20%20%20%20%20%20%20%20stroke-linecap%3D%22round%22%2F%3E%0A%0A%20%20%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%225%22%0A%20%20%20%20%20%20%20%20%20%20fill%3D%22%2379b8ff%22%0A%20%20%20%20%20%20%20%20%20%20stroke%3D%22%23dbe6ff%22%0A%20%20%20%20%20%20%20%20%20%20stroke-width%3D%222%22%2F%3E%0A%3C%2Fsvg%3E%0A") !important;

  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;

  width: 2.35rem !important;
  height: 2.35rem !important;
}

#gdUiV2Shell.is-compact
[data-gd-ui-v2-nav="mileage"]
.gd-ui-v2-nav-icon::before {
  width: 2.2rem !important;
  height: 2.2rem !important;
}

/* =========================================================
   GDONE REFINED LOADING V2
   Structural UI stays visible.
   Loading animation exists only inside the data area.
   ========================================================= */

/* Legacy cashier is never painted during V2 handoff. */
body.in-cashier.gdone-ui-v2-booting #gdoneCashierLayout,
body.in-cashier.gdone-ui-v2-booting .gdone-cashier-mobile-switch {
  visibility: hidden !important;
}

/* Modern three-dot activity mark */
.gd-ui-v2-loader-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 18px;
}

.gd-ui-v2-loader-mark > i {
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: currentColor;
  opacity: .28;
  transform: translateY(0) scale(.82);
  animation: gdUiV2DotPulse 1.05s ease-in-out infinite;
}

.gd-ui-v2-loader-mark > i:nth-child(2) {
  animation-delay: .14s;
}

.gd-ui-v2-loader-mark > i:nth-child(3) {
  animation-delay: .28s;
}

@keyframes gdUiV2DotPulse {
  0%, 70%, 100% {
    opacity: .24;
    transform: translateY(0) scale(.82);
  }

  35% {
    opacity: 1;
    transform: translateY(-3px) scale(1);
  }
}

/* CASHIER:
   sidebar + page title stay normal;
   loading is confined to dashboard content. */
.gd-ui-v2-dashboard-body {
  position: relative;
}

.gd-ui-v2-dashboard-body.is-loading {
  min-height: 420px;
  pointer-events: none;
  overflow: hidden;
}

.gd-ui-v2-dashboard-body.is-loading::after {
  content: "";
  position: absolute;
  z-index: 30;
  inset: 0;
  background: rgba(248,250,255,.70);
  backdrop-filter: blur(1.5px);
  border-radius: 16px;
}

.gd-ui-v2-dashboard-body.is-loading > .gd-ui-v2-loading-state {
  position: absolute;
  z-index: 31;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gd-ui-v2-loading-state {
  color: #315cf4;
}

.gd-ui-v2-loading-state strong {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

/* MODULE LISTS:
   title/search/buttons remain visible.
   Loader sits only where rows will appear. */
.gd-ui-v2-inline-loading {
  width: 100%;
  min-height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #315cf4;
}

/* External persons list gets a stable data viewport immediately. */
#gdoneExternalPersonList:has(.gd-ui-v2-inline-loading) {
  min-height: 220px;
}

/* Disable the old full-host loading veil completely. */
#gdUiV2ModuleHost.gd-ui-v2-module-loading::before,
#gdUiV2ModuleHost.gd-ui-v2-module-loading::after {
  content: none !important;
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .gd-ui-v2-loader-mark > i {
    animation-duration: 1.8s;
  }
}

/* =========================================================
   GDONE RESPONSIVE WORKSPACE V1
   Responsive to REAL workspace width, not browser viewport.
   ========================================================= */

#gdUiV2Workspace {
  container-type: inline-size;
  container-name: gdworkspace;
}

#gdUiV2ModuleHost {
  container-type: inline-size;
  container-name: gdmodule;
}

/* CASHIER DASHBOARD */

.gd-ui-v2-main-grid {
  grid-template-columns:
    minmax(0, 1.03fr)
    minmax(0, .97fr) !important;

  min-width: 0 !important;
}

.gd-ui-v2-main-grid > * {
  min-width: 0 !important;
  max-width: 100%;
}

.gd-ui-v2-driver-tools {
  grid-template-columns:
    minmax(0, 1fr)
    minmax(7.5rem, 32%) !important;
}

.gd-ui-v2-driver-header,
.gd-ui-v2-driver-row {
  grid-template-columns:
    minmax(0, 1fr)
    clamp(4.5rem, 13cqw, 5.5rem)
    clamp(5.8rem, 14cqw, 7rem)
    clamp(4.2rem, 12cqw, 5.8rem)
    clamp(5.2rem, 12cqw, 6.5rem) !important;

  min-width: 0 !important;
}

.gd-ui-v2-quick .gdone-cashier-misc-row-1 {
  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 1fr) !important;
}

.gd-ui-v2-quick .gdone-cashier-misc-row-2 {
  grid-template-columns:
    minmax(0, 1fr)
    clamp(5.5rem, 22cqw, 8.5rem)
    auto !important;

  min-width: 0 !important;
}

.gd-ui-v2-quick .gdone-cashier-misc-row-2 > * {
  min-width: 0 !important;
}

#gdUiV2HistoryFilters {
  grid-template-columns:
    minmax(0, 1.25fr)
    minmax(0, .9fr)
    minmax(0, .9fr) !important;

  min-width: 0 !important;
}

#gdUiV2HistoryFilters > * {
  min-width: 0 !important;
}

#gdUiV2HistoryFilters input,
#gdUiV2HistoryFilters select {
  width: 100% !important;
  min-width: 0 !important;
}

.gd-ui-v2-history-period-head {
  width: clamp(7rem, 22cqw, 10.5rem) !important;
  min-width: 0 !important;
}

.gd-ui-v2-history-head-row,
.gd-ui-v2-history-row {
  grid-template-columns:
    clamp(3.3rem, 10cqw, 4.4rem)
    minmax(0, 1fr)
    clamp(5.5rem, 20cqw, 8.5rem)
    clamp(4.2rem, 15cqw, 6.2rem) !important;

  min-width: 0 !important;
}

.gd-ui-v2-history-head-row > *,
.gd-ui-v2-history-row > * {
  min-width: 0 !important;
}

@container gdworkspace (max-width: 62rem) {

  .gd-ui-v2-main-grid {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(0, 1fr) !important;

    gap: .65rem !important;
  }

  .gd-ui-v2-kpis {
    gap: .55rem !important;
  }

  .gd-ui-v2-kpi {
    padding-left: .65rem !important;
    padding-right: .65rem !important;
  }

  .gd-ui-v2-history-head-row,
  .gd-ui-v2-history-row {
    gap: .35rem !important;
  }

  #gdUiV2HistoryFilters {
    gap: .35rem !important;
  }
}

@container gdworkspace (max-width: 50rem) {

  .gd-ui-v2-main-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .gd-ui-v2-kpis {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }

  .gd-ui-v2-drivers,
  .gd-ui-v2-history {
    min-height: 25rem;
  }
}

/* DRIVERS MODULE */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  table-layout: fixed !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table th:nth-child(1),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table td:nth-child(1) {
  width: 20% !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table th:nth-child(2),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table td:nth-child(2) {
  width: 22% !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table th:nth-child(3),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table td:nth-child(3) {
  width: 7% !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table th:nth-child(4),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table td:nth-child(4) {
  width: 9% !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table th:nth-child(5),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table td:nth-child(5) {
  width: 7% !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table th:nth-child(6),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table td:nth-child(6) {
  width: 10% !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table th:nth-child(7),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table td:nth-child(7) {
  width: 14% !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table th:nth-child(8),
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table td:nth-child(8) {
  width: 11% !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table th,
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-table td {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-invoices-cell {
  display: flex !important;
  align-items: center !important;
  gap: clamp(.2rem, .6cqw, .4rem) !important;
  width: 100% !important;
  min-width: 0 !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-history-btn {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  padding-left: clamp(.35rem, .7cqw, .7rem) !important;
  padding-right: clamp(.35rem, .7cqw, .7rem) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-invoice-count {
  flex: 0 0 auto !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminDriversPanel
.gdone-admin-drivers-reset-btn {
  width: 100% !important;
  min-width: 0 !important;
  padding-left: clamp(.3rem, .6cqw, .7rem) !important;
  padding-right: clamp(.3rem, .6cqw, .7rem) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

@container gdmodule (max-width: 60rem) {

  body.in-cashier.gdone-ui-v2-active
  #gdoneAdminDriversPanel
  .gdone-admin-drivers-table {
    font-size: clamp(.7rem, 1.15cqw, .82rem) !important;
  }

  body.in-cashier.gdone-ui-v2-active
  #gdoneAdminDriversPanel
  .gdone-admin-drivers-table th,
  body.in-cashier.gdone-ui-v2-active
  #gdoneAdminDriversPanel
  .gdone-admin-drivers-table td {
    padding-left: clamp(.25rem, .65cqw, .5rem) !important;
    padding-right: clamp(.25rem, .65cqw, .5rem) !important;
  }

  body.in-cashier.gdone-ui-v2-active
  #gdoneAdminDriversPanel
  .gdone-admin-driver-email {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

/* =========================================================
   GDONE SIDEBAR REMOVE BLANK GAP V1
   Navigation begins immediately after the session block.
   ========================================================= */

.gd-ui-v2-nav-list {
  flex: 1 1 auto !important;

  margin-top: 0 !important;
  margin-bottom: .35rem !important;

  padding-top: .45rem !important;
}

/* Expanded sidebar: no artificial blank area. */
#gdUiV2Shell:not(.is-compact) .gd-ui-v2-nav-list {
  margin-top: 0 !important;
}

/* Compact sidebar: same rule — icons start immediately. */
#gdUiV2Shell.is-compact .gd-ui-v2-nav-list {
  margin-top: 0 !important;
}

/*
  Navigation may still scroll on genuinely short screens,
  but only after using all available vertical space.
*/
.gd-ui-v2-nav-list {
  min-height: 0 !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* =========================================================
   GDONE PORTAL NOTIFICATIONS COMPACT HEADER V1
   ========================================================= */

/*
  Remove the old outer card visual frame.
  Header now behaves like the other V2 module headers.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminPortalMessagesPanel {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminPortalMessagesPanel > .section-card-inner {
  padding: 0 !important;
  background: transparent !important;
}


/* Header outside the form frame */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-topbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;

  margin: 0 0 .7rem !important;
  padding: 0 .1rem !important;
}


/* Title + small explanatory note on one line */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-heading {
  min-width: 0;

  display: flex;
  align-items: baseline;
  gap: .5rem;

  flex-wrap: wrap;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-title {
  margin: 0 !important;
  white-space: nowrap;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-header-note {
  margin: 0 !important;

  color: #77819b !important;

  font-size: .72rem !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;

  white-space: nowrap;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-header-note::before {
  content: "(";
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-header-note::after {
  content: ")";
}


/* Close X is no longer needed in V2 navigation */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminPortalMessagesCloseBtn {
  display: none !important;
}


/* Remove duplicated "New notification" heading inside form */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-form-head-hidden {
  display: none !important;
}


/* Compact form card */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-form {
  padding: .8rem .85rem !important;
  border-radius: 1rem !important;
}


/*
  Six visible controls in one row:
  type | target | recurrence | date/day | show days | snooze

  Once / weekly / monthly controls already use JS .hidden,
  so only one of those three consumes a column.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-form-grid {
  grid-template-columns:
    minmax(8.5rem, 1.15fr)
    minmax(8.5rem, 1.15fr)
    minmax(7rem, .95fr)
    minmax(7.3rem, .95fr)
    minmax(5.4rem, .65fr)
    minmax(8rem, .95fr) !important;

  gap: .65rem !important;

  margin-top: 0 !important;

  align-items: end !important;
}


/* Compact labels */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-field {
  gap: .3rem !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-field > .section-label {
  margin: 0 !important;

  font-size: .74rem !important;
  line-height: 1.15 !important;
}


/* Compact controls */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-form-grid
.gdone-admin-portal-messages-field > .input,
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-form-grid
.gdone-admin-portal-messages-field > select {
  width: 100% !important;
  min-width: 0 !important;

  min-height: 2.65rem !important;
  height: 2.65rem !important;

  padding-top: 0 !important;
  padding-bottom: 0 !important;
}


/*
  Keep the hidden technical caption in DOM because legacy JS
  updates it via label[for=...]. Visually show only checkbox text.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-snooze-caption {
  display: none !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-snooze-field {
  align-self: end !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-snooze-field
.gdone-admin-portal-messages-checkbox-row {
  min-height: 2.65rem !important;
  height: 2.65rem !important;

  margin: 0 !important;

  padding: 0 .55rem !important;

  border: 1px solid rgba(123,118,166,.16);
  border-radius: .8rem;

  background: rgba(255,255,255,.78);

  font-size: .78rem !important;
  white-space: nowrap;
}


/* Text editor begins on the next full-width row */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-field--span-4 {
  grid-column: 1 / -1 !important;

  margin-top: .15rem !important;
}


/* Responsive fallback only when real module width is too narrow */
@container gdmodule (max-width: 68rem) {

  body.in-cashier.gdone-ui-v2-active
  #gdoneAdminPortalMessagesPanel
  .gdone-admin-portal-messages-form-grid {
    grid-template-columns:
      repeat(3, minmax(0, 1fr)) !important;
  }
}

@container gdmodule (max-width: 46rem) {

  body.in-cashier.gdone-ui-v2-active
  #gdoneAdminPortalMessagesPanel
  .gdone-admin-portal-messages-form-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }

  body.in-cashier.gdone-ui-v2-active
  #gdoneAdminPortalMessagesPanel
  .gdone-admin-portal-messages-header-note {
    white-space: normal;
  }
}

/* =========================================================
   GDONE PORTAL NOTIFICATIONS UI V2
   ========================================================= */

/* Only Refresh remains in top right corner */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-topbar
.gdone-admin-module-header-actions {
  margin-left: auto !important;
  justify-content: flex-end !important;
  padding-right: 0 !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminPortalMessagesRefreshBtn {
  margin-left: auto !important;
}


/* Remove redundant visible labels but keep accessibility labels */
.gdone-admin-portal-messages-visually-hidden {
  position: absolute !important;

  width: 1px !important;
  height: 1px !important;

  padding: 0 !important;
  margin: -1px !important;

  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;

  white-space: nowrap !important;
  border: 0 !important;
}


/* Compact editor: title | body | language tabs */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-text-editor-v2 {
  display: grid !important;

  grid-template-columns:
    minmax(12rem, .95fr)
    minmax(18rem, 1.35fr)
    auto !important;

  align-items: center !important;

  gap: .65rem !important;

  margin-top: .15rem !important;
}


/* Title */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-title-input-wrap {
  min-width: 0 !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminPortalMessageTextTitle {
  width: 100% !important;

  min-width: 0 !important;
  height: 2.8rem !important;
  min-height: 2.8rem !important;

  padding: 0 .8rem !important;
}


/* Body text */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-body-input-wrap {
  min-width: 0 !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminPortalMessageTextBody {
  width: 100% !important;

  min-width: 0 !important;
  height: 3.55rem !important;
  min-height: 3.55rem !important;
  max-height: 5rem !important;

  padding: .65rem .8rem !important;

  resize: vertical !important;
}


/* Tabs on the same horizontal line */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-text-tabs {
  display: flex !important;

  align-items: center !important;
  justify-content: flex-end !important;

  gap: .35rem !important;

  margin: 0 !important;
  padding: 0 !important;

  white-space: nowrap;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-text-tab {
  min-width: 2.7rem !important;
  height: 2.35rem !important;

  padding: 0 .55rem !important;
}


/* One compact bottom row */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-bottom-row {
  display: flex !important;

  align-items: center !important;
  justify-content: space-between !important;

  gap: 1rem !important;

  margin-top: .7rem !important;
}


/* Checkbox stays on left */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-template-row-v2 {
  display: flex !important;

  align-items: center !important;

  gap: .6rem !important;

  margin: 0 !important;

  min-width: 0 !important;
}


/*
  The explanatory template note stays available,
  but no longer consumes a separate full row.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-template-note-v2 {
  max-width: 32rem;

  overflow: hidden;

  white-space: nowrap;
  text-overflow: ellipsis;

  font-size: .7rem !important;
}


/* Save + cancel at right */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-form-actions-v2 {
  display: flex !important;

  align-items: center !important;
  justify-content: flex-end !important;

  gap: .55rem !important;

  margin: 0 !important;

  flex: 0 0 auto;
}


/* Responsive fallback */
@container gdmodule (max-width: 62rem) {

  body.in-cashier.gdone-ui-v2-active
  #gdoneAdminPortalMessagesPanel
  .gdone-admin-portal-messages-text-editor-v2 {
    grid-template-columns:
      minmax(10rem, .9fr)
      minmax(14rem, 1.1fr)
      auto !important;
  }

  body.in-cashier.gdone-ui-v2-active
  #gdoneAdminPortalMessagesPanel
  .gdone-admin-portal-messages-template-note-v2 {
    display: none !important;
  }
}

@container gdmodule (max-width: 48rem) {

  body.in-cashier.gdone-ui-v2-active
  #gdoneAdminPortalMessagesPanel
  .gdone-admin-portal-messages-text-editor-v2 {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(0, 1.2fr) !important;
  }

  body.in-cashier.gdone-ui-v2-active
  #gdoneAdminPortalMessagesPanel
  .gdone-admin-portal-messages-text-tabs {
    grid-column: 1 / -1;

    justify-content: flex-end !important;
  }

  body.in-cashier.gdone-ui-v2-active
  #gdoneAdminPortalMessagesPanel
  .gdone-admin-portal-messages-bottom-row {
    flex-wrap: wrap !important;
  }
}

/* =========================================================
   GDONE PORTAL NOTIFICATIONS SCHEDULE UI V1
   ========================================================= */

/*
  Type | Target | Recurrence | Date/day | Time | Show days
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminPortalMessagesPanel
.gdone-admin-portal-messages-form-grid {
  grid-template-columns:
    minmax(8rem, 1.15fr)
    minmax(8rem, 1.15fr)
    minmax(6.8rem, .95fr)
    minmax(7.2rem, .95fr)
    minmax(5.8rem, .72fr)
    minmax(5.4rem, .68fr) !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminPortalMessageShowTime {
  width: 100% !important;
  min-width: 0 !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-template-row-v2 {
  flex-wrap: wrap !important;
  row-gap: .35rem !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-telegram-option {
  margin-left: .5rem !important;
  white-space: nowrap !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-template-note-v2 {
  flex-basis: 100%;
  max-width: 38rem !important;
}

@container gdmodule (max-width: 66rem) {
  body.in-cashier.gdone-ui-v2-active
  #gdoneAdminPortalMessagesPanel
  .gdone-admin-portal-messages-form-grid {
    grid-template-columns:
      repeat(3, minmax(0, 1fr)) !important;
  }
}

/* =========================================================
   GDONE PORTAL NOTIFICATIONS HISTORY TEMPLATES V1
   ========================================================= */

/* Equal Title / Text boxes */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminPortalMessageTextTitle,
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminPortalMessageTextBody {
  height: 3rem !important;
  min-height: 3rem !important;
  max-height: 3rem !important;

  box-sizing: border-box !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminPortalMessageTextBody {
  resize: none !important;

  line-height: 1.35 !important;

  padding-top: .72rem !important;
  padding-bottom: .72rem !important;
}


/* Bigger checkboxes */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminPortalMessagesPanel
.gdone-admin-portal-messages-checkbox-row
input[type="checkbox"] {
  width: 1.2rem !important;
  height: 1.2rem !important;

  min-width: 1.2rem !important;

  margin: 0 !important;

  cursor: pointer;

  accent-color: #5269d9;
}


/* Templates button */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-templates-btn {
  min-height: 2.45rem !important;

  padding: 0 .9rem !important;

  white-space: nowrap !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-templates-btn.is-active {
  color: #fff !important;

  background: #566bd7 !important;

  border-color: #566bd7 !important;
}


/* Bottom options row */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-template-row-v2 {
  align-items: center !important;

  column-gap: .8rem !important;

  row-gap: .4rem !important;
}


/* ---------------------------------------------------------
   History / Templates = separate finished card
   --------------------------------------------------------- */

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-table-wrap {
  width: 100% !important;

  margin-top: .75rem !important;
  margin-bottom: 1rem !important;

  border:
    1px solid
    rgba(97,108,158,.16) !important;

  border-radius: 1rem !important;

  background:
    rgba(255,255,255,.94) !important;

  overflow: auto !important;

  box-shadow:
    0 .35rem 1rem
    rgba(48,62,103,.035) !important;
}


/* Table inside rounded card */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-table {
  width: 100% !important;

  margin: 0 !important;

  border-collapse: separate !important;
  border-spacing: 0 !important;

  background: transparent !important;
}


/* Header */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-table
thead th {
  padding-top: .72rem !important;
  padding-bottom: .72rem !important;

  vertical-align: middle !important;

  background:
    rgba(246,247,253,.98) !important;
}


/* Message type column */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-type-col {
  width: 13% !important;

  padding-left: .8rem !important;
  padding-right: .55rem !important;
}


/* Top corners */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-table
thead th:first-child {
  border-top-left-radius: 1rem !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-table
thead th:last-child {
  border-top-right-radius: 1rem !important;
}


/* Bottom corners */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-table
tbody tr:last-child td:first-child {
  border-bottom-left-radius: 1rem !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-table
tbody tr:last-child td:last-child {
  border-bottom-right-radius: 1rem !important;
}


/* Ensure bottom is not visually cut */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminPortalMessagesPanel {
  padding-bottom: 1.2rem !important;
}


/* Narrow screen */
@container gdmodule (max-width: 58rem) {

  body.in-cashier.gdone-ui-v2-active
  #gdoneAdminPortalMessagesPanel
  .gdone-admin-portal-messages-bottom-row {
    flex-wrap: wrap !important;
  }
}

/* =========================================================
   GDONE PORTAL NOTIFICATIONS COMPACT ACTION ROW V1
   ========================================================= */

/* Entire lower control area stays in one line */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-bottom-row {
  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  gap: .85rem !important;

  flex-wrap: nowrap !important;

  margin-top: .7rem !important;
}


/* Left-side controls:
   Templates | Create as template | Telegram */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-template-row-v2 {
  display: flex !important;

  align-items: center !important;

  gap: .85rem !important;

  flex-wrap: nowrap !important;

  min-width: 0 !important;

  margin: 0 !important;
}


/* Templates button = compact */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-templates-btn {
  flex: 0 0 auto !important;

  width: auto !important;

  min-width: 7.4rem !important;

  max-width: 9rem !important;

  min-height: 2.55rem !important;

  padding:
    0 .9rem !important;

  border:
    1px solid rgba(82,105,217,.34) !important;

  border-radius:
    .8rem !important;

  background:
    rgba(82,105,217,.10) !important;

  color:
    #4057c5 !important;

  font-weight:
    850 !important;

  white-space:
    nowrap !important;

  box-shadow:
    0 .22rem .6rem rgba(53,70,150,.08) !important;
}


/* History-return label needs a bit more width */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-templates-btn.is-history-return {
  min-width: 12.5rem !important;

  max-width: 14rem !important;
}


/* Stronger state while template mode is active */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-templates-btn.is-active {
  background:
    #566bd7 !important;

  border-color:
    #566bd7 !important;

  color:
    #fff !important;

  box-shadow:
    0 .3rem .75rem rgba(69,88,190,.20) !important;
}


/* Checkboxes stay compact, not stretched */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-template-row-v2
.gdone-admin-portal-messages-checkbox-row {
  flex: 0 0 auto !important;

  margin: 0 !important;

  white-space: nowrap !important;
}


/* Template explanatory note must not consume another row */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-template-note-v2 {
  display: none !important;
}


/* Right-side actions stay at right */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-form-actions-v2 {
  display: flex !important;

  align-items: center !important;

  justify-content: flex-end !important;

  gap: .55rem !important;

  flex: 0 0 auto !important;

  margin-left: auto !important;
}


/* Empty state */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-empty-state {
  padding:
    1rem .9rem !important;

  color:
    #76809a !important;

  font-size:
    .78rem !important;

  font-weight:
    700 !important;
}


/* Only genuinely narrow workspace may wrap */
@container gdmodule (max-width: 54rem) {

  body.in-cashier.gdone-ui-v2-active
  #gdoneAdminPortalMessagesPanel
  .gdone-admin-portal-messages-bottom-row {
    flex-wrap: wrap !important;
  }

  body.in-cashier.gdone-ui-v2-active
  #gdoneAdminPortalMessagesPanel
  .gdone-admin-portal-messages-template-row-v2 {
    flex-wrap: wrap !important;
  }
}

/* =========================================================
   GDONE PORTAL NOTIFICATIONS ACTIVE RECURRING V1
   ========================================================= */

/* Header controls reach the real right edge */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-topbar {
  width: 100% !important;

  box-sizing: border-box !important;

  padding-right: 0 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-topbar
.gdone-admin-module-header-actions {
  display: flex !important;

  align-items: center !important;
  justify-content: flex-end !important;

  gap: .55rem !important;

  margin-left: auto !important;
  margin-right: 0 !important;

  padding-right: 0 !important;
}


/* Active recurring notifications button */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-active-btn {
  flex: 0 0 auto !important;

  min-width: 11.5rem !important;

  min-height: 2.75rem !important;

  padding:
    0 1rem !important;

  border:
    1px solid
    rgba(82,105,217,.28) !important;

  border-radius:
    .8rem !important;

  background:
    rgba(255,255,255,.76) !important;

  color:
    #4057c5 !important;

  font-weight:
    850 !important;

  white-space:
    nowrap !important;

  box-shadow:
    0 .2rem .55rem
    rgba(53,70,150,.06) !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-active-btn.is-active {
  color:
    #fff !important;

  background:
    #566bd7 !important;

  border-color:
    #566bd7 !important;

  box-shadow:
    0 .3rem .8rem
    rgba(69,88,190,.18) !important;
}


/*
  When the button becomes "История уведомлений",
  allow enough width for the whole text.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-active-btn.is-history-return {
  min-width:
    12.8rem !important;
}


/* Refresh is always the far-right control */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminPortalMessagesRefreshBtn {
  order: 100 !important;

  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* Hidden recurrence controls really disappear */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
#gdoneAdminPortalMessagesPanel
.gdone-admin-portal-messages-form-grid
.gdone-admin-portal-messages-field.hidden {
  display: none !important;
}

/* =========================================================
   GDONE PORTAL NOTIFICATIONS DEEPL BUTTON V1
   ========================================================= */

/*
  DeepL button sits in the free space between:
  Template / Telegram options
  and
  Create notification / Cancel.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-deepl-btn {
  flex: 0 0 auto !important;

  min-height: 2.55rem !important;

  margin-left: auto !important;
  margin-right: .25rem !important;

  padding:
    0 1rem !important;

  border:
    1px solid
    rgba(31,129,113,.28) !important;

  border-radius:
    .8rem !important;

  background:
    rgba(31,129,113,.09) !important;

  color:
    #167461 !important;

  font-weight:
    850 !important;

  white-space:
    nowrap !important;

  cursor:
    pointer !important;

  box-shadow:
    0 .2rem .55rem
    rgba(26,104,91,.06) !important;

  transition:
    background .15s ease,
    border-color .15s ease,
    box-shadow .15s ease,
    transform .15s ease;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-deepl-btn:hover {
  background:
    rgba(31,129,113,.15) !important;

  border-color:
    rgba(31,129,113,.42) !important;

  box-shadow:
    0 .3rem .75rem
    rgba(26,104,91,.10) !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-deepl-btn:active {
  transform:
    translateY(1px);
}


/*
  Keep entire action line compact on normal desktop:
  Templates | Save as template | Telegram
  ... DeepL ...
  Create | Cancel
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-bottom-row {
  flex-wrap:
    nowrap !important;
}


/* Only narrow workspace may wrap */
@container gdmodule (max-width: 62rem) {

  body.in-cashier.gdone-ui-v2-active
  #gdoneAdminPortalMessagesPanel
  .gdone-admin-portal-messages-bottom-row {
    flex-wrap:
      wrap !important;
  }

  body.in-cashier.gdone-ui-v2-active
  #gdoneAdminPortalMessagesPanel
  .gdone-admin-portal-messages-deepl-btn {
    margin-left:
      0 !important;
  }
}

/* =========================================================
   GDONE PORTAL NOTIFICATIONS DEEPL LIVE V1
   ========================================================= */

/* Usage counter next to DeepL button */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-deepl-usage {
  flex: 0 0 auto;

  color: #68748d;

  font-size: .72rem;
  font-weight: 750;

  white-space: nowrap;

  margin-left: -.15rem;
  margin-right: .2rem;
}


/* Loading feedback on the DeepL button */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-deepl-btn.is-loading {
  opacity: .65;

  cursor: wait !important;

  pointer-events: none;
}


/* Small animated activity marker */
body.in-cashier.gdone-ui-v2-active
#gdUiV2ModuleHost
.gdone-admin-portal-messages-deepl-btn.is-loading::after {
  content: "•••";

  display: inline-block;

  margin-left: .45rem;

  letter-spacing: .08rem;

  animation:
    gdDoneDeepLLoadingPulse
    1s ease-in-out infinite;
}


@keyframes gdDoneDeepLLoadingPulse {
  0%,
  100% {
    opacity: .3;
  }

  50% {
    opacity: 1;
  }
}


/* Keep usage with DeepL button on normal desktop */
@container gdmodule (max-width: 62rem) {

  body.in-cashier.gdone-ui-v2-active
  #gdoneAdminPortalMessagesPanel
  .gdone-admin-portal-messages-deepl-usage {
    margin-left: 0;
  }
}


/* =========================================================
   GDONE UI V2 — LEGACY HEADER FLASH FIX V1

   Hide the legacy portal header immediately after cashier mode
   becomes active. The real controls are moved into the V2 sidebar.
   Do not wait for gdone-ui-v2-shell3a.
   ========================================================= */

body.in-cashier > .header {
  display: none !important;
}


/* =========================================================
   GDONE CASHIER STARTUP MASK V1

   showAdminView() prepares the canonical admin DOM before the
   Cashier V2 shell takes control. Do not allow that intermediate
   legacy admin state to reach the screen.
   ========================================================= */

body.gdone-cashier-startup-mask > .header,
body.gdone-cashier-startup-mask #appShell {
  visibility: hidden !important;
  pointer-events: none !important;
}



/* =========================================================
   GDONE OPEN TRANSFERS WORKSPACE V1
   ========================================================= */


/*
  Transfers tool uses the full available height of the left
  dashboard column.
*/
.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="transfers"
] {
  height: 100% !important;
  min-height: 0 !important;
}


/*
  Pull the purple transfer block upward, almost to the separator
  below the tool header.
*/
.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="transfers"
]
.gd-ui-v2-tool-pane-body {
  flex: 1 1 auto !important;

  min-height: 0 !important;

  display: flex !important;
  flex-direction: column !important;

  padding:
    .25rem
    .75rem
    .75rem !important;

  overflow: hidden !important;
}


/*
  Purple working frame itself fills the whole remaining height.
*/
.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="transfers"
]
.gdone-cashier-transfers-block {
  flex: 1 1 auto !important;

  width: 100% !important;

  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;

  box-sizing: border-box !important;

  display: flex !important;
  flex-direction: column !important;

  overflow: hidden !important;
}


/*
  Duplicate title is removed from HTML, but keep this safety rule.
*/
.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="transfers"
]
.gdone-cashier-transfers-block
> .gdone-cashier-section-title {
  display: none !important;
}


/*
  Summary cards remain fixed at the top.
*/
.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="transfers"
]
.gdone-cashier-transfer-summary {
  flex: 0 0 auto !important;
}


/*
  The list takes every remaining pixel down to the bottom.
  This replaces the legacy max-height:230px.
*/
.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="transfers"
]
.gdone-cashier-transfer-list {
  flex: 1 1 auto !important;

  min-height: 0 !important;

  height: auto !important;
  max-height: none !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;

  padding-right: 2px !important;
}


/*
  No pointless empty space below the last visible row.
*/
.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="transfers"
]
.gdone-cashier-transfer-row:last-child {
  margin-bottom: 0 !important;
}




/* =========================================================
   GDONE OPEN TRANSFERS — EDGE FIT + ACTIVE TOOL V2
   ========================================================= */


/*
  Remove the remaining side/bottom inset.
  Top keeps only a tiny breathing gap below the separator.
*/
.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="transfers"
]
.gd-ui-v2-tool-pane-body {
  padding:
    .25rem
    0
    0 !important;

  overflow: hidden !important;
}


/*
  Purple frame now fills the complete available body:
  left edge, right edge and bottom edge.
*/
.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="transfers"
]
.gdone-cashier-transfers-block {
  width: 100% !important;

  flex: 1 1 auto !important;

  min-height: 0 !important;
  height: 100% !important;
  max-height: none !important;

  margin:
    0 !important;

  border-radius:
    10px
    10px
    0
    0 !important;

  box-sizing: border-box !important;
}


/*
  List uses all remaining vertical space down to the bottom.
*/
.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="transfers"
]
.gdone-cashier-transfer-list {
  flex: 1 1 auto !important;

  min-height: 0 !important;
  max-height: none !important;

  overflow-y: auto !important;

  padding-bottom: 4px !important;
}


/* =========================================================
   ACTIVE "TRANSFERS" TOOL BUTTON
   ========================================================= */

/*
  When the transfers pane is actually open,
  visually mark the Transfers tool above.
*/
body.in-cashier:has(
  .gd-ui-v2-tool-pane[
    data-gd-ui-v2-tool-pane="transfers"
  ]
)
[data-gd-ui-v2-cash-tool="transfers"] {
  border:
    2px solid #5f53d4 !important;

  box-shadow:
    0 0 0 1px rgba(95,83,212,.08),
    0 6px 16px rgba(77,65,168,.12) !important;
}


/*
  Keep the active button clean and obvious,
  without changing its existing orange icon/copy.
*/
body.in-cashier:has(
  .gd-ui-v2-tool-pane[
    data-gd-ui-v2-tool-pane="transfers"
  ]
)
[data-gd-ui-v2-cash-tool="transfers"]:hover {
  border-color:
    #5145c3 !important;
}



/* =========================================================
   GDONE CASH MOVEMENT — FULL WORKSPACE V1
   Same visual principle as Open Transfers
   ========================================================= */


/* ---------------------------------------------------------
   Tool body: almost flush to separator, no side/bottom inset
   --------------------------------------------------------- */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="movement"
] {
  height: 100% !important;
  min-height: 0 !important;
}


.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="movement"
]
.gd-ui-v2-tool-pane-body {
  flex: 1 1 auto !important;

  min-height: 0 !important;

  display: flex !important;
  flex-direction: column !important;

  padding:
    .25rem
    0
    0 !important;

  overflow: hidden !important;
}


/* ---------------------------------------------------------
   Purple working frame fills whole remaining area
   --------------------------------------------------------- */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="movement"
]
.gdone-cashier-working-block {
  flex: 1 1 auto !important;

  width: 100% !important;

  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;

  padding:
    10px
    10px
    8px !important;

  box-sizing: border-box !important;

  display: flex !important;
  flex-direction: column !important;

  overflow: hidden !important;

  border-radius:
    10px
    10px
    0
    0 !important;
}


/* ---------------------------------------------------------
   Inner "Операции с наличными"
   --------------------------------------------------------- */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="movement"
]
.gdone-cashier-section-title {
  flex: 0 0 auto !important;

  margin:
    0
    0
    8px !important;

  padding: 0 !important;

  font-size: 15px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
}


/* GDONE V677 CANONICAL MOVEMENT JOURNAL */

body.in-cashier.gdone-ui-v2-active .gd-ui-v2-tool-pane[data-gd-ui-v2-tool-pane="movement"] .gd-ui-v2-tool-pane-body,
body.in-cashier.gdone-ui-v2-active .gd-ui-v2-tool-pane[data-gd-ui-v2-tool-pane="movement"] .gdone-cashier-expanded-block {
display:flex !important;
    flex-direction:column !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    min-height:0 !important;
    overflow:hidden !important;
}

body.in-cashier.gdone-ui-v2-active .gd-ui-v2-tool-pane[data-gd-ui-v2-tool-pane="movement"] .gdone-cashier-movement-journal {
display:block !important;
    flex:1 1 auto !important;
    width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    margin:3px 0 0 !important;
    padding:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior-y:contain !important;
    scrollbar-gutter:stable;
    border:1px solid #e1e3ec !important;
    border-radius:10px !important;
    background:#fff !important;
    box-sizing:border-box !important;
}

body.in-cashier.gdone-ui-v2-active .gd-ui-v2-tool-pane[data-gd-ui-v2-tool-pane="movement"] .gdone-cashier-movement-head,
body.in-cashier.gdone-ui-v2-active .gd-ui-v2-tool-pane[data-gd-ui-v2-tool-pane="movement"] .gdone-cashier-movement-entry > summary {
display:grid !important;
    grid-template-columns:
        112px minmax(0,1fr) minmax(90px,max-content)
        !important;
    column-gap:8px !important;
    align-items:center !important;
    width:100% !important;
    box-sizing:border-box !important;
}

body.in-cashier.gdone-ui-v2-active .gd-ui-v2-tool-pane[data-gd-ui-v2-tool-pane="movement"] .gdone-cashier-movement-head {
position:sticky !important;
    top:0 !important;
    z-index:30 !important;
    min-height:34px !important;
    height:auto !important;
    margin:0 !important;
    padding:7px 10px !important;
    background:#f5f6fa !important;
    border:0 !important;
    border-bottom:1px solid #dfe2eb !important;
    box-shadow:none !important;
    color:#555c70 !important;
    font-size:11.5px !important;
    line-height:1.25 !important;
    font-weight:900 !important;
}

body.in-cashier.gdone-ui-v2-active .gd-ui-v2-tool-pane[data-gd-ui-v2-tool-pane="movement"] .gdone-cashier-movement-entry {
display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-bottom:1px solid #e8eaf0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:#fff !important;
    overflow:visible !important;
    box-sizing:border-box !important;
}

body.in-cashier.gdone-ui-v2-active .gd-ui-v2-tool-pane[data-gd-ui-v2-tool-pane="movement"] .gdone-cashier-movement-entry:nth-of-type(even) {
background:#fafbfe !important;
}

body.in-cashier.gdone-ui-v2-active .gd-ui-v2-tool-pane[data-gd-ui-v2-tool-pane="movement"] .gdone-cashier-movement-entry > summary {
min-height:39px !important;
    height:auto !important;
    margin:0 !important;
    padding:6px 10px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    font-size:12.5px !important;
    line-height:1.3 !important;
    cursor:pointer;
    list-style:none !important;
}

body.in-cashier.gdone-ui-v2-active .gd-ui-v2-tool-pane[data-gd-ui-v2-tool-pane="movement"] .gdone-cashier-movement-head > *,
body.in-cashier.gdone-ui-v2-active .gd-ui-v2-tool-pane[data-gd-ui-v2-tool-pane="movement"] .gdone-cashier-movement-entry > summary > * {
min-width:0 !important;
    box-sizing:border-box !important;
}

body.in-cashier.gdone-ui-v2-active .gd-ui-v2-tool-pane[data-gd-ui-v2-tool-pane="movement"] .gdone-cashier-movement-entry > summary:hover {
background:#f0f2fa !important;
}

body.in-cashier.gdone-ui-v2-active .gd-ui-v2-tool-pane[data-gd-ui-v2-tool-pane="movement"] .gdone-cashier-movement-entry[open] > summary {
background:#f0effa !important;
}

body.in-cashier.gdone-ui-v2-active .gd-ui-v2-tool-pane[data-gd-ui-v2-tool-pane="movement"] .gdone-cashier-movement-when {
display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:3px !important;
    min-width:0 !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    line-height:1.25 !important;
}

body.in-cashier.gdone-ui-v2-active .gd-ui-v2-tool-pane[data-gd-ui-v2-tool-pane="movement"] .gdone-cashier-movement-time,
body.in-cashier.gdone-ui-v2-active .gd-ui-v2-tool-pane[data-gd-ui-v2-tool-pane="movement"] .gdone-cashier-movement-date {
display:inline !important;
    margin:0 !important;
    padding:0 !important;
    font-size:11.5px !important;
    line-height:1.25 !important;
    white-space:nowrap !important;
}

body.in-cashier.gdone-ui-v2-active .gd-ui-v2-tool-pane[data-gd-ui-v2-tool-pane="movement"] .gdone-cashier-movement-kind {
min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    color:#33394b !important;
    font-size:12.5px !important;
    line-height:1.3 !important;
    font-weight:800 !important;
}

body.in-cashier.gdone-ui-v2-active .gd-ui-v2-tool-pane[data-gd-ui-v2-tool-pane="movement"] .gdone-cashier-movement-amount {
justify-self:end !important;
    min-width:0 !important;
    margin:0 !important;
    text-align:right !important;
    white-space:nowrap !important;
    font-size:13.5px !important;
    line-height:1.3 !important;
    font-weight:950 !important;
}

body.in-cashier.gdone-ui-v2-active .gd-ui-v2-tool-pane[data-gd-ui-v2-tool-pane="movement"] .gdone-cashier-movement-details {
position:relative !important;
    display:grid !important;
    gap:5px !important;
    min-width:0 !important;
    margin:0 !important;
    padding:10px !important;
    border:0 !important;
    border-top:1px solid #e6e8f0 !important;
    border-radius:0 !important;
    background:#fff !important;
    font-size:12.5px !important;
    line-height:1.35 !important;
}

body.in-cashier.gdone-ui-v2-active .gd-ui-v2-tool-pane[data-gd-ui-v2-tool-pane="movement"] .gdone-cashier-movement-detail {
display:grid !important;
    grid-template-columns:
        minmax(95px,30%) minmax(0,1fr) !important;
    gap:8px !important;
    min-width:0 !important;
    align-items:start !important;
    font-size:12px !important;
    line-height:1.35 !important;
}

body.in-cashier.gdone-ui-v2-active .gd-ui-v2-tool-pane[data-gd-ui-v2-tool-pane="movement"] .gdone-cashier-movement-detail strong {
min-width:0 !important;
    overflow-wrap:anywhere !important;
}

body.in-cashier.gdone-ui-v2-active .gd-ui-v2-tool-pane[data-gd-ui-v2-tool-pane="movement"] .gdone-cashier-movement-button {
flex:0 0 auto !important;
    align-self:stretch !important;
    width:100% !important;
    min-height:45px !important;
    height:45px !important;
    margin:8px 0 0 !important;
    border-radius:10px !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:14px !important;
    line-height:1.2 !important;
    font-weight:900 !important;
}

/* END GDONE V677 */

/* =========================================================
   ACTIVE CASH TOOL — MOVEMENT
   Same purple outline behaviour as Transfers
   ========================================================= */

body.in-cashier:has(
  .gd-ui-v2-tool-pane[
    data-gd-ui-v2-tool-pane="movement"
  ]
)
[data-gd-ui-v2-cash-tool="movement"] {
  border:
    2px solid #1471d9 !important;

  box-shadow:
    0 0 0 1px rgba(20,113,217,.08),
    0 6px 16px rgba(20,91,180,.12) !important;
}


body.in-cashier:has(
  .gd-ui-v2-tool-pane[
    data-gd-ui-v2-tool-pane="movement"
  ]
)
[data-gd-ui-v2-cash-tool="movement"]:hover {
  border-color:
    #0863c6 !important;
}



/* =========================================================
   GDONE CASH MOVEMENT — REMOVE DUPLICATE INNER TITLE V2
   ========================================================= */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="movement"
]
.gdone-cashier-working-block
> .gdone-cashier-section-title {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Use the released space immediately for the journal */
.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="movement"
]
.gdone-cashier-movement-journal {
  margin-top: 0 !important;
}



/* =========================================================
   GDONE RECONCILIATION LAYOUT V2
   Header history button + large denomination controls
   ========================================================= */


/* ---------------------------------------------------------
   TOOL HEADER
   --------------------------------------------------------- */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gd-ui-v2-tool-pane-head {
  display: flex !important;
  align-items: center !important;

  gap: 10px !important;
}


.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gd-ui-v2-tool-pane-head h3 {
  margin-right: auto !important;
}


.gd-ui-v2-tool-header-action {
  flex: 0 0 auto !important;

  min-height: 36px !important;

  padding:
    0
    13px !important;

  border:
    1px solid rgba(79,91,170,.18) !important;

  border-radius: 10px !important;

  background:
    rgba(255,255,255,.88) !important;

  color: #3d4979 !important;

  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;

  white-space: nowrap !important;

  cursor: pointer !important;
}


.gd-ui-v2-tool-header-action:hover {
  border-color:
    rgba(96,78,199,.36) !important;

  background:#fff !important;
}


.gd-ui-v2-tool-header-action.is-active {
  border:
    2px solid #6754d1 !important;

  color:#5141ae !important;

  background:#f8f6ff !important;
}


/* ---------------------------------------------------------
   RECONCILIATION BODY
   --------------------------------------------------------- */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-reconciliation-compact {
  padding:
    14px
    14px
    12px !important;
}


/*
  Old title-row should never consume space now.
*/
.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-recon-title-row {
  display:none !important;
}


/* ---------------------------------------------------------
   DENOMINATIONS
   3 semantic columns:
   500/200/100 | 50/20/10 | 5/2/1
   --------------------------------------------------------- */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-denoms {
  display:grid !important;

  grid-template-columns:
    repeat(3,minmax(0,1fr)) !important;

  gap:
    11px
    13px !important;

  margin:
    2px
    0
    14px !important;
}


.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-denom {
  min-width:0 !important;

  display:grid !important;

  grid-template-columns:
    66px
    58px
    minmax(48px,1fr) !important;

  align-items:center !important;

  gap:7px !important;

  padding:
    4px
    5px !important;

  box-sizing:border-box !important;
}


.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-denom label {
  margin:0 !important;

  color:#30364b !important;

  font-size:15px !important;
  line-height:1 !important;
  font-weight:950 !important;

  text-align:right !important;

  white-space:nowrap !important;
}


.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-denom input {
  width:58px !important;
  min-width:58px !important;

  height:46px !important;
  min-height:46px !important;

  padding:0 !important;

  border-radius:10px !important;

  font-size:18px !important;
  line-height:1 !important;
  font-weight:950 !important;

  text-align:center !important;
}


.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-denom small {
  color:#77809b !important;

  font-size:13px !important;
  line-height:1.05 !important;
  font-weight:850 !important;

  white-space:nowrap !important;
}


/* ---------------------------------------------------------
   SUMMARY
   --------------------------------------------------------- */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-reconcile-summary {
  gap:10px !important;

  margin-top:2px !important;
}


.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-reconcile-summary-card,
.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-reconcile-confirm-card {
  min-height:86px !important;

  border-radius:13px !important;
}


.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-reconcile-summary-card span {
  font-size:14px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
}


.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-reconcile-summary-card strong {
  margin-top:8px !important;

  font-size:28px !important;
  line-height:1 !important;
  font-weight:950 !important;
}


.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-reconcile-confirm-card {
  padding:
    10px
    14px !important;

  font-size:17px !important;
  line-height:1.15 !important;
  font-weight:950 !important;

  text-align:center !important;
}


/* ---------------------------------------------------------
   COMMENT
   --------------------------------------------------------- */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-reconcile-comment-line {
  min-height:44px !important;

  margin-top:2px !important;

  padding:
    9px
    12px !important;

  font-size:14px !important;
}


/* ---------------------------------------------------------
   SHORT HISTORY WHEN OPEN
   --------------------------------------------------------- */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-short-money-history {
  max-height:220px !important;

  margin:
    0
    0
    10px !important;

  overflow-y:auto !important;
}




/* =========================================================
   GDONE RECONCILIATION POLISH — STEP 1
   - swap reconciliation / transfers
   - edge-fit purple workspace
   - larger denominations
   - compact summary cards
   ========================================================= */


/* =========================================================
   TOP TOOL ORDER
   1. Пересчёт и сверка
   2. Показатели недели
   3. Движение кассы
   4. Переносы
   ========================================================= */

[data-gd-ui-v2-cash-tool="reconciliation"] {
  order: 1 !important;
}

[data-gd-ui-v2-cash-tool="financial"] {
  order: 2 !important;
}

[data-gd-ui-v2-cash-tool="movement"] {
  order: 3 !important;
}

[data-gd-ui-v2-cash-tool="transfers"] {
  order: 4 !important;
}


/* Active reconciliation = purple outline */

body.in-cashier:has(
  .gd-ui-v2-tool-pane[
    data-gd-ui-v2-tool-pane="reconciliation"
  ]
)
[data-gd-ui-v2-cash-tool="reconciliation"] {
  border:
    2px solid #6854da !important;

  box-shadow:
    0 0 0 1px rgba(104,84,218,.07),
    0 6px 16px rgba(82,64,175,.11) !important;
}


/* =========================================================
   RECONCILIATION FRAME — EDGE TO EDGE
   ========================================================= */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
] {
  height: 100% !important;
  min-height: 0 !important;
}


.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gd-ui-v2-tool-pane-body {
  flex: 1 1 auto !important;

  min-height: 0 !important;

  display: flex !important;
  flex-direction: column !important;

  /* tiny gap only under top separator */
  padding:
    .22rem
    0
    0 !important;

  overflow: hidden !important;
}


.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-reconciliation-compact {
  flex: 1 1 auto !important;

  width: 100% !important;

  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;

  padding:
    10px
    12px
    8px !important;

  box-sizing: border-box !important;

  border-radius:
    10px
    10px
    0
    0 !important;

  overflow: hidden !important;
}


/* =========================================================
   DENOMINATIONS — LARGER
   ========================================================= */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-denoms {
  display: grid !important;

  grid-template-columns:
    repeat(3, minmax(0,1fr)) !important;

  gap:
    10px
    12px !important;

  margin:
    2px
    0
    9px !important;
}


.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-denom {
  min-width: 0 !important;

  display: grid !important;

  grid-template-columns:
    70px
    58px
    minmax(52px,1fr) !important;

  align-items: center !important;

  gap: 7px !important;

  padding:
    2px
    3px !important;
}


/* 500 zł / 200 zł / etc. */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-denom label {
  margin: 0 !important;

  color: #30364b !important;

  font-size: 16.5px !important;
  line-height: 1 !important;
  font-weight: 950 !important;

  text-align: right !important;

  white-space: nowrap !important;
}


/* Quantity field */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-denom input {
  width: 58px !important;
  min-width: 58px !important;

  height: 46px !important;
  min-height: 46px !important;

  padding: 0 !important;

  border-radius: 10px !important;

  font-size: 19px !important;
  line-height: 1 !important;
  font-weight: 950 !important;

  text-align: center !important;
}


/* = 2100 zł */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-denom small {
  color: #707996 !important;

  font-size: 14.5px !important;
  line-height: 1 !important;
  font-weight: 900 !important;

  white-space: nowrap !important;
}


/* =========================================================
   THREE SUMMARY CARDS — SHORTER
   ========================================================= */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-reconcile-summary {
  display: grid !important;

  grid-template-columns:
    repeat(3,minmax(0,1fr)) !important;

  gap: 8px !important;

  margin:
    0
    0
    7px !important;
}


.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-reconcile-summary-card,
.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-reconcile-confirm-card {
  height: 68px !important;
  min-height: 68px !important;

  padding:
    6px
    9px !important;

  box-sizing: border-box !important;

  border-radius: 11px !important;
}


.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-reconcile-summary-card {
  display: flex !important;
  flex-direction: column !important;

  align-items: center !important;
  justify-content: center !important;
}


/* Labels */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-reconcile-summary-card span {
  font-size: 12.5px !important;
  line-height: 1 !important;
  font-weight: 900 !important;

  white-space: nowrap !important;
}


/* Main amounts */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-reconcile-summary-card strong {
  margin-top: 5px !important;

  font-size: 22px !important;
  line-height: .95 !important;
  font-weight: 950 !important;
}


/* Save reconciliation */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-reconcile-confirm-card {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  color: #25723e !important;

  font-size: 15px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;

  text-align: center !important;
}


/* =========================================================
   COMMENT — SLIGHTLY SHORTER
   ========================================================= */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-reconcile-comment-line {
  width: 100% !important;

  height: 35px !important;
  min-height: 35px !important;

  margin: 0 !important;

  padding:
    5px
    9px !important;

  box-sizing: border-box !important;

  border-radius: 9px !important;

  font-size: 12.5px !important;
}




/* =========================================================
   GDONE RECONCILIATION POLISH — STEP 2
   tighter vertical rhythm + larger denomination typography
   ========================================================= */


/* =========================================================
   PULL CONTENT CLOSER TO TOP
   ========================================================= */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-reconciliation-compact {
  padding-top: 6px !important;
}


/* =========================================================
   DENOMINATION GRID — TIGHTER ROWS
   ========================================================= */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-denoms {
  gap:
    5px
    10px !important;

  margin:
    0
    0
    5px !important;
}


.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-denom {
  grid-template-columns:
    74px
    58px
    minmax(58px,1fr) !important;

  gap: 7px !important;

  padding:
    0
    2px !important;
}


/* Nominal: 500 zł / 50 zł / etc. */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-denom label {
  font-size: 18px !important;
  line-height: .95 !important;
  font-weight: 950 !important;
}


/* Quantity input */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-denom input {
  height: 44px !important;
  min-height: 44px !important;

  font-size: 20px !important;
  font-weight: 950 !important;
}


/* "= 2100 zł" — same visual scale as nominal */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-denom small {
  font-size: 17px !important;
  line-height: .95 !important;
  font-weight: 950 !important;
}


/* =========================================================
   SUMMARY CARDS — EVEN SHORTER
   ========================================================= */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-reconcile-summary {
  gap: 7px !important;

  margin:
    0
    0
    5px !important;
}


.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-reconcile-summary-card,
.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-reconcile-confirm-card {
  height: 58px !important;
  min-height: 58px !important;

  padding:
    4px
    8px !important;
}


/* Labels tighter */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-reconcile-summary-card span {
  font-size: 12px !important;
  line-height: .95 !important;
}


/* Amounts slightly smaller than before */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-reconcile-summary-card strong {
  margin-top: 3px !important;

  font-size: 20px !important;
  line-height: .9 !important;
}


/* Confirm button compact */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-reconcile-confirm-card {
  font-size: 14px !important;
  line-height: 1 !important;
}


/* =========================================================
   COMMENT — ONE TIGHT LINE
   ========================================================= */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-reconcile-comment-line {
  height: 31px !important;
  min-height: 31px !important;

  padding:
    4px
    8px !important;

  font-size: 12px !important;
}




/* =========================================================
   GDONE RECONCILIATION — FIXED HISTORY V4
   ========================================================= */


/* Old header button is no longer needed */
[data-gd-ui-v2-recon-history] {
  display: none !important;
}


/* Reconciliation uses available height vertically */
.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-reconciliation-compact {
  display: flex !important;
  flex-direction: column !important;

  min-height: 0 !important;

  gap: 5px !important;
}


/* =========================================================
   PERMANENT HISTORY AREA
   ========================================================= */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4 {
  flex: 1 1 auto !important;

  width: 100% !important;
  min-width: 0 !important;

  min-height: 125px !important;

  margin-top: 3px !important;

  display: flex !important;
  flex-direction: column !important;

  overflow: hidden !important;

  box-sizing: border-box !important;
}


/* Actual history table/list */
.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-history {
  flex: 1 1 auto !important;

  width: 100% !important;
  min-width: 0 !important;

  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;

  border-radius: 10px !important;

  /*
    No elastic/chained overscroll.
    The history remains visually fixed inside its own box.
  */
  overscroll-behavior: none !important;
  overscroll-behavior-y: none !important;

  scroll-behavior: auto !important;
}


/* =========================================================
   HISTORY COLUMNS
   More space between Admin and Person / Cash
   ========================================================= */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-head,

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-row {
  display: grid !important;

  grid-template-columns:
    1.05fr
    .85fr
    1.30fr
    1.10fr
    .70fr !important;

  column-gap: 14px !important;

  align-items: center !important;
}


/* Fixed header inside history */
.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-head {
  position: sticky !important;

  top: 0 !important;
  z-index: 4 !important;

  padding:
    8px
    9px !important;
}


/* Normal rows */
.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-row {
  min-height: 37px !important;

  padding:
    6px
    9px !important;
}


/* Prevent columns from pushing into each other */
.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-admin,

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-name,

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-action {
  min-width: 0 !important;
}


/* Explicit extra breathing room after Admin */
.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-admin {
  padding-right: 5px !important;
}


/* Amount remains right aligned */
.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-amount {
  text-align: right !important;

  white-space: nowrap !important;
}




/* =========================================================
   GDONE RECONCILIATION HISTORY COMPACT V5
   ========================================================= */


/* ---------------------------------------------------------
   Comment closer to summary cards
   --------------------------------------------------------- */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-cashier-reconcile-comment-line {
  margin-top: -1px !important;
  margin-bottom: 2px !important;
}


/* ---------------------------------------------------------
   One black frame around BOTH header and rows
   --------------------------------------------------------- */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4 {
  border:
    2px solid #3f414b !important;

  border-radius: 11px !important;

  overflow: hidden !important;

  background: #fbfbfd !important;
}


/*
  Remove any separate inner border so there is only
  one common frame.
*/
.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-history {
  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;

  background: transparent !important;
}


/* ---------------------------------------------------------
   Compact header strip
   --------------------------------------------------------- */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-head {
  min-height: 30px !important;

  padding:
    4px
    9px !important;

  box-sizing: border-box !important;

  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 900 !important;

  background: #f5f4fa !important;

  border-bottom:
    1px solid rgba(67,70,88,.18) !important;
}


/* Header labels */
.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-head > * {
  font-size: 10.5px !important;
  line-height: 1 !important;

  white-space: nowrap !important;
}


/* ---------------------------------------------------------
   Compact history rows
   --------------------------------------------------------- */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-row {
  min-height: 31px !important;

  padding:
    4px
    9px !important;

  box-sizing: border-box !important;

  font-size: 11.5px !important;
  line-height: 1.05 !important;

  border-bottom:
    1px solid rgba(67,70,88,.12) !important;
}


.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-row:last-child {
  border-bottom: 0 !important;
}


/* All row text compact */
.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-row > * {
  font-size: 11.5px !important;
  line-height: 1.05 !important;
}


/* Slightly stronger date/time and amount */
.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-date,

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-amount {
  font-weight: 900 !important;
}


/* ---------------------------------------------------------
   Better spacing between Admin and Person/Cash
   --------------------------------------------------------- */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-head,

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-row {
  grid-template-columns:
    1.05fr
    .82fr
    1.35fr
    1.10fr
    .68fr !important;

  column-gap: 16px !important;
}


/* ---------------------------------------------------------
   Fit more rows in available height
   --------------------------------------------------------- */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4 {
  min-height: 0 !important;
}


.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-history {
  min-height: 0 !important;

  overscroll-behavior-y: contain !important;
}


/* Keep header fixed while rows scroll */
.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-head {
  position: sticky !important;
  top: 0 !important;
  z-index: 5 !important;
}



/* =========================================================
   GDONE RECONCILIATION HISTORY COMPACT V6
   lighter purple frame + denser rows
   ========================================================= */


/* ---------------------------------------------------------
   ONE PURPLE FRAME ONLY
   --------------------------------------------------------- */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4 {
  border:
    2px solid #a99df4 !important;

  border-radius: 10px !important;

  box-shadow: none !important;

  background: #fbfaff !important;

  overflow: hidden !important;
}


/* Kill any inner/double frame */
.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-history {
  border: 0 !important;

  border-top: 0 !important;
  border-bottom: 0 !important;

  outline: 0 !important;

  box-shadow: none !important;

  border-radius: 0 !important;
}


/* ---------------------------------------------------------
   HEADER — SMALLER / LIGHTER
   --------------------------------------------------------- */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-head {
  min-height: 26px !important;
  height: 26px !important;

  padding:
    2px
    8px !important;

  box-sizing: border-box !important;

  font-size: 9.5px !important;
  line-height: 1 !important;

  background: #f6f4ff !important;

  border: 0 !important;

  border-bottom:
    1px solid rgba(108,88,220,.16) !important;
}


.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-head > * {
  font-size: 9.5px !important;
  line-height: 1 !important;
}


/* ---------------------------------------------------------
   ROWS — MUCH DENSER
   --------------------------------------------------------- */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-row {
  min-height: 27px !important;
  height: 27px !important;

  padding:
    2px
    8px !important;

  box-sizing: border-box !important;

  font-size: 10.5px !important;
  line-height: 1 !important;

  border: 0 !important;

  border-bottom:
    1px solid rgba(108,88,220,.10) !important;
}


.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-row:last-child {
  border-bottom: 0 !important;
}


.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-row > * {
  font-size: 10.5px !important;
  line-height: 1 !important;
}


/* ---------------------------------------------------------
   COLUMN SPACING
   --------------------------------------------------------- */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-head,

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-row {
  grid-template-columns:
    1.05fr
    .82fr
    1.35fr
    1.10fr
    .68fr !important;

  column-gap: 15px !important;
}


/* Keep amount aligned right */
.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-amount {
  text-align: right !important;
  white-space: nowrap !important;
}


/* Remove any heavy bottom decoration */
.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4::before,

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4::after {
  display: none !important;
}



/* =========================================================
   GDONE FINAL NIGHT POLISH V1
   - reconciliation history: 1 header + 6 rows
   - unified left/right dashboard geometry
   - clip quick-panel green accent to rounded card
   ========================================================= */


/* =========================================================
   1. RECONCILIATION HISTORY
   Exactly one header + six visible operation rows
   ========================================================= */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4 {
  flex:
    0
    0
    238px !important;

  width: 100% !important;

  height: 238px !important;
  min-height: 238px !important;
  max-height: 238px !important;

  border:
    2px solid #a99df4 !important;

  border-radius:
    10px !important;

  box-shadow:
    none !important;

  overflow:
    hidden !important;
}


/* One unified inner table, no second frame */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-history {
  width: 100% !important;

  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;

  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  overflow-x: hidden !important;
  overflow-y: auto !important;

  overscroll-behavior:
    none !important;

  scroll-behavior:
    auto !important;
}


/* Header: larger than current tiny version */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-head {
  position:
    sticky !important;

  top: 0 !important;
  z-index: 5 !important;

  height: 30px !important;
  min-height: 30px !important;

  padding:
    4px
    9px !important;

  box-sizing:
    border-box !important;

  background:
    #f6f4ff !important;

  border: 0 !important;
  border-bottom:
    1px solid rgba(108,88,220,.18) !important;

  font-size:
    11.5px !important;

  line-height:
    1 !important;

  font-weight:
    900 !important;
}


/* Header labels */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-head > * {
  font-size:
    11.5px !important;

  line-height:
    1 !important;

  white-space:
    nowrap !important;
}


/*
  Six visible rows:
  6 × 34px = 204px
  + 30px header = 234px
  + frame = fits inside ~238px.
*/

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-row {
  height: 34px !important;
  min-height: 34px !important;

  padding:
    4px
    9px !important;

  box-sizing:
    border-box !important;

  border: 0 !important;
  border-bottom:
    1px solid rgba(108,88,220,.11) !important;

  font-size:
    12.5px !important;

  line-height:
    1 !important;
}


.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-row > * {
  font-size:
    12.5px !important;

  line-height:
    1 !important;
}


.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-row:last-child {
  border-bottom:
    0 !important;
}


/* Preserve extra breathing room Admin → Лицо / касса */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-head,

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
.gdone-reconciliation-history-fixed-v4
.gdone-cashier-short-money-row {
  grid-template-columns:
    1.05fr
    .84fr
    1.34fr
    1.10fr
    .70fr !important;

  column-gap:
    16px !important;

  align-items:
    center !important;
}


/* =========================================================
   2. MAIN DASHBOARD — ONE COMMON 50/50 VERTICAL DIVIDER

   Left side:
     KPI "К выдаче" + "Дефицит"
     driver/tool workspace

   Right side:
     4 cash tools
     operations / recent history
   ========================================================= */


/*
  Lower main grid becomes exact equal halves.
*/

body.in-cashier.gdone-ui-v2-active
.gd-ui-v2-main-grid {
  grid-template-columns:
    minmax(0,1fr)
    minmax(0,1fr) !important;

  gap:
    .8rem !important;
}


/*
  Top KPI row:
  two half-width KPI pieces together = LEFT 50%;
  tools block = RIGHT 50%.
*/

body.in-cashier.gdone-ui-v2-shell3a
.gd-ui-v2-kpis {
  grid-template-columns:
    minmax(0,1fr)
    minmax(0,1fr)
    minmax(0,2fr) !important;

  gap:
    .7rem !important;
}


/*
  Make sure every main column fills exactly its grid cell,
  with no old width/max-width leftovers.
*/

body.in-cashier.gdone-ui-v2-active
.gd-ui-v2-drivers,

body.in-cashier.gdone-ui-v2-active
.gd-ui-v2-right,

body.in-cashier.gdone-ui-v2-active
#gdUiV2CashTools {
  width:
    100% !important;

  max-width:
    none !important;

  min-width:
    0 !important;

  box-sizing:
    border-box !important;
}


/*
  Ensure the 4-button block itself reaches both edges
  of its 50% right-side column.
*/

body.in-cashier.gdone-ui-v2-active
#gdUiV2CashTools {
  margin:
    0 !important;

  justify-self:
    stretch !important;

  align-self:
    stretch !important;
}


/* =========================================================
   3. "ОПЕРАЦИИ БЕЗ ВОДИТЕЛЯ"
   Clip green accent inside rounded corner.
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
.gd-ui-v2-quick {
  position:
    relative !important;

  overflow:
    hidden !important;

  border-radius:
    1rem !important;
}


/*
  Any inner green accent can no longer visually stick
  outside the rounded card.
*/

body.in-cashier.gdone-ui-v2-active
.gd-ui-v2-quick > * {
  max-width:
    100% !important;

  box-sizing:
    border-box !important;
}


/* =========================================================
   4. HARD ALIGNMENT SAFETY
   Top/bottom cards share exact edges
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
.gd-ui-v2-kpis,

body.in-cashier.gdone-ui-v2-active
.gd-ui-v2-main-grid {
  width:
    100% !important;

  max-width:
    none !important;

  min-width:
    0 !important;

  margin-left:
    0 !important;

  margin-right:
    0 !important;

  box-sizing:
    border-box !important;
}




/* =========================================================
   GDONE FINAL ALIGNMENT + TOOL HEADER V2
   ========================================================= */


/* =========================================================
   1. MICRO ALIGNMENT OF TOP BLOCKS
   ========================================================= */

/*
  Whole 4-button cash-tool block:
  approximately 1 mm left on a normal desktop display.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2CashTools {
  transform:
    translateX(-3px) !important;
}


/*
  Deficit / cash-position KPI:
  approximately 2 mm left.
*/
body.in-cashier.gdone-ui-v2-active
.gd-ui-v2-kpi.is-position {
  transform:
    translateX(-6px) !important;
}


/*
  Keep transforms visual only; do not let them change
  actual grid sizing.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2CashTools,

body.in-cashier.gdone-ui-v2-active
.gd-ui-v2-kpi.is-position {
  box-sizing:
    border-box !important;
}


/* =========================================================
   2. TOOL-PANE HEADER
   Back button left / title right
   ========================================================= */

.gd-ui-v2-tool-pane
> .gd-ui-v2-tool-pane-head {
  width:
    100% !important;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    space-between !important;

  gap:
    14px !important;
}


.gd-ui-v2-tool-pane
> .gd-ui-v2-tool-pane-head
> .gd-ui-v2-tool-back {
  flex:
    0 0 auto !important;

  margin:
    0 !important;
}


/*
  "Открытые переносы",
  "Движение кассы",
  "Пересчёт и сверка",
  "Показатели недели"
  go to the right edge.
*/
.gd-ui-v2-tool-pane
> .gd-ui-v2-tool-pane-head
> h3 {
  flex:
    0 1 auto !important;

  margin:
    0
    0
    0
    auto !important;

  padding:
    0 !important;

  text-align:
    right !important;

  white-space:
    nowrap !important;
}


/* =========================================================
   3. QUICK OPERATIONS GREEN ACCENT — CLEAN ROUNDING
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
.gd-ui-v2-quick {
  overflow:
    hidden !important;

  border-radius:
    1rem !important;

  background-clip:
    padding-box !important;
}


/*
  Clip card header itself to the same top radius.
*/
body.in-cashier.gdone-ui-v2-active
.gd-ui-v2-quick
> .gd-ui-v2-card-head {
  border-top-left-radius:
    inherit !important;

  border-top-right-radius:
    inherit !important;

  overflow:
    hidden !important;
}



/* =========================================================
   GDONE TOOL TITLE HARD RIGHT V1
   ========================================================= */

.gd-ui-v2-tool-pane
> .gd-ui-v2-tool-pane-head {
  display: flex !important;
  align-items: center !important;

  width: 100% !important;

  gap: 12px !important;
}

.gd-ui-v2-tool-pane
> .gd-ui-v2-tool-pane-head
> .gd-ui-v2-tool-back {
  flex: 0 0 auto !important;

  margin: 0 !important;
}

.gd-ui-v2-tool-pane
> .gd-ui-v2-tool-pane-head
> h3 {
  flex: 0 0 auto !important;

  margin:
    0
    0
    0
    auto !important;

  padding: 0 !important;

  text-align: right !important;

  justify-self: end !important;

  white-space: nowrap !important;
}


/* =========================================================
   GDONE RECONCILIATION TITLE ABSOLUTE RIGHT V1
   ========================================================= */

.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
> .gd-ui-v2-tool-pane-head {
  position: relative !important;
}


/*
  Force the title to the real right edge of the tool header.
  Do not depend on flex distribution.
*/
.gd-ui-v2-tool-pane[
  data-gd-ui-v2-tool-pane="reconciliation"
]
> .gd-ui-v2-tool-pane-head
> h3 {
  position: absolute !important;

  right: .9rem !important;
  top: 50% !important;

  transform: translateY(-50%) !important;

  margin: 0 !important;
  padding: 0 !important;

  width: auto !important;
  max-width: none !important;

  text-align: right !important;

  white-space: nowrap !important;
}



/* =========================================================
   GDONE RECENT HISTORY FINAL V2
   ========================================================= */


/* =========================================================
   HEADER
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
.gd-ui-v2-history
> .gd-ui-v2-card-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  width: 100% !important;

  gap: .7rem !important;
}


body.in-cashier.gdone-ui-v2-active
.gd-ui-v2-history
> .gd-ui-v2-card-head
> h3 {
  flex: 0 0 auto !important;

  margin: 0 !important;

  font-size:
    clamp(1.18rem, 1.42vw, 1.46rem) !important;

  line-height: 1 !important;

  font-weight: 950 !important;
}


/*
  Period selector in the far-right corner.
*/
body.in-cashier.gdone-ui-v2-active
.gd-ui-v2-history-period-head {
  flex: 0 0 auto !important;

  width:
    clamp(11.2rem, 35%, 15rem) !important;

  margin:
    0
    0
    0
    auto !important;
}


body.in-cashier.gdone-ui-v2-active
.gd-ui-v2-history-period-head select {
  width: 100% !important;
}


/* =========================================================
   HISTORY CARD:
   Date | Person | Badge beginning near centre | Amount
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-main {
  display: grid !important;

  grid-template-columns:
    72px
    minmax(0, 1fr)
    minmax(0, 1fr)
    88px !important;

  align-items: center !important;

  column-gap: .35rem !important;

  width: 100% !important;

  min-width: 0 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-datetime {
  grid-column: 1 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-person {
  grid-column: 2 !important;

  min-width: 0 !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-badge {
  grid-column: 3 !important;

  justify-self: start !important;

  width: auto !important;
  max-width: calc(100% - .3rem) !important;

  margin: 0 !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-amount {
  grid-column: 4 !important;

  justify-self: end !important;

  width: auto !important;
  min-width: 0 !important;

  text-align: right !important;
}


/* =========================================================
   LOWER CARD LINE
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-sub {
  display: grid !important;

  grid-template-columns:
    minmax(0,1fr)
    auto
    auto
    auto !important;

  align-items: center !important;

  column-gap: .35rem !important;

  width: 100% !important;

  min-width: 0 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-meta {
  min-width: 0 !important;

  overflow: hidden !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-preview {
  min-width: 0 !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}


/* =========================================================
   DETAILS / EDIT / DELETE
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-details
> summary,

body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-edit,

body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-cancel {
  min-height: 0 !important;
  height: auto !important;

  padding:
    .08rem
    .22rem !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;

  box-shadow: none !important;

  font-size: .68rem !important;
  line-height: 1.08 !important;

  font-weight: 900 !important;

  white-space: nowrap !important;
}


/* Подробнее + Изменить */

body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-details
> summary,

body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-edit {
  color: #315cf4 !important;
}


/* Удалить */

body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-cancel {
  color: #c73542 !important;
}


/*
  No left/right jumping triangle.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-details
> summary::before {
  display: none !important;

  content: "" !important;
}


/* =========================================================
   OPEN DETAILS:
   summary remains on the RIGHT where it was clicked
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-details[open] {
  grid-column: 1 / -1 !important;

  width: 100% !important;
  max-width: 100% !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-details[open]
> summary {
  display: block !important;

  width: max-content !important;

  margin:
    0
    0
    0
    auto !important;

  text-align: right !important;
}




/* =========================================================
   GDONE HISTORY ACTIONS FINAL V1
   ========================================================= */


/* =========================================================
   TOP ROW
   Date | Person | Status | Amount

   Move status a little further left.
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-main {
  grid-template-columns:
    72px
    minmax(0,.82fr)
    minmax(0,1.18fr)
    88px !important;

  column-gap:
    .3rem !important;
}


/* Status starts further left and remains aligned */
body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-badge {
  justify-self:
    start !important;

  margin-left:
    -.22rem !important;
}


/* Amount stays hard-right */
body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-amount {
  justify-self:
    end !important;

  text-align:
    right !important;

  margin-right:
    0 !important;
}


/* =========================================================
   LOWER ROW
   Meta | Details | Edit/Delete

   Keep all actions on stable vertical lines.
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-sub {
  display:
    grid !important;

  grid-template-columns:
    minmax(0,1fr)
    84px
    84px !important;

  align-items:
    center !important;

  column-gap:
    .3rem !important;

  width:
    100% !important;
}


/* Meta stays left */
body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-meta {
  grid-column:
    1 !important;

  min-width:
    0 !important;
}


/* Подробнее always on the same vertical line */
body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-details {
  grid-column:
    2 !important;

  justify-self:
    end !important;

  margin:
    0 !important;
}


/*
  Edit / Delete always occupy the rightmost action column.
  They end exactly at the same right edge as the amount.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-edit,

body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-cancel {
  grid-column:
    3 !important;

  justify-self:
    end !important;

  margin:
    0 !important;

  padding-right:
    0 !important;

  text-align:
    right !important;
}


/*
  If both edit and delete ever exist together,
  keep them compact and aligned right.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-edit
+ .gdone-cashier-history-cancel {
  margin-left:
    .3rem !important;
}


/* =========================================================
   ACTION HINT TRIANGLES
   ========================================================= */


/* Подробнее */
body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-details
> summary::before {
  display:
    inline-block !important;

  content:
    "▸" !important;

  margin-right:
    .18rem !important;

  font-size:
    .65rem !important;

  line-height:
    1 !important;

  vertical-align:
    .02em !important;
}


/* Open Подробнее */
body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-details[open]
> summary::before {
  content:
    "▾" !important;
}


/* Изменить */
body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-edit::before {
  content:
    "▸" !important;

  display:
    inline-block !important;

  margin-right:
    .18rem !important;

  font-size:
    .65rem !important;

  line-height:
    1 !important;
}


/* Удалить */
body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-cancel::before {
  content:
    "▸" !important;

  display:
    inline-block !important;

  margin-right:
    .18rem !important;

  font-size:
    .65rem !important;

  line-height:
    1 !important;
}


/* =========================================================
   OPEN DETAILS
   Keep the control at the same right-side position.
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-details[open] {
  grid-column:
    1 / -1 !important;

  width:
    100% !important;

  display:
    grid !important;

  grid-template-columns:
    minmax(0,1fr)
    84px
    84px !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-details[open]
> summary {
  grid-column:
    2 !important;

  justify-self:
    end !important;

  margin:
    0 !important;

  width:
    max-content !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-details[open]
> .gdone-cashier-history-detail-body {
  grid-column:
    1 / -1 !important;

  width:
    100% !important;
}


/* =========================================================
   FINAL RIGHT-EDGE SAFETY
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-sub
> :last-child {
  margin-right:
    0 !important;
}



/* =========================================================
   GDONE HISTORY FINAL LAYOUT V2
   status left / details top / actions bottom-right
   ========================================================= */


/* =========================================================
   CARD
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-card {
  position: relative !important;
}


/* =========================================================
   TOP LINE

   Date | Person | Status | Подробнее | Amount
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-main {
  display: grid !important;

  grid-template-columns:
    72px
    minmax(0,1fr)
    120px
    88px
    88px !important;

  column-gap: .28rem !important;

  align-items: center !important;

  width: 100% !important;
  min-width: 0 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-datetime {
  grid-column: 1 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-person {
  grid-column: 2 !important;

  min-width: 0 !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}


/*
  Status line starts further left than before.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-badge {
  grid-column: 3 !important;

  justify-self: start !important;

  margin-left: -.2rem !important;

  max-width: 116px !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-amount {
  grid-column: 5 !important;

  justify-self: end !important;

  margin: 0 !important;

  text-align: right !important;

  white-space: nowrap !important;
}


/* =========================================================
   "ПОДРОБНЕЕ"
   visually occupies column 4 of the TOP row
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-details {
  display: block !important;

  width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;

  /*
    Previous patches put this element into narrow grid columns.
    Kill those constraints completely.
  */
  grid-column: auto !important;
  grid-template-columns: none !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-details
> summary {
  position: absolute !important;

  top: .38rem !important;
  right: 92px !important;

  width: 84px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: right !important;

  color: #5067bd !important;

  font-size: .68rem !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;

  cursor: pointer !important;

  white-space: nowrap !important;

  list-style: none !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-details
> summary::-webkit-details-marker {
  display: none !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-details
> summary::before {
  display: inline-block !important;

  content: "▸" !important;

  margin-right: .18rem !important;

  color: #5067bd !important;

  font-size: .62rem !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-details[open]
> summary::before {
  content: "▾" !important;
}


/* =========================================================
   OPEN DETAILS — FULL WIDTH
   fixes the vertical one-letter bug
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-details[open] {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: .3rem 0 0 !important;

  grid-column: auto !important;

  overflow: visible !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-details[open]
> .gdone-cashier-history-detail-body {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  min-width: 0 !important;

  margin: 0 !important;

  box-sizing: border-box !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-detail-grid {
  display: grid !important;

  grid-template-columns:
    minmax(9rem,.8fr)
    minmax(0,1.2fr) !important;

  gap:
    .25rem
    .7rem !important;

  width: 100% !important;
  min-width: 0 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-detail-grid
> span,

body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-detail-grid
> strong {
  min-width: 0 !important;

  white-space: normal !important;
  overflow-wrap: anywhere !important;
}


/* =========================================================
   LOWER LINE

   Meta .................... Edit / Delete
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-sub {
  display: grid !important;

  grid-template-columns:
    minmax(0,1fr)
    auto
    auto !important;

  align-items: center !important;

  column-gap: .35rem !important;

  width: 100% !important;

  margin-top: .18rem !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-meta {
  grid-column: 1 !important;

  min-width: 0 !important;

  overflow: hidden !important;
}


/* =========================================================
   EDIT + DELETE — SAME AMBER EDITING COLOR
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-edit,

body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-cancel {
  min-height: 0 !important;

  height: auto !important;

  margin: 0 !important;

  padding:
    .04rem
    0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;
  box-shadow: none !important;

  color: #b56d13 !important;

  font-size: .68rem !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;

  text-align: right !important;

  white-space: nowrap !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-edit {
  grid-column: 2 !important;

  justify-self: end !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-cancel {
  grid-column: 3 !important;

  justify-self: end !important;
}


/*
  If there is only Edit and no Delete,
  Edit must still end on the exact same right edge as the amount.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-edit:last-child {
  grid-column: 3 !important;
}


/* triangle hints */

body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-edit::before,

body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-cancel::before {
  content: "▸" !important;

  display: inline-block !important;

  margin-right: .18rem !important;

  color: #b56d13 !important;

  font-size: .62rem !important;

  line-height: 1 !important;
}


/* =========================================================
   RIGHT EDGE:
   amount / edit / delete finish at one line
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-amount,

body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-edit,

body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-cancel {
  margin-right: 0 !important;
}


/* Muted Details link — less dominant than amount/status */
body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-details
> summary:hover {
  color: #4158aa !important;
}



/* =========================================================
   GDONE COMPACT INVOICE HISTORY V1
   ========================================================= */


/* invoice list tighter */
body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-invoice-list {
  display: grid !important;

  gap: .35rem !important;

  margin-top: .45rem !important;
}


/* one compact invoice card */
body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-invoice-item {
  display: grid !important;

  gap: .16rem !important;

  padding:
    .38rem
    .48rem !important;

  border:
    1px solid rgba(105,112,150,.16) !important;

  border-radius:
    .55rem !important;

  background:
    rgba(255,255,255,.72) !important;
}


/* shared invoice line */
body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-invoice-line {
  display: flex !important;

  align-items: baseline !important;

  min-width: 0 !important;

  gap: .45rem !important;
}


/* first line: number + seller */
body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-invoice-line.is-primary {
  flex-wrap: nowrap !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-invoice-line.is-primary
> strong {
  flex: 0 1 auto !important;

  min-width: 0 !important;

  color: #403c7e !important;

  font-size: .74rem !important;
  line-height: 1.15 !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-invoice-seller {
  flex: 1 1 auto !important;

  min-width: 0 !important;

  color: #747b91 !important;

  font-size: .66rem !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}


/* second line: NIP + KSeF + date */
body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-invoice-line.is-meta {
  display: grid !important;

  grid-template-columns:
    auto
    minmax(0,1fr)
    auto !important;

  column-gap: .5rem !important;

  color: #687087 !important;

  font-size: .64rem !important;
  line-height: 1.12 !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-invoice-line.is-meta
> span {
  min-width: 0 !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}


/* third line: amounts */
body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-invoice-line.is-money {
  display: grid !important;

  grid-template-columns:
    repeat(3,auto) !important;

  justify-content: start !important;

  column-gap: .75rem !important;

  color: #525b73 !important;

  font-size: .66rem !important;
  line-height: 1.12 !important;

  font-weight: 750 !important;
}


/* =========================================================
   BOTTOM COLLAPSE
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-collapse {
  display: block !important;

  width: max-content !important;

  margin:
    .5rem
    0
    0
    auto !important;

  padding:
    .16rem
    .3rem !important;

  border: 0 !important;

  background: transparent !important;

  color: #5067bd !important;

  font-size: .68rem !important;
  line-height: 1 !important;

  font-weight: 900 !important;

  cursor: pointer !important;
}


body.in-cashier.gdone-ui-v2-active
#gdUiV2RecentRows
.gdone-cashier-history-collapse::before {
  content: "▴" !important;

  margin-right: .18rem !important;
}



/* =========================================================
   GDONE DRIVER HEADER COMPACT V1
   title + search + status on one row
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
.gd-ui-v2-driver-head-compact {
  display: grid !important;

  grid-template-columns:
    auto
    minmax(9rem, 14rem)
    minmax(7.5rem, 9.5rem) !important;

  align-items: center !important;

  column-gap: .65rem !important;

  width: 100% !important;

  min-height: 3rem !important;

  padding:
    .45rem
    .7rem !important;
}


/* Title stays left */
body.in-cashier.gdone-ui-v2-active
.gd-ui-v2-driver-head-compact
> h3 {
  margin: 0 !important;

  white-space: nowrap !important;
}


/* Search + filter now live inside the same header */
body.in-cashier.gdone-ui-v2-active
.gd-ui-v2-driver-head-compact
> .gd-ui-v2-driver-tools {
  grid-column:
    2 / 4 !important;

  display: grid !important;

  grid-template-columns:
    minmax(9rem, 14rem)
    minmax(7.5rem, 9.5rem) !important;

  gap: .45rem !important;

  justify-self: end !important;

  width: auto !important;

  margin: 0 !important;

  padding: 0 !important;
}


/* More compact search */
body.in-cashier.gdone-ui-v2-active
#gdUiV2DriverSearch {
  width: 100% !important;

  min-width: 0 !important;

  height: 2.25rem !important;

  padding:
    .35rem
    .65rem !important;

  font-size: .78rem !important;
}


/* Compact status selector */
body.in-cashier.gdone-ui-v2-active
#gdUiV2DriverFilter {
  width: 100% !important;

  min-width: 0 !important;

  height: 2.25rem !important;

  padding:
    .35rem
    1.8rem
    .35rem
    .65rem !important;

  font-size: .78rem !important;
}


/* No second toolbar row anymore */
body.in-cashier.gdone-ui-v2-active
.gd-ui-v2-drivers
> .gd-ui-v2-driver-tools {
  margin: 0 !important;
}


/* Slightly tighter header-to-table transition */
body.in-cashier.gdone-ui-v2-active
.gd-ui-v2-drivers
.gd-ui-v2-driver-header {
  margin-top: 0 !important;
}


@media (max-width: 1050px) {

  body.in-cashier.gdone-ui-v2-active
  .gd-ui-v2-driver-head-compact {
    grid-template-columns:
      auto
      minmax(7.5rem, 1fr) !important;

    row-gap: .4rem !important;
  }

  body.in-cashier.gdone-ui-v2-active
  .gd-ui-v2-driver-head-compact
  > .gd-ui-v2-driver-tools {
    grid-column:
      2 !important;

    grid-template-columns:
      minmax(7.5rem, 1fr)
      minmax(7rem, 8.5rem) !important;
  }

}



/* GDONE RENTAL COMPACT V2 - PORTABLE SCOPE */

body.gdone-ui-v2-active :is(#gdoneRentalCarsModal #gdoneRentalCarsFormBox, #gdoneRentalCarsFormBox).gdone-rental-cars-form-box:not(.hidden) {
  
  display:flex !important;
  flex-direction:column !important;
  flex:0 0 auto !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  gap:.65rem !important;
  padding:.8rem !important;
  box-sizing:border-box !important;

}

body.gdone-ui-v2-active :is(#gdoneRentalCarsModal #gdoneRentalCarsFormBox, #gdoneRentalCarsFormBox).gdone-rental-cars-form-box > div:first-child {
  
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:baseline !important;
  gap:.3rem .55rem !important;

}

body.gdone-ui-v2-active :is(#gdoneRentalCarsModal #gdoneRentalCarsFormBox, #gdoneRentalCarsFormBox).gdone-rental-cars-form-box #gdoneRentalCarsFormTitle {
  
  margin:0 !important;
  font-size:1rem !important;
  line-height:1.25 !important;

}

body.gdone-ui-v2-active :is(#gdoneRentalCarsModal #gdoneRentalCarsFormBox, #gdoneRentalCarsFormBox).gdone-rental-cars-form-box #gdoneRentalCarsFormNote {
  
  margin:0 !important;
  font-size:.8rem !important;
  line-height:1.3 !important;

}

body.gdone-ui-v2-active :is(#gdoneRentalCarsModal #gdoneRentalCarsFormBox, #gdoneRentalCarsFormBox).gdone-rental-cars-form-box #gdoneRentalCarsFormNote:not(:empty)::before {
  content:"(";
}

body.gdone-ui-v2-active :is(#gdoneRentalCarsModal #gdoneRentalCarsFormBox, #gdoneRentalCarsFormBox).gdone-rental-cars-form-box #gdoneRentalCarsFormNote:not(:empty)::after {
  content:")";
}

body.gdone-ui-v2-active :is(#gdoneRentalCarsModal #gdoneRentalCarsFormBox, #gdoneRentalCarsFormBox).gdone-rental-cars-form-box > .gdone-rental-cars-form-grid {
  
  display:grid !important;
  grid-template-columns:
    minmax(0,1fr)
    minmax(0,1fr)
    minmax(0,1fr)
    minmax(0,.6fr)
    minmax(0,1.35fr) !important;
  gap:.65rem !important;
  margin:0 !important;

}

body.gdone-ui-v2-active :is(#gdoneRentalCarsModal #gdoneRentalCarsFormBox, #gdoneRentalCarsFormBox).gdone-rental-cars-form-box > .gdone-rental-cars-form-grid > div:has(> #gdoneRentalCarsDriverSearch) {
  
  display:grid !important;
  grid-column:1 / -1 !important;
  grid-template-columns:minmax(0,1fr) 7.5rem !important;
  gap:.35rem .65rem !important;
  align-items:start !important;
  position:relative !important;

}

body.gdone-ui-v2-active :is(#gdoneRentalCarsModal #gdoneRentalCarsFormBox, #gdoneRentalCarsFormBox).gdone-rental-cars-form-box > .gdone-rental-cars-form-grid > div:has(> #gdoneRentalCarsDriverSearch) > label {
  
  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;

}

body.gdone-ui-v2-active :is(#gdoneRentalCarsModal #gdoneRentalCarsFormBox, #gdoneRentalCarsFormBox).gdone-rental-cars-form-box #gdoneRentalCarsDriverSearch {
  
  grid-column:1 !important;
  grid-row:1 !important;

}

body.gdone-ui-v2-active :is(#gdoneRentalCarsModal #gdoneRentalCarsFormBox, #gdoneRentalCarsFormBox).gdone-rental-cars-form-box #gdoneRentalCarsClearDriverBtn {
  
  grid-column:2 !important;
  grid-row:1 !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;

}

body.gdone-ui-v2-active :is(#gdoneRentalCarsModal #gdoneRentalCarsFormBox, #gdoneRentalCarsFormBox).gdone-rental-cars-form-box #gdoneRentalCarsDriverResults:not(.hidden) {
  
  grid-column:1 / -1 !important;
  grid-row:2 !important;
  max-height:9rem !important;
  overflow-y:auto !important;
  margin:0 !important;

}

body.gdone-ui-v2-active :is(#gdoneRentalCarsModal #gdoneRentalCarsFormBox, #gdoneRentalCarsFormBox).gdone-rental-cars-form-box #gdoneRentalCarsSelectedDriver:not(.hidden) {
  
  grid-column:1 / -1 !important;
  grid-row:3 !important;
  margin:0 !important;

}

body.gdone-ui-v2-active :is(#gdoneRentalCarsModal #gdoneRentalCarsFormBox, #gdoneRentalCarsFormBox).gdone-rental-cars-form-box > .gdone-rental-cars-form-grid > div:has(> #gdoneRentalCarsVin) {
  grid-column:auto !important;
}

body.gdone-ui-v2-active :is(#gdoneRentalCarsModal #gdoneRentalCarsFormBox, #gdoneRentalCarsFormBox).gdone-rental-cars-form-box .section-label {
  
  margin:0 0 .25rem !important;
  font-size:.82rem !important;
  line-height:1.2 !important;

}

body.gdone-ui-v2-active :is(#gdoneRentalCarsModal #gdoneRentalCarsFormBox, #gdoneRentalCarsFormBox).gdone-rental-cars-form-box input.input {
  
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:2.6rem !important;
  min-height:2.6rem !important;
  padding:0 .75rem !important;
  margin:0 !important;
  font-size:.9rem !important;
  box-sizing:border-box !important;

}

body.gdone-ui-v2-active :is(#gdoneRentalCarsModal #gdoneRentalCarsFormBox, #gdoneRentalCarsFormBox).gdone-rental-cars-form-box > .gdone-rental-cars-form-actions {
  
  display:flex !important;
  flex-direction:row !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:.6rem !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;

}

body.gdone-ui-v2-active :is(#gdoneRentalCarsModal #gdoneRentalCarsFormBox, #gdoneRentalCarsFormBox).gdone-rental-cars-form-box button.btn {
  
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  height:2.6rem !important;
  min-height:2.6rem !important;
  padding:0 1rem !important;
  font-size:.875rem !important;
  line-height:1.15 !important;
  border-radius:.75rem !important;
  box-sizing:border-box !important;

}

body.gdone-ui-v2-active :is(#gdoneRentalCarsModal #gdoneRentalCarsFormBox, #gdoneRentalCarsFormBox).gdone-rental-cars-form-box > .gdone-rental-cars-form-actions > button {
  
  width:auto !important;
  min-width:8rem !important;
  max-width:none !important;
  margin:0 !important;

}

body.gdone-ui-v2-active :is(#gdoneRentalCarsModal #gdoneRentalCarsFormBox, #gdoneRentalCarsFormBox).gdone-rental-cars-form-box #gdoneRentalCarsSaveBtn {
  
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:#5962ce !important;
  border:1px solid #5962ce !important;

}

body.gdone-ui-v2-active :is(#gdoneRentalCarsModal #gdoneRentalCarsFormBox, #gdoneRentalCarsFormBox).gdone-rental-cars-form-box #gdoneRentalCarsClearDriverBtn,
body.gdone-ui-v2-active :is(#gdoneRentalCarsModal #gdoneRentalCarsFormBox, #gdoneRentalCarsFormBox).gdone-rental-cars-form-box #gdoneRentalCarsCancelBtn {
  
  color:#303850 !important;
  -webkit-text-fill-color:#303850 !important;
  background:#f6f7fc !important;
  border:1px solid #d9def0 !important;
  box-shadow:none !important;

}

@media (max-width:1000px) {

body.gdone-ui-v2-active :is(#gdoneRentalCarsModal #gdoneRentalCarsFormBox, #gdoneRentalCarsFormBox).gdone-rental-cars-form-box > .gdone-rental-cars-form-grid {
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

body.gdone-ui-v2-active :is(#gdoneRentalCarsModal #gdoneRentalCarsFormBox, #gdoneRentalCarsFormBox).gdone-rental-cars-form-box > .gdone-rental-cars-form-grid > div:has(> #gdoneRentalCarsVin) {
  grid-column:span 2 !important;
}

}
@media (max-width:650px) {

body.gdone-ui-v2-active :is(#gdoneRentalCarsModal #gdoneRentalCarsFormBox, #gdoneRentalCarsFormBox).gdone-rental-cars-form-box > .gdone-rental-cars-form-grid {
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

body.gdone-ui-v2-active :is(#gdoneRentalCarsModal #gdoneRentalCarsFormBox, #gdoneRentalCarsFormBox).gdone-rental-cars-form-box > .gdone-rental-cars-form-grid > div:has(> #gdoneRentalCarsDriverSearch) {
  grid-template-columns:minmax(0,1fr) auto !important;
}

}
@media (max-height:700px) {

body.gdone-ui-v2-active :is(#gdoneRentalCarsModal #gdoneRentalCarsFormBox, #gdoneRentalCarsFormBox).gdone-rental-cars-form-box:not(.hidden) {
  
  max-height:65vh !important;
  overflow-y:auto !important;

}

}

/* GDONE MISC TOP ROW COMPACT V2 */

body.gdone-ui-v2-active
.gd-ui-v2-quick
.gdone-cashier-misc-row-1 {
  display: grid !important;
  grid-template-columns: 6.25rem minmax(0, 1fr) !important;
  gap: .45rem !important;
  align-items: center !important;
  min-width: 0 !important;
}

body.gdone-ui-v2-active
.gd-ui-v2-quick
.gdone-cashier-misc-row-1.has-vehicle {
  grid-template-columns:
    6.25rem
    minmax(0, 1fr)
    minmax(8rem, .8fr) !important;
}

body.gdone-ui-v2-active
.gd-ui-v2-quick
.gdone-cashier-misc-row-1
> .gdone-cashier-misc-field {
  grid-column: auto !important;
  grid-row: auto !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.gdone-ui-v2-active
.gd-ui-v2-quick
.gdone-cashier-misc-row-1
.input {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  font-size: .875rem !important;
}

body.gdone-ui-v2-active
.gd-ui-v2-quick
[data-cashier-general-field="direction"] {
  padding-left: .55rem !important;
  padding-right: 1.4rem !important;
}


/* GDONE V2 NO CASH HEADER V1 */

body.gdone-ui-v2-active
.gd-ui-v2-quick > .gd-ui-v2-card-head {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:.6rem !important;
}

body.gdone-ui-v2-active
.gd-ui-v2-quick > .gd-ui-v2-card-head > h3 {
  flex:0 1 auto !important;
  min-width:0 !important;
  margin:0 !important;
}

body.gdone-ui-v2-active
.gd-ui-v2-quick .gd-ui-v2-no-cash {
  display:inline-flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  gap:.4rem !important;
  margin:0 0 0 auto !important;
  padding:0 !important;
  width:auto !important;
  font-size:.76rem !important;
  line-height:1.2 !important;
  font-weight:750 !important;
  color:#555f77 !important;
  white-space:nowrap !important;
  cursor:pointer;
}

body.gdone-ui-v2-active
.gd-ui-v2-no-cash input[type="checkbox"] {
  appearance:auto !important;
  width:16px !important;
  min-width:16px !important;
  height:16px !important;
  min-height:16px !important;
  padding:0 !important;
  margin:0 !important;
  flex:none !important;
  accent-color:#5962ce;
  cursor:pointer;
}

body.gdone-ui-v2-active
.gd-ui-v2-no-cash input:checked + span {
  color:#8b5717 !important;
}

/* GDONE DRIVER WORKSPACE CANONICAL UI V1 START */


/* =========================================================
   TOP ACTION LINE
   ========================================================= */

html body.in-cashier.gdone-ui-v2-active
#gdUiV2Workspace
.gd-ui-v2-driver-workspace-toolbar{
  min-height:62px !important;

  display:flex !important;
  align-items:center !important;

  gap:10px !important;

  padding:0 !important;

  overflow:visible !important;
}


html body.in-cashier
#gdUiV2Workspace
.gd-ui-v2-driver-workspace-toolbar-right{
  display:none !important;
}


/*
 * PRIMARY:
 * + Добавить фактуры
 *
 * Height deliberately close to driver identity block.
 */
html body.in-cashier.gdone-ui-v2-active
#gdUiV2Workspace
.gd-ui-v2-driver-workspace-toolbar
.gd-canon-add-invoices{
  flex:
    0 0 245px !important;

  width:245px !important;
  min-width:245px !important;

  height:58px !important;
  min-height:58px !important;
  max-height:58px !important;

  margin:0 !important;
  padding:0 20px !important;

  border:1px solid #9bbcff !important;
  border-radius:11px !important;

  background:#f7faff !important;
  color:#284a7d !important;

  font-size:15.5px !important;
  line-height:1 !important;
  font-weight:950 !important;

  white-space:nowrap !important;
}


/*
 * SECONDARY:
 * История всех фактур
 */
html body.in-cashier
#gdUiV2Workspace
.gd-canon-invoice-history{
  flex:
    0 0 170px !important;

  width:170px !important;
  min-width:170px !important;

  height:40px !important;
  min-height:40px !important;

  margin:0 !important;
  padding:0 13px !important;

  border:1px solid #d1daea !important;
  border-radius:9px !important;

  background:#fff !important;
  color:#29436e !important;

  font-size:12.5px !important;
  line-height:1 !important;
  font-weight:900 !important;

  white-space:nowrap !important;
}


/* =========================================================
   WEEK SELECTOR + PDF
   Always same row, far right.
   ========================================================= */

html body.in-cashier.gdone-ui-v2-active
#gdUiV2Workspace
.gd-ui-v2-driver-workspace-toolbar
> .gd-canon-week-tools{
  flex:
    0 0 auto !important;

  margin-left:auto !important;

  display:grid !important;

  grid-template-columns:
    38px
    205px
    38px
    116px !important;

  align-items:center !important;

  gap:6px !important;

  width:auto !important;
  min-width:0 !important;

  padding:0 !important;

  overflow:visible !important;
}


html body.in-cashier
#gdUiV2Workspace
.gd-canon-week-tools
button{
  width:38px !important;
  min-width:38px !important;

  height:36px !important;
  min-height:36px !important;

  margin:0 !important;
  padding:0 !important;

  border-radius:9px !important;

  font-size:17px !important;
  font-weight:950 !important;
}


html body.in-cashier
#gdUiV2Workspace
.gd-canon-week-tools
select{
  width:205px !important;
  min-width:205px !important;

  height:36px !important;
  min-height:36px !important;

  margin:0 !important;
  padding:0 11px !important;

  border-radius:9px !important;

  font-size:13px !important;
  line-height:1 !important;
  font-weight:900 !important;
}


html body.in-cashier
#gdUiV2Workspace
.gd-canon-week-tools
.gd-ui-v2-settlement-history-pdf{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:116px !important;
  min-width:116px !important;

  height:40px !important;
  min-height:40px !important;

  margin:0 !important;
  padding:0 10px !important;

  border:1px solid #b9cafa !important;
  border-radius:9px !important;

  background:#fff !important;
  color:#315cf4 !important;

  font-size:12px !important;
  line-height:1 !important;
  font-weight:950 !important;

  white-space:nowrap !important;
  text-decoration:none !important;

  box-sizing:border-box !important;
}


/*
 * The nav is moved out.
 * Old title/header shell has no visual purpose.
 */
html body.in-cashier
#gdUiV2Workspace
.gd-ui-v2-settlement-history-head{
  display:none !important;
}


/* =========================================================
   LEFT WEEKLY CALCULATION
   9 equal rows fill ALL available space.
   ========================================================= */

html body.in-cashier.gdone-ui-v2-active
#gdUiV2Shell
#gdUiV2Workspace
.gd-ui-v2-driver-workspace-v1
.gd-ui-v2-driver-calculation{
  height:100% !important;
  min-height:0 !important;

  align-self:stretch !important;

  display:grid !important;

  grid-template-rows:
    auto
    minmax(0,1fr)
    44px !important;

  overflow:hidden !important;
}


html body.in-cashier.gdone-ui-v2-active
#gdUiV2Shell
#gdUiV2Workspace
.gd-ui-v2-driver-calculation
.gd-ui-v2-driver-calc-lines{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;

  align-self:stretch !important;

  display:grid !important;

  grid-template-rows:
    repeat(9,minmax(0,1fr)) !important;

  align-content:stretch !important;
}


html body.in-cashier.gdone-ui-v2-active
#gdUiV2Shell
#gdUiV2Workspace
.gd-ui-v2-driver-calculation
.gd-ui-v2-driver-calc-line{
  height:auto !important;
  min-height:0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  gap:12px !important;

  margin:0 !important;
  padding:0 9px !important;

  border-bottom:
    1px solid rgba(207,216,231,.62) !important;
}


html body.in-cashier.gdone-ui-v2-active
#gdUiV2Workspace
.gd-ui-v2-driver-calc-line
> span{
  font-size:13.5px !important;
  line-height:1.15 !important;
  font-weight:650 !important;
}


html body.in-cashier.gdone-ui-v2-active
#gdUiV2Workspace
.gd-ui-v2-driver-calc-total{
  height:44px !important;
  min-height:44px !important;

  margin:0 !important;
  padding:0 9px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  border-radius:0 !important;
}


/* =========================================================
   CENTRAL WIDTHS
   Already accepted:
   movements wider / calculation narrower.
   Apply directly to real DOM.
   ========================================================= */

html body.in-cashier.gdone-ui-v2-active
#gdUiV2Workspace
.gd-ui-v2-driver-settlement-history
:has(> .gd-ui-v2-settlement-movements)
:has(> .gd-ui-v2-settlement-calculation-pane),

html body.in-cashier.gdone-ui-v2-active
#gdUiV2Workspace
.gd-canon-week-grid{
  width:100% !important;
  min-width:0 !important;
  min-height:0 !important;

  display:grid !important;

  grid-template-columns:
    minmax(0,1.45fr)
    minmax(0,1fr) !important;

  gap:10px !important;

  align-items:stretch !important;
}


html body.in-cashier
#gdUiV2Workspace
.gd-ui-v2-settlement-movements,

html body.in-cashier
#gdUiV2Workspace
.gd-ui-v2-settlement-calculation-pane{
  flex:none !important;

  width:auto !important;
  min-width:0 !important;

  margin:0 !important;

  overflow:hidden !important;

  border:1px solid #d5deeb !important;
  border-radius:12px !important;

  background:#fff !important;
}


/* =========================================================
   CENTRAL TITLES
   ========================================================= */

html body.in-cashier
#gdUiV2Workspace
.gd-ui-v2-settlement-pane-head{
  min-height:32px !important;

  padding:0 12px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  border-bottom:
    1px solid #d5deeb !important;

  border-radius:
    11px 11px 0 0 !important;

  background:#edf1f6 !important;
}


html body.in-cashier
#gdUiV2Workspace
.gd-ui-v2-settlement-pane-head
> div{
  width:100% !important;
}


html body.in-cashier
#gdUiV2Workspace
.gd-ui-v2-settlement-pane-head
h4{
  width:100% !important;

  margin:0 !important;

  text-align:center !important;

  font-size:15px !important;
  line-height:1 !important;
  font-weight:950 !important;
}


/* =========================================================
   MOVEMENTS — ONE TYPOGRAPHIC SYSTEM
   ========================================================= */

html body.in-cashier
#gdUiV2Workspace
.gd-ui-v2-settlement-movements
.gdone-cashier-driver-history-head{
  display:none !important;
}


/*
 * Ordinary operation rows:
 * weekly settlement / cash out / cash in /
 * topup / hold / transfer / rounding etc.
 */
html body.in-cashier
#gdUiV2Workspace
.gd-ui-v2-settlement-movements
.gdone-driver-history-row{
  min-height:52px !important;

  display:grid !important;

  grid-template-columns:
    minmax(0,1fr)
    auto !important;

  align-items:center !important;

  gap:12px !important;

  margin:0 !important;
  padding:7px 16px !important;

  border-bottom:
    1px solid #e3e8f0 !important;

  background:#fff !important;

  box-sizing:border-box !important;
}

/* No-access recipients use their own read-only history rows, but the
   movement pane must keep the same geometry as the weekly driver view. */
html body.in-cashier
#gdUiV2Workspace
.gd-ui-v2-settlement-movements
.gdone-cashier-outside-history-row{
  min-height:52px !important;
  grid-template-columns:105px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  margin:0 !important;
  padding:7px 16px !important;
  border-top:0 !important;
  border-bottom:1px solid #e3e8f0 !important;
  background:#fff !important;
  box-sizing:border-box !important;
}

html body.in-cashier
#gdUiV2Workspace
.gd-ui-v2-settlement-movements
.gdone-cashier-outside-history-main > strong{
  color:#303746 !important;
  font-size:14px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
}


html body.in-cashier
#gdUiV2Workspace
.gd-ui-v2-settlement-movements
.gdone-driver-history-operation
> strong{
  display:block !important;

  margin:0 !important;

  color:#303746 !important;

  font-size:14px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
}


html body.in-cashier
#gdUiV2Workspace
.gd-ui-v2-settlement-movements
.gdone-driver-history-audit{
  margin-top:3px !important;

  color:#6d778a !important;

  font-size:11.5px !important;
  line-height:1.15 !important;
  font-weight:600 !important;
}


html body.in-cashier
#gdUiV2Workspace
.gd-ui-v2-settlement-movements
.gdone-driver-history-money{
  min-width:96px !important;

  color:inherit;

  font-size:14px !important;
  line-height:1 !important;
  font-weight:900 !important;

  text-align:right !important;

  white-space:nowrap !important;
}


/* =========================================================
   INVOICE BATCH — SAME TYPOGRAPHY AS OTHER MOVEMENTS
   ========================================================= */

html body.in-cashier
#gdUiV2Workspace
.gd-ui-v2-settlement-movements
.gdone-driver-invoice-batch{
  width:100% !important;

  margin:0 !important;
  padding:0 !important;

  background:#fff !important;

  border:0 !important;
  border-bottom:
    1px solid #e3e8f0 !important;
}


html body.in-cashier
#gdUiV2Workspace
.gd-ui-v2-settlement-movements
.gdone-driver-invoice-batch
> summary{
  width:100% !important;
  min-height:52px !important;

  display:flex !important;
  align-items:center !important;

  gap:0 !important;

  margin:0 !important;
  padding:7px 10px !important;

  list-style:none !important;

  background:#fff !important;

  box-sizing:border-box !important;
}


html body.in-cashier
#gdUiV2Workspace
.gd-ui-v2-settlement-movements
.gdone-driver-invoice-batch
> summary
> strong:first-child{
  order:1 !important;

  margin:0 !important;

  color:#303746 !important;

  font-size:14px !important;
  line-height:1.15 !important;
  font-weight:900 !important;

  text-align:left !important;
}


html body.in-cashier
#gdUiV2Workspace
.gd-ui-v2-settlement-movements
.gdone-driver-invoice-batch
> summary::after{
  content:"Просмотреть";

  order:2 !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:98px !important;
  height:27px !important;

  margin-left:16px !important;

  border:1px solid #c9d6ed !important;
  border-radius:999px !important;

  background:#fff !important;

  color:#3159bf !important;

  font-size:11.5px !important;
  line-height:1 !important;
  font-weight:900 !important;

  box-sizing:border-box !important;
}


html body.in-cashier
#gdUiV2Workspace
.gd-ui-v2-settlement-movements
.gdone-driver-invoice-batch[open]
> summary::after{
  content:"Скрыть";
}


html body.in-cashier
#gdUiV2Workspace
.gd-ui-v2-settlement-movements
.gdone-driver-invoice-batch
> summary
> .gdone-driver-history-money{
  order:3 !important;

  margin-left:auto !important;

  min-width:96px !important;

  font-size:14px !important;
  font-weight:900 !important;

  text-align:right !important;

  white-space:nowrap !important;
}


html body.in-cashier
#gdUiV2Workspace
.gd-ui-v2-settlement-movements
.gd-batch-chevron{
  display:none !important;
}


html body.in-cashier
#gdUiV2Workspace
.gdone-driver-invoice-batch
> summary::-webkit-details-marker{
  display:none !important;
}


html body.in-cashier
#gdUiV2Workspace
.gdone-driver-invoice-batch
> summary::marker{
  content:"" !important;
}


/* =========================================================
   WEEK TOTAL = SLIGHTLY STRONGER
   ========================================================= */

html body.in-cashier
#gdUiV2Workspace
.gd-ui-v2-settlement-movements
.gdone-driver-history-row.is-final{
  min-height:34px !important;

  background:#f1efff !important;
}


html body.in-cashier
#gdUiV2Workspace
.gd-ui-v2-settlement-movements
.gdone-driver-history-row.is-final
.gdone-driver-history-operation
> strong,

html body.in-cashier
#gdUiV2Workspace
.gd-ui-v2-settlement-movements
.gdone-driver-history-row.is-final
.gdone-driver-history-money{
  font-size:15px !important;
  font-weight:950 !important;
}


/* =========================================================
   RIGHT CALCULATION SHEET
   ========================================================= */

html body.in-cashier
#gdUiV2Workspace
.gd-ui-v2-settlement-calculation-pane
.gd-ui-v2-settlement-history-calculation{
  display:block !important;

  width:100% !important;
  min-width:0 !important;

  margin:0 !important;
  padding:0 !important;

  column-count:1 !important;
}


html body.in-cashier
#gdUiV2Workspace
.gd-ui-v2-settlement-calculation-pane
.gdone-cashier-driver-calculation-section{
  display:block !important;

  width:100% !important;

  margin:0 !important;

  border-radius:0 !important;
}


html body.in-cashier
#gdUiV2Workspace
.gd-ui-v2-settlement-calculation-pane
.line-final-big{
  min-height:42px !important;

  font-size:16px !important;
  font-weight:950 !important;
}


html body.in-cashier
#gdUiV2Workspace
.gd-ui-v2-settlement-calculation-pane
.line-final-big
.line-name{
  font-size:16px !important;
  font-weight:950 !important;
}


html body.in-cashier
#gdUiV2Workspace
.gd-ui-v2-settlement-calculation-pane
.line-final-big
.line-value{
  font-size:18px !important;
  font-weight:950 !important;
}


/* GDONE EXPANDED INVOICE ROW TYPOGRAPHY START */

/*
 * Expanded invoices inside "Фактуры · N шт."
 * Main invoice text is intentionally quieter than the amount.
 */
html body.in-cashier.gdone-ui-v2-active
#gdUiV2Workspace
.gd-ui-v2-settlement-movements
.gdone-driver-invoice-batch-items
.gdone-driver-history-operation
> strong{
  font-size:13px !important;
  line-height:1.15 !important;
  font-weight:500 !important;
}

/*
 * Money remains visually strong.
 */
html body.in-cashier.gdone-ui-v2-active
#gdUiV2Workspace
.gd-ui-v2-settlement-movements
.gdone-driver-invoice-batch-items
.gdone-driver-history-money{
  font-size:14px !important;
  line-height:1 !important;
  font-weight:900 !important;
}

/* GDONE EXPANDED INVOICE ROW TYPOGRAPHY END */

/* GDONE DRIVER WORKSPACE CANONICAL UI V1 END */


/* GDONE ONLINE RECIPIENT ROW COLORS V1 */

/* Active recipients */
.gd-ui-v2-driver-row.gd-ui-v2-row-active {
    background: #f1faf4 !important;
}

/* Former, manual and no-access recipients */
.gd-ui-v2-driver-row.gd-ui-v2-row-no-access {
    background: #fff9ec !important;
}

/* Hover */
.gd-ui-v2-driver-row.gd-ui-v2-row-active:hover {
    background: #e7f6ec !important;
}

.gd-ui-v2-driver-row.gd-ui-v2-row-no-access:hover {
    background: #fff0d5 !important;
}

/* GDONE SIDEBAR BALANCED DISTRIBUTION V1 — 2026-10-12 */
/*
   Minimal correction of the ORIGINAL sidebar.

   IMPORTANT:
   - icon dimensions unchanged
   - SVG dimensions unchanged
   - text sizes unchanged
   - navigation item heights unchanged
   - sidebar width unchanged

   Only vertical free-space distribution is changed.
*/


/* =========================================================
   1. TOP — KEEP ONLY THE SESSION SEPARATOR
   ========================================================= */

/*
   #gdUiV2Session already owns the line immediately
   below the mode selector. Keep that line.

   Remove the second line previously owned by nav-list.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2Nav .gd-ui-v2-nav-list {
  border-top: 0 !important;
}


/*
   Expanded mode used to keep a relatively large empty
   margin after the mode selector.

   Reduce ONLY that empty margin.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2Shell:not(.is-compact)
#gdUiV2Session {
  margin-bottom: .18rem !important;
}


/* The old "РАЗДЕЛЫ" layer stays disabled. */
body.in-cashier.gdone-ui-v2-active
#gdUiV2Nav .gd-ui-v2-nav-list::before {
  display: none !important;
}


/* =========================================================
   2. CENTRAL MENU — USE ALL AVAILABLE HEIGHT
   ========================================================= */

body.in-cashier.gdone-ui-v2-active
#gdUiV2Nav .gd-ui-v2-nav-list {

  /*
     The list receives all free space between
     session/header and the collapse footer.
  */
  flex: 1 1 auto !important;
  min-height: 0 !important;

  display: flex !important;
  flex-direction: column !important;

  /*
     On a tall screen:
       free vertical space is distributed evenly
       between all menu items.

     On a short screen:
       free spacing naturally approaches the minimum gap.
  */
  justify-content: space-between !important;

  /*
     Absolute minimum physical separation.
     We are NOT shrinking the buttons themselves.
  */
  gap: clamp(1px, .18vh, 3px) !important;

  /*
     Remove old artificial vertical blank zones.
  */
  margin-top: 0 !important;
  margin-bottom: 0 !important;

  padding-top: .18rem !important;
  padding-bottom: .12rem !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;
}


/*
   These two items historically had special ordering/margins.
   Keep ordering, but treat them as part of ONE evenly
   distributed navigation group.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2Nav [data-gd-ui-v2-nav="notifications"] {
  order: 90 !important;
  margin-top: 0 !important;
}

body.in-cashier.gdone-ui-v2-active
#gdUiV2Nav [data-gd-ui-v2-nav="messages"] {
  order: 91 !important;
  margin-top: 0 !important;
}


/* =========================================================
   3. BOTTOM — SMALLER COLLAPSE FOOTER
   ========================================================= */

/*
   Do NOT touch collapse-button or icon dimensions.

   We only reduce the empty strip above/below the button.
   Because the central list is flex:1, reducing this footer
   automatically moves its separator slightly DOWN.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2Nav .gd-ui-v2-nav-bottom {

  flex: 0 0 auto !important;

  margin-top: 0 !important;

  padding-top: .20rem !important;
  padding-bottom: .04rem !important;

  border-top:
    1px solid rgba(255,255,255,.11) !important;
}


/*
   Explicitly preserve normal alignment only.
   No dimensions changed.
*/
body.in-cashier.gdone-ui-v2-active
#gdUiV2Nav .gd-ui-v2-nav-toggle {
  align-items: center !important;
}


/* =========================================================
   4. VERY SHORT VIEWPORT
   ========================================================= */

/*
   If there is physically not enough height even with
   ~1px gaps, stop space distribution and allow the
   existing navigation scroll.

   Buttons/icons/text remain their original size.
*/
@media (max-height: 590px) {

  body.in-cashier.gdone-ui-v2-active
  #gdUiV2Nav .gd-ui-v2-nav-list {
    justify-content: flex-start !important;
    gap: 1px !important;
  }
}

/* Fixed VAT row in the existing manual invoice panel. */
#adminFixedVatRow {
  grid-template-columns:
    minmax(210px, 260px)
    minmax(240px, 1fr)
    minmax(170px, 190px);
  align-items: stretch;
}

#adminFixedVatRow > .input,
#adminFixedVatRow > .file-picker-btn {
  min-height: 42px;
  height: 42px;
  box-sizing: border-box;
}

#adminFixedVatSaveBtn {
  width: 100%;
  white-space: nowrap;
}

@media (max-width: 900px) {
  #adminFixedVatRow {
    grid-template-columns:
      minmax(180px, 230px)
      minmax(180px, 1fr)
      minmax(150px, 175px);
  }
}

@media (max-width: 700px) {
  #adminFixedVatRow {
    grid-template-columns: 1fr;
  }
}

/*
 * Fixed VAT row — V2 dock final owner.
 *
 * Visually repeat normal No-KSeF row.
 * Only layout differs: amount | comment | action.
 */
.gd-ui-v2-invoice-dock-body-v12 #adminFixedVatRow {
  grid-template-columns:
    minmax(230px, 250px)
    minmax(0, 1fr)
    165px !important;

  gap: 8px !important;
  margin-top: 8px !important;
  align-items: stretch !important;
}

.gd-ui-v2-invoice-dock-body-v12
#adminFixedVatRow > .input,
.gd-ui-v2-invoice-dock-body-v12
#adminFixedVatRow > .file-picker-btn {
  min-height: 42px !important;
  height: 42px !important;
  box-sizing: border-box !important;
}

.invoice-batch-item.fixed-vat-compensation-item {
  border-color: rgba(72, 108, 190, 0.20);
  background: rgba(244, 247, 255, 0.82);
}

@media (max-width: 700px) {
  .gd-ui-v2-invoice-dock-body-v12 #adminFixedVatRow {
    grid-template-columns: 1fr !important;
  }
}


/* Two VAT staging methods, within the existing workspace column. */
body.in-cashier #adminManualNoKsefPanel .admin-manual-no-ksef-input-row {
  padding: 10px !important;
  border: 1px solid #cdd8e7 !important;
  border-radius: 12px !important;
  background: #f8fafc;
  gap: 8px !important;
  box-sizing: border-box;
  min-width: 0;
}
body.in-cashier #adminManualNoKsefPanel #adminFixedVatRow {
  grid-template-columns: minmax(180px, 1fr) minmax(100px, 1fr) 165px !important;
  margin-top: 12px !important;
}
body.in-cashier #adminManualNoKsefPanel .admin-manual-no-ksef-input-row > .input,
body.in-cashier #adminManualNoKsefPanel .admin-manual-no-ksef-input-row > .file-picker-btn {
  height: 42px !important;
  min-height: 42px !important;
  min-width: 0 !important;
  border-radius: 9px !important;
  box-sizing: border-box !important;
}

/* GDONE CASHIER SHORT VIEWPORT FIT V1
 * Keep the full dashboard inside the real browser viewport on desktop-height
 * screens without changing the mobile layout or financial content. */
@media (max-height: 900px) and (min-width: 901px) {
  body.in-cashier.gdone-ui-v2-shell3a .wrap {
    padding: .55rem !important;
  }

  body.in-cashier.gdone-ui-v2-active .gd-ui-v2-dashboard {
    gap: .35rem !important;
  }

  body.in-cashier.gdone-ui-v2-active .gd-ui-v2-dashboard-head {
    padding: 0 .1rem !important;
  }

  body.in-cashier.gdone-ui-v2-active .gd-ui-v2-dashboard-body {
    gap: .4rem !important;
    padding: .55rem !important;
  }

  body.in-cashier.gdone-ui-v2-active .gd-ui-v2-driver-head-compact {
    min-height: 2.45rem !important;
    padding: .25rem .55rem !important;
  }

  body.in-cashier.gdone-ui-v2-active #gdUiV2DriverSearch,
  body.in-cashier.gdone-ui-v2-active #gdUiV2DriverFilter {
    height: 1.95rem !important;
    min-height: 1.95rem !important;
    padding-top: .2rem !important;
    padding-bottom: .2rem !important;
  }

  body.in-cashier.gdone-ui-v2-active .gd-ui-v2-history .gd-ui-v2-card-head,
  body.in-cashier.gdone-ui-v2-active .gd-ui-v2-quick > .gd-ui-v2-card-head {
    min-height: 2.2rem !important;
    padding-top: .3rem !important;
    padding-bottom: .3rem !important;
  }

  body.in-cashier.gdone-ui-v2-active #gdUiV2HistoryFilters {
    padding-top: .22rem !important;
    padding-bottom: .22rem !important;
  }
}
body.in-cashier #adminManualNoKsefPanel .admin-manual-no-ksef-input-row > .file-picker-btn {
  font-size: 13px !important;
  font-weight: 700 !important;
  width: 100% !important;
  white-space: nowrap !important;
}
/*
 * GDONE FIXED VAT INPUT TYPOGRAPHY V196
 *
 * No dedicated amount typography here.
 * #adminFixedVatAmount intentionally inherits the same .input
 * typography and padding as #adminFixedVatComment.
 */
@media (max-width: 700px) {
  body.in-cashier #adminManualNoKsefPanel .admin-manual-no-ksef-input-row,
  body.in-cashier #adminManualNoKsefPanel #adminFixedVatRow {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Cashier dashboard: respond to the actual list/card width. Keep identities
   readable before reserving space for numeric columns and action labels. */
body.in-cashier.gdone-ui-v2-active .gd-ui-v2-drivers {
  container: gdDriverList / inline-size;
}
body.in-cashier.gdone-ui-v2-active #gdUiV2RecentRows {
  container: gdRecentList / inline-size;
}
@container gdDriverList (max-width: 42rem) {
  body.in-cashier.gdone-ui-v2-active :is(.gd-ui-v2-driver-header,.gd-ui-v2-driver-row) {
    grid-template-columns:minmax(8.25rem,1.65fr) minmax(0,.85fr) minmax(0,1.15fr) minmax(0,.95fr) minmax(0,.95fr)!important;
    column-gap:4px!important;padding-left:8px!important;padding-right:8px!important;
  }
  body.in-cashier.gdone-ui-v2-active .gd-ui-v2-driver-name {
    white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere;line-height:1.18!important;gap:6px!important;
  }
  body.in-cashier.gdone-ui-v2-active .gd-ui-v2-driver-issued-heading {padding-right:0!important}
  body.in-cashier.gdone-ui-v2-active .gd-ui-v2-driver-row {font-size:12px!important;min-height:42px!important}
  body.in-cashier.gdone-ui-v2-active .gd-ui-v2-driver-header {font-size:10.5px!important}
  body.in-cashier.gdone-ui-v2-active .gd-ui-v2-driver-dot {flex-shrink:0}
}
@container gdDriverList (max-width: 29rem) {
  body.in-cashier.gdone-ui-v2-active :is(.gd-ui-v2-driver-header,.gd-ui-v2-driver-row) {
    grid-template-columns:repeat(4,minmax(0,1fr))!important;row-gap:3px!important;
  }
  body.in-cashier.gdone-ui-v2-active .gd-ui-v2-driver-header > :first-child,
  body.in-cashier.gdone-ui-v2-active .gd-ui-v2-driver-name {grid-column:1/-1!important}
  body.in-cashier.gdone-ui-v2-active .gd-ui-v2-driver-row {padding-top:6px!important;padding-bottom:6px!important}
  body.in-cashier.gdone-ui-v2-active .gd-ui-v2-driver-name {font-size:13px!important}
  body.in-cashier.gdone-ui-v2-active .gd-ui-v2-driver-header > :not(:first-child) {text-align:right!important;white-space:normal!important}
}
@container gdRecentList (max-width: 42rem) {
  body.in-cashier.gdone-ui-v2-active #gdUiV2RecentRows .gdone-cashier-history-main {
    grid-template-columns:minmax(0,1fr) max-content!important;grid-template-rows:auto auto!important;gap:3px 8px!important;
  }
  body.in-cashier.gdone-ui-v2-active #gdUiV2RecentRows .gdone-cashier-history-person {
    grid-column:1!important;grid-row:1!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important;
  }
  body.in-cashier.gdone-ui-v2-active #gdUiV2RecentRows .gdone-cashier-history-amount {grid-column:2!important;grid-row:1!important;width:auto!important}
  body.in-cashier.gdone-ui-v2-active #gdUiV2RecentRows .gdone-cashier-history-datetime {grid-column:1!important;grid-row:2!important}
  body.in-cashier.gdone-ui-v2-active #gdUiV2RecentRows .gdone-cashier-history-badge {grid-column:2!important;grid-row:2!important;max-width:100%!important;margin:0!important;justify-self:end!important}
  body.in-cashier.gdone-ui-v2-active #gdUiV2RecentRows .gdone-cashier-history-details > summary {
    position:static!important;top:auto!important;right:auto!important;width:auto!important;text-align:right!important;
  }
  body.in-cashier.gdone-ui-v2-active #gdUiV2RecentRows .gdone-cashier-history-sub {grid-template-columns:minmax(0,1fr) auto!important}
  body.in-cashier.gdone-ui-v2-active #gdUiV2RecentRows .gdone-cashier-history-preview {white-space:normal!important}
  body.in-cashier.gdone-ui-v2-active #gdUiV2RecentRows .gdone-cashier-history-meta {min-width:0!important;overflow-wrap:anywhere}
}
@container gdworkspace (max-width: 58rem) {
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-dashboard-body {
    overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;
  }
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-main-grid {
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:max-content minmax(260px,1fr) 350px!important;
    flex:1 1 0!important;height:100%!important;min-height:0!important;overflow:visible!important;gap:6px!important;
  }
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-right {display:contents!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick {grid-column:1!important;grid-row:1!important;height:auto!important;min-height:0!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-drivers {grid-column:1!important;grid-row:2!important;height:auto!important;min-height:0!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-history {grid-column:1!important;grid-row:3!important;height:auto!important;min-height:0!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdUiV2DriverRows,
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdUiV2RecentRows {flex:1 1 0!important;height:0!important;max-height:none!important;min-height:0!important;overflow-y:auto!important}
}
@container gdDriverList (max-width: 42rem) {
  body.in-cashier.gdone-ui-v2-active #gdoneCashierPanel .gd-ui-v2-driver-head-compact {display:flex!important;flex-wrap:wrap!important;height:auto!important;gap:6px!important}
  body.in-cashier.gdone-ui-v2-active #gdoneCashierPanel .gd-ui-v2-driver-head-compact > h3 {width:100%!important;max-width:100%!important;margin:0!important;white-space:normal!important}
  body.in-cashier.gdone-ui-v2-active #gdoneCashierPanel .gd-ui-v2-driver-tools {width:100%!important;min-width:0!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
}
@container gdworkspace (max-width: 58rem) {
  /* Single-column cashier: shared rows, native controls and bounded history. */
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-dashboard-head {padding:5px!important;gap:4px!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-v103-actions-row {margin:0!important;padding:0!important;row-gap:0!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-v103-actions-spacer:empty {display:none!important;min-height:0!important}

  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-dashboard-body {padding:3px!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-v103-actions-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-v103-action {min-height:46px!important;padding:5px 6px!important;gap:5px!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-v103-action .gd-ui-v2-cash-tool-icon {width:25px!important;min-width:25px!important;height:25px!important;flex:0 0 25px!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-v103-action .gd-ui-v2-cash-tool-copy strong {font-size:clamp(11px,2.8vw,14px)!important;line-height:1.15!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-v103-action .gd-ui-v2-cash-tool-copy small {font-size:10px!important;line-height:1.15!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick {display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-auto-rows:auto;gap:6px!important;padding:8px!important;align-content:start!important;min-height:max-content!important;height:max-content!important;flex:none!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick :is(.gdone-cashier-misc,.gdone-cashier-misc-row) {display:contents!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick>.gd-ui-v2-card-head {display:contents!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick>.gd-ui-v2-card-head>h3 {grid-column:1/-1!important;grid-row:1!important;padding:0 70px 0 0!important;margin:0!important;font-size:clamp(13px,3vw,17px)!important;line-height:1.25!important;align-self:center!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick [data-gd-general-history] {grid-column:10/-1!important;grid-row:1!important;justify-self:end!important;margin:0!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick .gd-ui-v2-no-cash {grid-column:1/8!important;grid-row:2!important;margin:0!important;font-size:11px!important;align-self:center!important;white-space:nowrap!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick .gdone-cashier-misc-field {min-width:0!important;margin:0!important;width:auto!important;grid-column:auto!important;grid-row:auto!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick label:has([data-cashier-general-field="direction"]) {grid-column:8/-1!important;grid-row:2!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick label:has([data-cashier-general-field="category"]) {grid-column:1/6!important;grid-row:3!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick label:has([data-cashier-general-field="comment"]) {grid-column:6/-1!important;grid-row:3!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick label:has([data-cashier-general-field="amount"]) {grid-column:1/9!important;grid-row:4!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick [data-cashier-general-submit] {grid-column:9/-1!important;grid-row:4!important;margin:0!important;min-width:0!important;justify-self:stretch!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick label:has([data-cashier-general-field="vehicleNumber"]) {grid-column:1/-1!important;grid-row:4!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick:has([data-cashier-general-field="vehicleNumber"]) label:has([data-cashier-general-field="amount"]),
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick:has([data-cashier-general-field="vehicleNumber"]) [data-cashier-general-submit] {grid-row:5!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick label:has([data-cashier-general-field="handlerAdminId"]) {grid-column:1/-1!important;grid-row:6!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick .gdone-cashier-misc-status {grid-column:1/-1!important;grid-row:7!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick :is(input.input,.gd-general-select,[data-cashier-general-submit]) {height:33px!important;min-height:33px!important;max-height:33px!important;padding:5px 8px!important;font-size:12px!important;box-sizing:border-box!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-history>.gd-ui-v2-card-head {display:flex!important;flex-wrap:nowrap!important;height:auto!important;min-height:32px!important;padding:6px 8px!important;gap:6px!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-history>.gd-ui-v2-card-head>h3 {flex:1 1 auto!important;min-width:0!important;white-space:nowrap!important;margin:0!important;font-size:clamp(12px,3vw,17px)!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-history .gd-ui-v2-history-period-head {flex:0 1 130px!important;width:130px!important;min-width:94px!important;margin:0!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel #gdUiV2HistoryPeriod {width:100%!important;min-width:0!important;height:31px!important;padding:4px 20px 4px 6px!important;font-size:11px!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel #gdUiV2HistoryFilters {padding:5px!important;gap:4px!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel #gdUiV2HistoryFilters :is(input,select) {height:31px!important;min-height:31px!important;font-size:11px!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel #gdUiV2RecentRows {padding:4px 6px!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel #gdUiV2RecentRows .gdone-cashier-history-card {padding:5px 4px!important;margin:0!important;min-height:0!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel #gdUiV2RecentRows .gdone-cashier-history-main {grid-template-columns:minmax(0,1fr) max-content!important;grid-template-rows:auto auto!important;gap:2px 6px!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel #gdUiV2RecentRows .gdone-cashier-history-person {grid-column:1!important;grid-row:1!important;font-size:12px!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel #gdUiV2RecentRows .gdone-cashier-history-amount {grid-column:2!important;grid-row:1!important;font-size:12px!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel #gdUiV2RecentRows .gdone-cashier-history-datetime {grid-column:1!important;grid-row:2!important;font-size:10px!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel #gdUiV2RecentRows .gdone-cashier-history-badge {grid-column:2!important;grid-row:2!important;justify-self:end!important;font-size:9px!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel #gdUiV2RecentRows .gdone-cashier-history-meta {display:flex!important;flex-wrap:nowrap!important;min-width:0!important;font-size:11px!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel #gdUiV2RecentRows .gdone-cashier-history-meta>span:first-child {flex:0 0 auto!important;max-width:40%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel #gdUiV2RecentRows .gdone-cashier-history-preview {min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

}
@container gdDriverList (max-width: 22rem) {
  body.in-cashier.gdone-ui-v2-active .gd-ui-v2-driver-row > :not(.gd-ui-v2-driver-name),
  body.in-cashier.gdone-ui-v2-active .gd-ui-v2-driver-row :is(.gd-ui-v2-payment-line,.gd-ui-v2-driver-issued,.gd-ui-v2-driver-vat,.gd-ui-v2-driver-carry) {
    white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.15!important;font-size:11px!important;
  }
  body.in-cashier.gdone-ui-v2-active .gd-ui-v2-driver-row .gd-ui-v2-driver-carry {flex-wrap:wrap!important;gap:2px!important}
  body.in-cashier.gdone-ui-v2-active .gd-ui-v2-driver-row .gd-ui-v2-payment-line {flex-wrap:wrap!important;gap:2px!important}
}
@container gdRecentList (max-width: 22rem) {
  body.in-cashier.gdone-ui-v2-active #gdUiV2RecentRows .gdone-cashier-history-main {grid-template-rows:auto auto auto!important}
  body.in-cashier.gdone-ui-v2-active #gdUiV2RecentRows .gdone-cashier-history-person {grid-column:1/-1!important;grid-row:1!important}
  body.in-cashier.gdone-ui-v2-active #gdUiV2RecentRows .gdone-cashier-history-datetime {grid-column:1!important;grid-row:2!important}
  body.in-cashier.gdone-ui-v2-active #gdUiV2RecentRows .gdone-cashier-history-amount {grid-column:2!important;grid-row:2!important}
  body.in-cashier.gdone-ui-v2-active #gdUiV2RecentRows .gdone-cashier-history-badge {grid-column:1/-1!important;grid-row:3!important;justify-self:start!important;white-space:normal!important}
}

@media(max-width:980px){
 body.in-cashier.gdone-ui-v2-active{--gd-gap:.5rem}
 body.in-cashier.gdone-ui-v2-active .wrap{padding:0 .5rem .5rem!important}
 body.in-cashier.gdone-ui-v2-active #gdUiV2Shell{gap:.5rem!important}
 body.in-cashier.gdone-ui-v2-active #gdUiV2Workspace{padding:0!important}
}

/* Low mobile landscape: horizontal work areas, independent lists and an outer scroll fallback. */
@media (orientation:landscape) and (min-width:580px) and (max-width:1400px) and (max-height:600px) {
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick {grid-column:1!important;grid-row:1!important;height:auto!important;min-height:0!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick {display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-auto-rows:auto;gap:6px!important;padding:8px!important;align-content:start!important;min-height:max-content!important;height:max-content!important;flex:none!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick :is(.gdone-cashier-misc,.gdone-cashier-misc-row) {display:contents!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick>.gd-ui-v2-card-head {display:contents!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick>.gd-ui-v2-card-head>h3 {grid-column:1/-1!important;grid-row:1!important;padding:0 70px 0 0!important;margin:0!important;font-size:clamp(13px,3vw,17px)!important;line-height:1.25!important;align-self:center!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick [data-gd-general-history] {grid-column:10/-1!important;grid-row:1!important;justify-self:end!important;margin:0!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick .gd-ui-v2-no-cash {grid-column:1/8!important;grid-row:2!important;margin:0!important;font-size:11px!important;align-self:center!important;white-space:nowrap!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick .gdone-cashier-misc-field {min-width:0!important;margin:0!important;width:auto!important;grid-column:auto!important;grid-row:auto!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick label:has([data-cashier-general-field="direction"]) {grid-column:8/-1!important;grid-row:2!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick label:has([data-cashier-general-field="category"]) {grid-column:1/6!important;grid-row:3!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick label:has([data-cashier-general-field="comment"]) {grid-column:6/-1!important;grid-row:3!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick label:has([data-cashier-general-field="amount"]) {grid-column:1/9!important;grid-row:4!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick [data-cashier-general-submit] {grid-column:9/-1!important;grid-row:4!important;margin:0!important;min-width:0!important;justify-self:stretch!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick label:has([data-cashier-general-field="vehicleNumber"]) {grid-column:1/-1!important;grid-row:4!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick:has([data-cashier-general-field="vehicleNumber"]) label:has([data-cashier-general-field="amount"]),
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick:has([data-cashier-general-field="vehicleNumber"]) [data-cashier-general-submit] {grid-row:5!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick label:has([data-cashier-general-field="handlerAdminId"]) {grid-column:1/-1!important;grid-row:6!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick .gdone-cashier-misc-status {grid-column:1/-1!important;grid-row:7!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick :is(input.input,.gd-general-select,[data-cashier-general-submit]) {height:33px!important;min-height:33px!important;max-height:33px!important;padding:5px 8px!important;font-size:12px!important;box-sizing:border-box!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-history>.gd-ui-v2-card-head {display:flex!important;flex-wrap:nowrap!important;height:auto!important;min-height:32px!important;padding:6px 8px!important;gap:6px!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-history>.gd-ui-v2-card-head>h3 {flex:1 1 auto!important;min-width:0!important;white-space:nowrap!important;margin:0!important;font-size:clamp(12px,3vw,17px)!important}
  body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-history .gd-ui-v2-history-period-head {flex:0 1 130px!important;width:130px!important;min-width:94px!important;margin:0!important}
 body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-dashboard{height:100%!important;min-height:0!important;gap:4px!important}
 body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-dashboard-head{padding:4px!important;gap:3px!important;height:auto!important;min-height:0!important}
 body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-dashboard-title{flex-wrap:nowrap!important;gap:6px!important;min-height:26px!important;height:auto!important}
 body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-dashboard-title h2{font-size:18px!important;white-space:nowrap!important;line-height:1!important}
 body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-dashboard-week{font-size:10px!important;min-width:0!important;max-width:80%!important}
 body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-v103-actions-row{margin:0!important;padding:0!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;row-gap:0!important;height:auto!important;min-height:0!important}
 body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-v103-actions-spacer:empty{display:none!important;min-height:0!important}
 body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-v103-actions-grid{grid-column:1/-1!important;grid-row:1!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;height:auto!important}
 body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-v103-action{min-height:39px!important;height:auto!important;padding:4px!important;gap:4px!important}
 body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-v103-action .gd-ui-v2-cash-tool-icon{width:22px!important;min-width:22px!important;height:22px!important;flex:0 0 22px!important}
 body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-v103-action .gd-ui-v2-cash-tool-copy strong{font-size:11px!important;line-height:1.1!important}
 body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-v103-action .gd-ui-v2-cash-tool-copy small{font-size:9px!important;line-height:1.1!important}
 body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-dashboard-body{flex:1 1 0!important;min-height:0!important;overflow:auto!important;padding:3px!important;gap:4px!important;overscroll-behavior:contain}
 body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-main-grid{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important;grid-template-rows:max-content minmax(150px,1fr)!important;flex:1 1 0!important;height:100%!important;min-height:0!important;gap:4px!important;overflow:visible!important}
 body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-right{display:contents!important}
 body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-drivers{grid-column:1!important;grid-row:1/3!important;min-height:0!important;height:auto!important}
 body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick{grid-column:2!important;grid-row:1!important;min-height:max-content!important;height:max-content!important;padding:5px!important;gap:4px!important}
 body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-history{grid-column:2!important;grid-row:2!important;min-height:0!important;height:auto!important}
 body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick>.gd-ui-v2-card-head>h3{font-size:13px!important;padding-right:63px!important}
 body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick .gd-ui-v2-no-cash{font-size:10px!important}
 body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick [data-gd-general-history]{font-size:11px!important;padding:3px 6px!important;min-height:26px!important;height:26px!important}
 body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-quick :is(input.input,.gd-general-select,[data-cashier-general-submit]){height:28px!important;min-height:28px!important;max-height:28px!important;padding:3px 6px!important;font-size:11px!important}
 body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-history>.gd-ui-v2-card-head{padding:4px 6px!important;min-height:28px!important}
 body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-history>.gd-ui-v2-card-head>h3{font-size:13px!important}
 body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel #gdUiV2HistoryPeriod{height:27px!important;font-size:10px!important}
 body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel #gdUiV2HistoryFilters{padding:3px!important;gap:3px!important}
 body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel #gdUiV2HistoryFilters :is(input,select){height:27px!important;min-height:27px!important;font-size:10px!important}
 body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel #gdUiV2DriverRows{flex:1 1 0!important;height:0!important;min-height:0!important;max-height:none!important;overflow-y:auto!important}
 body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel #gdUiV2RecentRows{flex:1 1 0!important;height:0!important;min-height:0!important;max-height:none!important;overflow-y:auto!important}
 body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-driver-head-compact{padding:4px 6px!important;gap:4px!important;min-height:0!important}
 body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-driver-head-compact>h3{font-size:14px!important}
 body.in-cashier.gdone-ui-v2-active:not(.gdone-ui-v2-driver-workspace-open) #gdoneCashierPanel .gd-ui-v2-driver-tools :is(input,select){height:28px!important;min-height:28px!important;font-size:11px!important}
}