:root {
  --record-bg: #f7f0e8;
  --record-panel: #fffdf8;
  --record-line: #d3c0b3;
  --record-text: #36261f;
  --record-wood: #5f3b2d;
  --record-green: #2f6f52;
}

.record-table-app .uranus-app-frame__body-content { overflow: hidden; }
.record-table-app .uranus-app-frame__footer-content { background: var(--record-bg); }

.record-table-drawer {
  display: grid;
  gap: 8px;
  padding: 9px;
  color: var(--record-text);
  background: var(--record-bg);
}

.record-date-row {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) 36px;
  gap: 6px;
  align-items: stretch;
}

.record-date-nav,
.record-date-field,
.record-room-visibility {
  min-width: 0;
  border: 1px solid var(--record-line);
  border-radius: 4px;
  color: var(--record-text);
  background: var(--record-panel);
}

.record-date-nav {
  min-height: 40px;
  font-size: 24px;
  font-weight: 900;
}

.record-date-nav:disabled { opacity: .38; }

.record-date-field {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  padding: 5px 8px;
}

.record-date-field span { color: var(--record-wood); font-size: 10px; font-weight: 900; }
.record-date-field input { min-width: 0; width: 100%; border: 0; color: var(--record-text); background: transparent; font-size: 15px; font-weight: 800; }

.record-room-visibility {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 36px;
  padding: 6px 9px;
  font-size: 11px;
  font-weight: 900;
}

.record-room-visibility strong { color: #806b60; font-size: 10px; }
.record-room-visibility[aria-pressed="true"] { border-color: var(--record-green); background: #eef4e9; }
.record-room-visibility[aria-pressed="true"] strong { color: var(--record-green); }

.record-table-page { position: relative; width: 100%; height: 100%; min-height: 0; overflow: hidden; background: var(--record-bg); }
.record-table-page iframe { display: block; width: 100%; height: 100%; border: 0; background: var(--record-bg); }
.record-table-loading { position: absolute; z-index: 2; inset: 0; display: grid; place-items: center; padding: 20px; color: #806b60; background: var(--record-bg); font-size: 12px; font-weight: 800; text-align: center; }
.record-table-loading.is-error { color: #991b1b; }
.record-table-loading[hidden] { display: none; }