.deal-switcher {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  margin-left: auto;
}
.deal-switcher label { display: grid; gap: 3px; }
.deal-switcher small {
  color: #72809a;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .08em;
}
.deal-switcher select {
  min-width: 190px;
  height: 38px;
  padding: 0 34px 0 11px;
  border: 1px solid #d5dce8;
  border-radius: 10px;
  background: #fff;
  color: #1c2d49;
  font: 700 12px inherit;
}
.deal-switcher button {
  height: 38px;
  padding: 0 12px;
  border: 0;
  border-radius: 10px;
  background: #e9eef8;
  color: #3154ad;
  font-weight: 750;
  cursor: pointer;
}
.deal-dialog-backdrop {
  position: fixed;
  inset: 0;
  z-index: 210000;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(9,18,32,.68);
  backdrop-filter: blur(7px);
}
.deal-dialog {
  width: min(460px,100%);
  padding: 32px;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 30px 90px rgba(7,15,28,.4);
  color: #17243a;
}
.deal-dialog > small { color: #355bd8; font-size: 10px; font-weight: 800; letter-spacing: .09em; }
.deal-dialog h2 { margin: 8px 0; font-size: 27px; }
.deal-dialog p { margin: 0 0 22px; color: #66748b; font-size: 14px; line-height: 1.5; }
.deal-dialog label { display: grid; gap: 8px; font-size: 13px; font-weight: 750; }
.deal-dialog label + label { margin-top: 15px; }
.deal-dialog input {
  height: 49px;
  padding: 0 14px;
  border: 1px solid #ccd5e4;
  border-radius: 11px;
  font: inherit;
}
.deal-dialog > div { display: flex; justify-content: flex-end; gap: 9px; margin-top: 22px; }
.deal-dialog button {
  height: 44px;
  padding: 0 17px;
  border: 0;
  border-radius: 10px;
  background: #355bd8;
  color: #fff;
  font-weight: 750;
  cursor: pointer;
}
.deal-dialog .deal-dialog-cancel { background: #e9eef7; color: #34445e; }
.deals-dashboard {
  position: fixed;
  inset: 0;
  z-index: 205000;
  overflow: auto;
  padding: 40px;
  background: #f3f6fb;
  color: #17243a;
}
.deals-dashboard > section { width: min(1220px,100%); margin: auto; }
.deals-dashboard header { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 24px; }
.deals-dashboard header small { color: #355bd8; font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.deals-dashboard h1 { margin: 7px 0 5px; font-size: 38px; }
.deals-dashboard header p { margin: 0; color: #68768e; }
.deals-dashboard header > div:last-child { display: flex; gap: 9px; }
.deals-dashboard header button {
  height: 44px;
  padding: 0 17px;
  border: 0;
  border-radius: 11px;
  background: #355bd8;
  color: #fff;
  font-weight: 750;
  cursor: pointer;
}
.deals-dashboard header .close-deals { background: #e5eaf3; color: #34445e; }
.deals-table-wrap { overflow: auto; border-radius: 18px; background: #fff; box-shadow: 0 18px 55px rgba(29,46,75,.09); }
.deals-dashboard table { width: 100%; min-width: 840px; border-collapse: collapse; }
.deals-dashboard th { padding: 15px 18px; background: #f8f9fc; color: #748198; font-size: 10px; letter-spacing: .05em; text-align: left; }
.deals-dashboard td { padding: 18px; border-top: 1px solid #e9edf3; font-size: 13px; }
.deals-dashboard tbody tr[data-room] { cursor: pointer; transition: .15s; }
.deals-dashboard tbody tr[data-room]:hover,
.deals-dashboard tbody tr[data-room]:focus { background: #f4f7ff; outline: none; }
.stage-pill,
.attention { display: inline-flex; padding: 6px 9px; border-radius: 8px; background: #edf2ff; color: #3155b2; font-size: 11px; font-weight: 700; }
.attention { background: #e9f5ef; color: #267255; }
.attention.yes { background: #fff0df; color: #a45b09; }
.muted { color: #8995a8; }
.empty-row td { padding: 50px; color: #758198; text-align: center; }
@media (max-width: 900px) {
  .deal-switcher { order: 5; width: 100%; margin: 8px 0 0; }
  .deal-switcher label { flex: 1; }
  .deal-switcher select { width: 100%; }
}
@media (max-width: 600px) {
  .deal-dialog { padding: 25px 20px; }
  .deal-dialog > div { flex-direction: column-reverse; }
  .deal-dialog button { width: 100%; }
  .deals-dashboard { padding: 22px 14px; }
  .deals-dashboard header { align-items: stretch; flex-direction: column; }
  .deals-dashboard header > div:last-child { width: 100%; }
  .deals-dashboard header button { flex: 1; }
  .deals-dashboard h1 { font-size: 31px; }
}