/* Modal titles follow the customer Service Requests heading. Keep section and
   calendar headings independent from dialog typography. */
.opportunities-extension-modal :is(
  .opportunities-extension-header,
  .opportunities-extension-account-plans-header,
  .opportunities-extension-preferences-header
) {
  padding: 16px;
  gap: 16px;
  align-items: flex-start;
}
/* The main heading, status badges and toolbar share one vertical center. */
.opportunities-extension-modal .opportunities-extension-header {
  align-items: center;
}
.opportunities-extension-modal .opportunities-extension-header .opportunities-extension-title-row,
.opportunities-extension-modal .opportunities-extension-header .opportunities-extension-subtitle-row,
.opportunities-extension-modal .opportunities-extension-header .opportunities-extension-header-actions {
  align-items: center;
}
.opportunities-extension-modal .opportunities-extension-header .opportunities-extension-subtitle-row {
  margin-block: 0;
}
/* These headers live in panels that already supply the outer inset. */
.opportunities-extension-modal :is(.oe-org-dialog.oe-contact-dialog,
  .oe-org-confirm-panel, .opportunities-extension-projection-confirm,
  .opportunities-extension-debug-panel) { padding: 16px; }
.opportunities-extension-modal :is(.oe-org-editor-header,
  .opportunities-extension-debug-panel-header) {
  padding: 0;
  gap: 16px;
  align-items: flex-start;
}
.opportunities-extension-modal :is(
  .opportunities-extension-account-plans-header,
  .opportunities-extension-preferences-header,
  .opportunities-extension-debug-panel-header
) p {
  margin: 5px 0 0;
  font-family: "Oracle Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: normal;
  overflow-wrap: anywhere;
}
/* Search controls share the 16px inset of their table frames. */
.opportunities-extension-modal :is(.opportunities-extension-customer-table-toolbar,
  .opportunities-extension-ratecard-toolbar,
  .opportunities-extension-ratecard-plan-details) { padding-inline: 16px; }
.opportunities-extension-modal .opportunities-extension-customer-table-toolbar {
  padding-block: 12px;
}
.opportunities-extension-modal .opportunities-extension-customer-table-search {
  width: min(420px, 100%);
  height: 38px;
  padding: 8px 12px;
  font-size: 13px;
  line-height: 20px;
}
.opportunities-extension-modal :is(
  .opportunities-extension-header,
  .opportunities-extension-account-plans-header,
  .opportunities-extension-preferences-header,
  .opportunities-extension-debug-panel-header,
  .oe-org-editor-header
) :is(h1, h2, h3),
.opportunities-extension-modal .opportunities-extension-projection-confirm h2,
.opportunities-extension-modal .oe-org-confirm-panel h3 {
  margin: 0;
  font-family: "Oracle Sans", Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: normal;
  color: #312d2a;
  min-width: 0;
  overflow-wrap: anywhere;
}
.opportunities-extension-modal[data-theme="dark"] :is(
  .opportunities-extension-header,
  .opportunities-extension-account-plans-header,
  .opportunities-extension-preferences-header,
  .opportunities-extension-debug-panel-header,
  .oe-org-editor-header
) :is(h1, h2, h3),
.opportunities-extension-modal[data-theme="dark"] .opportunities-extension-projection-confirm h2,
.opportunities-extension-modal[data-theme="dark"] .oe-org-confirm-panel h3 {
  color: #f6f4f2;
}