/* Light theme */
:root {
    --bg-main: #ffffff;
    --text-color: #212529;
    --sidebar-gradient-start: #133e73;
    --sidebar-gradient-end: #005CA9;
    --sidebar-logo-bg: #133e73;
    --sidebar-logo-border: #012b59;
    --toprow-bg: #f7f7f7;
    --toprow-border: #d6d5d5;
    --bc-parent-color: #808080;
    --bc-sep-color: #6c6c6c;
    --bc-item-color: #333333;
    --modal-bg: #ffffff;
    --modal-shadow: rgba(0, 0, 0, 0.3);
    --modal-backdrop: rgba(0, 0, 0, 0.4);
    /*Floating menus (user menu, language switcher) - darker surface than modals, matches SimoIT_NEW*/
    --menu-bg: #ffffff;
    --menu-border: #d6d5d5;
    --link-color: #006bb7;
    --reconnect-btn-bg: #6b9ed2;
    --reconnect-btn-hover: #3b6ea2;
    --reconnect-spinner: #0087ff;
    --button-green-bg: #4CAF50;
    --button-green-text: #ffffff;
    --button-emerald-bg: #0c6a5e;
    --button-emerald-text: #ffffff;
    --button-emerald-hover: rgba(12, 106, 94, 0.12);
    --button-lightblue-bg: #2196f3;
    --button-lightblue-text: #ffffff;
    --button-base-light-bg: #dbdee3;
    --button-base-light-text: #1f1f20;
    --button-base-light-color: #6d7c8c;
    --button-base-normal-bg: #aab7bd;
    --button-base-normal-text: #000000;
    --button-base-normal-color: #384858;
    --button-base-dark-bg: #586373;
    --button-base-dark-text: #ffffff;
    --button-base-dark-color: #0d1318;
    --button-pink-bg: #e83174;
    --button-pink-text: #ffffff;
    --button-purple-bg: #765bd5;
    --button-purple-text: #ffffff;
    --button-orange-bg: #fd8720;
    --button-orange-text: #ffffff;
    --button-red-bg: #f44336;
    --button-red-text: #ffffff;
    --button-blue-bg: #3F57D9;
    --button-blue-text: #ffffff;
    --button-brandblue-bg: #005CA9;
    --button-brandblue-text: #ffffff;
    --button-brandblue-hover: rgba(0, 92, 169, 0.12);
    --button-green-hover: rgba(76, 175, 80, 0.12);
    --button-lightblue-hover: rgba(33, 150, 243, 0.12);
    --button-base-normal-hover: rgba(170, 183, 189, 0.20);
    --button-base-light-hover: rgba(219, 222, 227, 0.30);
    --button-base-dark-hover: rgba(88, 99, 115, 0.15);
    --button-blue-hover: rgba(63, 87, 217, 0.12);
    --button-purple-hover: rgba(118, 91, 213, 0.12);
    --button-pink-hover: rgba(232, 49, 116, 0.12);
    --button-orange-hover: rgba(253, 135, 32, 0.12);
    --button-red-hover: rgba(244, 67, 54, 0.12);
}

