/* Minification failed. Returning unminified contents. (5,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (186,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (203,29): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-height' (221,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (230,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted' (235,25): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (247,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted' (251,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (259,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle' (271,30): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (282,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (347,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (367,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (372,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted' (378,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (391,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (408,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (435,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (445,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (462,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (499,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-gold-tint' (527,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (537,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (547,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted' (551,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (556,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-gold-tint' (561,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (600,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted' (605,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (633,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent-soft' (636,31): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent-soft' (639,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted' (642,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (643,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (644,24): run-time error CSS1039: Token not allowed after unary operator: '-border-default' (652,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (655,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (659,24): run-time error CSS1039: Token not allowed after unary operator: '-border-strong' (666,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle' (667,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (668,24): run-time error CSS1039: Token not allowed after unary operator: '-border-strong' (671,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (675,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (676,17): run-time error CSS1039: Token not allowed after unary operator: '-text-on-dark' (680,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle' (681,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (682,24): run-time error CSS1039: Token not allowed after unary operator: '-border-strong' (686,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted' (692,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (693,24): run-time error CSS1039: Token not allowed after unary operator: '-border-strong' (694,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (698,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted' (699,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (700,24): run-time error CSS1039: Token not allowed after unary operator: '-border-strong' (704,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (705,24): run-time error CSS1039: Token not allowed after unary operator: '-border-strong' (706,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (709,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted' (710,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (711,24): run-time error CSS1039: Token not allowed after unary operator: '-border-strong' (715,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (716,24): run-time error CSS1039: Token not allowed after unary operator: '-border-strong' (719,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (722,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted' (725,28): run-time error CSS1039: Token not allowed after unary operator: '-border-default' (729,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle' (730,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (731,24): run-time error CSS1039: Token not allowed after unary operator: '-border-strong' (855,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (856,28): run-time error CSS1039: Token not allowed after unary operator: '-border-default' (860,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (882,21): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (887,30): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted' (888,32): run-time error CSS1039: Token not allowed after unary operator: '-border-default' (892,25): run-time error CSS1039: Token not allowed after unary operator: '-danger' (900,26): run-time error CSS1039: Token not allowed after unary operator: '-border-default' (912,32): run-time error CSS1039: Token not allowed after unary operator: '-border-default' (914,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (915,21): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (920,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent' (946,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent' (947,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (961,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent' (970,17): run-time error CSS1039: Token not allowed after unary operator: '-text-tertiary' (986,17): run-time error CSS1039: Token not allowed after unary operator: '-text-body' (999,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (1000,28): run-time error CSS1039: Token not allowed after unary operator: '-border-default' (1003,17): run-time error CSS1039: Token not allowed after unary operator: '-text-body' (1011,57): run-time error CSS1030: Expected identifier, found '>' (1011,59): run-time error CSS1030: Expected identifier, found '.' (1011,79): run-time error CSS1031: Expected selector, found ')' (1011,79): run-time error CSS1025: Expected comma or open brace, found ')' (1029,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-purple-tint' (1030,35): run-time error CSS1039: Token not allowed after unary operator: '-border-default' (1031,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (1059,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (1070,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle' (1071,28): run-time error CSS1039: Token not allowed after unary operator: '-border-default' (1094,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-purple-tint' (1095,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (1097,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (1126,17): run-time error CSS1039: Token not allowed after unary operator: '-text-tertiary' (1137,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent' (1150,35): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent' (1151,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (1164,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (1174,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent' (1193,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (1202,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary-dark' (1238,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle' (1239,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (1241,17): run-time error CSS1039: Token not allowed after unary operator: '-text-body' (1251,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent' (1260,21): run-time error CSS1030: Expected identifier, found '.' (1260,38): run-time error CSS1031: Expected selector, found ')' (1260,38): run-time error CSS1025: Expected comma or open brace, found ')' (1265,21): run-time error CSS1030: Expected identifier, found '.' (1265,38): run-time error CSS1031: Expected selector, found ')' (1265,38): run-time error CSS1025: Expected comma or open brace, found ')' (1280,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-purple-tint' (1336,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-purple-tint' (1337,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (1348,17): run-time error CSS1039: Token not allowed after unary operator: '-text-body' (1368,17): run-time error CSS1039: Token not allowed after unary operator: '-text-body' (1372,17): run-time error CSS1039: Token not allowed after unary operator: '-text-body' (1376,17): run-time error CSS1039: Token not allowed after unary operator: '-text-body' (1381,17): run-time error CSS1039: Token not allowed after unary operator: '-text-strong' (1385,22): run-time error CSS1039: Token not allowed after unary operator: '-text-strong' (1393,17): run-time error CSS1039: Token not allowed after unary operator: '-text-strong' (1397,17): run-time error CSS1039: Token not allowed after unary operator: '-text-body' (1401,17): run-time error CSS1039: Token not allowed after unary operator: '-text-body' (1405,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-purple-tint' (1418,39): run-time error CSS1030: Expected identifier, found '.' (1418,62): run-time error CSS1031: Expected selector, found ')' (1418,62): run-time error CSS1025: Expected comma or open brace, found ')' (1434,47): run-time error CSS1030: Expected identifier, found '.' (1434,67): run-time error CSS1031: Expected selector, found ')' (1434,67): run-time error CSS1025: Expected comma or open brace, found ')' (1459,17): run-time error CSS1039: Token not allowed after unary operator: '-text-tertiary' (1475,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary-soft' (1476,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (1477,17): run-time error CSS1039: Token not allowed after unary operator: '-text-body' (1487,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-purple-tint' (1488,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (1489,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (1500,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted' (1501,17): run-time error CSS1039: Token not allowed after unary operator: '-text-tertiary' (1511,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (1512,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (1518,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary-soft' (1519,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (1528,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-purple-tint' (1530,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (1536,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (1537,17): run-time error CSS1039: Token not allowed after unary operator: '-text-body' (1538,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary-soft' (1543,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-purple-tint' (1544,17): run-time error CSS1039: Token not allowed after unary operator: '-text-strong' (1545,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (1549,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted' (1550,17): run-time error CSS1039: Token not allowed after unary operator: '-text-tertiary' (1554,17): run-time error CSS1039: Token not allowed after unary operator: '-text-body' (1555,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary-soft' (1560,17): run-time error CSS1039: Token not allowed after unary operator: '-text-strong' (1585,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (1586,28): run-time error CSS1039: Token not allowed after unary operator: '-border-default' (1613,31): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (1621,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (1629,17): run-time error CSS1039: Token not allowed after unary operator: '-text-tertiary' (1635,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle' (1644,17): run-time error CSS1039: Token not allowed after unary operator: '-text-body' (1650,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent' (1652,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (1660,17): run-time error CSS1039: Token not allowed after unary operator: '-text-tertiary' (1667,17): run-time error CSS1039: Token not allowed after unary operator: '-text-body' (1672,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (1673,28): run-time error CSS1039: Token not allowed after unary operator: '-border-default' (1680,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-purple-tint' (1681,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (1701,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (1707,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-purple-tint' (1708,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (1710,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (1720,46): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted' (1720,72): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle' (1727,17): run-time error CSS1039: Token not allowed after unary operator: '-text-tertiary' (1735,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent' (1741,35): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent' (1742,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (1750,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (1757,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent' (1767,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (1782,46): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted' (1782,72): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle' (1790,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle' (1791,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (1794,17): run-time error CSS1039: Token not allowed after unary operator: '-text-body' (1803,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent' (1845,28): run-time error CSS1039: Token not allowed after unary operator: '-border-light' (1847,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (1854,31): run-time error CSS1039: Token not allowed after unary operator: '-border-light' (1870,17): run-time error CSS1039: Token not allowed after unary operator: '-text-body' (1908,27): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-thumb' (1911,28): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-thumb' (1914,28): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-thumb-hover' (1921,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (1922,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-purple-tint' (1929,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (1930,24): run-time error CSS1039: Token not allowed after unary operator: '-border-default' (1933,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (1934,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-purple-tint' */ /* Styles for BUZZHub rich text editor */ .bh-rte-toolbar { position: sticky; top: 0; background: var(--bg-surface, #fff); z-index: 100; padding: 4px 0; display: flex; flex-wrap: wrap; gap: 4px; align-items: center; } .bh-rte-editor { position: relative; border: 1px solid #ccc; min-height: 200px; padding: 4px; font-family: Arial, sans-serif; overflow-y: auto; max-height: 80vh; resize: vertical; /* Height SNAPS, does not transition. The second .bh-rte-editor rule below (line ~190) declares `transition: padding-top 0.15s` which silently overrides any transition declared here (CSS transition shorthand has no merge semantics). The original intent (smooth grow/shrink during autoGrow) has not been live since the second rule was added. Reviving it requires refactoring autoGrow to drop its `style.height='auto'`-then-numeric pattern -- otherwise rapid typing queues overlapping transitions and causes visible jank. See Loop B in .claude/plans/looking-at-the-rte-delegated-dongarra.md. */ } .bh-rte-editor table { border-collapse: collapse; position: relative; } .bh-rte-editor td, .bh-rte-editor th { position: relative; } .col-resizer { position: absolute; top: 0; right: -2px; width: 4px; cursor: col-resize; user-select: none; height: 100%; z-index: 1; } .table-resizer { position: absolute; bottom: -2px; right: -2px; width: 8px; height: 8px; cursor: nwse-resize; background: transparent; z-index: 2; } /* Allow native image drag/resize and forward pointer events */ .bh-rte-editor img { max-width: none !important; display: inline-block !important; position: static !important; pointer-events: auto !important; user-select: auto !important; touch-action: manipulation !important; } /* optional helper class to enable pointer interaction globally */ img.bh-pointer { max-width: none !important; display: inline-block !important; position: static !important; pointer-events: auto !important; user-select: auto !important; touch-action: manipulation !important; } /* override global pseudo elements that block mouse events */ .bh-rte-editor img::before, .bh-rte-editor img::after, img.bh-pointer::before, img.bh-pointer::after { display: none !important; content: none !important; pointer-events: none !important; } .bh-rte-editor img.selected { outline: 2px dashed #3b99fc; cursor: nwse-resize; } .bh-rte-editor img:focus:not(.selected) { outline: none !important; } .bh-rte-editor ol, .bh-rte-editor ul { padding-left: 3em; list-style-position: outside; } .bh-rte-editor li { font-family: inherit; font-size: inherit; color: inherit; } .bh-rte-editor li::marker { font-family: inherit; font-size: inherit; color: inherit; } .bh-rte-editor table { border-collapse: collapse; width: 100%; } .bh-rte-editor table td, .bh-rte-editor table th { border: 1px solid #ccc; padding: 4px; } .bh-rte-editor table { width: auto; table-layout: fixed; /* so your pixel widths stick */ } .bh-rte-overlay { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; display: none; /* toggled by JS: overlay.style.display = 'flex' */ pointer-events: none; /* or auto if you want to block interactions while loading */ background: rgba(255,255,255,0.6); z-index: 9999; align-items: center; justify-content: center; } .bh-rte-overlay.show { display: flex; pointer-events: auto; } .bh-rte-overlay .spinner-border { position: static !important; } /* outer wrapper */ .bh-rte-container { position: relative; border: 1px solid #fdb913; border-radius: 4px; margin-top: 5px; padding-left: 2px; margin-bottom: 5px; overflow: hidden; /* 2026-05-11: container queries below adapt the toolbar to THIS wrapper's width rather than the viewport, so RTE mounted in modals/sidebars/two-col layouts collapses to the minimal toolbar even on a wide desktop. */ container-type: inline-size; container-name: bh-rte; } /* split the border between toolbar & editor */ .bh-rte-container .bh-rte-toolbar { border-bottom: 1px solid #fdb913; } .word-count { font-size: .875rem; color: var(--text-secondary, #666); user-select: none; } /* editor already has padding, so just remove its own border */ .bh-rte-editor { border: none; min-height: 200px; font-family: Arial, sans-serif; resize: vertical; border: none; min-height: 200px; resize: vertical; padding: 0 0.75rem 0.375rem; transition: padding-top 0.15s; } .bh-rte-toolbar.show + .bh-rte-editor { padding-top: calc( var(--toolbar-height) + 4px ); } .bh-rte-editor.form-control { padding: 0 .75rem .375rem; } .bh-rte-container { border: 1px solid #fdb913; border-radius: 4px; overflow: hidden; } .bh-rte-toolbar { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; padding: 4px 0; background: var(--bg-surface, #fff); position: sticky; top: 0; z-index: 100; width: 100%; padding-right: 5px; } .bh-rte-toolbar button.active { background-color: var(--bg-muted, #f0f0f0); box-shadow: inset 0 1px 3px rgba(0,0,0,0.2); } .bh-rte-toolbar button.active i { color: var(--brand-primary, #3d1a6f); } /* Example: hover/active combined */ .bh-rte-toolbar button.active:hover { background-color: #d0d0d0; } #tableGrid .cell { width: 20px; height: 20px; border: 1px solid #ccc; background: var(--bg-muted, #f8f8f8); } #tableGrid .cell.hovered { background-color: var(--brand-primary, #3d1a6f); } .bh-rte-toolbar .bh-table-dropdown #tableGrid .cell { width: 20px; height: 20px; background: var(--bg-subtle, #f9f9f9); border: 1px solid #ccc; cursor: pointer; } /* 1. Make the dropdown wrapper position itself as the origin */ .bh-rte-toolbar .bh-table-dropdown { position: relative; } .bh-rte-toolbar .bh-table-dropdown #tableGrid .cell.hovered { background: var(--brand-primary, #3d1a6f); } /* 2. Hide the entire panel by default, and absolutely position it */ .bh-rte-toolbar .bh-table-dropdown .bh-table-panel { display: none; position: absolute; top: calc(100% + 4px); right: 0; background: var(--bg-surface, #fff); border: 1px solid #ccc; padding: 8px; z-index: 2000; box-shadow: 0 2px 6px rgba(0,0,0,0.15); } /* 3. When its parent has �open�, show the panel */ .bh-rte-toolbar .bh-table-dropdown.open .bh-table-panel { display: block; } /* 4. Tidy the button row under the grid */ .bh-rte-toolbar .bh-table-dropdown #bh-table-controls { margin-top: 8px; display: flex; gap: 4px; } .bh-rte-editor.form-control { border: none; color: black; } .bh-rte-editor.form-control { /* default height */ min-height: 300px; } /* Override by wrapper size */ .richtextwrapper-xs .bh-rte-editor.form-control { min-height: 150px; } .richtextwrapper-sm .bh-rte-editor.form-control { min-height: 200px; } .RadMultiLine .bh-rte-editor.form-control { min-height: 200px; } .richtextwrapper-lg .bh-rte-editor.form-control { min-height: 700px; } .RTEHeading .bh-rte-editor.form-control { min-height: 75px; font-weight: 900; font-size: 25px !important; } /* Always override for screens under 990px */ @media (max-width: 990px) { .bh-rte-editor.form-control { min-height: 400px !important; } } .richtextwrapper-sm .bh-rte-container { margin-bottom: 2em; } /* Table Context Menu */ .bh-table-context-menu { position: fixed; z-index: 10000; background: var(--bg-surface, #fff); border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); padding: 4px 0; min-width: 160px; display: none; } .bh-table-context-menu.show { display: block; } .bh-table-context-menu .menu-item { display: flex; align-items: center; gap: 8px; padding: 8px 12px; cursor: pointer; font-size: 14px; color: var(--text-primary, #333); transition: background 0.15s; } .bh-table-context-menu .menu-item:hover { background: var(--bg-muted, #f0f0f0); } .bh-table-context-menu .menu-item i { width: 16px; text-align: center; color: var(--text-secondary, #666); } .bh-table-context-menu .menu-divider { height: 1px; background: #e0e0e0; margin: 4px 0; } /* Table cell size dialog */ .bh-cell-size-dialog { position: fixed; z-index: 10001; background: var(--bg-surface, #fff); border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); padding: 12px; min-width: 200px; display: none; } .bh-cell-size-dialog.show { display: block; } .bh-cell-size-dialog label { display: block; font-size: 13px; margin-bottom: 4px; color: var(--text-primary, #333); } .bh-cell-size-dialog input { width: 100%; padding: 6px 8px; border: 1px solid #ccc; border-radius: 4px; margin-bottom: 10px; font-size: 14px; } .bh-cell-size-dialog .dialog-buttons { display: flex; gap: 8px; justify-content: flex-end; } .bh-cell-size-dialog button { padding: 6px 12px; border: none; border-radius: 4px; cursor: pointer; font-size: 13px; } .bh-cell-size-dialog .btn-apply { background: var(--brand-primary, #3d1a6f); color: #fff; } .bh-cell-size-dialog .btn-apply:hover { background: #0056b3; } .bh-cell-size-dialog .btn-cancel { background: #e0e0e0; color: var(--text-primary, #333); } .bh-cell-size-dialog .btn-cancel:hover { background: #ccc; } /* ========================================================================= Fullscreen Mode ========================================================================= */ .bh-rte-container.bh-rte-fullscreen { position: fixed !important; inset: 0; z-index: 2147483646; border-radius: 0; margin: 0; border: none; background: var(--bg-surface, #fff); display: flex; flex-direction: column; } .bh-rte-fullscreen .bh-rte-toolbar { position: relative !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; flex: 0 0 auto; border-bottom: 2px solid #3d1a6f; padding: 8px 12px; } .bh-rte-fullscreen .bh-rte-editor.form-control { flex: 1 1 auto; min-height: 0 !important; max-height: none !important; height: auto !important; border: none; padding: 16px 24px; overflow-y: auto; resize: none; } /* Icon swap for fullscreen toggle is handled in JS (FA 7 uses --fa custom props) */ /* ========================================================================= Find & Replace Bar ========================================================================= */ .bh-rte-find-bar { display: none; flex-wrap: wrap; gap: 6px; align-items: center; padding: 8px 12px; background: var(--bg-gold-tint, #fdf8ec); border-bottom: 1px solid #fdb913; font-size: 0.85rem; } .bh-rte-find-bar.show { display: flex; } .bh-rte-find-bar input { flex: 1 1 120px; max-width: 220px; padding: 4px 8px; border: 1px solid #ccc; border-radius: 4px; font-size: 0.85rem; } .bh-rte-find-bar input:focus { outline: none; border-color: #3d1a6f; box-shadow: 0 0 0 2px rgba(61, 26, 111, 0.15); } .bh-rte-find-bar button { padding: 4px 10px; border: 1px solid #ccc; border-radius: 4px; background: var(--bg-surface, #fff); cursor: pointer; font-size: 0.85rem; } .bh-rte-find-bar button:hover { background: #e8e8e8; } .bh-rte-find-bar .bh-find-count { color: var(--text-secondary, #666); min-width: 50px; font-size: 0.8rem; } .bh-rte-find-bar .bh-find-close { border: none; background: none; font-size: 1.1rem; padding: 2px 6px; color: var(--text-muted, #999); } .bh-rte-find-bar .bh-find-close:hover { color: var(--text-primary, #333); } /* Highlight for find matches */ .bh-find-match { background: var(--bg-gold-tint, #fff59d); border-radius: 2px; } .bh-find-match.bh-find-current { background: var(--brand-primary, #3d1a6f); color: #fff; border-radius: 2px; } /* Find bar mobile responsive */ @media (max-width: 576px) { .bh-rte-find-bar { gap: 4px; padding: 6px 8px; } .bh-rte-find-bar input { max-width: none; flex: 1 1 100%; } .bh-rte-find-bar .bh-find-replace-one, .bh-rte-find-bar .bh-find-replace-all { font-size: 0.75rem; padding: 4px 6px; } } /* ========================================================================= Color Picker Buttons (Font Color + Highlight Color) ========================================================================= */ .bh-color-btn { position: relative; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; width: 32px; height: 32px; cursor: pointer; border-radius: 4px; transition: background 0.15s; } .bh-color-btn:hover { background: var(--bg-muted, #f0f0f0); } .bh-color-btn i { font-size: 14px; color: var(--text-primary, #333); line-height: 1; } .bh-color-bar { display: block; width: 18px; height: 4px; border-radius: 1px; margin-top: 2px; background: #000; } .bh-color-input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; border: none; padding: 0; } /* ============================================================================= DARK MODE -- Rich Text Editor ============================================================================= */ [data-theme="dark"] .bh-rte-container { border-color: var(--brand-accent-soft, #8a6d18); } [data-theme="dark"] .bh-rte-container .bh-rte-toolbar { border-bottom-color: var(--brand-accent-soft, #8a6d18); } [data-theme="dark"] .bh-rte-toolbar { background: var(--bg-muted, #1e1e1e); } [data-theme="dark"] .bh-rte-editor { background: var(--bg-surface, #141414); color: var(--text-primary, #e8e8e8); border-color: var(--border-default, #2a2a2a); } /* Force all RTE content to light text in dark mode. Inline color styles from pasted/authored content (black, #333, etc.) become invisible on dark backgrounds. This blanket rule overrides ALL inline text colour. Users who intentionally set coloured text (red highlights etc.) will see it reset to white in dark mode, which is the correct trade-off vs unreadable black-on-black. */ [data-theme="dark"] .bh-rte-editor * { color: var(--text-primary, #e8e8e8) !important; } [data-theme="dark"] .bh-rte-editor a { color: var(--brand-primary, #a76bdf) !important; } [data-theme="dark"] .bh-rte-editor table td, [data-theme="dark"] .bh-rte-editor table th { border-color: var(--border-strong, #3a3a3a); } [data-theme="dark"] .bh-rte-overlay { background: rgba(0,0,0,0.6); } /* Toolbar buttons */ [data-theme="dark"] .bh-rte-toolbar button { background: var(--bg-subtle, #1a1a1a); color: var(--text-primary, #e8e8e8); border-color: var(--border-strong, #3a3a3a); } [data-theme="dark"] .bh-rte-toolbar button:hover { background: var(--bg-surface, #141414); } [data-theme="dark"] .bh-rte-toolbar button.active, [data-theme="dark"] .bh-rte-toolbar button:active { background: var(--brand-primary, #a76bdf); color: var(--text-on-dark, #fff); } /* Toolbar selects (font family, size, format) */ [data-theme="dark"] .bh-rte-toolbar select { background: var(--bg-subtle, #1a1a1a); color: var(--text-primary, #e8e8e8); border-color: var(--border-strong, #3a3a3a); } /* Word count */ [data-theme="dark"] .word-count { color: var(--text-muted, #808080); } /* Dropdowns (font picker, color picker panels) */ [data-theme="dark"] .bh-rte-toolbar .dropdown-menu, [data-theme="dark"] .bh-font-picker, [data-theme="dark"] .bh-rte-search-panel { background: var(--bg-surface, #141414); border-color: var(--border-strong, #3a3a3a); color: var(--text-primary, #e8e8e8); } [data-theme="dark"] .bh-font-picker .font-option:hover, [data-theme="dark"] .bh-rte-search-panel input { background: var(--bg-muted, #1e1e1e); color: var(--text-primary, #e8e8e8); border-color: var(--border-strong, #3a3a3a); } /* Table dialog */ [data-theme="dark"] .bh-rte-table-dialog { background: var(--bg-surface, #141414); border-color: var(--border-strong, #3a3a3a); color: var(--text-primary, #e8e8e8); } [data-theme="dark"] .bh-rte-table-dialog input { background: var(--bg-muted, #1e1e1e); color: var(--text-primary, #e8e8e8); border-color: var(--border-strong, #3a3a3a); } /* Context menu */ [data-theme="dark"] .bh-rte-context-menu { background: var(--bg-surface, #141414); border-color: var(--border-strong, #3a3a3a); } [data-theme="dark"] .bh-rte-context-menu .ctx-item { color: var(--text-primary, #e8e8e8); } [data-theme="dark"] .bh-rte-context-menu .ctx-item:hover { background: var(--bg-muted, #1e1e1e); } [data-theme="dark"] .bh-rte-context-menu .ctx-separator { border-top-color: var(--border-default, #2a2a2a); } /* Rewrite dropdown */ [data-theme="dark"] .bh-rte-toolbar .rewrite-select { background: var(--bg-subtle, #1a1a1a); color: var(--text-primary, #e8e8e8); border-color: var(--border-strong, #3a3a3a); } /* ============================================================================= Desktop: progressive disclosure. Hide non-essential tools behind "..." toggle. Essentials kept visible: B/I/U, lists, link, undo/redo, AI rewrite, word count. Toggle persists per-user via localStorage in RichTextEditor.js init(). Mobile (<=768px) rules below override this -- mobile hides the "..." toggle too because the mobile rules already strip the same buttons. ============================================================================= */ @container bh-rte (min-width: 769px) { .bh-rte-container:not(.bh-rte-overflow-shown) .bh-rte-toolbar select.font-name, .bh-rte-container:not(.bh-rte-overflow-shown) .bh-rte-toolbar select.font-size, .bh-rte-container:not(.bh-rte-overflow-shown) .bh-rte-toolbar select.block-format, .bh-rte-container:not(.bh-rte-overflow-shown) .bh-rte-toolbar button[data-cmd="strikeThrough"], .bh-rte-container:not(.bh-rte-overflow-shown) .bh-rte-toolbar button[data-cmd="superscript"], .bh-rte-container:not(.bh-rte-overflow-shown) .bh-rte-toolbar button[data-cmd="undo"], .bh-rte-container:not(.bh-rte-overflow-shown) .bh-rte-toolbar button[data-cmd="redo"], .bh-rte-container:not(.bh-rte-overflow-shown) .bh-rte-toolbar button#linkToggleBtn, .bh-rte-container:not(.bh-rte-overflow-shown) .bh-rte-toolbar button[data-image], .bh-rte-container:not(.bh-rte-overflow-shown) .bh-rte-toolbar .bh-table-dropdown, .bh-rte-container:not(.bh-rte-overflow-shown) .bh-rte-toolbar .bh-color-btn, .bh-rte-container:not(.bh-rte-overflow-shown) .bh-rte-toolbar button[data-find-replace] { display: none !important; } /* Fullscreen stays OUT of the overflow -- always visible in the toolbar (George 2026-05-23: "ensure full screen always appears in the media release editor"). */ .bh-rte-container.bh-rte-overflow-shown .bh-rte-toolbar button[data-overflow-toggle] { background-color: var(--bg-muted, #f0f0f0); } .bh-rte-container.bh-rte-overflow-shown .bh-rte-toolbar button[data-overflow-toggle] i { color: var(--brand-primary, #3d1a6f); } } /* Narrow container: hide the overflow toggle entirely -- the narrow-container block below already strips the same set, so the toggle has nothing to reveal. */ @container bh-rte (max-width: 768px) { .bh-rte-toolbar button[data-overflow-toggle] { display: none !important; } } /* ============================================================================= Editor height clamp on small viewports. Viewport-relative (45vh) so the editor can't blow up beyond half the screen on a phone. Stays on @media because the constraint is "small SCREEN" not "narrow container". ============================================================================= */ @media (max-width: 768px) { /* Force compact min/max-height across every richtextwrapper-* and RadMultiLine variant. !important + multiple selectors needed to beat .richtextwrapper-xs/.RadMultiLine specificity AND any inline height set by autoGrow's _bhLastHeight ratchet. */ .bh-rte-editor, .richtextwrapper-xs .bh-rte-editor, .richtextwrapper-xs .bh-rte-editor.form-control, .richtextwrapper-sm .bh-rte-editor, .richtextwrapper-sm .bh-rte-editor.form-control, .richtextwrapper-lg .bh-rte-editor, .richtextwrapper-lg .bh-rte-editor.form-control, .RadMultiLine .bh-rte-editor, .RadMultiLine .bh-rte-editor.form-control, .RTEHeading .bh-rte-editor, .RTEHeading .bh-rte-editor.form-control { min-height: 120px !important; max-height: 45vh !important; height: auto !important; } } /* ============================================================================= Narrow CONTAINER: collapse RTE toolbar to essential controls. Hides font/size/style selectors, advanced formatting, color, table, AI tone, leaving bold/italic/underline/lists/link/undo/redo + clear formatting. Container-query so RTE mounted in a narrow modal/sidebar collapses to minimal even on a wide desktop viewport. System-wide -- BHRichTextEditor.ascx is shared across all pages. ============================================================================= */ @container bh-rte (max-width: 768px) { .bh-rte-toolbar { gap: 2px; padding: 2px 0; } /* Hide font / size / style selects */ .bh-rte-toolbar select.font-name, .bh-rte-toolbar select.font-size, .bh-rte-toolbar select.block-format, .bh-rte-toolbar select.tone-select, .bh-rte-toolbar #toneSelect { display: none !important; } /* Hide advanced formatting commands */ .bh-rte-toolbar button[data-cmd="strikeThrough"], .bh-rte-toolbar button[data-cmd="superscript"], .bh-rte-toolbar button[data-cmd="outdent"], .bh-rte-toolbar button[data-cmd="indent"], .bh-rte-toolbar button[data-cmd="justifyLeft"], .bh-rte-toolbar button[data-cmd="justifyCenter"], .bh-rte-toolbar button[data-cmd="justifyRight"] { display: none !important; } /* Hide image / table / color / find. Fullscreen stays visible: the compact phone toolbar is cramped, so one-tap fullscreen is the main way to get editing room. Mirrors the desktop rule that keeps fullscreen out of the "..." overflow toggle. */ .bh-rte-toolbar button[data-image], .bh-rte-toolbar button[data-find-replace], .bh-rte-toolbar .bh-table-dropdown, .bh-rte-toolbar .bh-color-btn { display: none !important; } /* Word count: keep but tighten */ .bh-rte-toolbar .word-count { font-size: 0.7rem; } } /* ============================================================================= Image on-select mini-toolbar. Floats above the selected with size / fit / align / alt / replace / remove controls. Positioned by JS (absolute inside .bh-rte-container, or fixed when appended to body). Neutral surface styling; dark-mode safe via theme tokens. ============================================================================= */ .bh-rte-img-toolbar { position: absolute; z-index: 2147483640; background: var(--bg-surface, #fff); border: 1px solid var(--border-default, #ddd); border-radius: 6px; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16); padding: 4px; color: var(--text-primary, #333); } .bh-rte-img-toolbar .bh-rte-img-toolbar-row { display: flex; flex-wrap: nowrap; align-items: center; gap: 2px; } .bh-rte-img-toolbar .bh-rte-img-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 26px; height: 26px; padding: 0 6px; font-size: 0.78rem; line-height: 1; border: 1px solid transparent; border-radius: 4px; background: transparent; color: var(--text-primary, #333); cursor: pointer; } .bh-rte-img-toolbar .bh-rte-img-btn:hover { background: var(--bg-muted, #f0f0f0); border-color: var(--border-default, #ddd); } .bh-rte-img-toolbar .bh-rte-img-btn.bh-rte-img-btn-danger:hover { color: var(--danger, #c0392b); } .bh-rte-img-toolbar .bh-rte-img-sep { display: inline-block; width: 1px; align-self: stretch; margin: 2px 3px; background: var(--border-default, #ddd); } .bh-rte-img-toolbar .bh-rte-img-alt-row { margin-top: 4px; } .bh-rte-img-toolbar input { width: 100%; box-sizing: border-box; font-size: 0.8rem; padding: 3px 6px; border: 1px solid var(--border-default, #ddd); border-radius: 4px; background: var(--bg-surface, #fff); color: var(--text-primary, #333); } .bh-rte-img-toolbar input:focus { outline: none; border-color: var(--brand-accent, #fdb913); } /* release-styles.css -- Shared "rich release" named treatments ============================================================ ONE definition for every surface that renders Media Release content: the BHRichTextEditor canvas (WYSIWYG authoring), the Newswire card, the email preview, and the PDF (Report.Master / Media Pack components). Named, semantic classes (the JS agent wraps selections in them; the markup agent's toolbar buttons trigger them). DO NOT rename without updating the Phase 1 shared contract. Brand palette only: #3d1a6f (primary) / #5a2d82 (secondary) / #fdb913 (accent gold) / cream. Dark-mode safe via theme-tokens.css tokens with hex fallbacks. Structural CSS only -- no JS dependency, so PagedJS / ChromeHtmlToPdf render the styles identically. */ /* ---------------------------------------------------------------- Pull quote -- blockquote.bh-rs-pullquote (+ optional child) Gold left-border, purple text, italic, large opening-quote glyph. ---------------------------------------------------------------- */ blockquote.bh-rs-pullquote { position: relative; margin: 1.75rem 0; padding: 0.75rem 1.25rem 0.75rem 2.5rem; border-left: 4px solid var(--brand-accent, #fdb913); color: var(--brand-primary, #3d1a6f); font-style: italic; font-size: 1.2rem; line-height: 1.5; } blockquote.bh-rs-pullquote::before { content: "\201C"; /* left double quotation mark */ position: absolute; left: 0.4rem; top: -0.1rem; font-size: 2.75rem; line-height: 1; font-style: normal; color: var(--brand-accent, #fdb913); } blockquote.bh-rs-pullquote cite { display: block; margin-top: 0.5rem; font-style: normal; font-size: 0.85rem; font-weight: 600; color: var(--text-tertiary, #888); } blockquote.bh-rs-pullquote cite::before { content: "-- "; } /* ---------------------------------------------------------------- Standfirst / intro paragraph -- p.bh-rs-standfirst Larger, medium weight, slightly muted lead-in. ---------------------------------------------------------------- */ p.bh-rs-standfirst { font-size: 1.15rem; font-weight: 500; line-height: 1.55; margin: 0 0 1.25rem; color: var(--text-body, #555); } /* ---------------------------------------------------------------- Key facts panel -- div.bh-rs-keyfacts (contains a