/* components/organisms/detail-drawer.css — DetailDrawer (O08). */

.cmp-detail-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(720px, 100vw);
  z-index: 1100;
  display: flex;
  flex-direction: column;
  background: var(--surface-card, #ffffff);
  color: var(--text, inherit);
  border-left: 1px solid var(--border, #d1d5db);
  box-shadow: -8px 0 32px rgba(0, 0, 0, 0.18);
  transform: translateX(100%);
  transition: transform 0.24s ease-out;
}

.cmp-detail-drawer--open {
  transform: translateX(0);
}

.cmp-detail-drawer__tabs {
  padding: 8px 16px 0;
  border-bottom: 1px solid var(--border, #e5e7eb);
  background: var(--surface-muted, #f9fafb);
}

.cmp-detail-drawer__table-slot {
  flex: 1 1 auto;
  padding: 12px 16px 16px;
  overflow-y: auto;
}