.e-richtexteditor
{
	background-color: white;
}
.e-richtexteditor .e-rte-content .e-content, .e-richtexteditor .e-source-content .e-content
{
	padding: 4px 4px!IMPORTANT;
	background-color: white;
}

.e-richtexteditor .e-rte-content .e-content, .e-richtexteditor .e-source-content .e-content
{
	font-size: unset!IMPORTANT;
	color: #000000!IMPORTANT;
}

.e-richtexteditor.e-rte-tb-expand {
    border: none;
}

.e-richtexteditor.e-rte-tb-expand .e-content
{
    border-top: 1px solid rgb(189, 189, 189);
}

.e-richtexteditor:not(.e-rte-toolbar-enabled) {
    border: none;
}

.e-richtexteditor.e-rte-tb-expand .e-rte-content,
.e-richtexteditor.e-rte-tb-expand .e-source-content {
 	
}

.e-richtexteditor .e-toolbar-wrapper .e-toolbar, 
.e-richtexteditor .e-toolbar-wrapper .e-toolbar .e-toolbar-items,
.e-richtexteditor .e-toolbar-wrapper .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn
{
	background-color: white!IMPORTANT;
}

.e-richtexteditor .e-rte-content .e-content, .e-richtexteditor .e-source-content .e-content
{
	min-height: unset;
}

.e-richtexteditor .e-rte-character-count 
{
    font-family: unset;
    font-size: 11px;
}

.e-richtexteditor .e-rte-content .e-content p, .e-richtexteditor .e-source-content .e-content p {
    margin: 10px 0 10px;
    /* margin-bottom: 2px; */
}

.DocumentTextAreaControlCompact .e-richtexteditor .e-rte-content .e-content p,  .DocumentTextAreaControlCompact .e-richtexteditor .e-source-content .e-content p {
    margin: 0 0 10px!IMPORTANT;
    margin-bottom: 2px!IMPORTANT;
}

.DocumentTextAreaControlNormal .e-richtexteditor .e-rte-content .e-content p, .DocumentTextAreaControlNormal .e-richtexteditor .e-source-content .e-content p {
    margin: 10px 0 10px!IMPORTANT;
}

.e-pivotview .e-valuescontent {
    padding-right: 8px;
    text-align: right!IMPORTANT;
}

.e-pivotview .e-value-field-settings, .e-pivotview .e-member-editor-dialog, .e-pivotview .e-group-field-settings {
    max-height: 600px !important;
    height: 600px!important;
    width: 450px!important;
    max-width: 450px;
}

.e-pivotview .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
    height: 340px;
}

.e-pivotview .e-member-editor-dialog .e-member-editor-container-outer-div {
    max-width: 430px;
}

.e-valuescontent .e-cellvalue
{
	display: inline-block;
    	max-width: 100%;
   	text-align: right;
    	height: 20px;
    	line-height: 20px;
}

/* ============================================================
   ELEVATED CARDS DESIGN - Kohezion Pivot Restyling
   Design tokens mirror calendar_sidebar.css palette.
   CHART RENDERING IS NOT MODIFIED - no rules target
   .e-pivotchart, .e-pivotchart-inner, svg, or any chart selectors.

   DOM STRUCTURE NOTES (from live inspection):
   - Pivot uses frozen two-table layout: left table = row headers, right = values
   - ALL value cells have class e-gtot e-summary (not just grand total)
   - Grand Total row is identified by its row header cell having e-gtot + e-rowsheader
   - Grouping bar uses e-grouping-bar > e-all-fields-axis > e-pivot-button
   - Toolbar uses e-pivot-toolbar > e-toolbar-item > e-tbar-btn
   ============================================================ */

/* -- Design Tokens ------------------------------------------ */
:root {
    --kp-brand: #249EF5;
    --kp-brand-border: #ABCEEB;
    --kp-navy: #0B3764;
    --kp-slate: #8C9BB5;
    --kp-meta: #A0AEC0;
    --kp-border: #DEE0E3;
    --kp-border-light: #f0f2f5;
    --kp-bg-tint: #FAFBFD;
    --kp-bg-hover: #F8FDFF;
    --kp-bg-chip: #EBF2F8;
    --kp-bg-today: #EBF5FF;
    --kp-r-btn: 6px;
    --kp-r-pill: 20px;
}

/* -- Pivot Container ----------------------------------------
   The overall pivotview gets white background, rounded corners, shadow
   ----------------------------------------------------------- */
.e-pivotview {
    background: #fff !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 6px rgba(0,0,0,.04) !important;
    border: 1px solid #DEE0E3 !important;
    /* visible lets Syncfusion's internal horizontal scrollbar render past the
       pivot's box; clipping is handled by an ancestor scroll context. Trade-off:
       toolbar/grouping-bar hover backgrounds may paint over the 8px corner radius. */
    overflow: visible !important;
}

/* -- Toolbar ------------------------------------------------
   Selector: .e-pivot-toolbar .e-toolbar-item .e-tbar-btn
   Each button is a <button class="e-tbar-btn e-control e-btn e-lib e-icon-btn">
   ----------------------------------------------------------- */
.e-pivotview .e-pivot-toolbar {
    background: #fff !important;
    border-bottom: 1px solid var(--kp-border) !important;
    border-radius: 8px 8px 0 0 !important;
    min-height: 40px !important;
    padding: 6px 16px !important;
}

.e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn {
    border: 1px solid var(--kp-border) !important;
    border-radius: var(--kp-r-btn) !important;
    background: #fff !important;
    color: var(--kp-slate) !important;
}

