.fd-rooming-shell {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: grid;
  grid-template-columns: minmax(0, 1fr) min(760px, 94vw);
  background: rgba(8, 15, 30, 0.52);
  backdrop-filter: blur(3px);
}

.fd-rooming-shell.hidden { display: none; }

.fd-rooming-backdrop { min-width: 0; }

.fd-rooming-drawer {
  height: 100vh;
  overflow: auto;
  background: #f5f7fb;
  box-shadow: -20px 0 48px rgba(15, 23, 42, 0.2);
  color: #15213a;
}

.fd-rooming-head {
  position: sticky;
  top: 0;
  z-index: 4;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 24px 18px;
  color: #fff;
  background: linear-gradient(135deg, #102a56, #175bd8);
}

.fd-rooming-head h3 { margin: 4px 0; color: #fff; }
.fd-rooming-head p { margin: 0; color: rgba(255,255,255,.78); }
.fd-rooming-head .ghost-button { color: #fff; border-color: rgba(255,255,255,.45); }
.fd-rooming-body { padding: 18px 22px 40px; }
.fd-rooming-status { margin: 0 0 12px; min-height: 20px; }
.fd-rooming-status.error { color: #b42318; }
.fd-rooming-status.success { color: #067647; }

.fd-rooming-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.fd-rooming-kpis article,
.fd-rooming-card {
  background: #fff;
  border: 1px solid #dbe2ef;
  border-radius: 14px;
  box-shadow: 0 5px 18px rgba(25, 42, 72, .05);
}

.fd-rooming-kpis article { padding: 12px; }
.fd-rooming-kpis span { display: block; color: #667085; font-size: 11px; text-transform: uppercase; letter-spacing: .05em; }
.fd-rooming-kpis strong { display: block; margin-top: 5px; font-size: 18px; }
.fd-rooming-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.fd-rooming-card { padding: 16px; margin-bottom: 14px; }
.fd-rooming-card h4 { margin: 0 0 4px; }
.fd-rooming-card > p { margin: 0 0 12px; color: #667085; font-size: 13px; }
.fd-rooming-toolbar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.fd-rooming-toolbar select,
.fd-rooming-toolbar input { width: auto; min-width: 135px; }
.fd-rooming-people { display: grid; gap: 7px; max-height: 260px; overflow: auto; }
.fd-rooming-person,
.fd-rooming-room,
.fd-rooming-po,
.fd-rooming-blocker {
  border: 1px solid #e4e8f0;
  border-radius: 10px;
  padding: 10px 11px;
  background: #fbfcfe;
}
.fd-rooming-person { display: flex; align-items: flex-start; gap: 9px; }
.fd-rooming-person input { margin-top: 4px; }
.fd-rooming-person strong,
.fd-rooming-room strong { display: block; }
.fd-rooming-person small,
.fd-rooming-room small,
.fd-rooming-po small { color: #667085; }
.fd-rooming-room { display: grid; grid-template-columns: 1fr auto; align-items: start; gap: 10px; margin-top: 8px; }
.fd-rooming-room[data-unpaired="true"] { border-color: #f5c05a; background: #fffbeb; }
.fd-rooming-blockers { display: grid; gap: 7px; }
.fd-rooming-blocker { color: #8a3517; border-color: #f5d0bd; background: #fff7ed; }
.fd-rooming-ready { color: #067647; padding: 10px; border-radius: 10px; background: #ecfdf3; }
.fd-rooming-profit { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.fd-rooming-profit article { padding: 10px; border-radius: 10px; background: #f1f5fb; }
.fd-rooming-profit strong { display: block; margin-top: 4px; }
.fd-rooming-po { margin-top: 8px; }
.fd-rooming-po-line { display: flex; justify-content: space-between; gap: 8px; margin: 7px 0; }
.fd-rooming-switch { display: flex; align-items: center; gap: 8px; }
.fd-rooming-switch input { width: auto; }
.fd-rooming-whatsapp-preview { padding: 10px; margin-top: 10px; border-radius: 10px; background: #eefbf4; color: #086c4b; }
.fd-rooming-empty { color: #667085; font-size: 13px; padding: 10px 0; }

@media (max-width: 760px) {
  .fd-rooming-shell { grid-template-columns: 1fr; }
  .fd-rooming-backdrop { display: none; }
  .fd-rooming-drawer { width: 100vw; }
  .fd-rooming-grid { grid-template-columns: 1fr; }
  .fd-rooming-kpis { grid-template-columns: 1fr 1fr; }
}