/* Dark theme */
.dark-theme {
    --bg-main: #1e1e1e;
    --text-color: #c9c9c9;
    --rz-border-color: var(--rz-base-400);
    --sidebar-gradient-start: #152b4a;
    --sidebar-gradient-end: #163868;
    --sidebar-logo-bg: #152b4a;
    --sidebar-logo-border: #0d1e34;
    --toprow-bg: #252525;
    --toprow-border: #141414;
    --bc-parent-color: #888888;
    --bc-sep-color: #777777;
    --bc-item-color: #cccccc;
    --modal-bg: #2d2d2d;
    --modal-shadow: rgba(0, 0, 0, 0.6);
    --modal-backdrop: rgba(0, 0, 0, 0.7);
    --menu-bg: #171717;
    --menu-border: #000000;
    --link-color: #4aabef;
    --reconnect-btn-bg: #2a4a6e;
    --reconnect-btn-hover: #1e3a5a;
    --reconnect-spinner: #4aabef;
    --button-green-bg: #1f3524;
    --button-green-text: #28D433;
    --button-green-border: #1e9e26;
    --button-emerald-bg: #1f3530;
    --button-emerald-text: #28D49C;
    --button-emerald-border: #1e9e7a;
    --button-emerald-hover: rgba(40, 212, 156, 0.12);
    --button-lightblue-bg: #1f2b35;
    --button-lightblue-text: #28bcd4;
    --button-lightblue-border: #1b7f8f;
    --button-base-light-bg: #434e5b;
    --button-base-light-text: #bcd0ec;
    --button-base-light-border: #6d7c8c;
    --button-base-light-color: #6d7c8c;
    --button-base-normal-bg: #373d44;
    --button-base-normal-text: #bccde3;
    --button-base-normal-border: #546878;
    --button-base-normal-color: #546878;
    --button-base-dark-bg: #2c2e35;
    --button-base-dark-text: #b9cae5;
    --button-base-dark-border: #3e5262;
    --button-base-dark-color: #3e5262;
    --button-pink-bg: #402234;
    --button-pink-text: #FB4087;
    --button-pink-border: #b32e61;
    --button-purple-bg: #302242;
    --button-purple-text: #BD6FFD;
    --button-purple-border: #844db0;
    --button-orange-bg: #3e291c;
    --button-orange-text: #FD743E;
    --button-orange-border: #b0502a;
    --button-red-bg: #421b1b;
    --button-red-text: #FD3838;
    --button-red-border: #b82828;
    --button-blue-bg: #24274a;
    --button-blue-text: #8C8FFF;
    --button-blue-border: #6567b8;
    --button-brandblue-bg: #1f3147;
    --button-brandblue-text: #4aabef;
    --button-brandblue-border: #2a6da8;
    --button-brandblue-hover: rgba(74, 171, 239, 0.12);
    --button-green-hover: rgba(40, 212, 51, 0.12);
    --button-lightblue-hover: rgba(40, 188, 212, 0.12);
    --button-base-normal-hover: rgba(188, 205, 227, 0.10);
    --button-base-light-hover: rgba(188, 208, 236, 0.10);
    --button-base-dark-hover: rgba(185, 202, 229, 0.10);
    --button-blue-hover: rgba(140, 143, 255, 0.12);
    --button-purple-hover: rgba(189, 111, 253, 0.12);
    --button-pink-hover: rgba(251, 64, 135, 0.12);
    --button-orange-hover: rgba(253, 116, 62, 0.12);
    --button-red-hover: rgba(253, 56, 56, 0.12);
}

/* Calendar (General module) - day-type + lock-deadline accents */
:root {
    --cal-holiday: #cf2a1d;
    --cal-holiday-bg: #fdeceb;
    --cal-weekend-bg: #eef1f5;
    --cal-weekend-text: #9aa6b3;
    --cal-shop: #0c6a5e;
    --cal-mgr: #b45f09;
    --cal-today: #005ca9;
    --cal-grid: #d3d9e0;
}

.dark-theme {
    --cal-holiday: #ff6b5e;
    --cal-holiday-bg: #3a201d;
    --cal-weekend-bg: #2a2a2a;
    --cal-weekend-text: #7c7c7c;
    --cal-shop: #28d49c;
    --cal-mgr: #fd9a3e;
    --cal-today: #4aabef;
    --cal-grid: #3a3a3a;
}

/* Accent colors - shared status/notification palette (pills, banners) - surfaces derived via color-mix tint */
:root {
    --accent-amber: #b8651b;
    --accent-green: #1f6e3e;
    --accent-blue: #1e4ea8;
    --accent-red: #9d1f1f;
    --accent-gray: #6b7280;
}

.dark-theme {
    --accent-amber: #fd9a3e;
    --accent-green: #35c46a;
    --accent-blue: #6b9eff;
    --accent-red: #fd5c5c;
    --accent-gray: #9aa0a6;
}

/* Read-only / display panels (non-editable: quoted comments, history) - a muted surface distinct from editable inputs */
:root {
    --surface-readonly: #fafafa;
    --surface-readonly-border: #e0e0e0;
}

.dark-theme {
    --surface-readonly: #2e2e2e;
    --surface-readonly-border: #3a3a3a;
}

/* Section header surface - gray-blue bar that separates repeated blocks (question rows) */
:root {
    --surface-head: #e9eef6;
}

.dark-theme {
    --surface-head: #2b333f;
}

/* Buttons */
.SimoButton {
    transition: color 0.7s ease, background-color 0.7s ease !important;
}