.e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn:hover {
    background: var(--kp-bg-chip) !important;
    border-color: var(--kp-brand-border) !important;
    color: var(--kp-brand) !important;
}

.e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn:focus {
    background: var(--kp-bg-today) !important;
    border-color: var(--kp-brand) !important;
    color: var(--kp-brand) !important;
    box-shadow: none !important;
}

.e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn .e-icons {
    color: inherit !important;
}

.e-pivotview .e-pivot-toolbar .e-toolbar-items {
    background: #fff !important;
}

.e-pivotview .e-pivot-toolbar .e-separator {
    width: 1px !important;
    height: 24px !important;
    background: var(--kp-border) !important;
}

/* -- Grouping Bar -------------------------------------------
   The all-fields strip is: .e-grouping-bar > .e-all-fields-axis
   Axis zones are inside nested containers below .e-grouping-bar
   Field pills are: .e-pivot-button (inside .e-pvt-btn-div)
   ----------------------------------------------------------- */
.e-pivotview .e-grouping-bar {
    background: #fff !important;
    border: none !important;
    border-bottom: 1px solid var(--kp-border-light) !important;
}

/* Sub-containers within grouping bar */
.e-pivotview .e-grouping-bar .e-group-rows,
.e-pivotview .e-grouping-bar .e-group-columns,
.e-pivotview .e-grouping-bar .e-group-values,
.e-pivotview .e-grouping-bar .e-group-filters,
.e-pivotview .e-grouping-bar .e-group-all-fields {
    background: #fff !important;
    border: none !important;
}

/* All-fields strip (top row of draggable field pills) */
.e-pivotview .e-grouping-bar .e-all-fields-axis,
.e-pivotview .e-grouping-bar .e-group-all-fields {
    padding: 10px 16px !important;
    gap: 8px !important;
    align-items: center !important;
}

/* The inner toolbar items container in the all-fields strip */
.e-pivotview .e-grouping-bar .e-all-fields-axis .e-toolbar-items,
.e-pivotview .e-grouping-bar .e-group-all-fields .e-toolbar-items {
    display: flex !important;
    align-items: center !important;
    background: #fff !important;
}

/* Pill spacing within axis zones */
.e-pivotview .e-pvt-btn-div {
    margin: 2px 4px !important;
}

.e-pivotview .e-pivot-button {
    border-radius: var(--kp-r-pill) !important;
    background: var(--kp-bg-tint) !important;
    border: 1px solid var(--kp-border) !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 4px 12px !important;
    height: auto !important;
    line-height: normal !important;
}

.e-pivotview .e-pivot-button:hover {
    border-color: var(--kp-brand-border) !important;
    background: var(--kp-bg-chip) !important;
}

.e-pivotview .e-pivot-button .e-content {
    color: var(--kp-navy) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.e-pivotview .e-pivot-button .e-pvt-btn-content {
    display: inline-flex !important;
    align-items: center !important;
}

.e-pivotview .e-pivot-button .e-icons {
    color: var(--kp-slate) !important;
    align-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
}

.e-pivotview .e-pivot-button .e-remove,
.e-pivotview .e-pivot-button .e-sort,
.e-pivotview .e-pivot-button .e-dropdown-icon,
.e-pivotview .e-pivot-button .e-btn-filter {
    align-self: center !important;
}

/* -- Grid ---------------------------------------------------
   Header: .e-headercell (TH elements)
   Data rows: .e-row > .e-rowcell
   Row headers: .e-rowcell.e-rowsheader
   Value cells: .e-rowcell.e-valuescontent
   Grand Total label: .e-rowcell.e-gtot.e-rowsheader (text "Grand Total")
   NOTE: ALL value cells in simple view have e-gtot - cannot use e-gtot alone
   ----------------------------------------------------------- */
.e-pivotview .e-grid .e-headercell {
    padding: 10px 14px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: var(--kp-navy) !important;
    background: var(--kp-bg-tint) !important;
    border-bottom: 2px solid var(--kp-border) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
}

/* Header cell value text */
.e-pivotview .e-grid .e-headercell .e-headercelldiv,
.e-pivotview .e-grid .e-headercell .e-headertext {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: var(--kp-navy) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
}

.e-pivotview .e-grid .e-rowcell {
    padding: 9px 14px !important;
    font-size: 13px !important;
    border-bottom: 1px solid var(--kp-border-light) !important;
}

.e-pivotview .e-grid .e-rowcell.e-valuescontent {
    font-variant-numeric: tabular-nums;
    font-weight: 500;
}

.e-pivotview .e-grid .e-rowcell.e-valuescontent .e-cellvalue {
    color: var(--kp-navy) !important;
}

.e-pivotview .e-grid .e-rowcell.e-rowsheader {
    font-weight: 500;
    color: var(--kp-navy) !important;
}

/* Row header cell value text */
.e-pivotview .e-grid .e-rowcell.e-rowsheader .e-cellvalue {
    color: var(--kp-navy) !important;
}

/* Grid container - keep Syncfusion's native border/overflow for scrollbar support */
.e-pivotview .e-grid {
    background: #fff !important;
}

/* Do NOT override height on grid content containers - breaks scrolling */

/* Do NOT override any grid content, frozen, or movable container styles -
   it breaks Syncfusion's scroll synchronization between frozen and movable tables */

/* Row hover */
.e-pivotview .e-grid tr.e-row:hover .e-rowcell {
    background: #F8FDFF !important;
}

.e-pivotview .e-grid tr.e-row:hover .e-rowcell:first-child {
    box-shadow: inset 3px 0 0 #249EF5;
}