/* Órdenes is the shared visual reference. This layer changes presentation only. */
body.ts2 {
  --workspace-control-height:40px;
  --workspace-row-action-height:36px;
  --experience-space:24px;
  --experience-title:28px;
  --experience-radius:8px;
}
body.ts2 :is(.section,.un-dialog,.ra-dialog,.cf-dialog,.ts-ui-dialog,.modal-card) {
  font-family:var(--ts-font,Arial,sans-serif);
  color:var(--ts-text,#252a30);
}
body.ts2 main :is(.section h1,.un h1,.ra-heading h1,.cf h1) {
  font:650 var(--experience-title)/1.25 var(--ts-font,Arial,sans-serif)!important;
  letter-spacing:0!important;
  margin:0 0 6px!important;
}
body.ts2 :is(.contacts-topbar,.purchase-notes-header,.ra-heading,.un-heading,.cf-heading,.incomes-header,.renditions-header,.speed-header) {
  align-items:center!important;
  gap:16px 24px!important;
  margin-bottom:24px!important;
  padding-top:0!important;
}
body.ts2 :is(.contacts-topbar,.purchase-notes-header,.ra-heading,.un-heading,.cf-heading,.incomes-header,.renditions-header,.speed-header) p {
  font:400 13px/1.5 var(--ts-font,Arial)!important;
  color:var(--ts-muted,#6b7480)!important;
  margin:6px 0 0!important;
}
body.ts2 #unitsSection.un { max-width:none!important;margin:0!important; }
body.ts2 :is(#unitsSection .un-filters,#rentalAdministrationSection .ra-filters,#cashflowSection .cf-filters,#contactsSection .contacts-toolbar,#purchaseNotesSection .pn-filters,#auditCentralFilters) {
  align-items:end!important;
  gap:12px!important;
  padding:0 0 20px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.ts2 :is(.un-filters,.ra-filters,.cf-filters,.contacts-toolbar,.pn-filters,.incomes-filters,.users-filter-bar,.audit-central-filters,.reservation-monthly-controls) label {
  margin:0!important;gap:6px!important;
  font:500 12px/18px var(--ts-font,Arial)!important;
  color:var(--ts-muted,#6b7480)!important;
}
body.ts2 :is(.un-filters,.ra-filters,.cf-filters,.contacts-toolbar,.pn-filters,.incomes-filters,.users-filter-bar,.audit-central-filters,.reservation-monthly-controls) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select) {
  box-sizing:border-box!important;width:100%;min-width:0;
  height:var(--workspace-control-height)!important;min-height:var(--workspace-control-height)!important;
  margin:0!important;padding:8px 12px!important;
  border:1px solid var(--ts-border,#dfe4e7)!important;border-radius:6px!important;
  background-color:var(--ts-surface,#fff)!important;box-shadow:none!important;
  color:var(--ts-text,#252a30)!important;font:400 13px/1.4 var(--ts-font,Arial)!important;
}
/* Center the contents of controls without overriding permission or hidden states. */
body.ts2 :is(.btn,.ts-button,.ts-ui-button,.un-btn,.ra-btn,.contacts-button,.contacts-row-button,.pn-btn,.cq-btn,.cs-btn,.reservation-action-btn) {
  align-items:center!important;justify-content:center!important;gap:8px;
  text-align:center!important;box-shadow:none!important;transform:none!important;
  font-family:var(--ts-font,Arial)!important;line-height:1.4!important;
}
body.ts2 :is(.un-btn,.ra-btn,.contacts-button,.pn-btn,.cq-btn,.cs-btn) {
  min-height:var(--workspace-control-height)!important;
  border-radius:6px!important;padding:8px 14px!important;
  font-size:13px!important;font-weight:600!important;
}
body.ts2 :is(.un-primary,.ra-primary,.contacts-button.primary) {
  background:var(--ts-brand,#d94b00)!important;border-color:var(--ts-brand,#d94b00)!important;color:#fff!important;
}
body.ts2 :is(.un-primary,.ra-primary,.contacts-button.primary):hover:not(:disabled) { filter:brightness(.93); }
body.ts2 :is(.contacts-button.icon-only,.un-close,.ra-close) {
  width:var(--workspace-control-height)!important;min-width:var(--workspace-control-height)!important;padding:0!important;flex-shrink:0;
}
body.ts2 :is(.un-actions,.ra-actions,.contacts-actions,.pn-actions,.cf-toolbar,.orders-header-actions,.reservation-modal-footer,.modal-actions) {
  align-items:center!important;gap:8px!important;flex-wrap:wrap;
}
body.ts2 :is(.btn,.ts-button,.un-btn,.ra-btn,.contacts-button,.ts-ui-button) svg { flex-shrink:0;vertical-align:middle; }
body.ts2 :is(.un-table-wrap,.ra-table-wrap,.cf-scroll,.contacts-table-wrap,.pn-table-wrap,.incomes-table-scroll) {
  border-color:var(--ts-border,#dfe4e7)!important;border-radius:var(--experience-radius)!important;
  box-shadow:none!important;
}
body.ts2 :is(#unitsSection,#rentalAdministrationSection,#cashflowSection,#contactsSection,#purchaseNotesSection,#incomesSection) thead th {
  font:600 11px/1.4 var(--ts-font,Arial)!important;
  color:var(--ts-muted,#6b7480)!important;background:var(--ts-subtle,#f0f2f6)!important;
  padding:12px!important;text-transform:none!important;letter-spacing:0!important;
}
body.ts2 :is(#unitsSection,#rentalAdministrationSection,#cashflowSection,#contactsSection,#purchaseNotesSection,#incomesSection) tbody td {
  font:400 12px/1.45 var(--ts-font,Arial)!important;
  padding:14px 12px!important;border-bottom-color:var(--ts-border,#dfe4e7)!important;
}
body.ts2 :is(.un-stats,.ra-stats,.cf-cards,.incomes-summary,.contacts-summary) { border-radius:8px!important;box-shadow:none!important; }
body.ts2 :is(.un-pager,.ra-pager,.incomes-pagination,.contacts-pagination,.pn-pagination) {
  align-items:center!important;gap:12px!important;font:400 12px/1.5 var(--ts-font,Arial)!important;
}
body.ts2 :is(.un-dialog,.ra-dialog,.cf-dialog,.ts-ui-dialog) { border-radius:8px!important; }
body.ts2 :is(.un-dialog,.ra-dialog,.cf-dialog,.ts-ui-dialog)>header {
  gap:20px!important;padding:22px 24px!important;align-items:center!important;
  border-bottom:1px solid var(--ts-border,#dfe4e7)!important;
}
body.ts2 :is(.un-dialog,.ra-dialog,.cf-dialog,.ts-ui-dialog) h2 { font:650 20px/1.3 var(--ts-font,Arial)!important;letter-spacing:0!important; }
body.ts2 :is(.un-dialog,.ra-dialog,.cf-dialog,.ts-ui-dialog) :is(form>footer,footer) {
  padding:16px 24px!important;gap:8px!important;align-items:center!important;flex-wrap:wrap;
}
body.ts2 :is(.section,.un-dialog,.ra-dialog,.cf-dialog,.ts-ui-dialog) :is(button,a,input,select,textarea):focus-visible {
  outline:2px solid var(--ts-brand,#d94b00)!important;outline-offset:3px!important;
}
body.ts2 :is(.section,.un-dialog,.ra-dialog,.cf-dialog) :is(button,a)[aria-disabled=true] { cursor:not-allowed; }
body.ts2 .ts-module-loading {
  position:fixed;z-index:3000;top:74px;left:50%;transform:translateX(-50%);
  display:flex;align-items:center;gap:10px;padding:10px 16px;
  border:1px solid var(--ts-border,#dfe4e7);border-radius:6px;background:#fff;color:#4b5663;
  box-shadow:0 4px 20px #17212b12;font:500 13px/1.5 var(--ts-font,Arial);pointer-events:none;
}
body.ts2 .ts-module-loading::before { content:'';width:13px;height:13px;border:2px solid #e3e6eb;border-top-color:var(--ts-brand,#d94b00);border-radius:50%;animation:ts-load-spin .8s linear infinite; }
body.ts2 .ts-module-loading[hidden] { display:none!important; }
@keyframes ts-load-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { body.ts2 .ts-module-loading::before { animation:none;border-top-color:#e3e6eb;background:var(--ts-brand,#d94b00); } body.ts2 :is(button,a) { transition:none!important; } }
@media(max-width:767px) {
  body.ts2 { --workspace-control-height:44px;--workspace-row-action-height:44px;--experience-title:24px;--experience-space:20px; }
  body.ts2 :is(.contacts-topbar,.purchase-notes-header,.ra-heading,.un-heading,.cf-heading,.incomes-header,.renditions-header,.speed-header) { align-items:flex-start!important;margin-bottom:20px!important; }
  body.ts2 :is(.un-filters,.ra-filters,.cf-filters,.contacts-toolbar,.pn-filters,.incomes-filters,.users-filter-bar,.audit-central-filters,.reservation-monthly-controls) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select) { font-size:16px!important; }
  body.ts2 :is(#unitsSection,#rentalAdministrationSection,#cashflowSection,#contactsSection,#purchaseNotesSection,#incomesSection) tbody td { font-size:13px!important; }
  body.ts2 :is(#unitsSection .un-table-wrap,#rentalAdministrationSection .ra-table-wrap,#incomesSection .incomes-table-scroll) tbody td { padding:0!important; }
  body.ts2 :is(.un-dialog,.ra-dialog,.cf-dialog,.ts-ui-dialog)>header,body.ts2 :is(.un-dialog,.ra-dialog,.cf-dialog,.ts-ui-dialog) :is(form>footer,footer) { padding:16px!important; }
  body.ts2 .ts-module-loading { top:70px;max-width:calc(100vw - 32px);white-space:nowrap;font-size:12px; }
}

/* This navigation rule is global even before Cashflow is opened. */
body.ts2 #adminBudgetMenu { display:none!important; }

/* Keep the same content origin in every operational screen. */
body.ts2 #appScreen > main > .section { padding:14px 18px 28px!important;min-height:0!important; }
@media(max-width:767px) { body.ts2 #appScreen > main > .section { padding:0!important; } }
/* Amount links stay quiet even where legacy tables style every button as "Ver". */
body.ts2 #incomesSection button.income-amount {
  min-height:32px!important;height:auto!important;padding:4px 0!important;
  border:0!important;background:transparent!important;color:var(--ts-text,#252a30)!important;
  border-radius:3px!important;box-shadow:none!important;font:600 12px/1.45 var(--ts-font,Arial)!important;
}
body.ts2 #incomesSection button.income-amount:hover { color:var(--ts-brand,#d94b00)!important;background:transparent!important; }
@media(max-width:767px) { body.ts2 #incomesSection button.income-amount { min-height:44px!important;padding:8px 0!important;font-size:13px!important; } }
body.ts2 #contactsSection .contacts-row-button {
  display:inline-flex;align-items:center!important;justify-content:center!important;
  width:32px!important;min-width:32px!important;height:36px!important;min-height:36px!important;
  padding:6px!important;border:1px solid var(--ts-border,#dfe4e7)!important;border-radius:4px!important;
  background:#fff;color:var(--ts-text,#252a30);font:600 12px/1.4 var(--ts-font,Arial)!important;
}
body.ts2 #contactsSection .contacts-row-button[data-contact-action=view] {
  width:auto!important;min-width:48px!important;padding:6px 12px!important;
  color:#fff!important;background:#19232d!important;border-color:#19232d!important;
}
body.ts2 #contactsSection .contacts-table-wrap :is(th,td):last-child { min-width:144px; }
@media(max-width:767px) { body.ts2 #contactsSection .contacts-row-button { min-height:44px!important;height:44px!important;min-width:44px!important; } }
body.ts2 .contacts-modal { border-radius:8px!important;font-family:var(--ts-font,Arial); }
body.ts2 .contacts-modal-head { padding:22px 24px!important;align-items:center!important; }
body.ts2 .contacts-modal-head h2 { font:650 20px/1.3 var(--ts-font,Arial)!important;margin:0!important; }
body.ts2 .contacts-form-field { font:500 12px/1.5 var(--ts-font,Arial)!important; }
body.ts2 .contacts-modal-close { display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:36px;min-height:36px;border:1px solid var(--ts-border,#dfe4e7)!important;border-radius:6px!important;background:#fff!important; }
body.ts2 .contacts-modal-actions { display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;padding:16px 24px!important; }
body.ts2 .contacts-modal-actions .contacts-button { display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:8px 14px!important;border:1px solid var(--ts-border,#dfe4e7)!important;border-radius:6px!important;background:#fff!important;color:var(--ts-text,#252a30)!important;font:600 13px/1.4 var(--ts-font,Arial)!important; }
body.ts2 .contacts-modal-actions .contacts-button.primary { background:var(--ts-brand,#d94b00)!important;border-color:var(--ts-brand,#d94b00)!important;color:white!important; }
@media(max-width:767px) { body.ts2 .contacts-modal-head,body.ts2 .contacts-modal-body,body.ts2 .contacts-modal-actions { padding:16px!important; } body.ts2 .contacts-modal-actions .contacts-button { min-height:44px!important; } }
body.ts2 #incomesSection .incomes-header { margin-bottom:0!important; }
@media(max-width:767px) {
  body.ts2 #incomesSection .incomes-header { display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;width:100%!important; }
  body.ts2 #incomesSection .incomes-filters { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%!important; }
  body.ts2 #incomesSection .incomes-filters label { display:flex!important;min-width:0!important;width:100%!important;max-width:none!important; }
  body.ts2 #incomesSection .incomes-filters select { min-width:0!important;width:100%!important;max-width:none!important; }
  body.ts2 #incomesSection .incomes-summary article { display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:5px 12px;padding:14px 16px!important; }
  body.ts2 #incomesSection .incomes-summary strong { font-size:18px!important;line-height:1.4!important;margin:0!important;text-align:right; }
  body.ts2 #incomesSection .incomes-summary small { grid-column:1/-1;font-size:10px!important; }
  body.ts2 #incomesSection .incomes-summary article:not(:last-child) small { display:none!important; }
}
@media(max-width:767px) {
  body.ts2 #incomesSection .incomes-back-btn,body.ts2 #incomesSection .incomes-pagination button { min-height:44px!important;padding:8px 12px!important; }
}

@media(max-width:767px) {
  body.ts2 #rentalAdministrationSection .ra-table-wrap .ra-row-actions { display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;padding:12px!important; }
  body.ts2 #rentalAdministrationSection .ra-row-actions .ra-btn { width:auto!important;min-width:44px!important;min-height:44px!important;margin:0!important;flex:0 0 44px!important;padding:8px!important; }
  body.ts2 #rentalAdministrationSection .ra-row-actions .ra-btn:first-child { flex:1 1 auto!important; }
}

/* Match the order form's field hierarchy in the newer financial dialogs. */
body.ts2 :is(dialog.un-dialog,dialog.ra-dialog,dialog.cf-dialog) label { font:500 12px/18px var(--ts-font,Arial)!important;gap:6px!important;color:var(--ts-muted,#6b7480)!important; }
body.ts2 :is(dialog.un-dialog,dialog.ra-dialog,dialog.cf-dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) { border-radius:6px!important;border:1px solid var(--ts-border,#dfe4e7)!important;background:#fff;font:400 13px/1.4 var(--ts-font,Arial)!important;padding:9px 12px!important;box-shadow:none!important; }
body.ts2 :is(dialog.un-dialog,dialog.ra-dialog,dialog.cf-dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select) { min-height:40px!important;height:40px!important; }
body.ts2 :is(dialog.un-dialog,dialog.ra-dialog,dialog.cf-dialog) :is(input,select,textarea):focus { box-shadow:none!important; }
body.ts2 :is(dialog.un-dialog,dialog.ra-dialog,dialog.cf-dialog) input[readonly] { background:#f6f7f9!important;color:#596574!important; }
body.ts2 :is(dialog.un-dialog,dialog.ra-dialog,dialog.cf-dialog) .reservation-date-trigger { min-height:40px!important;border-radius:6px!important;font:400 13px/1.4 var(--ts-font,Arial)!important; }
@media(max-width:767px) {
  body.ts2 :is(dialog.un-dialog,dialog.ra-dialog,dialog.cf-dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) { font-size:16px!important; }
  body.ts2 :is(dialog.un-dialog,dialog.ra-dialog,dialog.cf-dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,.reservation-date-trigger) { min-height:44px!important;height:44px!important; }
}

body.ts2 dialog.cf-dialog { padding:0!important; }
body.ts2 dialog.cf-dialog>header { top:0!important;margin:0!important;background:#fff; }
body.ts2 dialog.cf-dialog .cf-dialog-body { padding:24px; }
body.ts2 dialog.cf-dialog .cf-dialog-message:not(:empty) { margin:0!important;padding:0 24px 20px; }
body.ts2 dialog.cf-dialog .cf-dialog-message:empty { display:none; }
body.ts2 dialog.cf-dialog .cf-close { display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:36px!important;min-height:36px!important;width:36px!important;border-radius:6px!important;border:1px solid var(--ts-border,#dfe4e7)!important; }
body.ts2 :is(#cashflowSection,dialog.cf-dialog) .btn { display:inline-flex;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:40px!important;padding:8px 14px!important;border-radius:6px!important;font:600 13px/1.4 var(--ts-font,Arial)!important; }
body.ts2 :is(#cashflowSection,dialog.cf-dialog) .btn:not(.secondary):not(.danger) { background:var(--ts-brand,#d94b00)!important;border-color:var(--ts-brand,#d94b00)!important;color:white!important; }
body.ts2 :is(#cashflowSection,dialog.cf-dialog) .btn.secondary { background:#fff!important;border:1px solid var(--ts-border,#dfe4e7)!important;color:var(--ts-text,#252a30)!important; }
@media(max-width:767px) { body.ts2 dialog.cf-dialog .cf-dialog-body { padding:16px; } body.ts2 :is(#cashflowSection,dialog.cf-dialog) .btn { min-height:44px!important; } }

@media(max-width:767px) {
  body.ts2 #appScreen .section :is(input:not([type]),input[type=text],input[type=search],input[type=email],input[type=tel],input[type=url],input[type=number],input[type=password],select,textarea) { font-size:16px!important;font-weight:400!important;min-height:44px!important; }
  body.ts2 #purchaseNotesSection .pn-button,body.ts2 #purchaseNotesSection .pn-icon-button { min-height:44px!important; }
  body.ts2 #purchaseNotesSection .pn-icon-button { min-width:44px!important; }
}

body.ts2 #attachmentPreviewModal .attachment-preview-card { border-radius:8px!important; }
body.ts2 #attachmentPreviewModal .attachment-preview-head strong { font:650 18px/1.35 var(--ts-font,Arial)!important;white-space:normal;overflow-wrap:anywhere; }
body.ts2 #attachmentPreviewModal .attachment-preview-head button { width:auto!important;min-width:64px;min-height:40px;flex-shrink:0;border-radius:6px!important; }
body.ts2 #attachmentPreviewModal.workspace-document-preview .attachment-preview-body { padding:0;overflow:hidden; }
body.ts2 #attachmentPreviewModal.workspace-document-preview iframe { min-height:0;border-radius:0; }
@media(max-width:767px) {
 body.ts2 #attachmentPreviewModal { padding:8px!important; }
 body.ts2 #attachmentPreviewModal .attachment-preview-card { height:calc(100dvh - 16px)!important; }
 body.ts2 #attachmentPreviewModal .attachment-preview-head { padding:12px!important; }
 body.ts2 #attachmentPreviewModal .attachment-preview-head button { min-height:44px; }
}

body.ts2 #vidrieraSection .vd-editor-head { scroll-margin-top:82px; }
body.ts2 #vidrieraSection .vd-steps button { justify-content:center!important;text-align:center!important; }
body.ts2 #vidrieraSection .vd-steps button[aria-current=step] { border-bottom-color:var(--ts-brand,#d94b00)!important; }
@media(max-width:767px) { body.ts2 #vidrieraSection .vd-steps button { min-height:56px;line-height:1.3; } }

body.ts2 #appModal .app-modal-card { width:min(440px,calc(100vw - 32px));padding:24px!important;border-radius:8px!important;text-align:left!important; }
body.ts2 #appModal .app-modal-icon { width:36px;height:36px;margin:0 0 16px!important;font-size:20px; }
body.ts2 #appModal #appModalTitle { font:650 20px/1.3 var(--ts-font,Arial)!important;letter-spacing:0!important;text-align:left!important;margin:0 0 12px!important; }
body.ts2 #appModal #appModalMessage { font:400 13px/1.6 var(--ts-font,Arial)!important;color:var(--ts-muted,#6b7480);text-align:left!important;overflow-wrap:anywhere; }
body.ts2 #appModal .app-modal-actions { display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;margin-top:24px!important; }
body.ts2 #appModal .app-modal-actions button { width:auto!important;min-height:40px!important;padding:8px 14px!important;border-radius:6px!important;display:inline-flex;align-items:center;justify-content:center;font:600 13px/1.4 var(--ts-font,Arial)!important; }
body.ts2 #appModal #appModalConfirm { background:var(--ts-brand,#d94b00)!important;border-color:var(--ts-brand,#d94b00)!important; }
body.ts2 #appModal #appModalCancel { background:#fff!important;border:1px solid var(--ts-border,#dfe4e7)!important;color:var(--ts-text,#252a30)!important; }
@media(max-width:767px) {
 body.ts2 #appModal .app-modal-actions button { flex:1 1 0;min-height:44px!important; }
 body.ts2 #appScreen #reservationsSection #commercialLedgerModal :is(input:not([type=checkbox]):not([type=hidden]),select) { min-height:44px!important;font-size:16px!important;font-weight:400!important; }
}

body.ts2 #moduleLoadFeedback.workspace-module-error { position:fixed;top:80px;right:24px;z-index:41000;display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:12px!important;width:min(500px,calc(100vw - 32px));margin:0!important;padding:16px!important;border:1px solid #edc7b4!important;border-radius:8px!important;background:#fff!important;box-shadow:0 8px 28px #17212b18; }
body.ts2 #moduleLoadFeedback>span { grid-column:1/-1;font:400 13px/1.5 var(--ts-font,Arial); }
body.ts2 #moduleLoadFeedback>button { min-height:40px;justify-self:start; }
@media(max-width:767px) { body.ts2 #moduleLoadFeedback.workspace-module-error { top:76px;right:16px; } body.ts2 #moduleLoadFeedback>button { min-height:44px; } }

/* Compact, consistent header and centered actions in the order review dialog. */
body.ts2 #reviewOrderModal .review-top { gap:16px;align-items:center; }
body.ts2 #reviewOrderModal .review-top > div:first-child { min-width:0; }
body.ts2 #reviewOrderModal #reviewTitle { font:650 22px/1.3 var(--ts-font,Arial)!important;letter-spacing:0!important;overflow-wrap:anywhere; }
body.ts2 #reviewOrderModal .review-actions { display:flex;align-items:center;gap:8px;flex-shrink:0; }
body.ts2 #reviewOrderModal .review-actions button { display:inline-flex;align-items:center;justify-content:center;min-height:40px; }
@media(max-width:767px) {
  body.ts2 #reviewOrderModal #reviewTitle { font-size:20px!important; }
  body.ts2 #reviewOrderModal .review-actions button { min-height:44px; }
}

/* Place master-data navigation beside the page title, as in Órdenes. */
body.ts2 #adminSection { position:relative; }
body.ts2 #adminSection:has(#databaseAdminGrid.active) > .topbar { min-height:40px;margin-bottom:24px!important;padding-right:90px; }
body.ts2 #databaseAdminGrid.active { position:static!important;margin-top:0!important; }
body.ts2 #databaseAdminGrid > .admin-panel.active { position:static!important;padding-top:0!important;margin-top:0!important; }
body.ts2 #databaseAdminGrid > .admin-panel.active > .admin-back { position:absolute;top:14px;right:18px;margin:0!important;min-height:40px;display:inline-flex;align-items:center;justify-content:center; }
body.ts2 #databaseAdminGrid > .admin-panel > .layout { grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;align-items:end; }
body.ts2 #trustsPanel .user-permission-option { margin:0!important;min-height:64px;background:#fff!important;border:1px solid var(--ts-border,#dfe4e7)!important;border-radius:6px!important;box-shadow:none!important; }
body.ts2 #trustsPanel .user-permission-option strong { font-size:13px!important;font-weight:600!important; }
body.ts2 #trustsPanel .user-permission-option small { font-size:11px!important;font-weight:400!important; }
@media(max-width:1199px) { body.ts2 #databaseAdminGrid > .admin-panel > .layout { grid-template-columns:repeat(2,minmax(0,1fr))!important; } }
@media(max-width:767px) {
  body.ts2 #adminSection:has(#databaseAdminGrid.active) > .topbar { min-height:44px;padding-right:90px;margin-bottom:20px!important; }
  body.ts2 #databaseAdminGrid > .admin-panel.active > .admin-back { top:0;right:0;min-height:44px; }
  body.ts2 #databaseAdminGrid > .admin-panel > .layout { grid-template-columns:minmax(0,1fr)!important;gap:16px!important; }
}

body.ts2 #adminUserDrawer .users-drawer-loading { display:none;padding:24px;color:var(--ts-muted,#6b7480);font-size:13px; }
body.ts2 #adminUserDrawer.is-loading .users-drawer-loading { display:block; }
body.ts2 #adminUserDrawer.is-loading :is(.users-drawer-profile,.users-drawer-body,.users-drawer-footer) { display:none!important; }
body.ts2 #adminSection:has(#usersPanel.active) > .topbar { min-height:40px;padding-right:160px;margin-bottom:24px!important; }
body.ts2 #usersPanel.active #adminOpenNewUserBtn { position:absolute;top:14px;right:18px;min-height:40px;display:inline-flex;align-items:center;justify-content:center; }
@media(max-width:767px) {
  body.ts2 #adminSection:has(#usersPanel.active) > .topbar { min-height:44px;padding-right:150px; }
  body.ts2 #usersPanel.active #adminOpenNewUserBtn { top:0;right:0;min-height:44px; }
}

body.ts2 #adminSection:has(#usersPanel.active) > .topbar { padding-right:0!important;align-items:center!important;gap:16px; }
body.ts2 #adminSection > .topbar > #adminOpenNewUserBtn { position:static!important;display:inline-flex;align-items:center;justify-content:center;min-height:var(--workspace-control-height);flex-shrink:0; }
body.ts2 #usersPanel.active > .users-enterprise-header { display:none!important; }

body.ts2 #adminSection:has(#databaseAdminGrid.active) > .topbar { padding-right:0!important;align-items:center!important;gap:16px; }
body.ts2 #adminSection > .topbar > .admin-back { position:static!important;margin:0!important;min-height:var(--workspace-control-height);display:inline-flex;align-items:center;justify-content:center; }
body.ts2 #adminSection #adminOpenNewUserBtn[hidden] { display:none!important; }

body.ts2 #usersPanel.active { margin:0!important;padding:0!important; }
body.ts2 #usersPanel .users-directory-surface { margin:0!important;padding:0!important; }
body.ts2 #usersPanel .users-filter-bar { margin:0!important;padding:0 0 20px!important; }
body.ts2 #adminSection .orders-table thead th { text-transform:none!important;letter-spacing:0!important;font:600 11px/1.4 var(--ts-font,Arial)!important;background:var(--ts-subtle,#f0f2f6)!important;color:var(--ts-muted,#6b7480)!important;padding:12px!important; }
body.ts2 #adminSection .orders-table tbody td { font-size:12px!important;padding:14px 12px!important; }

@media(max-width:767px) {
  body.ts2 #reservationsSection .reservation-commissions-surface { gap:20px!important; }
  body.ts2 #reservationsSection .reservation-commissions-surface > .reservation-monthly-heading { margin-bottom:0!important;padding-bottom:0!important;gap:16px!important; }
  body.ts2 #reservationsSection .reservation-commission-summary article { padding:14px 16px!important; }
  body.ts2 #reservationsSection .reservation-commission-summary article > div:last-child { width:100%;display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 12px; }
  body.ts2 #reservationsSection .reservation-commission-summary article span { font-size:12px!important;line-height:1.4; }
  body.ts2 #reservationsSection .reservation-commission-summary article strong { margin:0!important;font-size:18px!important;line-height:1.4;letter-spacing:0!important;text-align:right; }
  body.ts2 #reservationsSection .reservation-commission-summary article small { grid-column:1/-1;font-size:10px!important;line-height:1.4; }
}

/* Reports use the same flat controls and action alignment as Órdenes. */
body.ts2 .reservation-report-dialog { border-radius:8px!important;font-family:var(--ts-font,Arial); }
body.ts2 .reservation-report-dialog .reservation-report-head { align-items:center!important; }
body.ts2 .reservation-report-dialog .reservation-report-head h2 { font:650 20px/1.3 var(--ts-font,Arial)!important;letter-spacing:0!important; }
body.ts2 .reservation-report-dialog .reservation-report-head > button { display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:6px!important; }
body.ts2 .reservation-report-dialog .reservation-report-form > label > span { font:500 12px/1.4 var(--ts-font,Arial)!important;color:var(--ts-muted,#6b7480)!important; }
body.ts2 .reservation-report-dialog .reservation-report-form > label > select,
body.ts2 .reservation-report-dialog .reservation-date-trigger { height:var(--workspace-control-height)!important;min-height:var(--workspace-control-height)!important;border:1px solid var(--ts-border,#dfe4e7)!important;border-radius:6px!important;background:#fff!important;padding:8px 12px!important;font:400 13px/1.4 var(--ts-font,Arial)!important;box-shadow:none!important; }
body.ts2 .reservation-report-dialog .reservation-report-actions .btn { display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:var(--workspace-control-height)!important;height:var(--workspace-control-height)!important;border-radius:6px!important;font:600 13px/1.4 var(--ts-font,Arial)!important; }
body.ts2 .reservation-report-dialog .reservation-report-actions .btn:not(.secondary) { background:var(--ts-brand,#d94b00)!important;border-color:var(--ts-brand,#d94b00)!important; }
@media(max-width:767px) {
  body.ts2 .reservation-report-dialog .reservation-report-form > label > select,body.ts2 .reservation-report-dialog .reservation-date-trigger { font-size:16px!important; }
  body.ts2 .reservation-report-dialog .reservation-report-head > button { min-width:44px!important;height:44px!important;min-height:44px!important; }
  body.ts2 .reservation-report-dialog .reservation-report-actions .reservation-report-preview { flex:0 0 44px!important;width:44px!important;min-width:44px!important; }
}

body.ts2 .cf-dialog .cf-manual table { min-width:320px;table-layout:fixed; }
body.ts2 .cf-dialog .cf-manual :is(th,td) { padding:10px 8px!important; }
body.ts2 .cf-dialog .cf-manual tr > :first-child { width:48px;min-width:48px;white-space:nowrap; }
body.ts2 .cf-dialog .cf-manual input { min-width:0!important;width:100%!important; }
@media(max-width:767px) {
  body.ts2 .cf-dialog .cf-execution-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  body.ts2 #cashflowSection .cf-cards-financial { grid-template-columns:minmax(0,1fr)!important; }
  body.ts2 #cashflowSection .cf-cards-financial > div { display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;padding:14px 16px; }
  body.ts2 #cashflowSection .cf-cards-financial small { margin:0!important;font-size:12px; }
  body.ts2 #cashflowSection .cf-cards-financial strong { font-size:18px!important;line-height:1.4;white-space:nowrap; }
}

/* Very narrow phones keep financial labels intact rather than squeezing words. */
@media(max-width:360px) {
 body.ts2 #cashflowSection .cf-cards-financial > div { grid-template-columns:minmax(0,1fr);gap:4px; }
 body.ts2 #cashflowSection .cf-cards-financial strong { text-align:left; }
}

@media(max-width:360px) {
 body.ts2 .reservation-report-dialog .reservation-report-form > label { grid-column:1/-1; }
 body.ts2 .reservation-report-dialog .reservation-date-trigger { white-space:nowrap; }
 body.ts2 .reservation-report-dialog .reservation-report-type-options label { gap:6px!important;font-size:12px!important;padding:11px 7px!important; }
 body.ts2 .reservation-report-dialog .reservation-report-type-options label span { white-space:nowrap;word-break:normal;overflow-wrap:normal;font-size:12px!important; }
 body.ts2 .reservation-report-dialog .reservation-report-actions { display:grid!important;grid-template-columns:minmax(0,1fr) 44px;gap:8px!important; }
 body.ts2 .reservation-report-dialog .reservation-report-actions .btn:not(.secondary) { grid-column:1/-1;white-space:nowrap; }
}
@media(max-width:360px) { body.ts2 .reservation-report-dialog .reservation-report-type-options label { min-height:44px; } }