/* SimoButton - Filled */
.SimoColorButtonGreen     { background-color: var(--button-green-bg)          !important; color: var(--button-green-text)          !important; }
.SimoColorButtonBlueLight { background-color: var(--button-lightblue-bg)      !important; color: var(--button-lightblue-text)      !important; }
.SimoColorButtonBaseNormal{ background-color: var(--button-base-normal-bg)    !important; color: var(--button-base-normal-text)    !important; }
.SimoColorButtonBaseLight { background-color: var(--button-base-light-bg)     !important; color: var(--button-base-light-text)     !important; }
.SimoColorButtonBaseDark  { background-color: var(--button-base-dark-bg)      !important; color: var(--button-base-dark-text)      !important; }
.SimoColorButtonBlue      { background-color: var(--button-blue-bg)           !important; color: var(--button-blue-text)           !important; }
.SimoColorButtonPurple    { background-color: var(--button-purple-bg)         !important; color: var(--button-purple-text)         !important; }
.SimoColorButtonPink      { background-color: var(--button-pink-bg)           !important; color: var(--button-pink-text)           !important; }
.SimoColorButtonOrange    { background-color: var(--button-orange-bg)         !important; color: var(--button-orange-text)         !important; }
.SimoColorButtonRed       { background-color: var(--button-red-bg)            !important; color: var(--button-red-text)            !important; }

/* SimoButton - Filled - Dark hover outline */
.dark-theme .SimoColorButtonGreen:hover      { outline: 1px solid var(--button-green-border)        !important; outline-offset: 0 !important; }
.dark-theme .SimoColorButtonBlueLight:hover  { outline: 1px solid var(--button-lightblue-border)    !important; outline-offset: 0 !important; }
.dark-theme .SimoColorButtonBaseNormal:hover { outline: 1px solid var(--button-base-normal-border)  !important; outline-offset: 0 !important; }
.dark-theme .SimoColorButtonBaseLight:hover  { outline: 1px solid var(--button-base-light-border)   !important; outline-offset: 0 !important; }
.dark-theme .SimoColorButtonBaseDark:hover   { outline: 1px solid var(--button-base-dark-border)    !important; outline-offset: 0 !important; }
.dark-theme .SimoColorButtonBlue:hover       { outline: 1px solid var(--button-blue-border)         !important; outline-offset: 0 !important; }
.dark-theme .SimoColorButtonPurple:hover     { outline: 1px solid var(--button-purple-border)       !important; outline-offset: 0 !important; }
.dark-theme .SimoColorButtonPink:hover       { outline: 1px solid var(--button-pink-border)         !important; outline-offset: 0 !important; }
.dark-theme .SimoColorButtonOrange:hover     { outline: 1px solid var(--button-orange-border)       !important; outline-offset: 0 !important; }
.dark-theme .SimoColorButtonRed:hover        { outline: 1px solid var(--button-red-border)          !important; outline-offset: 0 !important; }

/* SimoButton - Outlined - Light */
.SimoColorButtonGreenOutlined      { color: var(--button-green-bg)            !important; box-shadow: inset 0 0 0 var(--rz-border-width) var(--button-green-bg)            !important; background-color: transparent !important; transition: none !important; }
.SimoColorButtonBlueLightOutlined  { color: var(--button-lightblue-bg)        !important; box-shadow: inset 0 0 0 var(--rz-border-width) var(--button-lightblue-bg)        !important; background-color: transparent !important; transition: none !important; }
.SimoColorButtonBaseNormalOutlined { color: var(--button-base-normal-color)   !important; box-shadow: inset 0 0 0 var(--rz-border-width) var(--button-base-normal-color)   !important; background-color: transparent !important; transition: none !important; }
.SimoColorButtonBaseLightOutlined  { color: var(--button-base-light-color)    !important; box-shadow: inset 0 0 0 var(--rz-border-width) var(--button-base-light-color)    !important; background-color: transparent !important; transition: none !important; }
.SimoColorButtonBaseDarkOutlined   { color: var(--button-base-dark-color)     !important; box-shadow: inset 0 0 0 var(--rz-border-width) var(--button-base-dark-color)     !important; background-color: transparent !important; transition: none !important; }
.SimoColorButtonBlueOutlined       { color: var(--button-blue-bg)             !important; box-shadow: inset 0 0 0 var(--rz-border-width) var(--button-blue-bg)             !important; background-color: transparent !important; transition: none !important; }
.SimoColorButtonPurpleOutlined     { color: var(--button-purple-bg)           !important; box-shadow: inset 0 0 0 var(--rz-border-width) var(--button-purple-bg)           !important; background-color: transparent !important; transition: none !important; }
.SimoColorButtonPinkOutlined       { color: var(--button-pink-bg)             !important; box-shadow: inset 0 0 0 var(--rz-border-width) var(--button-pink-bg)             !important; background-color: transparent !important; transition: none !important; }
.SimoColorButtonOrangeOutlined     { color: var(--button-orange-bg)           !important; box-shadow: inset 0 0 0 var(--rz-border-width) var(--button-orange-bg)           !important; background-color: transparent !important; transition: none !important; }
.SimoColorButtonRedOutlined        { color: var(--button-red-bg)              !important; box-shadow: inset 0 0 0 var(--rz-border-width) var(--button-red-bg)              !important; background-color: transparent !important; transition: none !important; }

