/* DOS RENT v293: final, isolated workspace layer for the cumulative debt queue. */
.v112r2-debt-worklist {
  border: 1px solid #efc9c4;
  border-radius: 14px;
  background: #fffafa;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(63, 37, 29, .05);
}

.v112r2-debt-title {
  min-height: 44px;
  padding: 8px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #f2d8d4;
  background: linear-gradient(180deg, #fff, #fff8f7);
}

.v112r2-debt-title > div {
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.v112r2-debt-title strong { font-size: 13px; }
.v112r2-debt-title small { color: #766d69; }
.v112r2-debt-title > span {
  min-width: 30px;
  height: 26px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #a02d28;
  background: #fff0ee;
  border: 1px solid #f0c0ba;
  font-weight: 700;
}

.v112r2-debt-table {
  display: block;
  min-height: 0;
}

.v112r2-debt-head,
.v112r2-debt-item {
  display: grid;
  grid-template-columns: 88px minmax(110px, .95fr) minmax(160px, 1.45fr) 88px 86px 86px 86px minmax(118px, 1fr) 102px;
  column-gap: 10px;
  align-items: center;
}

.v112r2-debt-head {
  min-height: 34px;
  padding: 0 14px;
  color: #665f5b;
  background: #fff;
  border-bottom: 1px solid #eadedb;
  font-size: 11px;
  font-weight: 700;
  text-transform: none;
}

.v112r2-debt-table-nine {
  width: 100% !important;
  min-width: 0 !important;
}

.v112r2-debt-scroll {
  max-height: 286px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
}

.v112r2-debt-item {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 40px;
  height: auto !important;
  padding: 5px 14px;
  border-bottom: 1px solid #eee4e1;
  background: #fffdfd;
  font-size: 11px;
  line-height: 1.25;
}

.v112r2-debt-item:nth-child(even) { background: #fffafa; }
.v112r2-debt-item > * { min-width: 0; }
.v112r2-debt-item small {
  display: block;
  margin-top: 2px;
  color: #766f6b;
}

.v112r2-obligation-type {
  width: max-content;
  max-width: 100%;
  padding: 3px 8px;
  border-radius: 999px;
  color: #9b3d2f;
  background: #fff0ea;
}

.v112r2-debt-actions { position: static; }
.v112r2-debt-actions > summary {
  min-height: 30px;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border: 1px solid #b8d8cb;
  border-radius: 8px;
  color: #08704d;
  background: #fff;
  cursor: pointer;
  font-weight: 700;
  list-style: none;
}
.v112r2-debt-actions > summary::-webkit-details-marker { display: none; }

.v112r2-debt-item:has(.v112r2-debt-actions[open]) {
  min-height: 260px !important;
  row-gap: 7px;
  overflow: visible !important;
}
.v112r2-debt-actions[open] {
  grid-column: 1 / -1 !important;
  display: block !important;
  width: 100% !important;
  min-width: 0;
  padding-top: 2px;
}
.v112r2-debt-actions[open] > summary {
  width: 102px !important;
  margin-left: auto;
}
.v112r2-debt-actions[open] > .v112r2-debt-payment-panel {
  width: 100%;
  min-width: 0;
}

.v112r2-debt-payment-panel {
  margin: 7px 0 3px;
  padding: 14px;
  display: grid;
  grid-template-columns: minmax(380px, 1.05fr) minmax(300px, .95fr);
  gap: 14px 18px;
  border: 1px solid #cfe2da;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(6, 74, 52, .08);
}

.v112r2-debt-payment-panel > header {
  grid-column: 1 / -1;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 11px;
  border-bottom: 1px solid #e2ebe7;
}
.v112r2-debt-payment-panel > header > div > small {
  color: #68736f;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.v112r2-debt-payment-panel > header > div > strong {
  display: block;
  margin-top: 3px;
  font-size: 15px;
}
.v112r2-debt-payment-panel dl {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(92px, 1fr));
  gap: 8px;
}
.v112r2-debt-payment-panel dl > div {
  padding: 7px 10px;
  border-radius: 8px;
  background: #f4f8f6;
}
.v112r2-debt-payment-panel dt { color: #67716d; font-size: 10px; }
.v112r2-debt-payment-panel dd { margin: 2px 0 0; font-weight: 700; }

.v112r2-inline-payment.is-debt-payment {
  display: grid;
  grid-template-columns: minmax(170px, 1fr) 160px 170px !important;
  gap: 9px;
  align-content: start;
}
.v112r2-inline-payment.is-debt-payment label { display: grid; gap: 5px; }
.v112r2-payment-field-label { color: #59645f; font-size: 10px; font-weight: 700; }
.v112r2-inline-payment.is-debt-payment input,
.v112r2-inline-payment.is-debt-payment button {
  width: 100%;
  min-height: 38px;
  border-radius: 8px;
}
.v112r2-inline-payment.is-debt-payment input {
  padding: 0 11px !important;
  border: 1px solid #bfd4ca !important;
  color: #17231f !important;
  background: #fff !important;
  font-size: 12px !important;
}
.v112r2-inline-payment.is-debt-payment button {
  align-self: end;
  border: 0;
  color: #fff;
  background: #087a55;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700;
}
.v112r2-inline-payment.is-debt-payment small {
  grid-column: 1 / -1;
  margin: 0;
  color: #66716d;
}

.v112r2-debt-payment-history { min-width: 0; }
.v112r2-debt-payment-history > header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 7px;
}
.v112r2-debt-payment-history > header span { color: #68736f; }
.v112r2-debt-payment-history ol {
  max-height: 92px;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  list-style: none;
  border: 1px solid #e2ebe7;
  border-radius: 8px;
}
.v112r2-debt-payment-history li {
  min-height: 34px;
  padding: 7px 9px;
  display: grid;
  grid-template-columns: 90px 100px 1fr;
  gap: 8px;
  align-items: center;
  border-bottom: 1px solid #edf2ef;
}
.v112r2-debt-payment-history li:last-child { border-bottom: 0; }
.v112r2-debt-payment-history li.is-empty { grid-template-columns: 1fr; color: #68736f; }

.v112r2-debt-table-nine > footer {
  min-height: 34px;
  padding: 7px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #68615e;
  background: #fff;
}

@media (max-width: 1100px) {
  .v112r2-debt-head { display: none; }
  .v112r2-debt-item {
    grid-template-columns: 88px minmax(110px, 1fr) minmax(145px, 1.3fr) 84px 84px 92px;
    row-gap: 6px;
  }
  .v112r2-debt-item > :nth-child(4),
  .v112r2-debt-item > :nth-child(6),
  .v112r2-debt-item > :nth-child(8) { display: none; }
  .v112r2-debt-actions { grid-column: 6; }
  .v112r2-debt-payment-panel { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .v112r2-debt-title > div { display: grid; gap: 1px; }
  .v112r2-debt-scroll { max-height: 430px; }
  .v112r2-debt-item {
    grid-template-columns: minmax(0, 1fr) 104px !important;
    grid-template-areas:
      "date remaining"
      "vehicle status"
      "action action";
    padding: 9px 10px;
    gap: 6px 10px;
  }
  .v112r2-debt-item > :nth-child(2),
  .v112r2-debt-item > :nth-child(4),
  .v112r2-debt-item > :nth-child(5),
  .v112r2-debt-item > :nth-child(6) { display: none; }
  .v112r2-debt-item > :nth-child(1) { grid-area: date; }
  .v112r2-debt-item > :nth-child(3) { grid-area: vehicle; }
  .v112r2-debt-item > :nth-child(7) { grid-area: remaining; text-align: right; }
  .v112r2-debt-item > :nth-child(8) { grid-area: status; display: block; text-align: right; }
  .v112r2-debt-actions { grid-area: action; }
  .v112r2-debt-actions > summary { width: 100%; }
  .v112r2-debt-item:has(.v112r2-debt-actions[open]) {
    min-height: 560px !important;
  }
  .v112r2-debt-payment-panel { padding: 12px; }
  .v112r2-debt-payment-panel > header { display: grid; }
  .v112r2-debt-payment-panel dl { grid-template-columns: repeat(3, 1fr); }
  .v112r2-inline-payment.is-debt-payment { grid-template-columns: 1fr !important; }
  .v112r2-debt-payment-history li { grid-template-columns: 82px 90px 1fr; }
  body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal .v112r2-debt-item {
    grid-template-columns: minmax(0, 1fr) 104px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
  body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal .v112r2-debt-payment-panel .v112r2-inline-payment.is-debt-payment {
    grid-template-columns: 1fr !important;
  }
}

/* The current-rent journal has eleven columns. Signal triage lives on the
   work desk and in the side card; its former track belongs to the vehicle. */
@media (min-width: 1100px) {
  body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal
    .v112r2-owner-daily-table {
    width: 100% !important;
    min-width: 1240px !important;
    table-layout: fixed !important;
  }

  body[data-view="rent"] #rent-v111-compact-journal.v112r2-payment-registry.v112r2-operational-journal
    .v112r2-owner-daily-table > thead > tr,
  body[data-view="rent"] #rent-v111-compact-journal.v112r2-payment-registry.v112r2-operational-journal
    .v112r2-owner-daily-table tr[data-v112r2-registry-row] {
    grid-template-columns:
      76px
      minmax(190px, 1.5fr)
      minmax(124px, 1.05fr)
      88px
      62px
      72px
      minmax(120px, 1fr)
      250px
      76px
      90px
      64px !important;
  }

  body[data-view="rent"] #rent-v111-compact-journal .v112r2-owner-daily-table
    [data-v112r2-vehicle] .v112r2-control-vehicle strong {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-view="rent"] .v112r2-operational-journal
    .v112r2-owner-daily-table [data-v112r2-quick-payment-cell] {
    min-width: 250px !important;
    overflow: visible !important;
  }

  body[data-view="rent"] .v112r2-operational-journal
    .v112r2-owner-daily-table .v112r2-inline-payment {
    display: grid !important;
    grid-template-columns: minmax(64px, 1fr) 90px 58px !important;
    gap: 5px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body[data-view="rent"] .v112r2-operational-journal
    .v112r2-owner-daily-table .v112r2-inline-payment > .v112r2-inline-payment-date {
    display: block !important;
    min-width: 0 !important;
    visibility: visible !important;
  }

  body[data-view="rent"] .v112r2-operational-journal
    .v112r2-owner-daily-table .v112r2-inline-payment > .v112r2-inline-payment-date input {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    visibility: visible !important;
  }
}

@media (min-width: 1100px) {
  body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal[data-v112r2-payment-registry] {
    grid-template-rows: 28px 378px 68px 44px auto auto 24px !important;
  }
  body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal[data-v112r2-payment-registry]:has(> .v112r2-debt-worklist .v112r2-debt-actions[open]) {
    grid-template-rows: 28px 620px 68px 44px auto auto 24px !important;
  }
  body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal > .v112r2-debt-worklist {
    height: 378px !important;
    min-height: 378px !important;
    max-height: 378px !important;
  }
  body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal > .v112r2-debt-worklist:has(.v112r2-debt-actions[open]) {
    height: 620px !important;
    max-height: 620px !important;
  }
  body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal .v112r2-debt-table-nine .v112r2-debt-scroll {
    max-height: 286px !important;
  }
  body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal .v112r2-debt-table-nine:has(.v112r2-debt-actions[open]) .v112r2-debt-scroll {
    max-height: 528px !important;
  }
  body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal :is(.v112r2-debt-head, .v112r2-debt-item) {
    grid-template-columns: 88px minmax(110px, .95fr) minmax(160px, 1.45fr) 88px 86px 86px 86px minmax(118px, 1fr) 102px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal .v112r2-debt-item:not(:has(.v112r2-debt-actions[open])) {
    min-height: 40px !important;
    height: 40px !important;
    padding: 5px 14px !important;
  }
  body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal .v112r2-debt-payment-panel .v112r2-inline-payment.is-debt-payment {
    grid-template-columns: minmax(170px, 1fr) 160px 170px !important;
  }
  body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal .v112r2-debt-payment-panel .v112r2-inline-payment.is-debt-payment :is(input, button) {
    min-height: 38px !important;
    height: 38px !important;
    font-size: 12px !important;
    line-height: 16px !important;
  }
}
body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal .v112r2-debt-inline-action .v112r2-inline-payment.is-debt-payment :is(input, button) {
  height: 30px !important;
  min-height: 30px !important;
  font-size: 11px !important;
  line-height: 14px !important;
}
body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal .v112r2-debt-table-nine .v112r2-debt-item .v112r2-debt-inline-action > form.v112r2-inline-payment.is-debt-payment {
  display: grid !important;
  height: 30px !important;
  min-height: 30px !important;
  align-self: center !important;
}
body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal .v112r2-debt-table-nine .v112r2-debt-item .v112r2-debt-inline-action > form.v112r2-inline-payment.is-debt-payment > label {
  display: block !important;
  height: 30px !important;
  min-height: 30px !important;
}

/* v293 inline settlement: Control keeps every payment in its debt row. */
.v112r2-debt-head,
.v112r2-debt-item {
  grid-template-columns: 70px minmax(80px, .7fr) minmax(110px, 1fr) 68px 62px 62px 68px 88px minmax(263px, 1.7fr);
  column-gap: 8px;
  box-sizing: border-box;
}
.v112r2-debt-item { min-height: 42px; padding: 5px 12px; }
.v112r2-debt-inline-action {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 30px;
  gap: 5px;
  align-items: center;
  align-self: center;
  min-width: 0;
  height: 30px;
}
.v112r2-debt-inline-action .v112r2-inline-payment.is-debt-payment {
  display: grid !important;
  grid-column: 1 !important;
  grid-template-columns: minmax(70px, 1fr) 90px 58px !important;
  gap: 5px;
  align-items: center;
  min-width: 0;
  height: 30px !important;
  min-height: 30px !important;
  align-self: center;
}
.v112r2-debt-inline-action .v112r2-inline-payment.is-debt-payment label {
  display: block !important;
  min-width: 0;
  height: 30px !important;
  min-height: 30px !important;
}
.v112r2-debt-inline-action .v112r2-inline-payment.is-debt-payment label > .sr-only {
  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;
}
.v112r2-debt-inline-action .v112r2-inline-payment.is-debt-payment :is(input, button) {
  width: 100%;
  min-width: 0;
  height: 30px !important;
  min-height: 30px !important;
  border-radius: 7px;
  font-size: 11px !important;
  line-height: 14px !important;
}
.v112r2-debt-inline-action .v112r2-inline-payment.is-debt-payment input {
  padding: 0 8px !important;
  border: 1px solid #bfd4ca !important;
  color: #17231f !important;
  background: #fff !important;
}
.v112r2-debt-inline-action .v112r2-inline-payment.is-debt-payment button {
  padding: 0 7px;
  border: 1px solid #087a55;
  color: #fff !important;
  background: #087a55;
  font-weight: 700;
}
.v112r2-debt-inline-action .v112r2-inline-payment.is-debt-payment button:disabled {
  border-color: #d6dfdb;
  color: #8b9691 !important;
  background: #edf1ef;
}
.v112r2-debt-inline-action .v112r2-payment-inline-status {
  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;
}
.v112r2-debt-history-menu { position: relative; grid-column: 2; }
.v112r2-debt-history-menu > summary {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #c8dcd3;
  border-radius: 7px;
  color: #08704d;
  background: #fff;
  cursor: pointer;
  font-weight: 700;
  list-style: none;
}
.v112r2-debt-history-menu > summary::-webkit-details-marker { display: none; }
.v112r2-debt-history-popover {
  position: absolute;
  z-index: 40;
  top: 35px;
  right: 0;
  width: min(340px, 82vw);
  padding: 10px;
  border: 1px solid #cfe2da;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(6, 74, 52, .16);
}
.v112r2-debt-history-popover .v112r2-debt-payment-history ol { max-height: 150px; }

@media (max-width: 1100px) and (min-width: 721px) {
  .v112r2-debt-item {
    grid-template-columns: 78px minmax(100px, .8fr) minmax(135px, 1fr) 72px 72px minmax(300px, 1.6fr);
  }
}
@media (max-width: 720px) {
  .v112r2-debt-inline-action { grid-area: action; }
  .v112r2-debt-inline-action .v112r2-inline-payment.is-debt-payment {
    grid-template-columns: minmax(80px, 1fr) 96px 64px !important;
  }
  body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal .v112r2-debt-item {
    min-height: 104px !important;
    height: auto !important;
    row-gap: 8px !important;
  }
}
@media (min-width: 1100px) {
  body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal :is(.v112r2-debt-head, .v112r2-debt-item) {
    grid-template-columns: 70px minmax(80px, .7fr) minmax(110px, 1fr) 68px 62px 62px 68px 88px minmax(263px, 1.7fr) !important;
  }
  body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal .v112r2-debt-item {
    min-height: 42px !important;
    height: 42px !important;
    padding: 5px 12px !important;
  }
}

/* The debt queue is a selectable worklist. Selection opens the matching
   debtor card and remains visible without disturbing the inline payment form. */
body[data-view="rent"] .v112r2-debt-item {
  cursor: pointer;
  transition: background-color 140ms ease, box-shadow 140ms ease;
  box-shadow: inset 4px 0 0 #e5484d;
}
body[data-view="rent"] .v112r2-debt-item[data-v112r2-debt-group-tone="base"] { background: #fffdfd; }
body[data-view="rent"] .v112r2-debt-item[data-v112r2-debt-group-tone="alternate"] { background: #fff7f7; }
body[data-view="rent"] .v112r2-debt-item:hover { background: #fff1f1; }
body[data-view="rent"] .v112r2-debt-item:focus-visible {
  outline: 3px solid #d92d38;
  outline-offset: -3px;
}
body[data-view="rent"] .v112r2-debt-item[data-v112r2-debt-inspected],
body[data-view="rent"] .v112r2-debt-item[aria-selected="true"] {
  background: #ffe9e9 !important;
  box-shadow:
    inset 6px 0 0 #d92d38,
    inset 0 1px 0 #ef9aa0,
    inset 0 -1px 0 #ef9aa0 !important;
  font-weight: 650;
}
body[data-view="rent"] .v112r2-debt-item.is-legal-pending {
  background: #fff0f1 !important;
  box-shadow: inset 7px 0 0 #a51121, inset 0 0 0 1px #ef9aa0 !important;
}
body[data-view="rent"] .v112r2-debt-item.is-legal-pending > span:nth-child(2) small {
  display: block;
  color: #a51121;
  font-size: 8px;
  font-weight: 800;
}

body[data-view="rent"] .v112r2-debt-item[data-v112r2-debt-group-start="true"] {
  border-top: 2px solid #efc7c9;
}
body[data-view="rent"] .v112r2-debt-group-date time { font-weight: 700; }
body[data-view="rent"] .v112r2-debt-vehicle { display: grid; gap: 1px; }
body[data-view="rent"] .v112r2-debt-vehicle small {
  color: #5d6965;
  font-size: 9px;
  font-weight: 650;
  letter-spacing: .015em;
}

body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal > .v112r2-kpi-strip {
  box-sizing: border-box;
  padding: 6px 7px 8px;
  border: 1px solid #d4e4dc;
  border-radius: 10px;
  background: linear-gradient(180deg, #f8fcfa, #f1f7f4);
  box-shadow: 0 4px 12px rgba(18, 77, 56, .05);
  overflow: hidden;
}

/* Keep the KPI cards entirely inside their own visual panel and leave a
   deliberate breathing space before the date/search/filter toolbar. */
@media (min-width: 1101px) {
  body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal[data-v112r2-payment-registry],
  body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal[data-v112r2-payment-registry]:has(.v112r2-plan-readiness),
  body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal[data-v112r2-payment-registry]:has(> .v112r2-operational-readiness),
  body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal[data-v112r2-payment-registry]:has(> .v112r2-operational-readiness):has(.v112r2-plan-readiness) {
    grid-template-rows: 28px 378px 80px 44px auto auto 24px !important;
    row-gap: 6px !important;
  }
  body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal > .v112r2-kpi-strip {
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
    margin: 0 !important;
  }
  body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal > .v112r2-kpi-strip > article {
    height: 62px !important;
    max-height: 62px !important;
  }
}

body[data-view="rent"] .v112r2-debtor-crm {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid #efc7c9;
  border-radius: 10px;
  background: #fffafa;
}
body[data-view="rent"] .v112r2-debtor-crm > header,
body[data-view="rent"] .v112r2-debtor-last-note,
body[data-view="rent"] .v112r2-debtor-legal-actions { display: flex; gap: 6px; align-items: center; justify-content: space-between; }
body[data-view="rent"] .v112r2-debtor-crm > header div,
body[data-view="rent"] .v112r2-debtor-last-note { min-width: 0; flex-direction: column; align-items: flex-start; }
body[data-view="rent"] .v112r2-debtor-crm > header span {
  padding: 3px 7px; border-radius: 999px; background: #ffe0e2; color: #9b1724; font-size: 9px; font-weight: 800;
}
body[data-view="rent"] .v112r2-debtor-last-note {
  padding: 8px; border-radius: 8px; background: #fff; box-shadow: inset 4px 0 0 #e5484d;
}
body[data-view="rent"] .v112r2-debtor-last-note strong { line-height: 1.25; overflow-wrap: anywhere; }
body[data-view="rent"] .v112r2-debtor-last-note time { color: #64716c; font-size: 9px; }
body[data-view="rent"] .v112r2-debtor-crm form { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
body[data-view="rent"] .v112r2-debtor-crm form label { display: grid; gap: 3px; font-size: 9px; font-weight: 700; }
body[data-view="rent"] .v112r2-debtor-crm form label:nth-child(2) { grid-column: 1 / -1; }
body[data-view="rent"] .v112r2-debtor-crm :is(input, select, textarea) { width: 100%; min-width: 0; box-sizing: border-box; }
body[data-view="rent"] .v112r2-debtor-crm form button { grid-column: 1 / -1; }
body[data-view="rent"] .v112r2-debtor-crm details ol { max-height: 150px; overflow: auto; margin: 7px 0 0; padding-left: 18px; }
body[data-view="rent"] .v112r2-debtor-crm details li { display: grid; gap: 2px; padding: 5px 0; border-bottom: 1px solid #f1dfe0; }
body[data-view="rent"] .v112r2-debtor-legal-actions button:first-child { color: #a51121; border-color: #dc7b84; }

@media (min-width: 1100px) {
  body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal :is(.v112r2-debt-head, .v112r2-debt-item) {
    grid-template-columns: 70px minmax(80px, .7fr) minmax(110px, 1fr) 68px 62px 62px 68px 88px minmax(263px, 1.7fr) !important;
    column-gap: 8px !important;
  }
}

body[data-view="legal"] .v112r2-legal-debt-handoffs {
  border: 1px solid #e7c4c7;
  background: linear-gradient(180deg, #fffafa, #fff);
}
body[data-view="legal"] .v112r2-legal-debt-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 12px;
}
body[data-view="legal"] .v112r2-legal-debt-case {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid #e3d4d5;
  border-radius: 12px;
  background: #fff;
  box-shadow: inset 5px 0 0 #c83342, 0 8px 22px rgba(87, 20, 28, .06);
}
body[data-view="legal"] .v112r2-legal-debt-case.is-accepted { box-shadow: inset 5px 0 0 #087a55, 0 8px 22px rgba(8, 88, 61, .06); }
body[data-view="legal"] .v112r2-legal-debt-case > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
body[data-view="legal"] .v112r2-legal-debt-case > header h3 { margin: 2px 0 0; }
body[data-view="legal"] .v112r2-legal-debt-case > header > span {
  padding: 4px 9px;
  border-radius: 999px;
  color: #9b1724;
  background: #ffe7e9;
  font-size: 11px;
  font-weight: 800;
}
body[data-view="legal"] .v112r2-legal-debt-case.is-accepted > header > span { color: #075b40; background: #e0f4eb; }
body[data-view="legal"] .v112r2-legal-debt-case dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 14px;
  margin: 0;
}
body[data-view="legal"] .v112r2-legal-debt-case dl div { display: grid; gap: 2px; min-width: 0; }
body[data-view="legal"] .v112r2-legal-debt-case dt { color: #68746f; font-size: 11px; }
body[data-view="legal"] .v112r2-legal-debt-case dd { margin: 0; font-weight: 700; overflow-wrap: anywhere; }
body[data-view="legal"] .v112r2-legal-debt-case > section { display: grid; gap: 3px; padding: 10px; border-radius: 9px; background: #f7f9f8; }
body[data-view="legal"] .v112r2-legal-debt-case details ol { max-height: 180px; overflow: auto; }
body[data-view="legal"] .v112r2-legal-debt-case details li { display: grid; gap: 2px; margin-bottom: 7px; }
body[data-view="legal"] .v112r2-legal-debt-case > button { justify-self: start; border-color: #087a55; color: #fff; background: #087a55; }
body[data-view="legal"] .v112r2-legal-debt-case > p { margin: 0; color: #5f6d67; font-size: 11px; }

/* V301 terminal debtor-card polish. */
body[data-view="rent"] .v112r2-operational-side-card,
body[data-view="rent"] .v112r2-operational-side-card * { box-sizing: border-box; min-width: 0; }
body[data-view="rent"] .v112r2-operational-side-card :is(strong, small, span, p, dt, dd, label, time) { overflow-wrap: anywhere; }
body[data-view="rent"] .v112r2-operational-side-card[data-v112r2-card-kind="DEBTOR"] {
  gap: 10px !important; padding: 12px !important; border-color: #efb8b4 !important; background: #fffdfd !important;
}
body[data-view="rent"] .v112r2-operational-side-card[data-v112r2-card-kind="DEBTOR"] .v112r2-side-card-heading {
  grid-template-columns: 64px minmax(0, 1fr) !important; gap: 10px !important; min-height: 58px !important;
  padding-bottom: 9px; border-bottom: 1px solid #f0dddd;
}
body[data-view="rent"] .v112r2-operational-side-card[data-v112r2-card-kind="DEBTOR"] .v112r2-side-card-vehicle { width: 64px !important; height: 52px !important; }
body[data-view="rent"] .v112r2-operational-side-card[data-v112r2-card-kind="DEBTOR"] .v112r2-side-card-vehicle svg { width: 58px !important; height: 42px !important; }
body[data-view="rent"] .v112r2-operational-side-card[data-v112r2-card-kind="DEBTOR"] .v112r2-side-card-heading strong { display: block; font-size: 12px !important; line-height: 1.3 !important; }
body[data-view="rent"] .v112r2-operational-side-card[data-v112r2-card-kind="DEBTOR"] .v112r2-side-card-summary {
  display: grid !important; grid-template-columns: 1fr 1fr; gap: 5px 8px; padding: 9px;
  border: 1px solid #f0dddd; border-radius: 8px; background: #fff7f7;
}
body[data-view="rent"] .v112r2-operational-side-card[data-v112r2-card-kind="DEBTOR"] .v112r2-side-card-summary > :first-child { grid-column: 1 / -1; font-size: 12px; }
body[data-view="rent"] .v112r2-operational-side-card[data-v112r2-card-kind="DEBTOR"] .v112r2-side-card-summary span { font-size: 9px; line-height: 1.35; color: #5e6b66; }
body[data-view="rent"] .v112r2-debtor-crm {
  display: grid; gap: 9px; padding: 11px; border: 1px solid #edc9c6; border-left: 4px solid #d94a42;
  border-radius: 10px; background: #fff8f8;
}
body[data-view="rent"] .v112r2-debtor-crm > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
body[data-view="rent"] .v112r2-debtor-crm > header > div { display: grid; gap: 2px; }
body[data-view="rent"] .v112r2-debtor-crm > header strong { font-size: 13px; line-height: 1.15; color: #3d2928; }
body[data-view="rent"] .v112r2-debtor-crm > header small { font-size: 9px; line-height: 1.25; color: #786665; }
body[data-view="rent"] .v112r2-debtor-crm > header > span {
  flex: 0 0 auto; padding: 4px 7px; border-radius: 999px; background: #ffe1df; color: #9f2f2a;
  font-size: 8px; font-weight: 800; letter-spacing: .04em;
}
body[data-view="rent"] .v112r2-debtor-last-note {
  display: grid; gap: 3px; padding: 8px; border: 1px solid #f1dddd; border-radius: 7px; background: #fff;
}
body[data-view="rent"] .v112r2-debtor-last-note small,
body[data-view="rent"] .v112r2-debtor-last-note time { color: #7c6b69; font-size: 8px; line-height: 1.25; }
body[data-view="rent"] .v112r2-debtor-last-note strong { font-size: 10px; line-height: 1.4; color: #392b2a; white-space: normal; }
body[data-view="rent"] .v112r2-debtor-crm form { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
body[data-view="rent"] .v112r2-debtor-crm form label { display: grid; align-content: start; gap: 4px; color: #665957; font-size: 9px; line-height: 1.2; }
body[data-view="rent"] .v112r2-debtor-crm form label:nth-child(2),
body[data-view="rent"] .v112r2-debtor-crm form button[type="submit"] { grid-column: 1 / -1; }
body[data-view="rent"] .v112r2-debtor-crm form :is(select, input, textarea, button) {
  width: 100%; max-width: 100%; min-height: 32px; margin: 0; padding: 6px 8px; border: 1px solid #dacdcb;
  border-radius: 6px; background: #fff; color: #27332f; font: 600 10px/1.3 Arial, "Segoe UI", sans-serif !important;
}
body[data-view="rent"] .v112r2-debtor-crm form textarea { min-height: 64px; resize: vertical; font-weight: 400 !important; }
body[data-view="rent"] .v112r2-debtor-crm form button[type="submit"] { border-color: #087b55; background: #087b55; color: #fff; cursor: pointer; }
body[data-view="rent"] .v112r2-debtor-crm form button[type="submit"]:disabled { border-color: #cbd4d0; background: #e8eeeb; color: #78857f; cursor: wait; }
body[data-view="rent"] .v112r2-debtor-crm details { padding-top: 7px; border-top: 1px solid #efd9d7; }
body[data-view="rent"] .v112r2-debtor-crm details summary { cursor: pointer; color: #4e3d3b; font-size: 10px; font-weight: 700; }
body[data-view="rent"] .v112r2-debtor-crm details ol { display: grid; gap: 6px; max-height: 150px; margin: 7px 0 0; padding: 0; overflow: auto; list-style: none; }
body[data-view="rent"] .v112r2-debtor-crm details li { display: grid; gap: 2px; padding: 7px; border: 1px solid #eedfdd; border-radius: 6px; background: #fff; font-size: 9px; line-height: 1.35; }
body[data-view="rent"] .v112r2-debtor-crm details li :is(time, small) { color: #7b6b68; font-size: 8px; }
body[data-view="rent"] .v112r2-debtor-legal-actions { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 6px; }
body[data-view="rent"] .v112r2-debtor-legal-actions button { min-height: 30px; padding: 5px 7px; border: 1px solid #dc6b64; border-radius: 6px; background: #fff; color: #aa302a; font-size: 9px; font-weight: 700; }
body[data-view="rent"] [data-v112r2-debtor-crm-status] { margin: 0; color: #6d5c59; font-size: 8px; line-height: 1.35; }
body[data-view="rent"] .v112r2-operational-side-card[data-v112r2-card-kind="DEBTOR"] .v112r2-side-more { margin-top: 0; }
body[data-view="rent"] .v112r2-operational-side-card[data-v112r2-card-kind="DEBTOR"] .v112r2-side-more [data-v112r2-side-additional] > p { font-size: 8px; line-height: 1.35; }

@media (min-width: 1600px) {
  body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal { grid-template-columns: minmax(0, 1fr) 300px !important; column-gap: 18px !important; }
  body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal .v112r2-operational-grid > .v112r2-operational-side-card { width: 300px !important; min-width: 300px !important; max-width: 300px !important; }
}

@media (max-width: 700px) {
  body[data-view="rent"] .v112r2-debtor-crm form { grid-template-columns: 1fr; }
  body[data-view="rent"] .v112r2-debtor-crm form label,
  body[data-view="rent"] .v112r2-debtor-crm form label:nth-child(2),
  body[data-view="rent"] .v112r2-debtor-crm form button[type="submit"] { grid-column: 1; }
}

/* V394: restore the proven June 2026 DOS RENT calendar language.
   The accepted screen is a continuous contract-day matrix, not a set of
   dashboard cards. Keep financial truth and drill-downs from V112R2, while
   matching the dense vehicle-first layout from the owner's reference. */
body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] {
  gap: 9px;
  margin-top: 14px;
  padding: 14px 12px 10px;
  border: 1px solid #cbdcd4;
  border-radius: 12px;
  background: #fff;
  box-shadow: none;
}

body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] > header {
  grid-template-columns: minmax(390px, 1fr) auto;
  align-items: center;
  gap: 18px;
}

body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] h3 {
  margin: 2px 0 4px;
  font-size: 20px;
  line-height: 1.1;
}

body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] p {
  max-width: 760px;
  font-size: 11px;
  line-height: 1.35;
}

body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] .v112r2-matrix-kicker {
  color: #006f4a;
  font-size: 9px;
  letter-spacing: .12em;
}

body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] dl {
  grid-template-columns: repeat(6, minmax(76px, 94px));
  gap: 6px;
}

body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] dl div {
  min-height: 46px;
  padding: 7px 9px;
  border-radius: 8px;
  background: #fff;
}

body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] dt { font-size: 8px; }
body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] dd { font-size: 17px; }

body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] .v112r2-matrix-toolbar {
  min-height: 35px;
  padding: 5px 7px;
  border-color: #d8e5df;
  border-radius: 7px;
  background: #f8fbf9;
}

body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] .v112r2-matrix-toolbar .v112r2-matrix-legend span {
  min-height: 21px;
  padding: 0 7px;
  font-size: 8px;
}

body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] .v112r2-matrix-toolbar nav button {
  min-height: 23px;
  padding: 0 8px;
  font-size: 8px;
}

body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] .v112r2-matrix-scroll {
  max-height: 510px;
  border-color: #cbdad3;
  border-radius: 6px;
  scrollbar-color: #829b90 #edf2ef;
}

body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] table {
  border-collapse: collapse;
}

body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] :is(th, td) {
  height: 43px;
  padding: 0;
  border-color: #d9e3de;
}

body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] .v112r2-matrix-months th {
  height: 25px;
  background: #f8faf9;
  color: #183d31;
  font-size: 9px;
}

body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] thead tr:not(.v112r2-matrix-months) th {
  top: 25px;
  width: 47px;
  min-width: 47px;
  height: 30px;
  background: #fbfcfb;
}

body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] thead tr:not(.v112r2-matrix-months) th.is-weekend:not(.is-today) {
  color: #7a5625;
  background: #fffaf1;
}

body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] thead tr:not(.v112r2-matrix-months) th.is-today {
  color: #fff;
  background: #087b55;
}

body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] thead tr:not(.v112r2-matrix-months) th span { font-size: 7px; }
body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] thead tr:not(.v112r2-matrix-months) th small { font-size: 8px; }

body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] thead th:first-child,
body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] tbody th {
  width: 215px;
  min-width: 215px;
  max-width: 215px;
  padding: 4px 9px;
  background: #fff;
  box-shadow: 3px 0 0 rgba(8, 123, 85, .08);
}

body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] tbody th strong {
  color: #14271f;
  font-size: 10px;
  font-weight: 900;
  line-height: 1.05;
}

body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] tbody th span {
  margin-top: 2px;
  color: #5e6f67;
  font-size: 8px;
  font-weight: 700;
}

body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] tbody th .v112r2-matrix-contract-meta {
  margin-top: 2px;
  color: #007a52;
  font-size: 7px;
  font-weight: 750;
}

body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] td button {
  width: 47px;
  min-height: 42px;
  gap: 1px;
  padding: 2px 2px 3px;
  border: 0;
  border-radius: 0;
}

body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] td button strong {
  font-size: 8px;
  line-height: 1;
}

body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] td button small {
  font-size: 7px;
  line-height: 1;
}

body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] td button:not(:disabled):hover {
  z-index: 7;
  transform: none;
  outline: 2px solid #087b55;
  outline-offset: -2px;
  box-shadow: 0 7px 16px rgba(12, 53, 39, .18);
}

body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] td button[data-matrix-state="PAID"] { background: #dff3e8; }
body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] td button[data-matrix-state="DEBT"] { background: #ffdedd; }
body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] td button[data-matrix-state="PARTIAL"],
body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] td button[data-matrix-state="DUE"] { background: #fff0cf; }
body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] td button[data-matrix-state="DAY_OFF_FREE"] { background: #e2edff; }
body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] td button[data-matrix-state="REPAIR"] { background: #ffe4b8; }
body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] td button[data-matrix-state="ACCIDENT"] { color: #fff; background: #85172d; }
body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] td button[data-matrix-state="FUTURE"] {
  color: #7d8983;
  background: #f1f4f2;
  border: 0;
}

body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] td.is-outside-contract {
  background: repeating-linear-gradient(135deg, #fff 0 5px, #edf1ef 5px 8px);
}

body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] td.is-contract-active button::after {
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
}

body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] .v112r2-matrix-signal-count {
  top: 1px;
  right: 1px;
  min-width: 11px;
  padding: 0 2px;
  font-size: 6px;
}

body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] > footer {
  font-size: 8px;
}

@media (max-width: 1100px) {
  body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] > header { grid-template-columns: 1fr; }
  body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] dl { grid-template-columns: repeat(3, minmax(72px, 1fr)); }
}

@media (max-width: 760px) {
  body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] { padding: 9px 7px; }
  body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] h3 { font-size: 17px; }
  body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] thead th:first-child,
  body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] tbody th {
    width: 168px;
    min-width: 168px;
    max-width: 168px;
  }
}

