/* api_rez admin — Tabler bridge + domain styles */

/* Legacy panel → card appearance */
.panel {
  background: var(--tblr-card-bg, var(--tblr-bg-surface));
  border: var(--tblr-border-width) solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius-lg);
  padding: 1rem 1.25rem;
  margin-bottom: 1.25rem;
}
.panel-warn { border-color: var(--tblr-warning); }
.panel-muted { opacity: 0.92; }
.panel h2, .panel h3 { font-size: 1rem; font-weight: 600; margin: 0 0 0.75rem; }

.page-head { margin-bottom: 1rem; }
.page-head h1 { font-size: 1.35rem; font-weight: 600; margin: 0 0 0.5rem; }
.page-head .breadcrumb { margin: 0 0 0.5rem; font-size: 0.875rem; }

/* Tables */
.admin-table { width: 100%; margin-bottom: 0; }
.admin-table th { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.04em; color: var(--tblr-secondary); }
.admin-table-compact td, .admin-table-compact th { padding: 0.35rem 0.5rem; }
.table-wrap { overflow-x: auto; }
.reserve-row { cursor: pointer; }
.reserve-row .label-cell, .reserve-row .reserve-admin-note, .reserve-row input[type="checkbox"] { cursor: default; }

/* SLA */
.sla-ok { color: var(--tblr-success); }
.sla-warn { color: var(--tblr-warning); }
.sla-danger, .sla-critical { color: var(--tblr-danger); font-weight: 600; }

/* Stats */
.stat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}
.stat-card {
  display: block;
  padding: 1rem;
  border: var(--tblr-border-width) solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius-lg);
  text-decoration: none;
  color: inherit;
  background: var(--tblr-card-bg, var(--tblr-bg-surface));
  transition: border-color 0.15s;
}
.stat-card:hover { border-color: var(--tblr-primary); text-decoration: none; color: inherit; }
.stat-num { font-size: 1.75rem; font-weight: 700; display: block; }
.stat-sum { font-size: 0.85rem; color: var(--tblr-success); }
.stat-card--new { border-color: var(--tblr-success); }

/* Tabs */
.tab-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-bottom: 1rem;
  border-bottom: var(--tblr-border-width) solid var(--tblr-border-color);
  padding-bottom: 0;
}
.tab-bar .tab {
  padding: 0.5rem 0.85rem;
  border-radius: var(--tblr-border-radius) var(--tblr-border-radius) 0 0;
  color: var(--tblr-secondary);
  text-decoration: none;
  border: var(--tblr-border-width) solid transparent;
  margin-bottom: -1px;
}
.tab-bar .tab.active {
  color: var(--tblr-primary);
  border-color: var(--tblr-border-color);
  border-bottom-color: var(--tblr-body-bg);
  background: var(--tblr-body-bg);
  font-weight: 600;
}
.tab-bar em { font-style: normal; opacity: 0.7; font-size: 0.85em; }