/* SimoButton - Outlined - Light - Hover */
.SimoColorButtonGreenOutlined:hover      { background-color: var(--button-green-hover)        !important; }
.SimoColorButtonBlueLightOutlined:hover  { background-color: var(--button-lightblue-hover)    !important; }
.SimoColorButtonBaseNormalOutlined:hover { background-color: var(--button-base-normal-hover)  !important; }
.SimoColorButtonBaseLightOutlined:hover  { background-color: var(--button-base-light-hover)   !important; }
.SimoColorButtonBaseDarkOutlined:hover   { background-color: var(--button-base-dark-hover)    !important; }
.SimoColorButtonBlueOutlined:hover       { background-color: var(--button-blue-hover)         !important; }
.SimoColorButtonPurpleOutlined:hover     { background-color: var(--button-purple-hover)       !important; }
.SimoColorButtonPinkOutlined:hover       { background-color: var(--button-pink-hover)         !important; }
.SimoColorButtonOrangeOutlined:hover     { background-color: var(--button-orange-hover)       !important; }
.SimoColorButtonRedOutlined:hover        { background-color: var(--button-red-hover)          !important; }

/* SimoButton - Outlined - Dark */
.dark-theme .SimoColorButtonGreenOutlined      { color: var(--button-green-text)          !important; box-shadow: inset 0 0 0 var(--rz-border-width) var(--button-green-border)          !important; }
.dark-theme .SimoColorButtonBlueLightOutlined  { color: var(--button-lightblue-text)      !important; box-shadow: inset 0 0 0 var(--rz-border-width) var(--button-lightblue-border)      !important; }
.dark-theme .SimoColorButtonBaseNormalOutlined { color: var(--button-base-normal-color)   !important; box-shadow: inset 0 0 0 var(--rz-border-width) var(--button-base-normal-border)   !important; }
.dark-theme .SimoColorButtonBaseLightOutlined  { color: var(--button-base-light-color)    !important; box-shadow: inset 0 0 0 var(--rz-border-width) var(--button-base-light-border)    !important; }
.dark-theme .SimoColorButtonBaseDarkOutlined   { color: var(--button-base-dark-color)     !important; box-shadow: inset 0 0 0 var(--rz-border-width) var(--button-base-dark-border)     !important; }
.dark-theme .SimoColorButtonBlueOutlined       { color: var(--button-blue-text)           !important; box-shadow: inset 0 0 0 var(--rz-border-width) var(--button-blue-border)           !important; }
.dark-theme .SimoColorButtonPurpleOutlined     { color: var(--button-purple-text)         !important; box-shadow: inset 0 0 0 var(--rz-border-width) var(--button-purple-border)         !important; }
.dark-theme .SimoColorButtonPinkOutlined       { color: var(--button-pink-text)           !important; box-shadow: inset 0 0 0 var(--rz-border-width) var(--button-pink-border)           !important; }
.dark-theme .SimoColorButtonOrangeOutlined     { color: var(--button-orange-text)         !important; box-shadow: inset 0 0 0 var(--rz-border-width) var(--button-orange-border)         !important; }
.dark-theme .SimoColorButtonRedOutlined        { color: var(--button-red-text)            !important; box-shadow: inset 0 0 0 var(--rz-border-width) var(--button-red-border)            !important; }