/* Debt installment control: the former clipped three-dot history popover is
   replaced by a real modal action workspace. */
body[data-view="rent"] .v112r2-debt-actions-trigger { width:34px; min-width:34px; height:34px; border:1px solid #b9d8cc; border-radius:9px; background:#fff; color:#075f45; font-weight:900; letter-spacing:2px; cursor:pointer; }
body[data-view="rent"] .v112r2-debt-actions-trigger:hover { background:#eaf7f2; border-color:#087b55; }
body[data-view="rent"] .v112r2-debt-item.is-installment-controlled { background:#f2faf8; box-shadow:inset 4px 0 0 #16866c; }
body[data-view="rent"] .v112r2-installment-badge { display:inline-flex; padding:4px 8px; border-radius:999px; background:#dff4ed; color:#08634b; font-style:normal; font-weight:800; font-size:11px; }
.v112r2-debt-action-dialog { width:min(680px,calc(100vw - 28px)); max-height:min(780px,calc(100vh - 28px)); padding:0; border:0; border-radius:18px; box-shadow:0 28px 80px rgba(7,43,33,.28); color:#10241e; }
.v112r2-debt-action-dialog::backdrop { background:rgba(4,30,23,.48); backdrop-filter:blur(3px); }
.v112r2-debt-action-shell { display:grid; gap:16px; padding:22px; }
.v112r2-debt-action-shell>header { display:flex; justify-content:space-between; gap:18px; border-bottom:1px solid #dbe9e4; padding-bottom:15px; }
.v112r2-debt-action-shell h3 { margin:3px 0 5px; font-size:21px; }
.v112r2-debt-action-shell p { margin:0; color:#587067; line-height:1.45; }
.v112r2-debt-action-shell>header>button { width:36px; height:36px; border:1px solid #d4e4de; border-radius:10px; background:#fff; font-size:24px; cursor:pointer; }
.v112r2-debt-action-shell>nav { display:flex; gap:8px; flex-wrap:wrap; }
.v112r2-debt-action-shell>nav button { border:1px solid #bad8ce; border-radius:9px; background:#fff; color:#165a47; padding:9px 12px; font-weight:750; cursor:pointer; }
.v112r2-debt-action-shell>nav button.is-active { background:#087b55; color:#fff; border-color:#087b55; }
.v112r2-installment-current { display:grid; grid-template-columns:auto 1fr; gap:4px 12px; padding:13px 15px; border:1px solid #a8d4c4; border-radius:12px; background:#eef9f5; }
.v112r2-installment-current span { grid-row:1/3; align-self:center; padding:5px 8px; border-radius:999px; background:#087b55; color:#fff; font-size:11px; font-weight:850; }
.v112r2-installment-current small { color:#587067; }
[data-v112r2-debt-dialog-panel="schedule"] { display:grid; gap:13px; }
.v112r2-installment-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
[data-v112r2-debt-dialog-panel] label { display:grid; gap:6px; font-size:12px; font-weight:750; color:#38594e; }
[data-v112r2-debt-dialog-panel] input,[data-v112r2-debt-dialog-panel] textarea { width:100%; box-sizing:border-box; border:1px solid #bed6cd; border-radius:10px; padding:11px 12px; font:inherit; color:#10241e; background:#fff; }
[data-v112r2-debt-dialog-panel] textarea { min-height:82px; resize:vertical; }
.v112r2-installment-preview { display:grid; gap:3px; padding:12px 14px; border-radius:11px; background:#f4f7f6; }
.v112r2-installment-preview strong { font-size:18px; color:#075f45; }
.v112r2-installment-preview span { color:#587067; font-size:12px; }
[data-v112r2-debt-dialog-panel] footer { display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
[data-v112r2-installment-save],[data-v112r2-installment-open-card] { border:0; border-radius:10px; padding:11px 16px; background:#087b55; color:#fff; font-weight:800; cursor:pointer; }
[data-v112r2-installment-cancel] { border:1px solid #e8a9a3; border-radius:10px; padding:10px 14px; background:#fff; color:#b72e26; font-weight:800; cursor:pointer; }
[data-v112r2-installment-status] { flex:1 1 100%; color:#587067; }
body[data-view="rent"] .v112r2-installment-daily-total { display:block; color:#075f45; font-size:12px; }
body[data-view="rent"] .v112r2-installment-daily-total+span { display:block; color:#587067; font-size:10px; line-height:1.25; }
body[data-view="rent"] .v112r2-combined-payment { display:grid; gap:6px; }
body[data-view="rent"] [data-v112r2-combined-payment] { border:1px solid #087b55; border-radius:8px; padding:7px 9px; background:#eaf7f2; color:#075f45; font-weight:850; cursor:pointer; }
body[data-view="rent"] [data-v112r2-combined-payment] small { display:block; font-size:9px; font-weight:650; }
body[data-view="rent"] [data-v112r2-combined-payment-status] { font-size:10px; line-height:1.25; color:#587067; }
@media (max-width:700px) { .v112r2-installment-grid { grid-template-columns:1fr; } }

/* Stable calendar-day preview: the financial matrix keeps its scroll and URL
   while the selected day opens as a concise, source-aware operational card. */
body[data-view="rent"] .v112r2-day-preview {
  width: min(720px, calc(100vw - 32px));
  max-width: 720px;
  max-height: min(820px, calc(100vh - 32px));
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(8, 123, 85, .24);
  border-radius: 18px;
  background: #fff;
  color: #172a22;
  box-shadow: 0 28px 80px rgba(7, 40, 28, .28);
}
body[data-view="rent"] .v112r2-day-preview::backdrop { background: rgba(7, 29, 22, .48); backdrop-filter: blur(3px); }
body[data-view="rent"] .v112r2-day-preview-shell { display: grid; max-height: inherit; overflow: auto; }
body[data-view="rent"] .v112r2-day-preview-shell > header {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 22px 24px 18px;
  border-bottom: 1px solid #deebe5;
  background: linear-gradient(135deg, #f5fbf8, #fff);
}
body[data-view="rent"] .v112r2-day-preview-shell > header span { color: #087b55; font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
body[data-view="rent"] .v112r2-day-preview-shell > header h3 { margin: 5px 0 3px; font-size: 24px; line-height: 1.15; letter-spacing: -.025em; }
body[data-view="rent"] .v112r2-day-preview-shell > header p { margin: 0; color: #61716a; font-size: 12px; }
body[data-view="rent"] .v112r2-day-preview-shell > header button {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid #d5e3dd;
  border-radius: 10px;
  background: #fff;
  color: #375047;
  font-size: 24px;
  cursor: pointer;
}
body[data-view="rent"] .v112r2-day-preview-status { display: grid; gap: 5px; margin: 18px 24px 0; padding: 14px 16px; border-left: 4px solid #087b55; border-radius: 10px; background: #edf8f3; }
body[data-view="rent"] .v112r2-day-preview-status.is-future { border-left-color: #9b6c13; background: #fff8e7; }
body[data-view="rent"] .v112r2-day-preview-status strong { font-size: 14px; }
body[data-view="rent"] .v112r2-day-preview-status span { color: #53655d; font-size: 11px; line-height: 1.45; }
body[data-view="rent"] .v112r2-day-preview-money { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 14px 24px 0; }
body[data-view="rent"] .v112r2-day-preview-money div { display: grid; gap: 5px; padding: 14px; border: 1px solid #dce8e2; border-radius: 11px; background: #fbfdfc; }
body[data-view="rent"] .v112r2-day-preview-money dt { color: #6a7771; font-size: 9px; font-weight: 750; }
body[data-view="rent"] .v112r2-day-preview-money dd { margin: 0; font-size: 18px; font-weight: 900; }
body[data-view="rent"] .v112r2-day-preview-shell > section { display: grid; gap: 9px; margin: 0 24px; padding: 18px 0; border-bottom: 1px solid #e5ece8; }
body[data-view="rent"] .v112r2-day-preview-shell > section h4 { margin: 0; font-size: 12px; }
body[data-view="rent"] .v112r2-day-preview-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; }
body[data-view="rent"] .v112r2-day-preview-facts div { display: grid; gap: 3px; padding: 10px 12px; border-radius: 9px; background: #f5f8f7; }
body[data-view="rent"] .v112r2-day-preview-facts dt { color: #728079; font-size: 9px; }
body[data-view="rent"] .v112r2-day-preview-facts dd { margin: 0; font-size: 11px; font-weight: 800; }
body[data-view="rent"] .v112r2-day-preview ul { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
body[data-view="rent"] .v112r2-day-preview li { display: grid; grid-template-columns: auto 1fr; gap: 2px 10px; padding: 10px 12px; border: 1px solid #e0e9e5; border-left: 3px solid #557c6c; border-radius: 9px; }
body[data-view="rent"] .v112r2-day-preview li[data-signal-tone="critical"] { border-left-color: #c53d46; }
body[data-view="rent"] .v112r2-day-preview li[data-signal-tone="warning"] { border-left-color: #b17a16; }
body[data-view="rent"] .v112r2-day-preview li strong { font-size: 10px; }
body[data-view="rent"] .v112r2-day-preview li span { font-size: 11px; font-weight: 800; }
body[data-view="rent"] .v112r2-day-preview li small { grid-column: 2; color: #65736d; font-size: 9px; line-height: 1.4; }
body[data-view="rent"] .v112r2-day-preview-empty { margin: 0; padding: 13px; border-radius: 9px; background: #f5f8f7; color: #68766f; font-size: 11px; }
body[data-view="rent"] .v112r2-day-preview-shell > footer { position: sticky; bottom: 0; display: flex; justify-content: flex-end; gap: 9px; padding: 15px 24px; border-top: 1px solid #deebe5; background: rgba(255,255,255,.96); }
body[data-view="rent"] .v112r2-day-preview-shell > footer button { min-height: 38px; padding: 8px 14px; border: 1px solid #cfe0d8; border-radius: 9px; background: #fff; color: #245043; font: inherit; font-size: 11px; font-weight: 800; cursor: pointer; }
body[data-view="rent"] .v112r2-day-preview-shell > footer button.is-primary { border-color: #087b55; background: #087b55; color: #fff; }
body[data-view="rent"] .v112r2-month-matrix td button[data-matrix-state="FUTURE"]:not(:disabled) { cursor: pointer; }

@media (max-width: 700px) {
  body[data-view="rent"] .v112r2-day-preview { width: calc(100vw - 16px); max-height: calc(100vh - 16px); border-radius: 14px; }
  body[data-view="rent"] .v112r2-day-preview-shell > header { padding: 17px; }
  body[data-view="rent"] .v112r2-day-preview-shell > header h3 { font-size: 20px; }
  body[data-view="rent"] .v112r2-day-preview-status,
  body[data-view="rent"] .v112r2-day-preview-money,
  body[data-view="rent"] .v112r2-day-preview-shell > section { margin-left: 17px; margin-right: 17px; }
  body[data-view="rent"] .v112r2-day-preview-money { grid-template-columns: 1fr; }
  body[data-view="rent"] .v112r2-day-preview-facts { grid-template-columns: 1fr; }
  body[data-view="rent"] .v112r2-day-preview-shell > footer { align-items: stretch; flex-direction: column-reverse; padding: 13px 17px; }
}

/* V303 stable Control layout and unambiguous debt grouping. */
body[data-view="rent"] .v112r2-debt-group-date {
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 3px;
  min-width: 0;
  white-space: normal;
}
body[data-view="rent"] .v112r2-debt-item.is-manager-escalation { background: #fff3ea !important; }
body[data-view="rent"] .v112r2-debt-item.is-legal-required { background: #ffe8e9 !important; }
body[data-view="rent"] .v112r2-debt-item.is-legal-required::before { background: #9f1239 !important; }
body[data-view="rent"] .v112r2-debtor-legal-actions .is-required {
  border-color: #be123c !important;
  background: #be123c !important;
  color: #fff !important;
  font-weight: 800;
}

body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal > .v112r2-kpi-strip > article {
  justify-items: center !important;
  text-align: center !important;
}
body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal > .v112r2-kpi-strip > article > :is(small, strong, em, span:last-child) {
  width: 100%;
  text-align: center !important;
}

body[data-view="rent"] .v112r2-operational-side-card,
body[data-view="rent"] .v112r2-side-card-actions,
body[data-view="rent"] .v112r2-control-more-actions,
body[data-view="rent"] .v112r2-control-more-actions > div,
body[data-view="rent"] [data-v112r2-side-additional] {
  min-width: 0;
  max-width: 100%;
}
body[data-view="rent"] .v112r2-side-card-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 7px;
}
body[data-view="rent"] .v112r2-side-card-actions > .is-primary {
  grid-column: 1 / -1;
}
body[data-view="rent"] .v112r2-side-card-actions button,
body[data-view="rent"] .v112r2-control-more-actions button,
body[data-view="rent"] .v112r2-control-more-actions > summary,
body[data-view="rent"] [data-v112r2-side-additional] button {
  max-width: 100%;
  overflow-wrap: anywhere;
  transition: border-color .12s ease, background-color .12s ease, box-shadow .12s ease, transform .12s ease;
}
body[data-view="rent"] :is(.v112r2-side-card-actions button, .v112r2-control-more-actions button, .v112r2-control-more-actions > summary, [data-v112r2-side-additional] button):not(:disabled):hover {
  border-color: #07805a !important;
  background: #eef9f4 !important;
  color: #075e43 !important;
  box-shadow: 0 2px 8px rgba(7, 128, 90, .14);
}
body[data-view="rent"] :is(.v112r2-side-card-actions button, .v112r2-control-more-actions button, .v112r2-control-more-actions > summary, [data-v112r2-side-additional] button):not(:disabled):active {
  transform: translateY(1px);
  box-shadow: none;
}
body[data-view="rent"] :is(.v112r2-side-card-actions button, .v112r2-control-more-actions button, .v112r2-control-more-actions > summary, [data-v112r2-side-additional] button):focus-visible {
  outline: 3px solid rgba(8, 128, 89, .28) !important;
  outline-offset: 2px;
}
body[data-view="rent"] .v112r2-side-card-actions .is-primary:not(:disabled):hover {
  background: #066b4b !important;
  color: #fff !important;
}

body[data-view="rent"] .v112r2-day-off-advance {
  grid-template-columns: 18px minmax(0, 1fr) !important;
  align-items: start !important;
}
body[data-view="rent"] .v112r2-day-off-advance input[type="checkbox"] {
  width: 16px !important;
  min-width: 16px !important;
  height: 16px !important;
  margin: 1px 0 0 !important;
  padding: 0 !important;
}
body[data-view="rent"] .v112r2-day-off-advance small {
  grid-column: 2 !important;
  line-height: 1.3;
}

body[data-view="rent"] .v112r2-owner-daily-table .v112r2-inline-payment,
body[data-view="rent"] .v112r2-debt-table-nine .v112r2-inline-payment {
  min-width: 0 !important;
  max-width: 100% !important;
}
body[data-view="rent"] .v112r2-owner-daily-table [data-v112r2-quick-payment-submit],
body[data-view="rent"] .v112r2-debt-table-nine [data-v112r2-quick-payment-submit] {
  min-width: 58px !important;
  padding-inline: 7px !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

body[data-view="rent"] [data-v112r2-plan-refresh="true"] {
  min-width: 58px !important;
  padding: 2px !important;
  color: #79520a !important;
  background: #fff7e4 !important;
  border-color: #d99a24 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  white-space: normal !important;
  line-height: 1.15 !important;
}
body[data-view="rent"] [data-v112r2-plan-refresh="true"]:hover:not(:disabled) {
  background: #ffedc2 !important;
  border-color: #b97800 !important;
}

body[data-view="rent"] [data-v112r2-inline-payment].is-payment-pending [data-v112r2-quick-payment-submit] {
  position: relative;
  cursor: wait;
  opacity: 1;
  color: #fff;
  background: #8a6418;
  border-color: #8a6418;
  box-shadow: 0 0 0 3px rgba(204, 156, 45, 0.18);
}

body[data-view="rent"] [data-v112r2-inline-payment].is-payment-pending [data-v112r2-quick-payment-submit]::before {
  content: "";
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.42rem;
  vertical-align: -0.08rem;
  border: 2px solid rgba(255, 255, 255, 0.48);
  border-top-color: #fff;
  border-radius: 50%;
  animation: v112r2-payment-spin 0.7s linear infinite;
}

/* Monthly payment calendar: premium operational truth per driver/day. */
body[data-view="rent"] .v112r2-month-matrix,
body[data-view="rent"] .v112r2-month-matrix * { box-sizing: border-box; }
body[data-view="rent"] .v112r2-month-matrix {
  grid-column: 1 / -1;
  display: grid;
  gap: 14px;
  min-width: 0;
  margin-top: 16px;
  padding: 20px;
  border: 1px solid #c9d9d1;
  border-radius: 18px;
  background: linear-gradient(145deg, #ffffff 0%, #f7faf8 100%);
  box-shadow: 0 16px 38px rgba(18, 55, 43, .09);
}
body[data-view="rent"] .v112r2-month-matrix > header {
  display: grid;
  grid-template-columns: minmax(320px, 1fr) minmax(420px, auto);
  align-items: center;
  gap: 24px;
}
body[data-view="rent"] .v112r2-month-matrix h3 { margin: 4px 0 6px; color: #13271f; font-size: 21px; line-height: 1.2; letter-spacing: -.02em; }
body[data-view="rent"] .v112r2-month-matrix p { max-width: 690px; margin: 0; color: #5f7068; font-size: 12px; line-height: 1.45; }
body[data-view="rent"] .v112r2-matrix-kicker { color: #087b55; font-size: 9px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
body[data-view="rent"] .v112r2-month-matrix dl {
  display: grid;
  grid-template-columns: repeat(5, minmax(86px, 1fr));
  gap: 8px;
  margin: 0;
}
body[data-view="rent"] .v112r2-month-matrix dl div { display: grid; gap: 3px; min-width: 92px; padding: 11px 12px; border: 1px solid #d8e4de; border-left: 3px solid #7d9188; border-radius: 11px; background: rgba(255,255,255,.88); }
body[data-view="rent"] .v112r2-month-matrix dl div[data-summary-tone="paid"] { border-left-color: #0b7b55; }
body[data-view="rent"] .v112r2-month-matrix dl div[data-summary-tone="debt"] { border-left-color: #c63b43; }
body[data-view="rent"] .v112r2-month-matrix dl div[data-summary-tone="dayoff"] { border-left-color: #6d56a5; }
body[data-view="rent"] .v112r2-month-matrix dl div[data-summary-tone="incident"] { border-left-color: #326e91; }
body[data-view="rent"] .v112r2-month-matrix dl div[data-summary-tone="signals"] { border-left-color: #99620d; }
body[data-view="rent"] .v112r2-month-matrix dl div[data-summary-tone="posting"] { border-left-color: #5d6f9f; }
body[data-view="rent"] .v112r2-month-matrix dt { color: #66756e; font-size: 9px; font-weight: 750; }
body[data-view="rent"] .v112r2-month-matrix dd { margin: 0; color: #152c22; font-size: 19px; font-weight: 900; line-height: 1; }
body[data-view="rent"] .v112r2-matrix-legend { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; padding: 10px; border: 1px solid #e0e9e4; border-radius: 11px; background: #f4f8f6; }
body[data-view="rent"] .v112r2-matrix-legend span { display: inline-flex; align-items: center; gap: 6px; min-height: 27px; padding: 0 9px; border: 1px solid #dce6e1; border-radius: 999px; color: #44564e; background: #fff; font-size: 9px; font-weight: 800; white-space: nowrap; }
body[data-view="rent"] .v112r2-matrix-legend i { width: 8px; height: 8px; border-radius: 50%; background: #e8eeeb; box-shadow: inset 0 0 0 1px rgba(34, 58, 48, .12); }
body[data-view="rent"] .v112r2-matrix-legend em { margin-left: auto; color: #66756e; font-size: 9px; font-style: normal; }
body[data-view="rent"] .v112r2-matrix-scroll { max-width: 100%; overflow: auto; border: 1px solid #d4e0da; border-radius: 12px; background: #fff; box-shadow: inset 0 1px 0 rgba(255,255,255,.8); scrollbar-color: #789a8c #edf3f0; scrollbar-width: thin; }
body[data-view="rent"] .v112r2-matrix-scroll:focus-visible { outline: 3px solid rgba(8, 128, 89, .22); outline-offset: 2px; }
body[data-view="rent"] .v112r2-month-matrix table { width: max-content; min-width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed; }
body[data-view="rent"] .v112r2-month-matrix :is(th, td) { height: 54px; padding: 4px; border-right: 1px solid #e6eeea; border-bottom: 1px solid #e6eeea; text-align: center; }
body[data-view="rent"] .v112r2-month-matrix thead th { position: sticky; top: 0; z-index: 3; width: 76px; min-width: 76px; height: 43px; color: #51625a; background: #f3f7f5; font-size: 9px; }
body[data-view="rent"] .v112r2-month-matrix thead th:first-child,
body[data-view="rent"] .v112r2-month-matrix tbody th { position: sticky; left: 0; z-index: 4; width: 220px; min-width: 220px; max-width: 220px; padding: 9px 12px; border-right: 1px solid #c8d9d1; text-align: left; background: #fff; box-shadow: 5px 0 12px rgba(23, 60, 46, .04); }
body[data-view="rent"] .v112r2-month-matrix thead th:first-child { top: 0; z-index: 6; background: #f1f7f4; }
body[data-view="rent"] .v112r2-month-matrix thead th span,
body[data-view="rent"] .v112r2-month-matrix thead th small { display: block; }
body[data-view="rent"] .v112r2-month-matrix thead th.is-today { color: #fff; background: #087b55; }
body[data-view="rent"] .v112r2-month-matrix thead th.is-weekend:not(.is-today) { color: #624d87; background: #f4f0fa; }
body[data-view="rent"] .v112r2-month-matrix td.is-weekend { background: #fbf9fd; }
body[data-view="rent"] .v112r2-month-matrix td.is-today { background: #eef8f4; box-shadow: inset 1px 0 #add5c5, inset -1px 0 #add5c5; }
body[data-view="rent"] .v112r2-month-matrix tbody th strong,
body[data-view="rent"] .v112r2-month-matrix tbody th span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body[data-view="rent"] .v112r2-month-matrix tbody th strong { color: #182a22; font-size: 10px; letter-spacing: .01em; }
body[data-view="rent"] .v112r2-month-matrix tbody th span { margin-top: 3px; color: #6d7b75; font-size: 8px; font-weight: 600; }
body[data-view="rent"] .v112r2-month-matrix tbody th .v112r2-matrix-row-summary { display: block; margin-top: 5px; color: #87938e; font-size: 7px; font-weight: 650; white-space: normal; }
body[data-view="rent"] .v112r2-month-matrix td button { position: relative; display: grid; align-content: center; gap: 2px; width: 68px; min-height: 48px; padding: 5px 4px; border: 1px solid transparent; border-radius: 8px; color: #405149; background: #f0f4f2; cursor: pointer; transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease, filter .12s ease; }
body[data-view="rent"] .v112r2-month-matrix td button strong { overflow: hidden; color: inherit; font-size: 8px; font-weight: 900; line-height: 1.05; text-overflow: ellipsis; white-space: nowrap; }
body[data-view="rent"] .v112r2-month-matrix td button small { overflow: hidden; color: inherit; font-size: 7px; font-weight: 700; line-height: 1.05; opacity: .82; text-overflow: ellipsis; white-space: nowrap; }
body[data-view="rent"] .v112r2-matrix-signal-strip { display: flex; justify-content: center; gap: 2px; min-width: 0; margin-top: 2px; }
body[data-view="rent"] .v112r2-matrix-signal-strip i { overflow: hidden; max-width: 43px; padding: 2px 4px; border: 1px solid #d7b66d; border-radius: 4px; color: #6c4808; background: #fff8e7; font-size: 6px; font-style: normal; font-weight: 900; line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
body[data-view="rent"] .v112r2-matrix-signal-strip i[data-signal-tone="critical"] { color: #8e2630; background: #fff1f1; border-color: #e7b0b4; }
body[data-view="rent"] .v112r2-matrix-signal-strip i[data-signal-tone="info"] { color: #235978; background: #eef7fc; border-color: #b8d3e2; }
body[data-view="rent"] .v112r2-matrix-signal-strip i[data-signal-tone="muted"] { color: #53635c; background: #f2f5f3; border-color: #d2dcd7; }
body[data-view="rent"] .v112r2-matrix-signal-strip i[data-signal-tone="more"] { color: #fff; background: #394d44; border-color: #394d44; }
body[data-view="rent"] .v112r2-month-matrix td button:not(:disabled):hover { z-index: 2; transform: translateY(-2px); filter: saturate(1.05); border-color: currentColor; box-shadow: 0 7px 14px rgba(20, 62, 47, .16); }
body[data-view="rent"] .v112r2-month-matrix td button:focus-visible { outline: 3px solid rgba(8, 128, 89, .28); outline-offset: 1px; }
body[data-view="rent"] [data-matrix-state="PAID"] { --matrix-color: #0b7652; --matrix-bg: #dff2e9; --matrix-border: #9dcdb8; }
body[data-view="rent"] [data-matrix-state="DEBT"] { --matrix-color: #a52d36; --matrix-bg: #fbe7e8; --matrix-border: #e7adb1; }
body[data-view="rent"] [data-matrix-state="PARTIAL"] { --matrix-color: #9b6210; --matrix-bg: #fff0d7; --matrix-border: #e8c27f; }
body[data-view="rent"] [data-matrix-state="DUE"] { --matrix-color: #7c5d09; --matrix-bg: #fff5cf; --matrix-border: #e4cf78; }
body[data-view="rent"] [data-matrix-state="DAY_OFF_FREE"] { --matrix-color: #564382; --matrix-bg: #eee9f8; --matrix-border: #c9bce4; }
body[data-view="rent"] [data-matrix-state="DAY_OFF_HALF"] { --matrix-color: #684994; --matrix-bg: #f1e9fa; --matrix-border: #ceb7e5; }
body[data-view="rent"] [data-matrix-state="REPAIR"] { --matrix-color: #245e83; --matrix-bg: #e3f0f8; --matrix-border: #a9cadd; }
body[data-view="rent"] [data-matrix-state="ACCIDENT"] { --matrix-color: #772438; --matrix-bg: #f6e3e8; --matrix-border: #dca9b6; }
body[data-view="rent"] [data-matrix-state="NO_DATA"] { --matrix-color: #596861; --matrix-bg: #eef1ef; --matrix-border: #cfd7d3; }
body[data-view="rent"] .v112r2-matrix-legend [data-matrix-state] i { background: var(--matrix-color); }
body[data-view="rent"] .v112r2-month-matrix td button[data-matrix-state]:not([data-matrix-state="FUTURE"]) { color: var(--matrix-color); background: var(--matrix-bg); border-color: var(--matrix-border); }
body[data-view="rent"] .v112r2-month-matrix td button[data-matrix-state="DAY_OFF_HALF"] { background: linear-gradient(135deg, #ede4f7 0 50%, #faf6fd 50% 100%); }
body[data-view="rent"] .v112r2-month-matrix td button[data-matrix-state="FUTURE"] { color: #a6b0ab; background: transparent; border-color: transparent; cursor: default; }
body[data-view="rent"] .v112r2-month-matrix td button.rt001-return-selected { outline: 3px solid #123c2f; outline-offset: 1px; box-shadow: 0 0 0 5px rgba(18,60,47,.12); }
body[data-view="rent"] .v112r2-matrix-empty { display: grid; gap: 3px; padding: 18px; border: 1px dashed #cbdad3; border-radius: 10px; color: #66736d; text-align: center; }
body[data-view="rent"] .v112r2-matrix-empty strong { color: #263a31; }

@media (max-width: 760px) {
  body[data-view="rent"] .v112r2-month-matrix { padding: 12px; }
  body[data-view="rent"] .v112r2-month-matrix > header { grid-template-columns: 1fr; }
  body[data-view="rent"] .v112r2-month-matrix dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-view="rent"] .v112r2-matrix-legend em { width: 100%; margin-left: 0; }
  body[data-view="rent"] .v112r2-month-matrix thead th:first-child,
  body[data-view="rent"] .v112r2-month-matrix tbody th { width: 170px; min-width: 170px; max-width: 170px; }
}

/* V393: compact contract-aware financial timeline. The table owns the long
   history; the page itself stays compact and opens centred on the business day. */
body[data-view="rent"] .v112r2-month-matrix {
  gap: 8px;
  margin-top: 10px;
  padding: 12px;
  border-radius: 13px;
  box-shadow: 0 9px 26px rgba(18, 55, 43, .07);
}
body[data-view="rent"] .v112r2-month-matrix > header {
  grid-template-columns: minmax(280px, 1fr) auto;
  gap: 14px;
}
body[data-view="rent"] .v112r2-month-matrix h3 { margin: 2px 0 3px; font-size: 16px; }
body[data-view="rent"] .v112r2-month-matrix p { max-width: 620px; font-size: 11px; line-height: 1.4; }
body[data-view="rent"] .v112r2-matrix-kicker { font-size: 10px; letter-spacing: .1em; }
body[data-view="rent"] .v112r2-month-matrix dl { grid-template-columns: repeat(6, minmax(64px, 88px)); gap: 5px; }
body[data-view="rent"] .v112r2-month-matrix dl div {
  min-width: 0;
  padding: 7px 8px;
  border-left-width: 2px;
  border-radius: 8px;
}
body[data-view="rent"] .v112r2-month-matrix dt { font-size: 10px; white-space: nowrap; }
body[data-view="rent"] .v112r2-month-matrix dd { font-size: 15px; }
body[data-view="rent"] .v112r2-matrix-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  padding: 6px 7px;
  border: 1px solid #dde8e3;
  border-radius: 9px;
  background: #f6f9f7;
}
body[data-view="rent"] .v112r2-matrix-toolbar .v112r2-matrix-legend {
  flex: 1 1 auto;
  flex-wrap: nowrap;
  gap: 4px;
  min-width: 0;
  padding: 0;
  overflow-x: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  scrollbar-width: none;
}
body[data-view="rent"] .v112r2-matrix-toolbar .v112r2-matrix-legend::-webkit-scrollbar { display: none; }
body[data-view="rent"] .v112r2-matrix-toolbar .v112r2-matrix-legend span {
  min-height: 22px;
  padding: 0 7px;
  font-size: 10px;
}
body[data-view="rent"] .v112r2-matrix-legend .is-contract-legend i {
  width: 14px;
  height: 2px;
  border-radius: 99px;
  background: #15966b;
  box-shadow: none;
}
body[data-view="rent"] .v112r2-matrix-toolbar nav { display: flex; flex: 0 0 auto; gap: 4px; }
body[data-view="rent"] .v112r2-matrix-toolbar nav button {
  min-height: 26px;
  padding: 0 8px;
  border: 1px solid #cbdcd4;
  border-radius: 6px;
  background: #fff;
  color: #355249;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}
body[data-view="rent"] .v112r2-matrix-toolbar nav button:hover { border-color: #76b59e; color: #087b55; }
body[data-view="rent"] .v112r2-matrix-toolbar nav button.is-primary { border-color: #087b55; background: #087b55; color: #fff; }
body[data-view="rent"] .v112r2-matrix-scroll {
  max-height: 390px;
  border-radius: 9px;
  overscroll-behavior-inline: contain;
  scroll-behavior: smooth;
}
body[data-view="rent"] .v112r2-month-matrix :is(th, td) { height: 36px; padding: 2px 3px; }
body[data-view="rent"] .v112r2-month-matrix thead th { width: 84px; min-width: 84px; height: 32px; font-size: 10px; }
body[data-view="rent"] .v112r2-month-matrix thead th.is-month-start:not(:first-child) { border-left: 2px solid #a8bdb4; }
body[data-view="rent"] .v112r2-month-matrix thead th:first-child,
body[data-view="rent"] .v112r2-month-matrix tbody th {
  width: 252px;
  min-width: 252px;
  max-width: 252px;
  padding: 4px 9px;
  box-shadow: 4px 0 10px rgba(23, 60, 46, .05);
}
body[data-view="rent"] .v112r2-month-matrix thead th:first-child { height: 30px; }
body[data-view="rent"] .v112r2-month-matrix thead th:first-child span,
body[data-view="rent"] .v112r2-month-matrix thead th:first-child small { display: inline; }
body[data-view="rent"] .v112r2-month-matrix thead th:first-child small { margin-left: 5px; color: #809088; font-weight: 600; }
body[data-view="rent"] .v112r2-month-matrix tbody th strong { font-size: 11px; }
body[data-view="rent"] .v112r2-month-matrix tbody th span { margin-top: 1px; font-size: 10px; }
body[data-view="rent"] .v112r2-month-matrix tbody th .v112r2-matrix-contract-meta {
  display: inline;
  margin: 0 0 0 5px;
  overflow: hidden;
  color: #087b55;
  font-size: 10px;
  font-weight: 750;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body[data-view="rent"] .v112r2-month-matrix tbody th .v112r2-matrix-row-summary { display: none; }
body[data-view="rent"] .v112r2-month-matrix td { position: relative; }
body[data-view="rent"] .v112r2-month-matrix td button {
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 78px;
  min-height: 32px;
  padding: 4px 6px;
  border-radius: 6px;
}
body[data-view="rent"] .v112r2-month-matrix td button strong { font-size: 10px; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body[data-view="rent"] .v112r2-matrix-cell-meta { display: none; }
body[data-view="rent"] .v112r2-month-matrix td button small { min-width: 0; font-size: 10px; line-height: 1.2; }
body[data-view="rent"] .v112r2-matrix-cell-meta em {
  flex: 0 0 auto;
  padding: 1px 3px;
  border-radius: 3px;
  color: #43554d;
  background: rgba(255,255,255,.72);
  font-size: 10px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.1;
  white-space: nowrap;
}
body[data-view="rent"] .v112r2-matrix-cell-meta em[data-posting-state="NO_DATA"],
body[data-view="rent"] .v112r2-matrix-cell-meta em[data-posting-state="NO_DAY_RECORD"] { color: #704a12; background: #fff2d5; }
body[data-view="rent"] .v112r2-matrix-cell-meta em[data-posting-state="VALUE"] { color: #066846; background: #e3f5ec; }
body[data-view="rent"] .v112r2-matrix-signal-count {
  position: absolute;
  top: -4px;
  right: -3px;
  z-index: 5;
  min-width: 15px;
  padding: 1px 3px;
  border: 1px solid #e0b86a;
  border-radius: 99px;
  color: #744a00;
  background: #fff7df;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.2;
}
body[data-view="rent"] .v112r2-month-matrix td.is-contract-active button::after {
  content: "";
  position: absolute;
  right: -4px;
  bottom: 2px;
  left: -4px;
  z-index: 3;
  height: 2px;
  border-radius: 99px;
  background: #15966b;
  box-shadow: 0 0 0 1px rgba(255,255,255,.72);
  pointer-events: none;
}
body[data-view="rent"] .v112r2-month-matrix td.is-contract-start button::before,
body[data-view="rent"] .v112r2-month-matrix td.is-contract-end button::before {
  content: "";
  position: absolute;
  bottom: -1px;
  z-index: 4;
  width: 7px;
  height: 7px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #087b55;
  box-shadow: 0 0 0 1px #087b55;
  pointer-events: none;
}
body[data-view="rent"] .v112r2-month-matrix td.is-contract-start button::before { left: 1px; }
body[data-view="rent"] .v112r2-month-matrix td.is-contract-end button::before { right: 1px; }
body[data-view="rent"] .v112r2-month-matrix td.is-outside-contract { background: #f8faf9; }
body[data-view="rent"] .v112r2-month-matrix td.is-outside-contract button { background: transparent; border-color: transparent; }
body[data-view="rent"] .v112r2-month-matrix td.is-outside-contract button::before,
body[data-view="rent"] .v112r2-month-matrix td.is-outside-contract button::after { display: none; }
body[data-view="rent"] .v112r2-month-matrix > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #67776f;
  font-size: 10px;
}
body[data-view="rent"] .v112r2-matrix-tooltip {
  position: fixed;
  z-index: 10000;
  max-width: min(340px, calc(100vw - 16px));
  padding: 10px 12px;
  border: 1px solid #31584a;
  border-radius: 9px;
  background: #183c30;
  color: #fff;
  box-shadow: 0 12px 28px rgba(13, 42, 32, .24);
  font-size: 12px;
  line-height: 1.45;
  white-space: pre-line;
  pointer-events: none;
}
body[data-view="rent"] .v112r2-matrix-tooltip[hidden] { display: none; }
body[data-view="rent"] .v112r2-month-matrix > footer span { display: inline-flex; align-items: center; gap: 6px; }
body[data-view="rent"] .v112r2-month-matrix > footer i { width: 18px; height: 2px; border-radius: 99px; background: #15966b; }
body[data-view="rent"] .v112r2-month-matrix > footer em { font-style: normal; }

/* Classic contract-day matrix: month bands, small readable two-line cells and
   exact financial truth from the current server-backed journal. */
body[data-view="rent"] .v112r2-month-matrix .v112r2-matrix-months th {
  position: sticky;
  top: 0;
  z-index: 5;
  height: 23px;
  padding: 2px 8px;
  color: #365b4d;
  background: #edf5f1;
  font-size: 10px;
  font-weight: 850;
  text-align: center;
  text-transform: capitalize;
}
body[data-view="rent"] .v112r2-month-matrix .v112r2-matrix-months th:first-child {
  left: 0;
  z-index: 8;
  text-align: left;
}
body[data-view="rent"] .v112r2-month-matrix thead tr:not(.v112r2-matrix-months) th { top: 23px; height: 27px; }
body[data-view="rent"] .v112r2-month-matrix thead tr:not(.v112r2-matrix-months) th span { font-size: 9px; font-weight: 700; text-transform: uppercase; }
body[data-view="rent"] .v112r2-month-matrix thead tr:not(.v112r2-matrix-months) th small { font-size: 10px; font-weight: 850; }
body[data-view="rent"] .v112r2-month-matrix :is(th, td) { height: 35px; padding: 1px 2px; }
body[data-view="rent"] .v112r2-month-matrix thead th:not(:first-child) { width: 65px; min-width: 65px; }
body[data-view="rent"] .v112r2-month-matrix tbody th { padding: 2px 8px; }
body[data-view="rent"] .v112r2-month-matrix tbody th strong,
body[data-view="rent"] .v112r2-month-matrix tbody th span { line-height: 1.05; }
body[data-view="rent"] .v112r2-month-matrix tbody th .v112r2-matrix-contract-meta {
  display: block;
  max-width: 100%;
  margin: 1px 0 0;
  overflow: hidden;
  font-size: 9px;
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body[data-view="rent"] .v112r2-month-matrix td button {
  width: 60px;
  min-height: 30px;
  gap: 1px;
  padding: 2px 3px;
  border-radius: 3px;
  box-shadow: none;
}
body[data-view="rent"] .v112r2-month-matrix td button strong {
  max-width: 100%;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .01em;
}
body[data-view="rent"] .v112r2-month-matrix td button small {
  max-width: 100%;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.1;
  white-space: nowrap;
}
body[data-view="rent"] .v112r2-month-matrix td button[data-matrix-state="FUTURE"] {
  color: #66786f;
  background: #f5f7f5;
  border-color: #e1e8e3;
  cursor: pointer;
}
body[data-view="rent"] .v112r2-month-matrix td button[data-matrix-state="FUTURE"] strong { color: #68776f; }
body[data-view="rent"] .v112r2-month-matrix td.is-outside-contract {
  background: repeating-linear-gradient(135deg, #f7f9f8 0 5px, #edf2ef 5px 6px);
}
body[data-view="rent"] .v112r2-month-matrix td.is-contract-active button::after { right: -3px; bottom: 0; left: -3px; height: 1px; }
body[data-view="rent"] .v112r2-month-matrix td.is-contract-start button::before,
body[data-view="rent"] .v112r2-month-matrix td.is-contract-end button::before { bottom: -3px; width: 5px; height: 5px; }
body[data-view="rent"] .v112r2-matrix-signal-count { top: -3px; right: -2px; min-width: 13px; padding: 0 2px; font-size: 8px; }

@media (max-width: 1100px) {
  body[data-view="rent"] .v112r2-month-matrix > header { grid-template-columns: 1fr; }
  body[data-view="rent"] .v112r2-month-matrix dl { grid-template-columns: repeat(3, minmax(64px, 1fr)); }
  body[data-view="rent"] .v112r2-matrix-toolbar { align-items: stretch; flex-direction: column; }
  body[data-view="rent"] .v112r2-matrix-toolbar nav { justify-content: flex-end; }
}

@media (max-width: 760px) {
  body[data-view="rent"] .v112r2-month-matrix { padding: 9px; }
  body[data-view="rent"] .v112r2-month-matrix dl { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body[data-view="rent"] .v112r2-matrix-toolbar nav { overflow-x: auto; justify-content: flex-start; }
  body[data-view="rent"] .v112r2-matrix-toolbar nav button { flex: 0 0 auto; }
  body[data-view="rent"] .v112r2-month-matrix thead th:first-child,
  body[data-view="rent"] .v112r2-month-matrix tbody th { width: 188px; min-width: 188px; max-width: 188px; }
  body[data-view="rent"] .v112r2-month-matrix > footer { align-items: flex-start; flex-direction: column; }
}

/* V397: owner-approved June reference parity. The calendar is the primary
   DOS RENT workspace and follows the saved reference composition exactly:
   title + legend, three finance cards + numbered instructions, then the
   continuous vehicle/day matrix. */
body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal > .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] {
  grid-column: 1 / -1;
  order: -1;
  width: 100%;
  margin: 0 0 16px;
  padding: 16px 16px 12px;
  gap: 10px;
  border: 1px solid #bfd6cc;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(19, 66, 50, .05);
}
body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] > .v112r2-reference-calendar-header {
  display: grid;
  grid-template-columns: minmax(480px, 1fr) minmax(520px, auto);
  align-items: start;
  gap: 20px;
}
body[data-view="rent"] .v112r2-reference-calendar-header h3 {
  margin: 0 0 4px;
  color: #10251d;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.08;
}
body[data-view="rent"] .v112r2-reference-calendar-header p {
  max-width: 780px;
  margin: 0;
  color: #5b6d65;
  font-size: 12px;
  line-height: 1.45;
}
body[data-view="rent"] .v112r2-reference-calendar-tools {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 7px;
}
body[data-view="rent"] .v112r2-reference-calendar-tools > button {
  min-height: 25px;
  padding: 3px 10px;
  border: 1px solid #b8d5c8;
  border-radius: 7px;
  color: #086348;
  background: #fff;
  font-size: 9px;
  font-weight: 850;
  white-space: nowrap;
  cursor: pointer;
}
body[data-view="rent"] .v112r2-reference-calendar-header .v112r2-matrix-legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
body[data-view="rent"] .v112r2-reference-calendar-header .v112r2-matrix-legend span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 3px 9px;
  border: 1px solid #d1ded8;
  border-radius: 999px;
  color: #29483c;
  background: #f7faf8;
  font-size: 9px;
  font-weight: 850;
  line-height: 1;
  white-space: nowrap;
}
body[data-view="rent"] .v112r2-reference-calendar-header .v112r2-matrix-legend i {
  width: 8px;
  height: 8px;
  margin-right: 5px;
  border-radius: 50%;
  background: #aab7b1;
}
body[data-view="rent"] .v112r2-reference-calendar-header .v112r2-matrix-legend [data-matrix-state="PAID"] i { background: #0a8a5c; }
body[data-view="rent"] .v112r2-reference-calendar-header .v112r2-matrix-legend [data-matrix-state="DEBT"] i { background: #d74249; }
body[data-view="rent"] .v112r2-reference-calendar-header .v112r2-matrix-legend [data-matrix-state="PARTIAL"] i,
body[data-view="rent"] .v112r2-reference-calendar-header .v112r2-matrix-legend [data-matrix-state="DUE"] i { background: #d99b2d; }
body[data-view="rent"] .v112r2-reference-calendar-header .v112r2-matrix-legend [data-matrix-state="DAY_OFF_FREE"] i,
body[data-view="rent"] .v112r2-reference-calendar-header .v112r2-matrix-legend [data-matrix-state="DAY_OFF_HALF"] i { background: #4779bc; }
body[data-view="rent"] .v112r2-reference-calendar-header .v112r2-matrix-legend [data-matrix-state="REPAIR"] i { background: #dc9a2c; }
body[data-view="rent"] .v112r2-reference-calendar-header .v112r2-matrix-legend [data-matrix-state="ACCIDENT"] i { background: #8f2639; }
body[data-view="rent"] .v112r2-reference-calendar-overview {
  display: grid;
  grid-template-columns: minmax(660px, .95fr) minmax(560px, 1.25fr);
  gap: 10px;
  min-height: 180px;
  padding: 10px;
  border: 1px solid #bfd9ce;
  border-radius: 12px;
  background: #f9fcfa;
}
body[data-view="rent"] .v112r2-reference-finance-cards {
  display: grid;
  grid-template-columns: .86fr 1.08fr 1.75fr;
  grid-template-rows: minmax(104px, auto) auto;
  gap: 10px;
}
body[data-view="rent"] .v112r2-reference-finance-cards article {
  display: grid;
  align-content: start;
  gap: 7px;
  min-width: 0;
  padding: 14px 15px;
  border: 1px solid #c7ddd3;
  border-radius: 10px;
  background: #fff;
}
body[data-view="rent"] .v112r2-reference-finance-cards article.is-highlighted { background: #ecfbf4; border-color: #acd9c6; }
body[data-view="rent"] .v112r2-reference-finance-cards article > span { color: #536a60; font-size: 12px; font-weight: 800; }
body[data-view="rent"] .v112r2-reference-finance-cards article > strong { color: #102b20; font-size: clamp(19px, 1.4vw, 23px); font-weight: 950; line-height: 1.1; white-space: nowrap; }
body[data-view="rent"] .v112r2-reference-finance-cards article > small { color: #5f7169; font-size: 11px; line-height: 1.45; }
body[data-view="rent"] .v112r2-reference-finance-cards nav {
  display: grid;
  grid-column: 1;
  gap: 6px;
}
body[data-view="rent"] .v112r2-reference-finance-cards nav button {
  min-height: 31px;
  border: 1px solid #9dceb9;
  border-radius: 8px;
  color: #006a48;
  background: #fff;
  font-size: 10px;
  font-weight: 900;
  cursor: pointer;
}
body[data-view="rent"] .v112r2-reference-calendar-steps {
  display: grid;
  align-content: center;
  gap: 12px;
  margin: 0;
  padding: 14px 18px;
  list-style: none;
  border: 1px solid #d0e1d9;
  border-radius: 10px;
  background: #fff;
}
body[data-view="rent"] .v112r2-reference-calendar-steps li { display: grid; grid-template-columns: 24px 1fr; align-items: center; gap: 9px; color: #55685f; font-size: 12px; line-height: 1.4; }
body[data-view="rent"] .v112r2-reference-calendar-steps b { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; color: #fff; background: #087b55; font-size: 12px; }
body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] > .v112r2-matrix-toolbar {
  justify-content: flex-end;
  min-height: 34px;
  padding: 0;
  border: 0;
  background: transparent;
}
body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] .v112r2-matrix-toolbar nav button {
  min-height: 28px;
  padding: 0 11px;
  border-radius: 7px;
  font-size: 9px;
  font-weight: 850;
}
body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] .v112r2-matrix-scroll {
  max-height: 515px;
  border: 1px solid #c6d8d0;
  border-radius: 7px;
}
body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] .v112r2-matrix-months th {
  height: 34px;
  color: #173d30;
  background: #f7faf8;
  font-size: 12px;
}
body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] thead tr:not(.v112r2-matrix-months) th {
  top: 34px;
  width: 58px;
  min-width: 58px;
  height: 34px;
}
body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] thead tr:not(.v112r2-matrix-months) th span { font-size: 9px; }
body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] thead tr:not(.v112r2-matrix-months) th small { font-size: 10px; }
body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] thead th:first-child,
body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] tbody th {
  width: 250px;
  min-width: 250px;
  max-width: 250px;
  padding: 7px 12px;
}
body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] :is(th, td) { height: 59px; }
body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] tbody th strong { font-size: 13px; line-height: 1.1; }
body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] tbody th span { margin-top: 3px; font-size: 11px; line-height: 1.1; }
body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] tbody th .v112r2-matrix-contract-meta { margin-top: 4px; font-size: 9px; line-height: 1.15; }
body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] td button {
  width: 54px;
  min-height: 54px;
  padding: 5px 3px;
  border-radius: 0;
}
body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] td button strong { font-size: 10px; line-height: 1.05; }
body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] td button small { font-size: 9px; line-height: 1.1; }
body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] .v112r2-matrix-signal-count { top: 2px; right: 2px; min-width: 15px; font-size: 8px; }
body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] > footer { font-size: 9px; }
body[data-view="rent"] .v112r2-month-matrix.is-collapsed > :not(.v112r2-reference-calendar-header) { display: none !important; }

@media (max-width: 1250px) {
  body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] > .v112r2-reference-calendar-header,
  body[data-view="rent"] .v112r2-reference-calendar-overview { grid-template-columns: 1fr; }
  body[data-view="rent"] .v112r2-reference-calendar-header .v112r2-matrix-legend { justify-content: flex-start; }
  body[data-view="rent"] .v112r2-reference-calendar-tools { grid-template-columns: auto 1fr; }
}

@media (max-width: 760px) {
  body[data-view="rent"] .v112r2-reference-calendar-header h3 { font-size: 20px; }
  body[data-view="rent"] .v112r2-reference-finance-cards { grid-template-columns: 1fr; grid-template-rows: none; }
  body[data-view="rent"] .v112r2-reference-finance-cards nav { grid-column: 1; }
  body[data-view="rent"] .v112r2-reference-calendar-overview { min-height: 0; padding: 7px; }
  body[data-view="rent"] .v112r2-reference-calendar-steps { padding: 12px; }
  body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] thead th:first-child,
  body[data-view="rent"] .v112r2-month-matrix[data-v112r2-reference-layout="JUNE_2026_CLASSIC"] tbody th { width: 190px; min-width: 190px; max-width: 190px; }
}

body[data-view="rent"] [data-v112r2-payment-feedback][data-v112r2-feedback-state="pending"] {
  color: #6f4a00;
  background: #fff8e5;
  border-color: #e0b24b;
}

@keyframes v112r2-payment-spin {
  to { transform: rotate(360deg); }
}

@media (min-width: 1100px) and (max-width: 1599px) {
  body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal {
    grid-template-columns: minmax(0, 1fr) minmax(236px, 252px) !important;
    column-gap: 12px !important;
  }
  body[data-view="rent"] .v112r2-payment-registry.v112r2-operational-journal .v112r2-operational-grid > .v112r2-operational-side-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 252px !important;
  }
}

/* V346: KPI cards are entry points into a bounded operational queue. */
body[data-view="rent"] .v112r2-kpi-strip > article.is-actionable {
  position: relative;
  cursor: pointer;
  transition: transform .14s ease, border-color .14s ease, box-shadow .14s ease, background-color .14s ease;
}
body[data-view="rent"] .v112r2-kpi-strip > article.is-actionable:hover {
  z-index: 1;
  transform: translateY(-2px);
  border-color: #168261 !important;
  box-shadow: 0 7px 18px rgba(5, 91, 63, .15) !important;
}
body[data-view="rent"] .v112r2-kpi-strip > article.is-actionable:focus-visible {
  outline: 3px solid rgba(8, 128, 89, .28);
  outline-offset: 2px;
}
body[data-view="rent"] .v112r2-kpi-strip > article.is-actionable[aria-pressed="true"] {
  border-color: #087b55 !important;
  box-shadow: inset 0 0 0 1px #087b55, 0 5px 15px rgba(5, 91, 63, .13) !important;
}
body[data-view="rent"] .v112r2-kpi-dialog {
  width: min(920px, calc(100vw - 32px));
  max-width: 920px;
  max-height: min(760px, calc(100vh - 32px));
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid #b9d5c9;
  border-radius: 16px;
  background: #fff;
  color: #17221e;
  box-shadow: 0 28px 80px rgba(6, 42, 31, .28);
}
body[data-view="rent"] .v112r2-kpi-dialog::backdrop {
  background: rgba(7, 30, 23, .48);
  backdrop-filter: blur(2px);
}
body[data-view="rent"] .v112r2-kpi-dialog-shell { display: grid; grid-template-rows: auto auto minmax(120px, 1fr) auto; max-height: inherit; }
body[data-view="rent"] .v112r2-kpi-dialog-shell > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 22px 16px;
  border-bottom: 1px solid #dbe8e2;
  background: linear-gradient(135deg, #f7fcfa, #fff);
}
body[data-view="rent"] .v112r2-kpi-dialog-shell > header > div { display: grid; gap: 4px; min-width: 0; }
body[data-view="rent"] .v112r2-kpi-dialog-shell > header small { color: #087b55; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
body[data-view="rent"] .v112r2-kpi-dialog-shell > header h3 { margin: 0; font-size: 22px; line-height: 1.15; }
body[data-view="rent"] .v112r2-kpi-dialog-shell > header p { max-width: 680px; margin: 0; color: #596762; font-size: 12px; line-height: 1.45; }
body[data-view="rent"] .v112r2-kpi-dialog-shell > header button {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid #d4e2dc;
  border-radius: 9px;
  background: #fff;
  color: #31413b;
  font-size: 22px;
  cursor: pointer;
}
body[data-view="rent"] .v112r2-kpi-dialog-summary {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 10px 22px;
  border-bottom: 1px solid #e3ece8;
  background: #f6faf8;
}
body[data-view="rent"] .v112r2-kpi-dialog-summary strong { color: #087b55; font-size: 20px; }
body[data-view="rent"] .v112r2-kpi-dialog-summary span { color: #62706a; font-size: 11px; }
body[data-view="rent"] .v112r2-kpi-dialog-list { display: grid; align-content: start; overflow: auto; padding: 6px 14px; }
body[data-view="rent"] .v112r2-kpi-dialog-list > article {
  position: static !important;
  display: grid !important;
  grid-template-columns: minmax(150px, 1.1fr) minmax(150px, 1fr) minmax(170px, 1.25fr) auto !important;
  grid-template-rows: none !important;
  align-items: center !important;
  justify-items: stretch !important;
  gap: 14px !important;
  width: auto !important;
  height: auto !important;
  min-height: 56px !important;
  max-height: none !important;
  padding: 8px 9px !important;
  border: 0 !important;
  border-bottom: 1px solid #e4ece8 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
}
body[data-view="rent"] .v112r2-kpi-dialog-list > article:hover { background: #f4faf7; }
body[data-view="rent"] .v112r2-kpi-dialog-list > article > div { display: grid; gap: 2px; min-width: 0; }
body[data-view="rent"] .v112r2-kpi-dialog-list :is(strong, span) { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
body[data-view="rent"] .v112r2-kpi-dialog-list small { overflow: hidden; color: #68756f; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
body[data-view="rent"] .v112r2-kpi-dialog-list button,
body[data-view="rent"] .v112r2-kpi-dialog-shell > footer button {
  min-height: 32px;
  padding: 6px 12px;
  border: 1px solid #087b55;
  border-radius: 8px;
  background: #087b55;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}
body[data-view="rent"] .v112r2-kpi-dialog-empty { display: grid; justify-items: center; gap: 5px; padding: 50px 20px; color: #61706a; text-align: center; }
body[data-view="rent"] .v112r2-kpi-dialog-shell > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 22px;
  border-top: 1px solid #dbe8e2;
  background: #fbfdfc;
}
body[data-view="rent"] .v112r2-kpi-dialog-shell > footer span { color: #61706a; font-size: 9px; line-height: 1.35; }

body[data-view="rent"] .v112r2-kpi-dialog-list > article:has(.is-kpi-quick-payment) {
  grid-template-columns: minmax(128px, .95fr) minmax(138px, 1fr) minmax(120px, .8fr) minmax(250px, 1.45fr) !important;
}

body[data-view="rent"] .v112r2-kpi-dialog .is-kpi-quick-payment {
  display: grid;
  grid-template-columns: minmax(105px, 1fr) auto;
  gap: 6px 8px;
  align-items: center;
  min-width: 250px;
}

body[data-view="rent"] .v112r2-kpi-dialog .is-kpi-quick-payment > [hidden] {
  display: none !important;
}

body[data-view="rent"] .v112r2-kpi-payment-choice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  min-width: 0;
  padding: 5px 7px;
  border: 1px solid #cfe3da;
  border-radius: 8px;
  background: #f4faf7;
}

body[data-view="rent"] .v112r2-kpi-payment-choice span {
  color: #174c3a;
  font-size: 10px;
  font-weight: 800;
}

body[data-view="rent"] .v112r2-kpi-dialog .v112r2-kpi-payment-choice button {
  min-height: 24px;
  padding: 3px 7px;
  border-color: #a9cbbd;
  background: #fff;
  color: #087b55;
  font-size: 9px;
}

body[data-view="rent"] .v112r2-kpi-dialog .is-kpi-quick-payment > [data-v112r2-quick-payment-submit] {
  grid-column: 2;
  grid-row: 1;
  min-width: 118px;
  background: #087b55;
  color: #fff;
  white-space: nowrap;
}

body[data-view="rent"] .v112r2-kpi-dialog .is-kpi-quick-payment > .v112r2-payment-amount-field:not([hidden]) {
  grid-column: 1 / -1;
  display: block;
}

body[data-view="rent"] .v112r2-kpi-dialog .is-kpi-quick-payment > .v112r2-payment-amount-field input {
  width: 100%;
  min-height: 34px;
  padding: 6px 9px;
  border: 1px solid #9fc5b5;
  border-radius: 8px;
  background: #fff;
}

body[data-view="rent"] .v112r2-kpi-dialog .is-kpi-quick-payment > [data-v112r2-quick-payment-status] {
  grid-column: 1 / -1;
  overflow: visible;
  color: #5c6964;
  font-size: 9px;
  line-height: 1.3;
  white-space: normal;
}

body[data-view="rent"] .v112r2-kpi-dialog .is-kpi-quick-payment.is-payment-pending .v112r2-kpi-payment-choice,
body[data-view="rent"] .v112r2-kpi-dialog .is-kpi-quick-payment.is-payment-confirmed .v112r2-kpi-payment-choice {
  opacity: .62;
  pointer-events: none;
}

body[data-view="rent"] .v112r2-kpi-payment-unavailable {
  max-width: 250px;
  padding: 7px 9px;
  border-radius: 8px;
  background: #f4f6f5;
  color: #68756f;
  font-size: 9px;
  line-height: 1.3;
}

body[data-view="rent"] .v112r2-kpi-dialog-list > article.is-payment-confirmed {
  border-color: #82c7ad !important;
  background: #edf9f4 !important;
}

body[data-view="rent"] .v112r2-kpi-dialog-list > article.is-payment-partial {
  border-color: #dfb65f !important;
  background: #fff9ec !important;
}

@media (max-width: 700px) {
  body[data-view="rent"] .v112r2-kpi-dialog { width: calc(100vw - 18px); max-height: calc(100vh - 18px); border-radius: 12px; }
  body[data-view="rent"] .v112r2-kpi-dialog-shell > header { padding: 15px; }
  body[data-view="rent"] .v112r2-kpi-dialog-shell > header h3 { font-size: 18px; }
  body[data-view="rent"] .v112r2-kpi-dialog-list > article { grid-template-columns: 1fr auto !important; gap: 7px 10px !important; }
  body[data-view="rent"] .v112r2-kpi-dialog-list > article > div { grid-column: 1; }
  body[data-view="rent"] .v112r2-kpi-dialog-list > article > button { grid-column: 2; grid-row: 1 / span 3; }
  body[data-view="rent"] .v112r2-kpi-dialog-shell > footer { align-items: stretch; flex-direction: column; padding: 12px 15px; }
  body[data-view="rent"] .v112r2-kpi-dialog-list > article:has(.is-kpi-quick-payment) { grid-template-columns: 1fr !important; }
  body[data-view="rent"] .v112r2-kpi-dialog .is-kpi-quick-payment { grid-column: 1; min-width: 0; }
}

/* Vehicle journal workspace: one readable history instead of the single-day form. */
body[data-view="rent"] .vjournal-workspace {
  --vjournal-green: #087b55;
  --vjournal-ink: #10271f;
  --vjournal-line: #d5e3dc;
  --vjournal-soft: #f3f8f5;
  display: grid;
  gap: 14px;
  padding: 16px;
  color: var(--vjournal-ink);
  background: #f7faf8;
}

body[data-view="rent"] .vjournal-hero {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 18px 20px;
  border: 1px solid #bcd8cc;
  border-radius: 16px;
  background: linear-gradient(125deg, #f6fbf8 0%, #e7f4ed 100%);
}

body[data-view="rent"] .vjournal-car-mark {
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  border-radius: 14px;
  background: #d7eee4;
}

body[data-view="rent"] .vjournal-car-mark svg { width: 42px; height: 42px; }
body[data-view="rent"] .vjournal-hero small { color: #547066; font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
body[data-view="rent"] .vjournal-hero h2 { margin: 3px 0 4px; font-size: 25px; line-height: 1.15; }
body[data-view="rent"] .vjournal-hero h2 span { margin-left: 8px; padding: 4px 8px; border: 1px solid #9bc4b3; border-radius: 7px; color: #075d42; font-size: 12px; vertical-align: middle; }
body[data-view="rent"] .vjournal-hero p { margin: 0; color: #536a61; }
body[data-view="rent"] .vjournal-hero-state { display: grid; justify-items: end; gap: 5px; }
body[data-view="rent"] .vjournal-hero-state span { padding: 7px 11px; border-radius: 999px; background: #d9efe6; color: #075d42; font-size: 12px; font-weight: 800; }
body[data-view="rent"] .vjournal-hero-state small { text-transform: none; letter-spacing: 0; }

body[data-view="rent"] .vjournal-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 11px;
  border: 1px solid var(--vjournal-line);
  border-radius: 13px;
  background: #fff;
}

body[data-view="rent"] .vjournal-actions button,
body[data-view="rent"] .vjournal-filters button,
body[data-view="rent"] .vjournal-attention article button,
body[data-view="rent"] .vjournal-event > button {
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid #afd0c1;
  border-radius: 9px;
  background: #fff;
  color: #076a4a;
  font: inherit;
  font-size: 12px;
  font-weight: 750;
  cursor: pointer;
}

body[data-view="rent"] .vjournal-actions button.is-primary { border-color: var(--vjournal-green); background: var(--vjournal-green); color: #fff; }
body[data-view="rent"] .vjournal-actions button:disabled { cursor: not-allowed; opacity: .46; }

body[data-view="rent"] .vjournal-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(130px, 1fr));
  gap: 9px;
}

body[data-view="rent"] .vjournal-metric {
  min-width: 0;
  padding: 13px 14px;
  border: 1px solid var(--vjournal-line);
  border-left: 3px solid #91ad9f;
  border-radius: 12px;
  background: #fff;
}

body[data-view="rent"] .vjournal-metric small,
body[data-view="rent"] .vjournal-metric strong,
body[data-view="rent"] .vjournal-metric span { display: block; }
body[data-view="rent"] .vjournal-metric small { color: #617269; font-size: 10px; }
body[data-view="rent"] .vjournal-metric strong { overflow: hidden; margin: 5px 0 3px; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; }
body[data-view="rent"] .vjournal-metric span { color: #738078; font-size: 10px; }
body[data-view="rent"] .vjournal-metric.is-ok { border-left-color: #15966a; }
body[data-view="rent"] .vjournal-metric.is-warning { border-left-color: #d9901f; background: #fffaf0; }
body[data-view="rent"] .vjournal-metric.is-danger { border-left-color: #df493d; background: #fff6f5; }
body[data-view="rent"] .vjournal-metric.is-muted { border-left-color: #98a8a0; }

body[data-view="rent"] .vjournal-layout { display: grid; grid-template-columns: minmax(0, 1fr) 310px; align-items: start; gap: 14px; }
body[data-view="rent"] .vjournal-layout > main,
body[data-view="rent"] .vjournal-layout > aside { display: grid; gap: 14px; min-width: 0; }

body[data-view="rent"] .vjournal-attention,
body[data-view="rent"] .vjournal-timeline,
body[data-view="rent"] .vjournal-facts {
  overflow: hidden;
  border: 1px solid var(--vjournal-line);
  border-radius: 14px;
  background: #fff;
}

body[data-view="rent"] .vjournal-attention > header,
body[data-view="rent"] .vjournal-timeline > header,
body[data-view="rent"] .vjournal-facts > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid #e1ebe6;
}

body[data-view="rent"] .vjournal-attention header small,
body[data-view="rent"] .vjournal-timeline header small,
body[data-view="rent"] .vjournal-facts header small { color: #608074; font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
body[data-view="rent"] .vjournal-attention h3,
body[data-view="rent"] .vjournal-timeline h3,
body[data-view="rent"] .vjournal-facts h3 { margin: 2px 0 0; font-size: 16px; }
body[data-view="rent"] .vjournal-timeline header p { margin: 4px 0 0; color: #6d7974; font-size: 11px; }
body[data-view="rent"] .vjournal-attention > header > span,
body[data-view="rent"] .vjournal-timeline > header > b { min-width: 28px; padding: 5px 8px; border-radius: 999px; background: #e6f4ed; color: #076a4a; font-size: 11px; text-align: center; }
body[data-view="rent"] .vjournal-attention > p { margin: 0; padding: 16px; color: #557067; }
body[data-view="rent"] .vjournal-attention > div { display: grid; gap: 8px; padding: 10px; }
body[data-view="rent"] .vjournal-attention article { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 12px; border-left: 3px solid #d9901f; border-radius: 9px; background: #fff9ed; }
body[data-view="rent"] .vjournal-attention article.is-danger { border-left-color: #df493d; background: #fff4f3; }
body[data-view="rent"] .vjournal-attention article strong { display: block; font-size: 12px; }
body[data-view="rent"] .vjournal-attention article p { margin: 3px 0 0; color: #6c746f; font-size: 10px; }

body[data-view="rent"] .vjournal-filters {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 150px 190px auto;
  align-items: end;
  gap: 9px;
  padding: 12px 14px;
  border-bottom: 1px solid #e1ebe6;
  background: var(--vjournal-soft);
}

body[data-view="rent"] .vjournal-filters label { display: grid; gap: 5px; color: #556b62; font-size: 10px; font-weight: 700; }
body[data-view="rent"] .vjournal-filters input,
body[data-view="rent"] .vjournal-filters select { min-width: 0; height: 36px; padding: 7px 10px; border: 1px solid #bcd3c9; border-radius: 9px; background: #fff; color: var(--vjournal-ink); font: inherit; font-size: 12px; }

body[data-view="rent"] .vjournal-events { display: grid; max-height: 610px; overflow: auto; }
body[data-view="rent"] .vjournal-event { display: grid; grid-template-columns: 88px 76px minmax(0, 1fr) 105px auto; align-items: center; gap: 10px; min-height: 68px; padding: 10px 14px; border-bottom: 1px solid #e6ede9; }
body[data-view="rent"] .vjournal-event:last-child { border-bottom: 0; }
body[data-view="rent"] .vjournal-event[hidden] { display: none; }
body[data-view="rent"] .vjournal-event time { color: #546b61; font-size: 11px; font-weight: 750; }
body[data-view="rent"] .vjournal-event-kind { padding: 4px 6px; border-radius: 6px; background: #edf4f1; color: #45645a; font-size: 9px; font-weight: 800; text-align: center; text-transform: uppercase; }
body[data-view="rent"] .vjournal-event.is-danger .vjournal-event-kind { background: #ffe5e2; color: #b92e26; }
body[data-view="rent"] .vjournal-event.is-warning .vjournal-event-kind { background: #fff0d3; color: #9b6512; }
body[data-view="rent"] .vjournal-event.is-success .vjournal-event-kind { background: #daf1e6; color: #08704f; }
body[data-view="rent"] .vjournal-event > div { min-width: 0; }
body[data-view="rent"] .vjournal-event strong { display: block; overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
body[data-view="rent"] .vjournal-event p { overflow: hidden; margin: 4px 0 0; color: #69766f; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
body[data-view="rent"] .vjournal-event-status { color: #556c62; font-size: 10px; font-weight: 700; }
body[data-view="rent"] .vjournal-event > button { min-height: 30px; padding: 5px 9px; font-size: 10px; }
body[data-view="rent"] .vjournal-empty { padding: 34px 20px; text-align: center; }
body[data-view="rent"] .vjournal-empty[hidden] { display: none; }
body[data-view="rent"] .vjournal-empty p { margin: 5px 0 0; color: #718078; font-size: 11px; }

body[data-view="rent"] .vjournal-facts dl { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 12px; margin: 0; padding: 6px 14px 12px; }
body[data-view="rent"] .vjournal-facts dt,
body[data-view="rent"] .vjournal-facts dd { margin: 0; padding: 9px 0; border-bottom: 1px solid #edf2ef; font-size: 11px; }
body[data-view="rent"] .vjournal-facts dt { color: #66796f; }
body[data-view="rent"] .vjournal-facts dd { max-width: 175px; font-weight: 750; text-align: right; overflow-wrap: anywhere; }
body[data-view="rent"] .vjournal-counts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 12px; }
body[data-view="rent"] .vjournal-counts span { padding: 10px; border-radius: 9px; background: var(--vjournal-soft); color: #62736b; font-size: 10px; }
body[data-view="rent"] .vjournal-counts b { display: block; margin-bottom: 2px; color: #0a6045; font-size: 18px; }

@media (max-width: 1180px) {
  body[data-view="rent"] .vjournal-metrics { grid-template-columns: repeat(3, minmax(150px, 1fr)); }
  body[data-view="rent"] .vjournal-layout { grid-template-columns: minmax(0, 1fr) 270px; }
  body[data-view="rent"] .vjournal-event { grid-template-columns: 78px 65px minmax(0, 1fr) auto; }
  body[data-view="rent"] .vjournal-event-status { display: none; }
}

@media (max-width: 820px) {
  body[data-view="rent"] .vjournal-workspace { padding: 10px; }
  body[data-view="rent"] .vjournal-hero { grid-template-columns: 52px minmax(0, 1fr); padding: 14px; }
  body[data-view="rent"] .vjournal-car-mark { width: 48px; height: 48px; }
  body[data-view="rent"] .vjournal-hero h2 { font-size: 20px; }
  body[data-view="rent"] .vjournal-hero-state { grid-column: 1 / -1; grid-template-columns: auto auto; justify-content: start; }
  body[data-view="rent"] .vjournal-metrics { grid-template-columns: repeat(2, minmax(130px, 1fr)); }
  body[data-view="rent"] .vjournal-layout { grid-template-columns: 1fr; }
  body[data-view="rent"] .vjournal-layout > aside { grid-template-columns: 1fr 1fr; }
  body[data-view="rent"] .vjournal-facts:last-child { grid-column: 1 / -1; }
  body[data-view="rent"] .vjournal-filters { grid-template-columns: 1fr 1fr; }
  body[data-view="rent"] .vjournal-filters label:first-child { grid-column: 1 / -1; }
  body[data-view="rent"] .vjournal-event { grid-template-columns: 72px minmax(0, 1fr) auto; }
  body[data-view="rent"] .vjournal-event-kind { display: none; }
}

@media (max-width: 520px) {
  body[data-view="rent"] .vjournal-actions { display: grid; grid-template-columns: 1fr 1fr; }
  body[data-view="rent"] .vjournal-actions button { min-width: 0; }
  body[data-view="rent"] .vjournal-metrics { grid-template-columns: 1fr 1fr; }
  body[data-view="rent"] .vjournal-metric { padding: 11px; }
  body[data-view="rent"] .vjournal-metric strong { font-size: 15px; }
  body[data-view="rent"] .vjournal-layout > aside { grid-template-columns: 1fr; }
  body[data-view="rent"] .vjournal-facts:last-child { grid-column: auto; }
  body[data-view="rent"] .vjournal-filters { grid-template-columns: 1fr; }
  body[data-view="rent"] .vjournal-filters label:first-child { grid-column: auto; }
  body[data-view="rent"] .vjournal-event { grid-template-columns: 68px minmax(0, 1fr); padding: 10px; }
  body[data-view="rent"] .vjournal-event > button { grid-column: 2; justify-self: start; }
  body[data-view="rent"] .vjournal-attention article { align-items: flex-start; flex-direction: column; }
}