/* Filter bar */
.filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1rem;
  align-items: flex-end;
  padding: 1rem;
  margin-bottom: 1rem;
  background: var(--tblr-card-bg, var(--tblr-bg-surface));
  border: var(--tblr-border-width) solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius-lg);
}
.filter-bar label { display: flex; flex-direction: column; gap: 0.25rem; font-size: 0.875rem; }
.filter-bar--simple { align-items: center; }
.filter-label { font-weight: 600; font-size: 0.875rem; }
.profile-chips { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.chip {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.2rem 0.5rem;
  border: var(--tblr-border-width) solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  font-size: 0.8rem;
  cursor: pointer;
}

/* Detail */
.detail-grid { display: grid; gap: 1rem; margin-bottom: 1rem; }
@media (min-width: 992px) {
  .detail-grid { grid-template-columns: 1fr 1fr; }
  .detail-grid .panel:first-child { grid-column: 1 / -1; }
}
.detail-dl { display: grid; grid-template-columns: minmax(120px, 35%) 1fr; gap: 0.35rem 1rem; margin: 0; }
.detail-dl dt { color: var(--tblr-secondary); margin: 0; }
.detail-dl dd { margin: 0; }

/* Forms */
.form-panel label { display: block; margin-bottom: 0.75rem; }
.form-panel .wide, .form-panel textarea.wide { width: 100%; max-width: 100%; }
.form-actions { margin-top: 1rem; display: flex; gap: 0.5rem; flex-wrap: wrap; }
.inline-form { display: inline-flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.input-sm { max-width: 100%; }

/* Economics */
.economics-breakdown .economics-profit-value { font-weight: 700; color: var(--tblr-success); font-size: 1.1em; }
.status-history-new { font-size: 1.1em; font-weight: 600; }
.status-history-code { font-size: 0.75rem; color: var(--tblr-secondary); display: block; }

/* Toolbar / bulk */
.toolbar { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; margin-bottom: 1rem; }
.bulk-toolbar, #bulk-toolbar, #labels-bulk-toolbar {
  position: sticky;
  top: 0;
  z-index: 10;
  padding: 0.5rem;
  margin-bottom: 0.75rem;
  background: var(--tblr-body-bg);
  border: var(--tblr-border-width) solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
}

/* Local status */
.local-reserve-status { min-width: 120px; }
.reserve-row.local-status--set { background: rgba(var(--tblr-success-rgb), 0.06); }

/* Note save indicator */
.reserve-admin-note.is-saving { opacity: 0.7; }
.reserve-admin-note.is-saved { outline: 1px solid var(--tblr-success); }

/* Mobile */
.desktop-only { display: block; }
.mobile-only { display: none; }
body.mobile-layout .desktop-only, body.view-mobile .desktop-only { display: none !important; }
body.mobile-layout .mobile-only, body.view-mobile .mobile-only { display: block; }
body.mobile-layout .mobile-card-list, body.view-mobile .mobile-card-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
body.mobile-layout .page-body, body.view-mobile .page-body {
  padding-bottom: calc(64px + env(safe-area-inset-bottom, 0));
}
.mobile-bottom-nav {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  display: none;
  grid-template-columns: repeat(4, 1fr);
  background: var(--tblr-navbar-bg, var(--tblr-bg-surface));
  border-top: var(--tblr-border-width) solid var(--tblr-border-color);
  padding-bottom: env(safe-area-inset-bottom, 0);
  z-index: 1030;
}
body.mobile-layout .mobile-bottom-nav, body.view-mobile .mobile-bottom-nav { display: grid; }
.mobile-bottom-nav__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-height: 52px;
  font-size: 0.65rem;
  color: var(--tblr-secondary);
  text-decoration: none;
}
.mobile-bottom-nav__item .ti { font-size: 1.25rem; }
.mobile-bottom-nav__item.is-active { color: var(--tblr-primary); font-weight: 600; }
.mobile-card {
  border: var(--tblr-border-width) solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius-lg);
  padding: 0.75rem;
  background: var(--tblr-card-bg, var(--tblr-bg-surface));
}
.mobile-card__link { color: inherit; text-decoration: none; display: block; }

/* Misc legacy */
.muted, .hint, .text-muted { color: var(--tblr-secondary) !important; }
.empty { text-align: center; color: var(--tblr-secondary); padding: 1.5rem; }
.badge-override { background: var(--tblr-primary); color: #fff; }
.char-row--override { background: rgba(var(--tblr-primary-rgb), 0.08); }
.purchase-line { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 0.75rem; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: var(--tblr-border-width) solid var(--tblr-border-color); }
.autocomplete-dropdown { position: absolute; z-index: 1050; background: var(--tblr-bg-surface); border: var(--tblr-border-width) solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); max-height: 200px; overflow: auto; min-width: 280px; }
.autocomplete-item { display: block; width: 100%; text-align: left; padding: 0.5rem 0.75rem; border: none; background: none; cursor: pointer; }
.wizard-steps { display: flex; flex-wrap: wrap; gap: 0.35rem; list-style: none; padding: 0 0 1rem; margin: 0; }
.wizard-steps li { padding: 0.25rem 0.5rem; border: var(--tblr-border-width) solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); font-size: 0.75rem; }
.wizard-steps li.active { border-color: var(--tblr-primary); background: rgba(var(--tblr-primary-rgb), 0.1); }

/* Home dashboard activity */
.activity-row { cursor: pointer; }
.activity-table { margin-bottom: 0; }
body.mobile-layout .home-tabs,
body.view-mobile .home-tabs { display: none !important; }
body.mobile-layout .activity-table,
body.view-mobile .activity-table { font-size: 0.8rem; }
body.mobile-layout .activity-table th,
body.view-mobile .activity-table th {
  font-size: 0.65rem;
  text-transform: uppercase;
  white-space: nowrap;
}
body.mobile-layout .activity-table td,
body.view-mobile .activity-table td { vertical-align: middle; }

@media (max-width: 767px) {
  .filter-bar { flex-direction: column; align-items: stretch; }
  .tab-bar { overflow-x: auto; flex-wrap: nowrap; }
}