/* SimoButton - Outlined - Dark - Hover */
.dark-theme .SimoColorButtonGreenOutlined:hover      { background-color: var(--button-green-hover)        !important; }
.dark-theme .SimoColorButtonBlueLightOutlined:hover  { background-color: var(--button-lightblue-hover)    !important; }
.dark-theme .SimoColorButtonBaseNormalOutlined:hover { background-color: var(--button-base-normal-hover)  !important; }
.dark-theme .SimoColorButtonBaseLightOutlined:hover  { background-color: var(--button-base-light-hover)   !important; }
.dark-theme .SimoColorButtonBaseDarkOutlined:hover   { background-color: var(--button-base-dark-hover)    !important; }
.dark-theme .SimoColorButtonBlueOutlined:hover       { background-color: var(--button-blue-hover)         !important; }
.dark-theme .SimoColorButtonPurpleOutlined:hover     { background-color: var(--button-purple-hover)       !important; }
.dark-theme .SimoColorButtonPinkOutlined:hover       { background-color: var(--button-pink-hover)         !important; }
.dark-theme .SimoColorButtonOrangeOutlined:hover     { background-color: var(--button-orange-hover)       !important; }
.dark-theme .SimoColorButtonRedOutlined:hover        { background-color: var(--button-red-hover)          !important; }

/* SimoButton - Text - Light */
.SimoColorButtonGreenText      { color: var(--button-green-bg)          !important; background-color: transparent !important; transition: none !important; }
.SimoColorButtonBlueLightText  { color: var(--button-lightblue-bg)      !important; background-color: transparent !important; transition: none !important; }
.SimoColorButtonBaseNormalText { color: var(--button-base-normal-color) !important; background-color: transparent !important; transition: none !important; }
.SimoColorButtonBaseLightText  { color: var(--button-base-light-color)  !important; background-color: transparent !important; transition: none !important; }
.SimoColorButtonBaseDarkText   { color: var(--button-base-dark-color)   !important; background-color: transparent !important; transition: none !important; }
.SimoColorButtonBlueText       { color: var(--button-blue-bg)           !important; background-color: transparent !important; transition: none !important; }
.SimoColorButtonPurpleText     { color: var(--button-purple-bg)         !important; background-color: transparent !important; transition: none !important; }
.SimoColorButtonPinkText       { color: var(--button-pink-bg)           !important; background-color: transparent !important; transition: none !important; }
.SimoColorButtonOrangeText     { color: var(--button-orange-bg)         !important; background-color: transparent !important; transition: none !important; }
.SimoColorButtonRedText        { color: var(--button-red-bg)            !important; background-color: transparent !important; transition: none !important; }

/* SimoButton - Text - Light - Hover */
.SimoColorButtonGreenText:hover      { background-color: var(--button-green-hover)        !important; }
.SimoColorButtonBlueLightText:hover  { background-color: var(--button-lightblue-hover)    !important; }
.SimoColorButtonBaseNormalText:hover { background-color: var(--button-base-normal-hover)  !important; }
.SimoColorButtonBaseLightText:hover  { background-color: var(--button-base-light-hover)   !important; }
.SimoColorButtonBaseDarkText:hover   { background-color: var(--button-base-dark-hover)    !important; }
.SimoColorButtonBlueText:hover       { background-color: var(--button-blue-hover)         !important; }
.SimoColorButtonPurpleText:hover     { background-color: var(--button-purple-hover)       !important; }
.SimoColorButtonPinkText:hover       { background-color: var(--button-pink-hover)         !important; }
.SimoColorButtonOrangeText:hover     { background-color: var(--button-orange-hover)       !important; }
.SimoColorButtonRedText:hover        { background-color: var(--button-red-hover)          !important; }

/* SimoButton - Text - Dark */
.dark-theme .SimoColorButtonGreenText      { color: var(--button-green-text)       !important; }
.dark-theme .SimoColorButtonBlueLightText  { color: var(--button-lightblue-text)   !important; }
.dark-theme .SimoColorButtonBaseNormalText { color: var(--button-base-normal-color)!important; }
.dark-theme .SimoColorButtonBaseLightText  { color: var(--button-base-light-color) !important; }
.dark-theme .SimoColorButtonBaseDarkText   { color: var(--button-base-dark-color)  !important; }
.dark-theme .SimoColorButtonBlueText       { color: var(--button-blue-text)        !important; }
.dark-theme .SimoColorButtonPurpleText     { color: var(--button-purple-text)      !important; }
.dark-theme .SimoColorButtonPinkText       { color: var(--button-pink-text)        !important; }
.dark-theme .SimoColorButtonOrangeText     { color: var(--button-orange-text)      !important; }
.dark-theme .SimoColorButtonRedText        { color: var(--button-red-text)         !important; }

