/* Shared workspace geometry, based on Órdenes. Document/PDF/TV styles stay separate. */
body.ts2 {
  --workspace-control-height: 40px;
  --workspace-row-action-height: 36px;
}
body.ts2 :is(#unitsSection, #rentalAdministrationSection, #incomesSection) {
  font-family: var(--ts-font);
  color: var(--ts-text);
}
body.ts2 :is(#unitsSection, #rentalAdministrationSection, #incomesSection) h1 {
  font: 650 28px/1.25 var(--ts-font);
  letter-spacing: -.55px;
  margin: 0 0 6px;
}
body.ts2 #unitsSection {
  max-width: none;
  padding: 4px 0 28px;
  scroll-margin-top: 84px;
}
body.ts2 #unitsSection > .un-breadcrumb:has(> span:only-child) { display: none; }
body.ts2 #unitsSection .un-filters {
  padding: 0;
  border: 0;
  background: none;
  border-radius: 0;
  gap: 12px;
}
body.ts2 #reservationsSection .reservation-monthly-controls {
  display: flex !important;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 12px !important;
}
body.ts2 #reservationsSection .reservation-monthly-controls .reservation-monthly-filter {
  flex: 0 1 145px;
  width: 145px !important;
  min-width: 100px;
}
body.ts2 #reservationsSection .reservation-monthly-controls .reservation-commission-seller-filter {
  flex-basis: 190px;
  width: 190px !important;
}
body.ts2 #reservationsSection .reservation-monthly-controls .table-btn,
body.ts2 #rentalAdministrationSection .ra-filter-actions .ra-btn,
body.ts2 :is(#unitsSection .un-heading, #rentalAdministrationSection .ra-heading) :is(.un-btn,.ra-btn) {
  height: var(--workspace-control-height) !important;
  min-height: var(--workspace-control-height) !important;
  min-width: var(--workspace-control-height);
  padding: 8px 12px !important;
  margin: 0 !important;
  border-radius: 6px;
  font: 600 13px/1.4 var(--ts-font);
}
body.ts2 #rentalAdministrationSection .ra-month {
  padding: 0;
  border-radius: 6px;
}
body.ts2 #rentalAdministrationSection .ra-month .ra-btn { min-width: 36px; padding: 6px !important; }
body.ts2 #rentalAdministrationSection .ra-month-label { font-weight: 600; }
body.ts2 #rentalAdministrationSection .ra-stats {
  border-radius: 6px;
}
body.ts2 #rentalAdministrationSection .ra-stats .ra-main-stat {
  background: #fff;
  border-top: 0;
  padding-top: 19px;
}
body.ts2 #rentalAdministrationSection .ra-stats strong { font-weight: 650; letter-spacing: 0; }
body.ts2 :is(#unitsSection .un-table-wrap, #rentalAdministrationSection .ra-table-wrap, #incomesSection .incomes-table-scroll) {
  border-radius: 6px;
}
body.ts2 :is(#unitsSection, #rentalAdministrationSection, #incomesSection) thead th {
  font: 600 11px/1.4 var(--ts-font);
  letter-spacing: 0;
  text-transform: none;
  background: #f0f2f6;
  color: var(--ts-muted);
  padding: 12px;
}
body.ts2 :is(#unitsSection .un-table-wrap, #rentalAdministrationSection .ra-table-wrap) td {
  font: 400 13px/1.5 var(--ts-font);
  padding: 14px 12px;
}
body.ts2 #unitsSection .un-table-wrap td strong,
body.ts2 #rentalAdministrationSection .ra-table-wrap .ra-link { font-size: 13px; font-weight: 600; }
body.ts2 #unitsSection .un-table-wrap td:last-child .un-btn,
body.ts2 #rentalAdministrationSection .ra-row-actions .ra-btn,
body.ts2 #incomesSection .incomes-months-table button {
  min-height: var(--workspace-row-action-height);
  border-radius: 4px;
  font: 600 12px/1.4 var(--ts-font);
  padding: 6px 12px;
}
body.ts2 #unitsSection .un-table-wrap :is([data-un-action=development], [data-un-action=unit], [data-un-action=flow]).un-btn,
body.ts2 #incomesSection .incomes-months-table button {
  background: #19232e;
  border-color: #19232e;
  color: #fff;
}
body.ts2 #incomesSection .incomes-months-table button:hover { background: #303c49; border-color: #303c49; }
body.ts2 :is(dialog.ra-dialog, dialog.un-dialog) { border-radius: 8px; }
body.ts2 :is(dialog.ra-dialog, dialog.un-dialog) h2 { font-weight: 650; }
body.ts2 :is(dialog.ra-dialog, dialog.un-dialog) label { font: 500 12px/18px var(--ts-font); }
body.ts2 :is(dialog.ra-dialog, dialog.un-dialog) :is(input:not([type=checkbox]):not([type=radio]), select) {
  height: var(--workspace-control-height) !important;
  min-height: var(--workspace-control-height) !important;
  border-radius: 6px;
  font-size: 13px !important;
}
/* Connection status belongs in the header, clear of table actions. */
body.ts2 .offline-sync-in-header { position: relative; inset: auto; z-index: auto; }
body.ts2 .offline-sync-in-header .offline-sync-pill {
  min-height: 32px; padding: 0 10px; border-radius: 6px; box-shadow: none;
  font: 500 12px/1.4 var(--ts-font); white-space: nowrap;
}
body.ts2 .offline-sync-in-header .offline-sync-pill strong { font-weight: 500; }
body.ts2 .offline-sync-in-header .offline-sync-panel { top: calc(100% + 12px); bottom: auto; }
@media (max-width: 767px) {
  body.ts2 { --workspace-control-height: 44px; --workspace-row-action-height: 44px; }
  body.ts2 :is(#unitsSection, #rentalAdministrationSection, #incomesSection) h1 { font-size: 24px; }
  body.ts2 #unitsSection .un-filters { flex-wrap: wrap; }
  body.ts2 #unitsSection .un-filters label { flex: 1 1 160px; }
  body.ts2 #unitsSection .un-filters label:first-child { flex-basis: 100%; }
  body.ts2 #reservationsSection .reservation-monthly-controls .reservation-monthly-filter { flex: 1 1 40%; width: auto !important; }
  body.ts2 #reservationsSection .reservation-monthly-controls .reservation-commission-seller-filter { flex-basis: calc(100% - 56px); }
  body.ts2 #reservationsSection .reservation-monthly-controls .table-btn { flex: 0 0 44px; width: 44px !important; }
  body.ts2 :is(#unitsSection .un-filters, #rentalAdministrationSection .ra-filters,
    #incomesSection .incomes-filters, #reservationsSection .reservation-monthly-controls,
    dialog.ra-dialog, dialog.un-dialog) :is(input:not([type=checkbox]):not([type=radio]), select) { font-size: 16px !important; }
  body.ts2 #unitsSection .un-heading { flex-wrap: wrap; gap: 16px; }
  body.ts2 #unitsSection .un-actions { flex-wrap: wrap; }
  body.ts2 #unitsSection .un-table-wrap { border: 0; background: transparent; }
  body.ts2 #unitsSection .un-table-wrap tr.ios-mobile-row { border-radius: 8px !important; box-shadow: none !important; }
  body.ts2 #rentalAdministrationSection .ra-table-wrap td { padding: 9px 14px; }
  body.ts2 .ts-shell-right:has(.offline-sync-in-header) { display: flex; flex-shrink: 0; padding-right: 42px; gap: 0; }
  body.ts2 .ts-shell-right:has(.offline-sync-in-header) .ts-shell-date { display: none; }
  body.ts2 .offline-sync-in-header .offline-sync-pill { min-width: 40px; min-height: 40px; justify-content: center; padding: 8px; border: 0; }
  body.ts2 .offline-sync-in-header .offline-sync-pill strong { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: hidden; }
  body.ts2 .offline-sync-in-header .offline-sync-panel { position: fixed; top: 64px; bottom: auto; right: 12px; left: 12px; width: auto; }
}
@media (max-width: 430px) {
  body.ts2 #unitsSection .un-filters label { flex-basis: 100%; }
}