/* Revenue Rounds UI/UX wow-factor CSS fixes, header fallback, and form polish. — Created: 2026-05-23 02:51:27 — Bricks MCP Sandbox */
/* Revenue Rounds UI/UX wow-factor CSS fixes - Bricks MCP Sandbox */

/* Replace heavyweight Material Symbols with lightweight system-rendered markers. */
.material-symbols-outlined {
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 0 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  width: 1em;
  height: 1em;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
.material-symbols-outlined::before { font-size: 1.1rem; line-height: 1; font-weight: 900; }
.material-symbols-outlined[data-icon="monitoring"]::before { content: "UP"; font-size: .72rem; }
.material-symbols-outlined[data-icon="receipt_long"]::before { content: "R"; }
.material-symbols-outlined[data-icon="group_add"]::before { content: "+"; }
.material-symbols-outlined[data-icon="trending_up"]::before { content: "UP"; font-size: .72rem; }
.material-symbols-outlined[data-icon="trending_down"]::before { content: "DN"; font-size: .72rem; }
.material-symbols-outlined:not([data-icon])::before { content: "OK"; font-size: .72rem; }

#brx-content .brxe-button, #brx-content .bricks-button, #brx-content a.brxe-button { cursor: pointer; }
#brx-content a.brxe-button { text-decoration: none; }
#brx-content .brxe-button[href], #brx-content a[href].bricks-button { min-height: 44px; }
#brx-content h2 { letter-spacing: 0; }
#brx-content .rr-live-section + section { border-top: 0; }

/* Header and off-canvas fixes. */
#brx-header, #brxe-rrhs01 { overflow: visible !important; }
#brx-header { position: relative !important; z-index: 10000 !important; }
#brxe-rrhs01 { overflow: visible !important; z-index: 10000 !important; }
#mm-canvas-brxe-rrhmob.mm-xpanded,
#mm-canvas-brxe-rrhmob[aria-hidden="false"],
#brxe-rrhs01 .mobile-mortar .mm-canvas.mm-xpanded {
  position: fixed !important;
  top: 0 !important;
  right: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  width: min(86vw, 370px) !important;
  height: 100dvh !important;
  min-height: 100vh !important;
  max-height: none !important;
  overflow-y: auto !important;
  z-index: 100000 !important;
  padding: 92px 22px 28px !important;
  background: #fbfdff !important;
  box-shadow: 24px 0 70px rgba(16, 32, 42, .22) !important;
  display: block !important;
  visibility: visible !important;
}
#mm-canvas-brxe-rrhmob.mm-xpanded .brxe-mm-wrapper,
#mm-canvas-brxe-rrhmob[aria-hidden="false"] .brxe-mm-wrapper {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
#mm-canvas-brxe-rrhmob.mm-xpanded .mm-item-link,
#mm-canvas-brxe-rrhmob[aria-hidden="false"] .mm-item-link {
  width: 100% !important;
  min-height: 54px !important;
}
@media (min-width: 941px) {
  #brxe-rrhdes a[href*="/demo-contact/"] { display: none !important; }
}
@media (max-width: 940px) {
  #mm-canvas-brxe-rrhmob a[href*="/demo-contact/"] {
    margin-top: 10px !important;
    justify-content: center !important;
    background: #157f7b !important;
    color: #ffffff !important;
    box-shadow: 0 14px 34px rgba(21, 127, 123, .22) !important;
  }
}

/* Demo form readability and tap targets. */
#brxe-6f5eaa .form-group,
#brxe-6f5eaa .form-field,
#brxe-6f5eaa .bricks-form__field { text-align: left; }
#brxe-6f5eaa label.rr-field-label {
  display: block !important;
  margin: 0 0 7px !important;
  color: #10202a !important;
  font-size: .9rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}
#brxe-6f5eaa input,
#brxe-6f5eaa select,
#brxe-6f5eaa textarea {
  min-height: 48px !important;
}
#brxe-6f5eaa textarea { min-height: 122px !important; }

@media (max-width: 478px) {
  #brx-content .brxe-button, #brx-content .bricks-button, #brx-content a.brxe-button { width: 100%; white-space: normal; text-align: center; }
}