/* SimoButton - Text - Dark - Hover */
.dark-theme .SimoColorButtonGreenText:hover      { background-color: var(--button-green-hover)        !important; }
.dark-theme .SimoColorButtonBlueLightText:hover  { background-color: var(--button-lightblue-hover)    !important; }
.dark-theme .SimoColorButtonBaseNormalText:hover { background-color: var(--button-base-normal-hover)  !important; }
.dark-theme .SimoColorButtonBaseLightText:hover  { background-color: var(--button-base-light-hover)   !important; }
.dark-theme .SimoColorButtonBaseDarkText:hover   { background-color: var(--button-base-dark-hover)    !important; }
.dark-theme .SimoColorButtonBlueText:hover       { background-color: var(--button-blue-hover)         !important; }
.dark-theme .SimoColorButtonPurpleText:hover     { background-color: var(--button-purple-hover)       !important; }
.dark-theme .SimoColorButtonPinkText:hover       { background-color: var(--button-pink-hover)         !important; }
.dark-theme .SimoColorButtonOrangeText:hover     { background-color: var(--button-orange-hover)       !important; }
.dark-theme .SimoColorButtonRedText:hover        { background-color: var(--button-red-hover)          !important; }

/*Emerald - primary action accent (Captain Bonus add/create)*/
.SimoColorButtonEmerald          { background-color: var(--button-emerald-bg)        !important; color: var(--button-emerald-text)        !important; }
.dark-theme .SimoColorButtonEmerald:hover        { outline: 1px solid var(--button-emerald-border)      !important; outline-offset: 0 !important; }
.SimoColorButtonEmeraldOutlined  { color: var(--button-emerald-bg)          !important; box-shadow: inset 0 0 0 var(--rz-border-width) var(--button-emerald-bg)          !important; background-color: transparent !important; transition: none !important; }
.SimoColorButtonEmeraldOutlined:hover        { background-color: var(--button-emerald-hover)      !important; }
.dark-theme .SimoColorButtonEmeraldOutlined  { color: var(--button-emerald-text)        !important; box-shadow: inset 0 0 0 var(--rz-border-width) var(--button-emerald-border)        !important; }
.dark-theme .SimoColorButtonEmeraldOutlined:hover    { background-color: var(--button-emerald-hover)      !important; }
.SimoColorButtonEmeraldText      { color: var(--button-emerald-bg)          !important; background-color: transparent !important; transition: none !important; }
.SimoColorButtonEmeraldText:hover            { background-color: var(--button-emerald-hover)      !important; }
.dark-theme .SimoColorButtonEmeraldText      { color: var(--button-emerald-text)        !important; }
.dark-theme .SimoColorButtonEmeraldText:hover        { background-color: var(--button-emerald-hover)      !important; }

/*BrandBlue - corporate accent (#005CA9), used by view/segment switchers*/
.SimoColorButtonBrandBlue          { background-color: var(--button-brandblue-bg)      !important; color: var(--button-brandblue-text)      !important; }
.dark-theme .SimoColorButtonBrandBlue:hover      { outline: 1px solid var(--button-brandblue-border)    !important; outline-offset: 0 !important; }
.SimoColorButtonBrandBlueOutlined  { color: var(--button-brandblue-bg)        !important; box-shadow: inset 0 0 0 var(--rz-border-width) var(--button-brandblue-bg)        !important; background-color: transparent !important; transition: none !important; }
.SimoColorButtonBrandBlueOutlined:hover      { background-color: var(--button-brandblue-hover)    !important; }
.dark-theme .SimoColorButtonBrandBlueOutlined  { color: var(--button-brandblue-text)      !important; box-shadow: inset 0 0 0 var(--rz-border-width) var(--button-brandblue-border)      !important; }
.dark-theme .SimoColorButtonBrandBlueOutlined:hover  { background-color: var(--button-brandblue-hover)    !important; }
.SimoColorButtonBrandBlueText      { color: var(--button-brandblue-bg)        !important; background-color: transparent !important; transition: none !important; }
.SimoColorButtonBrandBlueText:hover          { background-color: var(--button-brandblue-hover)    !important; }
.dark-theme .SimoColorButtonBrandBlueText      { color: var(--button-brandblue-text)      !important; }
.dark-theme .SimoColorButtonBrandBlueText:hover      { background-color: var(--button-brandblue-hover)    !important; }

/*Equal-width digits so numbers line up in a column - targets the elements directly, inheriting from body
  would be wiped anywhere a font shorthand is used, and UI text keeps the nicer proportional figures*/
.rz-data-grid td,
.rz-numeric input,
.rz-datepicker input,
pre, code {
    font-variant-numeric: tabular-nums;
}