/* OrangeDark Theme 1.3.3 - Light and Orange appearance modes
   Loaded after the core OrangeDark styles so mode overrides remain isolated. */

/* --------------------------------------------------------------------------
   LIGHT MODE
   -------------------------------------------------------------------------- */
html.odt-mode-light{
  --odt-bg:#f3f5f8;
  --odt-bg-soft:#eef2f6;
  --odt-surface:#ffffff;
  --odt-surface-2:#f8fafc;
  --odt-surface-3:#edf1f5;
  --odt-border:rgba(16,24,40,.10);
  --odt-border-strong:rgba(16,24,40,.16);
  --odt-text:#1d2939;
  --odt-muted:#667085;
  --odt-shadow:0 16px 42px rgba(15,23,42,.09);
}
html.odt-mode-light body.admin,
html.odt-mode-light body:not(.odt-auth-page){
  background:#f3f5f8!important;
  color:#1d2939!important;
  background-image:radial-gradient(circle at var(--odt-pointer-x,86%) var(--odt-pointer-y,5%),color-mix(in srgb,var(--odt-primary) 7%,transparent),transparent 28%),linear-gradient(145deg,#f7f8fb,#eef2f6)!important;
}
html.odt-mode-light body.admin #wrapper,
html.odt-mode-light body.admin .content,
html.odt-mode-light body.admin #content,
html.odt-mode-light body #wrapper,
html.odt-mode-light body #content,
html.odt-mode-light body .customers,
html.odt-mode-light body main{color:#1d2939!important}

/* Header / navigation */
html.odt-mode-light body.admin #header,
html.odt-mode-light body .navbar-default,
html.odt-mode-light body .navbar-inverse{
  background:rgba(255,255,255,.96)!important;
  border-color:#dce2ea!important;
  box-shadow:0 8px 28px rgba(15,23,42,.07)!important;
}
html.odt-mode-light body.admin #header a,
html.odt-mode-light body.admin #header button,
html.odt-mode-light body.admin #header i,
html.odt-mode-light body .navbar-default .navbar-nav>li>a,
html.odt-mode-light body .navbar-default .navbar-brand{color:#344054!important}
html.odt-mode-light body.admin #header a:hover,
html.odt-mode-light body.admin #header button:hover,
html.odt-mode-light body .navbar-default .navbar-nav>li>a:hover,
html.odt-mode-light body .navbar-default .navbar-nav>.active>a,
html.odt-mode-light body .navbar-default .navbar-nav>.open>a{
  color:#9a3f00!important;
  background:#fff3e8!important;
}
html.odt-mode-light body.admin #top_search input{background:#f8fafc!important;border-color:#d4dbe5!important;color:#1d2939!important}
html.odt-mode-light body.admin #top_search input::placeholder{color:#98a2b3!important}

html.odt-mode-light body.admin #menu,
html.odt-mode-light body.admin #setup-menu-wrapper{
  background:linear-gradient(180deg,#ffffff,#f7f9fb)!important;
  border-right:1px solid #dce2ea!important;
  box-shadow:12px 0 36px rgba(15,23,42,.06)!important;
}
html.odt-mode-light body.admin #side-menu>li>a,
html.odt-mode-light body.admin #setup-menu>li>a{color:#475467!important}
html.odt-mode-light body.admin #side-menu>li>a:hover,
html.odt-mode-light body.admin #setup-menu>li>a:hover{color:#9a3f00!important;background:#fff3e8!important}
html.odt-mode-light body.admin #side-menu>li.active>a,
html.odt-mode-light body.admin #setup-menu>li.active>a{
  color:#9a3f00!important;
  background:linear-gradient(90deg,#fff1e4,#fff8f2)!important;
  border-color:#ffc999!important;
  box-shadow:0 8px 22px rgba(234,88,12,.10)!important;
}
html.odt-mode-light body.admin #side-menu>li.active>a:before,
html.odt-mode-light body.admin #setup-menu>li.active>a:before{background:var(--odt-primary)!important}
html.odt-mode-light body.admin #side-menu .nav-second-level,
html.odt-mode-light body.admin #setup-menu .nav-second-level{background:#f7f9fb!important}
html.odt-mode-light body.admin #side-menu .nav-second-level li a,
html.odt-mode-light body.admin #setup-menu .nav-second-level li a{color:#667085!important}
html.odt-mode-light body.admin #side-menu .nav-second-level li a:hover,
html.odt-mode-light body.admin #setup-menu .nav-second-level li a:hover,
html.odt-mode-light body.admin #side-menu .nav-second-level li.active>a,
html.odt-mode-light body.admin #setup-menu .nav-second-level li.active>a{color:#b54708!important;background:#fff4eb!important}

/* Surfaces / cards / typography */
html.odt-mode-light body.admin .panel_s>.panel-body,
html.odt-mode-light body.admin .panel_s .panel-body,
html.odt-mode-light body.admin .panel,
html.odt-mode-light body.admin .well,
html.odt-mode-light body.admin .widget,
html.odt-mode-light body.admin .top_stats_wrapper,
html.odt-mode-light body.admin .kan-ban-col,
html.odt-mode-light body.admin .kan-ban-content,
html.odt-mode-light body .panel,
html.odt-mode-light body .panel_s .panel-body,
html.odt-mode-light body .well,
html.odt-mode-light body .invoice-html,
html.odt-mode-light body .proposal-html,
html.odt-mode-light body .contract-html,
html.odt-mode-light body .ticket-reply,
html.odt-mode-light body .knowledge-base{
  background:#fff!important;
  color:#1d2939!important;
  border-color:#dfe4ec!important;
  box-shadow:0 14px 38px rgba(15,23,42,.07)!important;
}
html.odt-mode-light body.admin .panel-heading,
html.odt-mode-light body.admin .panel-footer,
html.odt-mode-light body .panel-heading,
html.odt-mode-light body .panel-footer{
  background:#f8fafc!important;
  color:#273548!important;
  border-color:#dfe4ec!important;
}
html.odt-mode-light body.admin h1,html.odt-mode-light body.admin h2,html.odt-mode-light body.admin h3,html.odt-mode-light body.admin h4,html.odt-mode-light body.admin h5,html.odt-mode-light body.admin h6,
html.odt-mode-light body h1,html.odt-mode-light body h2,html.odt-mode-light body h3,html.odt-mode-light body h4,html.odt-mode-light body h5,html.odt-mode-light body h6,
html.odt-mode-light body.admin strong,html.odt-mode-light body strong{color:#1d2939!important}
html.odt-mode-light body.admin p,html.odt-mode-light body.admin .text-muted,html.odt-mode-light body.admin small,html.odt-mode-light body.admin .help-block,
html.odt-mode-light body p,html.odt-mode-light body .text-muted,html.odt-mode-light body small{color:#667085!important}
html.odt-mode-light body.admin a,html.odt-mode-light body a{color:#c45100}
html.odt-mode-light body.admin a:hover,html.odt-mode-light body a:hover{color:#8f3500}
html.odt-mode-light body.admin hr,html.odt-mode-light body hr{border-color:#dfe4ec!important}

/* Forms / selects */
html.odt-mode-light body.admin .form-control,
html.odt-mode-light body.admin input[type=text],html.odt-mode-light body.admin input[type=email],html.odt-mode-light body.admin input[type=password],html.odt-mode-light body.admin input[type=number],html.odt-mode-light body.admin input[type=url],html.odt-mode-light body.admin input[type=search],html.odt-mode-light body.admin textarea,html.odt-mode-light body.admin select,
html.odt-mode-light body.admin .bootstrap-select>.btn-default,html.odt-mode-light body.admin .select2-container .select2-selection--single,html.odt-mode-light body.admin .select2-container .select2-selection--multiple,
html.odt-mode-light body .form-control,html.odt-mode-light body input[type=text],html.odt-mode-light body input[type=email],html.odt-mode-light body input[type=password],html.odt-mode-light body textarea,html.odt-mode-light body select,html.odt-mode-light body .bootstrap-select>.btn-default,html.odt-mode-light body .select2-container .select2-selection{
  background:#fff!important;
  color:#1f2937!important;
  -webkit-text-fill-color:#1f2937!important;
  border-color:#cfd7e2!important;
}
html.odt-mode-light body.admin .form-control::placeholder,
html.odt-mode-light body.admin textarea::placeholder,
html.odt-mode-light body .form-control::placeholder,
html.odt-mode-light body textarea::placeholder{color:#98a2b3!important;-webkit-text-fill-color:#98a2b3!important}
html.odt-mode-light body.admin label,html.odt-mode-light body label{color:#475467!important}
html.odt-mode-light body.admin .input-group-addon,html.odt-mode-light body.admin .input-group-btn>.btn{background:#f2f4f7!important;border-color:#cfd7e2!important;color:#344054!important}
html.odt-mode-light body.admin .checkbox label:before,html.odt-mode-light body.admin .radio label:before{background:#fff!important;border-color:#b7c0cd!important}

html.odt-mode-light body.admin .dropdown-menu,
html.odt-mode-light body.admin .bootstrap-select .dropdown-menu,
html.odt-mode-light body.admin .select2-dropdown,
html.odt-mode-light body.admin .typeahead,
html.odt-mode-light body .dropdown-menu,
html.odt-mode-light body .select2-dropdown,
html.odt-mode-light body .bootstrap-select .dropdown-menu{
  background:#fff!important;
  color:#1f2937!important;
  border-color:#d0d7e2!important;
  box-shadow:0 18px 50px rgba(15,23,42,.14)!important;
}
html.odt-mode-light body.admin .dropdown-menu>li>a,
html.odt-mode-light body.admin .bootstrap-select .dropdown-menu li a,
html.odt-mode-light body.admin .select2-results__option,
html.odt-mode-light body .dropdown-menu>li>a,
html.odt-mode-light body .select2-results__option{color:#344054!important}
html.odt-mode-light body.admin .dropdown-menu>li>a:hover,
html.odt-mode-light body.admin .dropdown-menu>.active>a,
html.odt-mode-light body.admin .bootstrap-select .dropdown-menu li a:hover,
html.odt-mode-light body.admin .select2-results__option--highlighted,
html.odt-mode-light body .dropdown-menu>li>a:hover,
html.odt-mode-light body .select2-results__option--highlighted{background:#fff1e6!important;color:#8f3500!important}

/* Buttons */
html.odt-mode-light body.admin .btn-default,html.odt-mode-light body .btn-default{background:#fff!important;border-color:#cfd7e2!important;color:#344054!important}
html.odt-mode-light body.admin .btn-default:hover,html.odt-mode-light body .btn-default:hover{background:#fff4eb!important;border-color:#f3a76c!important;color:#9a3f00!important}

/* Tables / pagination */
html.odt-mode-light body.admin .table,html.odt-mode-light body.admin table,html.odt-mode-light body .table,html.odt-mode-light body table{color:#344054!important}
html.odt-mode-light body.admin .table>thead>tr>th,html.odt-mode-light body.admin table>thead>tr>th,html.odt-mode-light body .table>thead>tr>th,html.odt-mode-light body table>thead>tr>th{background:#f3f6f9!important;color:#273548!important;border-color:#d7dee8!important}
html.odt-mode-light body.admin .table>tbody>tr>td,html.odt-mode-light body.admin table>tbody>tr>td,html.odt-mode-light body .table>tbody>tr>td,html.odt-mode-light body table>tbody>tr>td{border-color:#e5e9ef!important}
html.odt-mode-light body.admin .table-hover>tbody>tr:hover>td,html.odt-mode-light body .table-hover>tbody>tr:hover>td{background:#fff6ef!important;color:#273548!important}
html.odt-mode-light body .pagination>li>a,html.odt-mode-light body .pagination>li>span{background:#fff!important;border-color:#d4dbe5!important;color:#475467!important}

/* Modals / editors / overlays */
html.odt-mode-light body.admin .modal-content,
html.odt-mode-light body .modal-content{background:#fff!important;color:#1d2939!important;border-color:#d7dee8!important;box-shadow:0 28px 80px rgba(15,23,42,.20)!important}
html.odt-mode-light body.admin .modal-header,html.odt-mode-light body.admin .modal-footer,
html.odt-mode-light body .modal-header,html.odt-mode-light body .modal-footer{background:#f8fafc!important;color:#1d2939!important;border-color:#d7dee8!important}
html.odt-mode-light body.admin .tox .tox-edit-area__iframe,html.odt-mode-light body.admin .mce-panel,html.odt-mode-light body.admin .note-editor,html.odt-mode-light body.admin .note-editable{background:#fff!important;color:#1d2939!important;border-color:#d7dee8!important}
html.odt-mode-light body .alert{background:#fff!important;border-color:#d7dee8!important;color:#344054!important}
html.odt-mode-light body .progress{background:#e8edf3!important}
html.odt-mode-light body .footer,html.odt-mode-light body footer{background:#fff!important;border-color:#dce2ea!important;color:#667085!important}

/* Ticket: Light */
html.odt-mode-light body.admin.odt-ticket-view{
  --odt-ticket-surface:#ffffff;
  --odt-ticket-surface-2:#f8fafc;
  --odt-ticket-surface-3:#f1f4f8;
  --odt-ticket-border:#d4dbe5;
  --odt-ticket-text:#1d2939;
  --odt-ticket-muted:#667085;
}
html.odt-mode-light body.admin.odt-ticket-view #wrapper .odt-ticket-force-dark,
html.odt-mode-light body.admin.odt-ticket-view #wrapper .odt-ticket-properties,
html.odt-mode-light body.admin.odt-ticket-view #wrapper .odt-ticket-response,
html.odt-mode-light body.admin.odt-ticket-view #wrapper .odt-ticket-light-strip,
html.odt-mode-light body.admin.odt-ticket-view #wrapper .odt-ticket-title-strip{
  background:#fff!important;
  background-image:none!important;
  color:#1d2939!important;
  border-color:#d4dbe5!important;
  box-shadow:0 10px 28px rgba(15,23,42,.06)!important;
}
html.odt-mode-light body.admin.odt-ticket-view #wrapper .odt-ticket-title-strip *:not(.btn):not(.label):not(.badge):not(.caret){color:#1d2939!important;-webkit-text-fill-color:#1d2939!important}
html.odt-mode-light body.admin.odt-ticket-view #wrapper .odt-ticket-properties label,
html.odt-mode-light body.admin.odt-ticket-view #wrapper .odt-ticket-properties .control-label,
html.odt-mode-light body.admin.odt-ticket-view #wrapper .odt-ticket-properties .text-muted,
html.odt-mode-light body.admin.odt-ticket-view #wrapper .odt-ticket-properties small{color:#667085!important;-webkit-text-fill-color:#667085!important}
html.odt-mode-light body.admin.odt-ticket-view #wrapper .odt-ticket-properties .form-control,
html.odt-mode-light body.admin.odt-ticket-view #wrapper .odt-ticket-properties input:not([type=checkbox]):not([type=radio]),
html.odt-mode-light body.admin.odt-ticket-view #wrapper .odt-ticket-properties textarea,
html.odt-mode-light body.admin.odt-ticket-view #wrapper .odt-ticket-properties select,
html.odt-mode-light body.admin.odt-ticket-view #wrapper .odt-ticket-properties .bootstrap-select>.btn,
html.odt-mode-light body.admin.odt-ticket-view #wrapper .odt-ticket-properties .select2-selection{background:#fff!important;color:#1f2937!important;-webkit-text-fill-color:#1f2937!important;border-color:#cfd7e2!important}
html.odt-mode-light body.admin.odt-ticket-view:not(.modal-open) #wrapper .tox-tinymce,
html.odt-mode-light body.admin.odt-ticket-view:not(.modal-open) #wrapper .mce-tinymce,
html.odt-mode-light body.admin.odt-ticket-view:not(.modal-open) #wrapper .mce-container,
html.odt-mode-light body.admin.odt-ticket-view:not(.modal-open) #wrapper .note-editor{background:#fff!important;border-color:#d4dbe5!important;color:#1d2939!important}
html.odt-mode-light body.admin.odt-ticket-view:not(.modal-open) #wrapper .tox-editor-header,
html.odt-mode-light body.admin.odt-ticket-view:not(.modal-open) #wrapper .tox-toolbar-overlord,
html.odt-mode-light body.admin.odt-ticket-view:not(.modal-open) #wrapper .tox-toolbar__primary,
html.odt-mode-light body.admin.odt-ticket-view:not(.modal-open) #wrapper .tox-toolbar,
html.odt-mode-light body.admin.odt-ticket-view:not(.modal-open) #wrapper .tox-menubar,
html.odt-mode-light body.admin.odt-ticket-view:not(.modal-open) #wrapper .tox-statusbar,
html.odt-mode-light body.admin.odt-ticket-view:not(.modal-open) #wrapper .mce-panel,
html.odt-mode-light body.admin.odt-ticket-view:not(.modal-open) #wrapper .mce-toolbar-grp,
html.odt-mode-light body.admin.odt-ticket-view:not(.modal-open) #wrapper .mce-menubar,
html.odt-mode-light body.admin.odt-ticket-view:not(.modal-open) #wrapper .mce-statusbar{background:#f3f6f9!important;color:#344054!important;border-color:#d4dbe5!important}

/* Task modal: Light */
html.odt-mode-light body.admin .modal.odt-task-modal .modal-content{background:#fff!important;background-image:none!important;color:#1d2939!important;border-color:#d4dbe5!important;box-shadow:0 28px 80px rgba(15,23,42,.20)!important}
html.odt-mode-light body.admin .modal.odt-task-modal .modal-header,
html.odt-mode-light body.admin .modal.odt-task-modal .modal-body,
html.odt-mode-light body.admin .modal.odt-task-modal .modal-footer,
html.odt-mode-light body.admin .modal.odt-task-modal .task-single-col-left,
html.odt-mode-light body.admin .modal.odt-task-modal .task-modal-single-left,
html.odt-mode-light body.admin .modal.odt-task-modal .odt-task-left,
html.odt-mode-light body.admin .modal.odt-task-modal .task-single-col-right,
html.odt-mode-light body.admin .modal.odt-task-modal .task-modal-single-right,
html.odt-mode-light body.admin .modal.odt-task-modal .odt-task-right,
html.odt-mode-light body.admin .modal.odt-task-modal .odt-task-force-dark,
html.odt-mode-light body.admin .modal.odt-task-modal .tw-bg-white,
html.odt-mode-light body.admin .modal.odt-task-modal .bg-white{background:#fff!important;background-image:none!important;color:#1d2939!important;border-color:#d4dbe5!important}
html.odt-mode-light body.admin .modal.odt-task-modal .task-single-col-right,
html.odt-mode-light body.admin .modal.odt-task-modal .task-modal-single-right,
html.odt-mode-light body.admin .modal.odt-task-modal .odt-task-right{background:#f8fafc!important}
html.odt-mode-light body.admin .modal.odt-task-modal h1,html.odt-mode-light body.admin .modal.odt-task-modal h2,html.odt-mode-light body.admin .modal.odt-task-modal h3,html.odt-mode-light body.admin .modal.odt-task-modal h4,html.odt-mode-light body.admin .modal.odt-task-modal h5,html.odt-mode-light body.admin .modal.odt-task-modal h6,html.odt-mode-light body.admin .modal.odt-task-modal strong{color:#1d2939!important;-webkit-text-fill-color:#1d2939!important}
html.odt-mode-light body.admin .modal.odt-task-modal p,html.odt-mode-light body.admin .modal.odt-task-modal li,html.odt-mode-light body.admin .modal.odt-task-modal .task-description,html.odt-mode-light body.admin .modal.odt-task-modal .task-comment{color:#475467!important;-webkit-text-fill-color:#475467!important}
html.odt-mode-light body.admin .modal.odt-task-modal label,html.odt-mode-light body.admin .modal.odt-task-modal .control-label,html.odt-mode-light body.admin .modal.odt-task-modal .text-muted,html.odt-mode-light body.admin .modal.odt-task-modal small{color:#667085!important;-webkit-text-fill-color:#667085!important}
html.odt-mode-light body.admin .modal.odt-task-modal .form-control,
html.odt-mode-light body.admin .modal.odt-task-modal input[type=text],html.odt-mode-light body.admin .modal.odt-task-modal input[type=email],html.odt-mode-light body.admin .modal.odt-task-modal input[type=number],html.odt-mode-light body.admin .modal.odt-task-modal input[type=date],html.odt-mode-light body.admin .modal.odt-task-modal textarea,html.odt-mode-light body.admin .modal.odt-task-modal select,html.odt-mode-light body.admin .modal.odt-task-modal .bootstrap-select>.btn,html.odt-mode-light body.admin .modal.odt-task-modal .select2-selection{background:#fff!important;color:#1f2937!important;-webkit-text-fill-color:#1f2937!important;border-color:#cfd7e2!important}
html.odt-mode-light body.admin .modal.odt-task-modal .dropzone,html.odt-mode-light body.admin .modal.odt-task-modal .dz-message,html.odt-mode-light body.admin .modal.odt-task-modal [class*="dropzone"]{background:#f8fafc!important;color:#667085!important;border-color:#cfd7e2!important}

/* Ticket portal: Light */
html.odt-mode-light body.admin.odt-ticket-view.odt-ticket-portal-open > .odt-ticket-portal-menu,
html.odt-mode-light body.admin.odt-ticket-view > .odt-ticket-portal-menu > .inner,
html.odt-mode-light body.admin.odt-ticket-view > .odt-ticket-portal-menu div.inner{background:#fff!important;color:#1d2939!important;border-color:#cfd7e2!important;box-shadow:0 20px 60px rgba(15,23,42,.20)!important}
html.odt-mode-light body.admin.odt-ticket-view > .odt-ticket-portal-menu li > a{color:#344054!important}
html.odt-mode-light body.admin.odt-ticket-view > .odt-ticket-portal-menu li > a:hover,
html.odt-mode-light body.admin.odt-ticket-view > .odt-ticket-portal-menu li.selected > a,
html.odt-mode-light body.admin.odt-ticket-view > .odt-ticket-portal-menu li.active > a{color:#8f3500!important;background:#fff1e6!important;border-color:#ffc999!important}
html.odt-mode-light body.admin.odt-ticket-view > .odt-ticket-portal-menu .bs-searchbox .form-control{background:#fff!important;color:#1d2939!important;border-color:#cfd7e2!important}

/* Perfex Shop: Light */
html.odt-mode-light body.odt-perfex-shop .odt-shop-card{background:#fff!important;color:#1d2939!important;border-color:#d9e0e8!important;box-shadow:0 16px 42px rgba(15,23,42,.10)!important}
html.odt-mode-light body.odt-perfex-shop .odt-shop-card .odt-shop-light-surface,
html.odt-mode-light body.odt-perfex-shop .odt-shop-card .caption,
html.odt-mode-light body.odt-perfex-shop .odt-shop-card .card-body{background:transparent!important;color:#1d2939!important}
html.odt-mode-light body.odt-perfex-shop .odt-shop-card h1,html.odt-mode-light body.odt-perfex-shop .odt-shop-card h2,html.odt-mode-light body.odt-perfex-shop .odt-shop-card h3,html.odt-mode-light body.odt-perfex-shop .odt-shop-card h4,html.odt-mode-light body.odt-perfex-shop .odt-shop-card h5,html.odt-mode-light body.odt-perfex-shop .odt-shop-card h6,html.odt-mode-light body.odt-perfex-shop .odt-shop-card strong{color:#1d2939!important;-webkit-text-fill-color:#1d2939!important}
html.odt-mode-light body.odt-perfex-shop .odt-shop-card p,html.odt-mode-light body.odt-perfex-shop .odt-shop-card small,html.odt-mode-light body.odt-perfex-shop .odt-shop-card span:not(.label):not(.badge):not(.fa):not([class*="icon"]){color:#667085!important;-webkit-text-fill-color:#667085!important}
html.odt-mode-light body.odt-perfex-shop .odt-shop-card input,html.odt-mode-light body.odt-perfex-shop .odt-shop-card select,html.odt-mode-light body.odt-perfex-shop .odt-shop-card textarea{background:#fff!important;color:#1f2937!important;border-color:#cfd7e2!important}

/* --------------------------------------------------------------------------
   ORANGE MODE - readability first: orange navigation + warm neutral content
   -------------------------------------------------------------------------- */
html.odt-mode-orange{
  --odt-bg:#fff5eb;
  --odt-bg-soft:#fff0df;
  --odt-surface:#fffaf5;
  --odt-surface-2:#fff3e7;
  --odt-surface-3:#ffe8d2;
  --odt-border:rgba(124,45,18,.14);
  --odt-border-strong:rgba(124,45,18,.22);
  --odt-text:#342419;
  --odt-muted:#746459;
  --odt-shadow:0 16px 42px rgba(110,55,16,.10);
}
html.odt-mode-orange body.admin,
html.odt-mode-orange body:not(.odt-auth-page){
  background:#fff5eb!important;
  color:#342419!important;
  background-image:radial-gradient(circle at var(--odt-pointer-x,86%) var(--odt-pointer-y,5%),color-mix(in srgb,var(--odt-primary) 13%,transparent),transparent 30%),linear-gradient(145deg,#fff8f1,#ffeedf)!important;
}
html.odt-mode-orange body.admin #wrapper,html.odt-mode-orange body.admin .content,html.odt-mode-orange body.admin #content,
html.odt-mode-orange body #wrapper,html.odt-mode-orange body #content,html.odt-mode-orange body .customers,html.odt-mode-orange body main{color:#342419!important}

/* Deep burnt-orange navigation keeps white text readable. */
html.odt-mode-orange body.admin #header,
html.odt-mode-orange body .navbar-default,
html.odt-mode-orange body .navbar-inverse{
  background:linear-gradient(90deg,#6f2d12,#8f3c10)!important;
  border-color:#a84b16!important;
  box-shadow:0 10px 32px rgba(103,46,12,.18)!important;
}
html.odt-mode-orange body.admin #header a,html.odt-mode-orange body.admin #header button,html.odt-mode-orange body.admin #header i,
html.odt-mode-orange body .navbar-default .navbar-nav>li>a,html.odt-mode-orange body .navbar-default .navbar-brand{color:#fff8f1!important}
html.odt-mode-orange body.admin #header a:hover,html.odt-mode-orange body.admin #header button:hover,
html.odt-mode-orange body .navbar-default .navbar-nav>li>a:hover,html.odt-mode-orange body .navbar-default .navbar-nav>.active>a,html.odt-mode-orange body .navbar-default .navbar-nav>.open>a{color:#fff!important;background:rgba(255,255,255,.12)!important}
html.odt-mode-orange body.admin #top_search input{background:rgba(50,20,8,.32)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important}
html.odt-mode-orange body.admin #top_search input::placeholder{color:#f0c9ad!important}

html.odt-mode-orange body.admin #menu,
html.odt-mode-orange body.admin #setup-menu-wrapper{
  background:linear-gradient(180deg,#352016,#25140d)!important;
  border-right:1px solid #5d2f18!important;
  box-shadow:14px 0 38px rgba(78,36,14,.16)!important;
}
html.odt-mode-orange body.admin #side-menu>li>a,html.odt-mode-orange body.admin #setup-menu>li>a{color:#ead6c8!important}
html.odt-mode-orange body.admin #side-menu>li>a:hover,html.odt-mode-orange body.admin #setup-menu>li>a:hover{color:#fff!important;background:rgba(249,115,22,.16)!important}
html.odt-mode-orange body.admin #side-menu>li.active>a,html.odt-mode-orange body.admin #setup-menu>li.active>a{color:#fff!important;background:linear-gradient(90deg,#e85f0b,#ff8a25)!important;border-color:#ffad68!important;box-shadow:0 9px 28px rgba(232,95,11,.24)!important}
html.odt-mode-orange body.admin #side-menu .nav-second-level,html.odt-mode-orange body.admin #setup-menu .nav-second-level{background:rgba(0,0,0,.14)!important}
html.odt-mode-orange body.admin #side-menu .nav-second-level li a,html.odt-mode-orange body.admin #setup-menu .nav-second-level li a{color:#d9c0b0!important}
html.odt-mode-orange body.admin #side-menu .nav-second-level li a:hover,html.odt-mode-orange body.admin #setup-menu .nav-second-level li a:hover,html.odt-mode-orange body.admin #side-menu .nav-second-level li.active>a,html.odt-mode-orange body.admin #setup-menu .nav-second-level li.active>a{color:#ffd2aa!important;background:rgba(255,255,255,.05)!important}

/* Reading surfaces stay neutral/warm rather than saturated orange. */
html.odt-mode-orange body.admin .panel_s>.panel-body,
html.odt-mode-orange body.admin .panel_s .panel-body,
html.odt-mode-orange body.admin .panel,
html.odt-mode-orange body.admin .well,
html.odt-mode-orange body.admin .widget,
html.odt-mode-orange body.admin .top_stats_wrapper,
html.odt-mode-orange body.admin .kan-ban-col,
html.odt-mode-orange body.admin .kan-ban-content,
html.odt-mode-orange body .panel,
html.odt-mode-orange body .panel_s .panel-body,
html.odt-mode-orange body .well,
html.odt-mode-orange body .invoice-html,
html.odt-mode-orange body .proposal-html,
html.odt-mode-orange body .contract-html,
html.odt-mode-orange body .ticket-reply,
html.odt-mode-orange body .knowledge-base{
  background:#fffaf5!important;
  color:#342419!important;
  border-color:#ead2bf!important;
  box-shadow:0 14px 38px rgba(110,55,16,.08)!important;
}
html.odt-mode-orange body.admin .panel-heading,html.odt-mode-orange body.admin .panel-footer,
html.odt-mode-orange body .panel-heading,html.odt-mode-orange body .panel-footer{background:#ffead7!important;color:#4a2e1e!important;border-color:#e7c6aa!important}
html.odt-mode-orange body.admin h1,html.odt-mode-orange body.admin h2,html.odt-mode-orange body.admin h3,html.odt-mode-orange body.admin h4,html.odt-mode-orange body.admin h5,html.odt-mode-orange body.admin h6,
html.odt-mode-orange body h1,html.odt-mode-orange body h2,html.odt-mode-orange body h3,html.odt-mode-orange body h4,html.odt-mode-orange body h5,html.odt-mode-orange body h6,html.odt-mode-orange body.admin strong,html.odt-mode-orange body strong{color:#342419!important}
html.odt-mode-orange body.admin p,html.odt-mode-orange body.admin .text-muted,html.odt-mode-orange body.admin small,html.odt-mode-orange body.admin .help-block,
html.odt-mode-orange body p,html.odt-mode-orange body .text-muted,html.odt-mode-orange body small{color:#746459!important}
html.odt-mode-orange body.admin a,html.odt-mode-orange body a{color:#b94800}
html.odt-mode-orange body.admin a:hover,html.odt-mode-orange body a:hover{color:#7f2f00}
html.odt-mode-orange body.admin hr,html.odt-mode-orange body hr{border-color:#ead2bf!important}

html.odt-mode-orange body.admin .form-control,
html.odt-mode-orange body.admin input[type=text],html.odt-mode-orange body.admin input[type=email],html.odt-mode-orange body.admin input[type=password],html.odt-mode-orange body.admin input[type=number],html.odt-mode-orange body.admin input[type=url],html.odt-mode-orange body.admin input[type=search],html.odt-mode-orange body.admin textarea,html.odt-mode-orange body.admin select,
html.odt-mode-orange body.admin .bootstrap-select>.btn-default,html.odt-mode-orange body.admin .select2-container .select2-selection--single,html.odt-mode-orange body.admin .select2-container .select2-selection--multiple,
html.odt-mode-orange body .form-control,html.odt-mode-orange body input[type=text],html.odt-mode-orange body input[type=email],html.odt-mode-orange body input[type=password],html.odt-mode-orange body textarea,html.odt-mode-orange body select,html.odt-mode-orange body .bootstrap-select>.btn-default,html.odt-mode-orange body .select2-container .select2-selection{
  background:#fffdf9!important;
  color:#342419!important;
  -webkit-text-fill-color:#342419!important;
  border-color:#dfc2aa!important;
}
html.odt-mode-orange body.admin .form-control::placeholder,html.odt-mode-orange body.admin textarea::placeholder,
html.odt-mode-orange body .form-control::placeholder,html.odt-mode-orange body textarea::placeholder{color:#9a8677!important;-webkit-text-fill-color:#9a8677!important}
html.odt-mode-orange body.admin label,html.odt-mode-orange body label{color:#594337!important}
html.odt-mode-orange body.admin .input-group-addon,html.odt-mode-orange body.admin .input-group-btn>.btn{background:#ffead7!important;border-color:#dfc2aa!important;color:#5a3924!important}

html.odt-mode-orange body.admin .dropdown-menu,html.odt-mode-orange body.admin .bootstrap-select .dropdown-menu,html.odt-mode-orange body.admin .select2-dropdown,html.odt-mode-orange body.admin .typeahead,
html.odt-mode-orange body .dropdown-menu,html.odt-mode-orange body .select2-dropdown,html.odt-mode-orange body .bootstrap-select .dropdown-menu{background:#fffaf5!important;color:#342419!important;border-color:#dfc2aa!important;box-shadow:0 20px 58px rgba(110,55,16,.16)!important}
html.odt-mode-orange body.admin .dropdown-menu>li>a,html.odt-mode-orange body.admin .bootstrap-select .dropdown-menu li a,html.odt-mode-orange body.admin .select2-results__option,
html.odt-mode-orange body .dropdown-menu>li>a,html.odt-mode-orange body .select2-results__option{color:#4d392d!important}
html.odt-mode-orange body.admin .dropdown-menu>li>a:hover,html.odt-mode-orange body.admin .dropdown-menu>.active>a,html.odt-mode-orange body.admin .bootstrap-select .dropdown-menu li a:hover,html.odt-mode-orange body.admin .select2-results__option--highlighted,
html.odt-mode-orange body .dropdown-menu>li>a:hover,html.odt-mode-orange body .select2-results__option--highlighted{background:#ffe4cb!important;color:#8f3500!important}
html.odt-mode-orange body.admin .btn-default,html.odt-mode-orange body .btn-default{background:#fff9f2!important;border-color:#dfc2aa!important;color:#4d392d!important}
html.odt-mode-orange body.admin .btn-default:hover,html.odt-mode-orange body .btn-default:hover{background:#ffe8d2!important;border-color:#ed9c5e!important;color:#8f3500!important}

html.odt-mode-orange body.admin .table,html.odt-mode-orange body.admin table,html.odt-mode-orange body .table,html.odt-mode-orange body table{color:#4d392d!important}
html.odt-mode-orange body.admin .table>thead>tr>th,html.odt-mode-orange body.admin table>thead>tr>th,html.odt-mode-orange body .table>thead>tr>th,html.odt-mode-orange body table>thead>tr>th{background:#ffead7!important;color:#4a2e1e!important;border-color:#e5c7ad!important}
html.odt-mode-orange body.admin .table>tbody>tr>td,html.odt-mode-orange body.admin table>tbody>tr>td,html.odt-mode-orange body .table>tbody>tr>td,html.odt-mode-orange body table>tbody>tr>td{border-color:#efddcf!important}
html.odt-mode-orange body.admin .table-hover>tbody>tr:hover>td,html.odt-mode-orange body .table-hover>tbody>tr:hover>td{background:#fff0e1!important;color:#342419!important}

html.odt-mode-orange body.admin .modal-content,html.odt-mode-orange body .modal-content{background:#fffaf5!important;color:#342419!important;border-color:#dfc2aa!important;box-shadow:0 28px 85px rgba(88,40,12,.22)!important}
html.odt-mode-orange body.admin .modal-header,html.odt-mode-orange body.admin .modal-footer,html.odt-mode-orange body .modal-header,html.odt-mode-orange body .modal-footer{background:#ffead7!important;color:#342419!important;border-color:#dfc2aa!important}
html.odt-mode-orange body .alert{background:#fff8f0!important;border-color:#e6c5aa!important;color:#4d392d!important}
html.odt-mode-orange body .progress{background:#f2ddcd!important}
html.odt-mode-orange body .footer,html.odt-mode-orange body footer{background:#3a2015!important;border-color:#5d2f18!important;color:#e6cabc!important}

/* Ticket / Task / portal: Orange warm-neutral palette */
html.odt-mode-orange body.admin.odt-ticket-view{
  --odt-ticket-surface:#fffaf5;
  --odt-ticket-surface-2:#fff3e7;
  --odt-ticket-surface-3:#ffe9d5;
  --odt-ticket-border:#e1c3aa;
  --odt-ticket-text:#342419;
  --odt-ticket-muted:#746459;
}
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-force-dark,
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-properties,
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-response,
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-light-strip,
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-title-strip{background:#fffaf5!important;background-image:none!important;color:#342419!important;border-color:#e1c3aa!important;box-shadow:0 10px 28px rgba(110,55,16,.07)!important}
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-title-strip *:not(.btn):not(.label):not(.badge):not(.caret){color:#342419!important;-webkit-text-fill-color:#342419!important}
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-properties label,
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-properties .control-label,
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-properties .text-muted,
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-properties small{color:#746459!important;-webkit-text-fill-color:#746459!important}
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-properties .form-control,
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-properties input:not([type=checkbox]):not([type=radio]),
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-properties textarea,
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-properties select,
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-properties .bootstrap-select>.btn,
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-properties .select2-selection{background:#fffdf9!important;color:#342419!important;-webkit-text-fill-color:#342419!important;border-color:#dfc2aa!important}
html.odt-mode-orange body.admin.odt-ticket-view:not(.modal-open) #wrapper .tox-tinymce,
html.odt-mode-orange body.admin.odt-ticket-view:not(.modal-open) #wrapper .mce-tinymce,
html.odt-mode-orange body.admin.odt-ticket-view:not(.modal-open) #wrapper .mce-container,
html.odt-mode-orange body.admin.odt-ticket-view:not(.modal-open) #wrapper .note-editor{background:#fffdf9!important;border-color:#e1c3aa!important;color:#342419!important}
html.odt-mode-orange body.admin.odt-ticket-view:not(.modal-open) #wrapper .tox-editor-header,
html.odt-mode-orange body.admin.odt-ticket-view:not(.modal-open) #wrapper .tox-toolbar-overlord,
html.odt-mode-orange body.admin.odt-ticket-view:not(.modal-open) #wrapper .tox-toolbar__primary,
html.odt-mode-orange body.admin.odt-ticket-view:not(.modal-open) #wrapper .tox-toolbar,
html.odt-mode-orange body.admin.odt-ticket-view:not(.modal-open) #wrapper .tox-menubar,
html.odt-mode-orange body.admin.odt-ticket-view:not(.modal-open) #wrapper .tox-statusbar,
html.odt-mode-orange body.admin.odt-ticket-view:not(.modal-open) #wrapper .mce-panel,
html.odt-mode-orange body.admin.odt-ticket-view:not(.modal-open) #wrapper .mce-toolbar-grp,
html.odt-mode-orange body.admin.odt-ticket-view:not(.modal-open) #wrapper .mce-menubar,
html.odt-mode-orange body.admin.odt-ticket-view:not(.modal-open) #wrapper .mce-statusbar{background:#ffead7!important;color:#4d392d!important;border-color:#dfc2aa!important}

html.odt-mode-orange body.admin .modal.odt-task-modal .modal-content{background:#fffaf5!important;background-image:none!important;color:#342419!important;border-color:#dfc2aa!important;box-shadow:0 28px 85px rgba(88,40,12,.22)!important}
html.odt-mode-orange body.admin .modal.odt-task-modal .modal-header{background:#ffead7!important;background-image:linear-gradient(90deg,#ffead7,#fff3e7)!important;color:#342419!important;border-color:#dfc2aa!important}
html.odt-mode-orange body.admin .modal.odt-task-modal .modal-body,
html.odt-mode-orange body.admin .modal.odt-task-modal .modal-footer,
html.odt-mode-orange body.admin .modal.odt-task-modal .task-single-col-left,
html.odt-mode-orange body.admin .modal.odt-task-modal .task-modal-single-left,
html.odt-mode-orange body.admin .modal.odt-task-modal .odt-task-left,
html.odt-mode-orange body.admin .modal.odt-task-modal .task-single-col-right,
html.odt-mode-orange body.admin .modal.odt-task-modal .task-modal-single-right,
html.odt-mode-orange body.admin .modal.odt-task-modal .odt-task-right,
html.odt-mode-orange body.admin .modal.odt-task-modal .odt-task-force-dark,
html.odt-mode-orange body.admin .modal.odt-task-modal .tw-bg-white,
html.odt-mode-orange body.admin .modal.odt-task-modal .bg-white{background:#fffaf5!important;background-image:none!important;color:#342419!important;border-color:#dfc2aa!important}
html.odt-mode-orange body.admin .modal.odt-task-modal .task-single-col-right,
html.odt-mode-orange body.admin .modal.odt-task-modal .task-modal-single-right,
html.odt-mode-orange body.admin .modal.odt-task-modal .odt-task-right{background:#fff3e7!important}
html.odt-mode-orange body.admin .modal.odt-task-modal h1,html.odt-mode-orange body.admin .modal.odt-task-modal h2,html.odt-mode-orange body.admin .modal.odt-task-modal h3,html.odt-mode-orange body.admin .modal.odt-task-modal h4,html.odt-mode-orange body.admin .modal.odt-task-modal h5,html.odt-mode-orange body.admin .modal.odt-task-modal h6,html.odt-mode-orange body.admin .modal.odt-task-modal strong{color:#342419!important;-webkit-text-fill-color:#342419!important}
html.odt-mode-orange body.admin .modal.odt-task-modal p,html.odt-mode-orange body.admin .modal.odt-task-modal li,html.odt-mode-orange body.admin .modal.odt-task-modal .task-description,html.odt-mode-orange body.admin .modal.odt-task-modal .task-comment{color:#5d4b40!important;-webkit-text-fill-color:#5d4b40!important}
html.odt-mode-orange body.admin .modal.odt-task-modal label,html.odt-mode-orange body.admin .modal.odt-task-modal .control-label,html.odt-mode-orange body.admin .modal.odt-task-modal .text-muted,html.odt-mode-orange body.admin .modal.odt-task-modal small{color:#746459!important;-webkit-text-fill-color:#746459!important}
html.odt-mode-orange body.admin .modal.odt-task-modal .form-control,
html.odt-mode-orange body.admin .modal.odt-task-modal input[type=text],html.odt-mode-orange body.admin .modal.odt-task-modal input[type=email],html.odt-mode-orange body.admin .modal.odt-task-modal input[type=number],html.odt-mode-orange body.admin .modal.odt-task-modal input[type=date],html.odt-mode-orange body.admin .modal.odt-task-modal textarea,html.odt-mode-orange body.admin .modal.odt-task-modal select,html.odt-mode-orange body.admin .modal.odt-task-modal .bootstrap-select>.btn,html.odt-mode-orange body.admin .modal.odt-task-modal .select2-selection{background:#fffdf9!important;color:#342419!important;-webkit-text-fill-color:#342419!important;border-color:#dfc2aa!important}
html.odt-mode-orange body.admin .modal.odt-task-modal .dropzone,html.odt-mode-orange body.admin .modal.odt-task-modal .dz-message,html.odt-mode-orange body.admin .modal.odt-task-modal [class*="dropzone"]{background:#fff5eb!important;color:#746459!important;border-color:#d8b99f!important}

html.odt-mode-orange body.admin.odt-ticket-view.odt-ticket-portal-open > .odt-ticket-portal-menu,
html.odt-mode-orange body.admin.odt-ticket-view > .odt-ticket-portal-menu > .inner,
html.odt-mode-orange body.admin.odt-ticket-view > .odt-ticket-portal-menu div.inner{background:#fffaf5!important;color:#342419!important;border-color:#dfc2aa!important;box-shadow:0 20px 60px rgba(88,40,12,.22)!important}
html.odt-mode-orange body.admin.odt-ticket-view > .odt-ticket-portal-menu li > a{color:#4d392d!important}
html.odt-mode-orange body.admin.odt-ticket-view > .odt-ticket-portal-menu li > a:hover,
html.odt-mode-orange body.admin.odt-ticket-view > .odt-ticket-portal-menu li.selected > a,
html.odt-mode-orange body.admin.odt-ticket-view > .odt-ticket-portal-menu li.active > a{color:#7f2f00!important;background:#ffe5cc!important;border-color:#efa56c!important}
html.odt-mode-orange body.admin.odt-ticket-view > .odt-ticket-portal-menu .bs-searchbox .form-control{background:#fffdf9!important;color:#342419!important;border-color:#dfc2aa!important}

/* Perfex Shop: Orange */
html.odt-mode-orange body.odt-perfex-shop .odt-shop-card{background:linear-gradient(155deg,#fffaf5,#fff3e7)!important;color:#342419!important;border-color:#e4c6ae!important;box-shadow:0 16px 42px rgba(110,55,16,.11)!important}
html.odt-mode-orange body.odt-perfex-shop .odt-shop-card .odt-shop-light-surface,
html.odt-mode-orange body.odt-perfex-shop .odt-shop-card .caption,
html.odt-mode-orange body.odt-perfex-shop .odt-shop-card .card-body{background:transparent!important;color:#342419!important}
html.odt-mode-orange body.odt-perfex-shop .odt-shop-card h1,html.odt-mode-orange body.odt-perfex-shop .odt-shop-card h2,html.odt-mode-orange body.odt-perfex-shop .odt-shop-card h3,html.odt-mode-orange body.odt-perfex-shop .odt-shop-card h4,html.odt-mode-orange body.odt-perfex-shop .odt-shop-card h5,html.odt-mode-orange body.odt-perfex-shop .odt-shop-card h6,html.odt-mode-orange body.odt-perfex-shop .odt-shop-card strong{color:#342419!important;-webkit-text-fill-color:#342419!important}
html.odt-mode-orange body.odt-perfex-shop .odt-shop-card p,html.odt-mode-orange body.odt-perfex-shop .odt-shop-card small,html.odt-mode-orange body.odt-perfex-shop .odt-shop-card span:not(.label):not(.badge):not(.fa):not([class*="icon"]){color:#746459!important;-webkit-text-fill-color:#746459!important}
html.odt-mode-orange body.odt-perfex-shop .odt-shop-card input,html.odt-mode-orange body.odt-perfex-shop .odt-shop-card select,html.odt-mode-orange body.odt-perfex-shop .odt-shop-card textarea{background:#fffdf9!important;color:#342419!important;border-color:#dfc2aa!important}

/* --------------------------------------------------------------------------
   AUTHENTICATION MODES
   -------------------------------------------------------------------------- */
html.odt-mode-light body.odt-auth-page{background:#f2f5f8!important;color:#1d2939!important}
html.odt-mode-light body.odt-auth-page .odt-auth-backdrop{background:radial-gradient(circle at 12% 16%,color-mix(in srgb,var(--odt-primary) 15%,transparent),transparent 31%),radial-gradient(circle at 88% 78%,color-mix(in srgb,var(--odt-secondary) 10%,transparent),transparent 28%),linear-gradient(135deg,#f7f9fc,#edf2f7)!important}
html.odt-mode-light body.odt-auth-page .odt-auth-backdrop:before{opacity:.32!important;background-image:linear-gradient(rgba(31,41,55,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(31,41,55,.06) 1px,transparent 1px)!important}
html.odt-mode-light body.odt-auth-page .odt-auth-showcase h1{color:#172033!important;text-shadow:none!important}
html.odt-mode-light body.odt-auth-page .odt-auth-showcase>p{color:#667085!important}
html.odt-mode-light body.odt-auth-page .odt-auth-brandline{color:#a24100!important;background:#fff6ee!important;border-color:#ffc999!important}
html.odt-mode-light body.odt-auth-page .odt-auth-feature{background:rgba(255,255,255,.78)!important;border-color:#dce2ea!important;color:#344054!important;box-shadow:0 12px 30px rgba(15,23,42,.06)!important}
html.odt-mode-light body.odt-auth-page .odt-auth-feature strong{color:#273548!important}
html.odt-mode-light body.odt-auth-page .odt-auth-feature small{color:#667085!important}
html.odt-mode-light body.odt-auth-page .odt-auth-signature{color:#667085!important}
html.odt-mode-light body.odt-auth-page .odt-auth-form-zone:before{background:rgba(255,255,255,.72)!important;border-color:#dce2ea!important;box-shadow:0 28px 75px rgba(15,23,42,.10)!important}
html.odt-mode-light body.odt-auth-page .odt-auth-card{background:rgba(255,255,255,.96)!important;border-color:#d4dbe5!important;color:#1d2939!important;box-shadow:0 25px 70px rgba(15,23,42,.13)!important}
html.odt-mode-light body.odt-auth-page .odt-auth-card:before{opacity:.28!important}
html.odt-mode-light body.odt-auth-page .odt-auth-card h1,html.odt-mode-light body.odt-auth-page .odt-auth-card h2,html.odt-mode-light body.odt-auth-page .odt-auth-card h3,html.odt-mode-light body.odt-auth-page .odt-auth-card h4,html.odt-mode-light body.odt-auth-page .odt-auth-card h5{color:#1d2939!important}
html.odt-mode-light body.odt-auth-page .odt-auth-card label{color:#475467!important}
html.odt-mode-light body.odt-auth-page .odt-auth-card p,html.odt-mode-light body.odt-auth-page .odt-auth-card small,html.odt-mode-light body.odt-auth-page .odt-auth-card .text-muted{color:#667085!important}
html.odt-mode-light body.odt-auth-page .odt-auth-card .form-control,html.odt-mode-light body.odt-auth-page .odt-auth-card input[type=text],html.odt-mode-light body.odt-auth-page .odt-auth-card input[type=email],html.odt-mode-light body.odt-auth-page .odt-auth-card input[type=password],html.odt-mode-light body.odt-auth-page .odt-auth-card select{background:#fff!important;color:#1d2939!important;-webkit-text-fill-color:#1d2939!important;border-color:#cfd7e2!important}
html.odt-mode-light body.odt-auth-page .odt-auth-company-name{color:#1d2939!important}
html.odt-mode-light body.odt-auth-page .odt-auth-security{color:#667085!important;border-color:#e4e8ee!important}
html.odt-mode-light body.odt-auth-page .odt-auth-public-nav{background:rgba(255,255,255,.94)!important;border-color:#dce2ea!important;box-shadow:0 10px 30px rgba(15,23,42,.07)!important}
html.odt-mode-light body.odt-auth-page .odt-auth-public-brand{color:#1d2939!important}
html.odt-mode-light body.odt-auth-page .odt-auth-public-links a{color:#475467!important;border-color:transparent!important}
html.odt-mode-light body.odt-auth-page .odt-auth-public-links a:hover{color:#8f3500!important;background:#fff1e6!important}

html.odt-mode-orange body.odt-auth-page{background:#5b260f!important;color:#fff9f4!important}
html.odt-mode-orange body.odt-auth-page .odt-auth-backdrop{background:radial-gradient(circle at 10% 14%,rgba(255,151,65,.30),transparent 32%),radial-gradient(circle at 88% 78%,rgba(255,190,128,.18),transparent 28%),linear-gradient(135deg,#5a240d,#7c310d 48%,#4a1d0c)!important}
html.odt-mode-orange body.odt-auth-page .odt-auth-backdrop:before{opacity:.26!important}
html.odt-mode-orange body.odt-auth-page .odt-auth-showcase h1{color:#fffaf5!important}
html.odt-mode-orange body.odt-auth-page .odt-auth-showcase>p{color:#f2d8c5!important}
html.odt-mode-orange body.odt-auth-page .odt-auth-brandline{color:#fff4e7!important;background:rgba(255,255,255,.08)!important;border-color:rgba(255,210,168,.26)!important}
html.odt-mode-orange body.odt-auth-page .odt-auth-feature{background:rgba(55,24,10,.28)!important;border-color:rgba(255,220,190,.18)!important;color:#fff4e7!important}
html.odt-mode-orange body.odt-auth-page .odt-auth-feature strong{color:#fffaf5!important}
html.odt-mode-orange body.odt-auth-page .odt-auth-feature small{color:#e8cbb7!important}
html.odt-mode-orange body.odt-auth-page .odt-auth-signature{color:#e8cbb7!important}
html.odt-mode-orange body.odt-auth-page .odt-auth-form-zone:before{background:rgba(255,250,245,.12)!important;border-color:rgba(255,220,190,.24)!important}
html.odt-mode-orange body.odt-auth-page .odt-auth-card{background:rgba(255,250,245,.97)!important;border-color:#efcaaa!important;color:#342419!important;box-shadow:0 28px 80px rgba(53,20,5,.32)!important}
html.odt-mode-orange body.odt-auth-page .odt-auth-card h1,html.odt-mode-orange body.odt-auth-page .odt-auth-card h2,html.odt-mode-orange body.odt-auth-page .odt-auth-card h3,html.odt-mode-orange body.odt-auth-page .odt-auth-card h4,html.odt-mode-orange body.odt-auth-page .odt-auth-card h5{color:#342419!important}
html.odt-mode-orange body.odt-auth-page .odt-auth-card label{color:#5d473a!important}
html.odt-mode-orange body.odt-auth-page .odt-auth-card p,html.odt-mode-orange body.odt-auth-page .odt-auth-card small,html.odt-mode-orange body.odt-auth-page .odt-auth-card .text-muted{color:#746459!important}
html.odt-mode-orange body.odt-auth-page .odt-auth-card .form-control,html.odt-mode-orange body.odt-auth-page .odt-auth-card input[type=text],html.odt-mode-orange body.odt-auth-page .odt-auth-card input[type=email],html.odt-mode-orange body.odt-auth-page .odt-auth-card input[type=password],html.odt-mode-orange body.odt-auth-page .odt-auth-card select{background:#fffdf9!important;color:#342419!important;-webkit-text-fill-color:#342419!important;border-color:#dfc2aa!important}
html.odt-mode-orange body.odt-auth-page .odt-auth-company-name{color:#342419!important}
html.odt-mode-orange body.odt-auth-page .odt-auth-security{color:#746459!important;border-color:#ead2bf!important}
html.odt-mode-orange body.odt-auth-page .odt-auth-public-nav{background:rgba(91,38,15,.94)!important;border-color:#9a461d!important;box-shadow:0 10px 30px rgba(53,20,5,.22)!important}
html.odt-mode-orange body.odt-auth-page .odt-auth-public-brand{color:#fff8f2!important}
html.odt-mode-orange body.odt-auth-page .odt-auth-public-links a{color:#f5dcc9!important}
html.odt-mode-orange body.odt-auth-page .odt-auth-public-links a:hover{color:#fff!important;background:rgba(255,255,255,.10)!important}

/* Settings preview reflects the selected radio immediately, even before saving. */
.odt-preview-stage[data-mode="light"]{background:radial-gradient(circle at 16% 22%,color-mix(in srgb,var(--preview-primary) 15%,transparent),transparent 31%),radial-gradient(circle at 86% 78%,color-mix(in srgb,var(--preview-secondary) 10%,transparent),transparent 29%),linear-gradient(115deg,rgba(248,250,252,.97),rgba(237,242,247,.94)),var(--preview-bg)!important;border-color:#d4dbe5!important}
.odt-preview-stage[data-mode="light"] .odt-preview-brand h2{color:#172033!important}.odt-preview-stage[data-mode="light"] .odt-preview-brand p{color:#667085!important}.odt-preview-stage[data-mode="light"] .odt-preview-features{color:#475467!important}.odt-preview-stage[data-mode="light"] .odt-preview-login{background:rgba(255,255,255,.92)!important;border-color:#d4dbe5!important;box-shadow:0 22px 58px rgba(15,23,42,.12)!important}.odt-preview-stage[data-mode="light"] .odt-preview-login>span{color:#1d2939!important}.odt-preview-stage[data-mode="light"] .odt-preview-login input{background:#fff!important;color:#667085!important;border-color:#cfd7e2!important}
.odt-preview-stage[data-mode="orange"]{background:radial-gradient(circle at 16% 22%,color-mix(in srgb,var(--preview-primary) 28%,transparent),transparent 31%),radial-gradient(circle at 86% 78%,color-mix(in srgb,var(--preview-secondary) 18%,transparent),transparent 29%),linear-gradient(115deg,rgba(91,38,15,.97),rgba(126,49,13,.92)),var(--preview-bg)!important;border-color:rgba(255,220,190,.22)!important}.odt-preview-stage[data-mode="orange"] .odt-preview-login{background:rgba(255,250,245,.94)!important;border-color:#e6c3a6!important;box-shadow:0 24px 64px rgba(53,20,5,.28)!important}.odt-preview-stage[data-mode="orange"] .odt-preview-login>span{color:#342419!important}.odt-preview-stage[data-mode="orange"] .odt-preview-login input{background:#fffdf9!important;color:#746459!important;border-color:#dfc2aa!important}

/* Scrollbars */
html.odt-mode-light body ::-webkit-scrollbar-track{background:#eef2f6}html.odt-mode-light body ::-webkit-scrollbar-thumb{background:#c3cad5;border-color:#eef2f6}html.odt-mode-light body ::-webkit-scrollbar-thumb:hover{background:#e88a43}
html.odt-mode-orange body ::-webkit-scrollbar-track{background:#ffead7}html.odt-mode-orange body ::-webkit-scrollbar-thumb{background:#d8a47e;border-color:#ffead7}html.odt-mode-orange body ::-webkit-scrollbar-thumb:hover{background:#e86f18}

/* Readability guardrails for primary actions in bright modes. */
html.odt-mode-light body.admin .btn-primary,
html.odt-mode-light body.admin .btn-info,
html.odt-mode-light body.admin .btn-success:not(.btn-outline),
html.odt-mode-light body .btn-primary,
html.odt-mode-light body .btn-info,
html.odt-mode-light body .btn-success:not(.btn-outline),
html.odt-mode-orange body.admin .btn-primary,
html.odt-mode-orange body.admin .btn-info,
html.odt-mode-orange body.admin .btn-success:not(.btn-outline),
html.odt-mode-orange body .btn-primary,
html.odt-mode-orange body .btn-info,
html.odt-mode-orange body .btn-success:not(.btn-outline){
  background:linear-gradient(100deg,#b54708,#c45100)!important;
  border-color:#a64006!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 1px 0 rgba(75,28,0,.16)!important;
}
html.odt-mode-orange body.admin #side-menu>li.active>a,
html.odt-mode-orange body.admin #setup-menu>li.active>a{
  background:linear-gradient(90deg,#a94000,#b94800)!important;
  border-color:#d2783f!important;
}

/* Authentication field/readability refinements for bright modes. */
html.odt-mode-light body.odt-auth-page .odt-auth-backdrop{
  background:
    radial-gradient(circle at 12% 16%,color-mix(in srgb,var(--odt-primary) 15%,transparent),transparent 31%),
    radial-gradient(circle at 88% 78%,color-mix(in srgb,var(--odt-secondary) 10%,transparent),transparent 28%),
    linear-gradient(135deg,rgba(247,249,252,.94),rgba(237,242,247,.91)),
    var(--odt-login-bg)!important;
}
html.odt-mode-orange body.odt-auth-page .odt-auth-backdrop{
  background:
    radial-gradient(circle at 10% 14%,rgba(255,151,65,.30),transparent 32%),
    radial-gradient(circle at 88% 78%,rgba(255,190,128,.18),transparent 28%),
    linear-gradient(135deg,rgba(90,36,13,.93),rgba(124,49,13,.90) 48%,rgba(74,29,12,.92)),
    var(--odt-login-bg)!important;
}
html.odt-mode-light body.odt-auth-page .odt-auth-card [class*="tw-text-neutral"]{color:#475467!important;-webkit-text-fill-color:#475467!important}
html.odt-mode-orange body.odt-auth-page .odt-auth-card [class*="tw-text-neutral"]{color:#5d473a!important;-webkit-text-fill-color:#5d473a!important}
html.odt-mode-light body.odt-auth-page .odt-auth-card .odt-auth-input-icon{background-color:#fff!important}
html.odt-mode-light body.odt-auth-page .odt-auth-card .odt-auth-input-icon:focus{background-color:#fff!important}
html.odt-mode-orange body.odt-auth-page .odt-auth-card .odt-auth-input-icon{background-color:#fffdf9!important}
html.odt-mode-orange body.odt-auth-page .odt-auth-card .odt-auth-input-icon:focus{background-color:#fffdf9!important}
html.odt-mode-light body.odt-auth-page .odt-auth-card input:-webkit-autofill,
html.odt-mode-light body.odt-auth-page .odt-auth-card input:-webkit-autofill:hover,
html.odt-mode-light body.odt-auth-page .odt-auth-card input:-webkit-autofill:focus{
  -webkit-text-fill-color:#1d2939!important;
  -webkit-box-shadow:0 0 0 1000px #fff inset!important;
}
html.odt-mode-orange body.odt-auth-page .odt-auth-card input:-webkit-autofill,
html.odt-mode-orange body.odt-auth-page .odt-auth-card input:-webkit-autofill:hover,
html.odt-mode-orange body.odt-auth-page .odt-auth-card input:-webkit-autofill:focus{
  -webkit-text-fill-color:#342419!important;
  -webkit-box-shadow:0 0 0 1000px #fffdf9 inset!important;
}
html.odt-mode-light body.odt-auth-page .odt-auth-card .btn-primary,
html.odt-mode-light body.odt-auth-page .odt-auth-card button[type=submit],
html.odt-mode-light body.odt-auth-page .odt-auth-card input[type=submit],
html.odt-mode-orange body.odt-auth-page .odt-auth-card .btn-primary,
html.odt-mode-orange body.odt-auth-page .odt-auth-card button[type=submit],
html.odt-mode-orange body.odt-auth-page .odt-auth-card input[type=submit]{
  background:linear-gradient(100deg,#b54708,#c45100)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html.odt-mode-light body.odt-auth-page .odt-auth-company{border-color:#e4e8ee!important}
html.odt-mode-orange body.odt-auth-page .odt-auth-company{border-color:#ead2bf!important}
html.odt-mode-light body.odt-auth-page .odt-auth-area-badge{color:#9a3f00!important;background:#fff1e6!important;border-color:#ffc999!important}
html.odt-mode-orange body.odt-auth-page .odt-auth-area-badge{color:#8f3500!important;background:#ffe4ca!important;border-color:#edb07d!important}


/* --------------------------------------------------------------------------
   v1.3.1 - ORANGE MODE READABILITY PASS
   Warm surfaces must never inherit pale typography from Dark mode or addons.
   Action controls and semantic badges are explicitly re-protected below.
   -------------------------------------------------------------------------- */
html.odt-mode-orange{
  --odt-orange-reading:#3b2a1f;
  --odt-orange-reading-soft:#655044;
  --odt-orange-reading-muted:#7a675b;
  --odt-orange-accent-deep:#9f3f05;
  --odt-orange-accent-soft:#ffe3ca;
}

/* Common light-text utilities used by Perfex/Tailwind and third-party modules.
   Restrict this to the main application content; dark header/sidebar are untouched. */
html.odt-mode-orange body.admin #wrapper .content .text-white:not(.btn):not(.label):not(.badge),
html.odt-mode-orange body.admin #wrapper .content .text-light:not(.btn):not(.label):not(.badge),
html.odt-mode-orange body.admin #wrapper .content [class*="tw-text-white"]:not(.btn):not(.label):not(.badge),
html.odt-mode-orange body.admin #wrapper .content [class*="tw-text-neutral-50"]:not(.btn):not(.label):not(.badge),
html.odt-mode-orange body.admin #wrapper .content [class*="tw-text-neutral-100"]:not(.btn):not(.label):not(.badge),
html.odt-mode-orange body.admin #wrapper .content [class*="tw-text-neutral-200"]:not(.btn):not(.label):not(.badge),
html.odt-mode-orange body.admin #wrapper .content [class*="tw-text-neutral-300"]:not(.btn):not(.label):not(.badge){
  color:var(--odt-orange-reading-soft)!important;
  -webkit-text-fill-color:var(--odt-orange-reading-soft)!important;
  text-shadow:none!important;
}

/* Tabs: the active Ticket tab inherited white text from Dark mode. */
html.odt-mode-orange body.admin #wrapper .nav-tabs>li>a,
html.odt-mode-orange body.admin #wrapper .nav-pills>li>a{
  color:#60483a!important;
  -webkit-text-fill-color:#60483a!important;
}
html.odt-mode-orange body.admin #wrapper .nav-tabs>li.active>a,
html.odt-mode-orange body.admin #wrapper .nav-tabs>li.active>a:focus,
html.odt-mode-orange body.admin #wrapper .nav-tabs>li.active>a:hover,
html.odt-mode-orange body.admin #wrapper .nav-tabs>li>a:hover,
html.odt-mode-orange body.admin #wrapper .nav-pills>li.active>a,
html.odt-mode-orange body.admin #wrapper .nav-pills>li>a:hover{
  background:#ffe3ca!important;
  color:#743000!important;
  -webkit-text-fill-color:#743000!important;
  border-color:#e58a48!important;
  text-shadow:none!important;
}
html.odt-mode-orange body.admin #wrapper .nav-tabs>li.active>a *,
html.odt-mode-orange body.admin #wrapper .nav-pills>li.active>a *{
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}

/* Semantic labels/badges: use dark text on intentionally pale status backgrounds. */
html.odt-mode-orange body.admin .label-default,
html.odt-mode-orange body.admin .badge:not(.badge-danger):not(.badge-primary),
html.odt-mode-orange body.admin .label:not(.label-danger):not(.label-primary):not(.label-info):not(.label-success):not(.label-warning){
  background:#eadfd6!important;
  border-color:#d5c2b4!important;
  color:#594337!important;
  -webkit-text-fill-color:#594337!important;
}
html.odt-mode-orange body.admin .label-success{background:#dff3e6!important;border-color:#acd8bb!important;color:#245c3b!important;-webkit-text-fill-color:#245c3b!important}
html.odt-mode-orange body.admin .label-info{background:#dcecf8!important;border-color:#aacbe1!important;color:#24536f!important;-webkit-text-fill-color:#24536f!important}
html.odt-mode-orange body.admin .label-warning{background:#fff0c9!important;border-color:#e6c675!important;color:#704700!important;-webkit-text-fill-color:#704700!important}
html.odt-mode-orange body.admin .label-danger{background:#f9dddd!important;border-color:#e3aaaa!important;color:#7b2525!important;-webkit-text-fill-color:#7b2525!important}
html.odt-mode-orange body.admin .label-primary{background:#ffe0c2!important;border-color:#e7a46b!important;color:#793000!important;-webkit-text-fill-color:#793000!important}

/* Keep real action buttons readable after the light-text guardrails above. */
html.odt-mode-orange body.admin a.btn-primary,
html.odt-mode-orange body.admin button.btn-primary,
html.odt-mode-orange body.admin a.btn-info,
html.odt-mode-orange body.admin button.btn-info,
html.odt-mode-orange body.admin a.btn-success:not(.btn-outline),
html.odt-mode-orange body.admin button.btn-success:not(.btn-outline),
html.odt-mode-orange body.admin a.btn-danger,
html.odt-mode-orange body.admin button.btn-danger,
html.odt-mode-orange body.admin a.btn-warning,
html.odt-mode-orange body.admin button.btn-warning{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html.odt-mode-orange body.admin a.btn-primary *,
html.odt-mode-orange body.admin a.btn-info *,
html.odt-mode-orange body.admin a.btn-success *,
html.odt-mode-orange body.admin a.btn-danger *,
html.odt-mode-orange body.admin a.btn-warning *{
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}

/* Bootstrap-select buttons used for Ticket status and other compact states. */
html.odt-mode-orange body.admin #wrapper .bootstrap-select>.dropdown-toggle,
html.odt-mode-orange body.admin #wrapper .bootstrap-select>.dropdown-toggle .filter-option,
html.odt-mode-orange body.admin #wrapper .bootstrap-select>.dropdown-toggle .filter-option-inner,
html.odt-mode-orange body.admin #wrapper .bootstrap-select>.dropdown-toggle .filter-option-inner-inner{
  color:#3f2d22!important;
  -webkit-text-fill-color:#3f2d22!important;
  text-shadow:none!important;
}
html.odt-mode-orange body.admin #wrapper .bootstrap-select>.dropdown-toggle{
  background:#fffaf4!important;
  border-color:#ddb99d!important;
}
html.odt-mode-orange body.admin #wrapper .bootstrap-select.open>.dropdown-toggle,
html.odt-mode-orange body.admin #wrapper .bootstrap-select>.dropdown-toggle:focus{
  border-color:#d8661c!important;
  box-shadow:0 0 0 3px rgba(216,102,28,.12)!important;
}

/* Ticket details: cover the right properties column even when it is rendered as
   a sibling of .content in customized Perfex layouts. */
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-properties h1,
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-properties h2,
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-properties h3,
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-properties h4,
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-properties h5,
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-properties h6,
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-properties strong,
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-properties .bold,
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-properties [class*="tw-font-semibold"],
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-properties [class*="tw-font-medium"]{
  color:#38261b!important;
  -webkit-text-fill-color:#38261b!important;
  text-shadow:none!important;
}
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-properties [class*="tw-text-neutral-9"],
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-properties [class*="tw-text-neutral-8"],
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-properties [class*="tw-text-neutral-7"],
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-properties .text-dark{
  color:#3f2d22!important;
  -webkit-text-fill-color:#3f2d22!important;
}
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-properties [class*="tw-text-neutral-4"],
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-properties [class*="tw-text-neutral-5"],
html.odt-mode-orange body.admin.odt-ticket-view #wrapper .odt-ticket-properties [class*="tw-text-neutral-6"]{
  color:#756055!important;
  -webkit-text-fill-color:#756055!important;
}

/* Ticket editor chrome: labels/icons were still using the dark palette. */
html.odt-mode-orange body.admin.odt-ticket-view:not(.modal-open) #wrapper .tox-mbtn,
html.odt-mode-orange body.admin.odt-ticket-view:not(.modal-open) #wrapper .tox-tbtn,
html.odt-mode-orange body.admin.odt-ticket-view:not(.modal-open) #wrapper .tox-mbtn__select-label,
html.odt-mode-orange body.admin.odt-ticket-view:not(.modal-open) #wrapper .tox-tbtn__select-label,
html.odt-mode-orange body.admin.odt-ticket-view:not(.modal-open) #wrapper .mce-btn,
html.odt-mode-orange body.admin.odt-ticket-view:not(.modal-open) #wrapper .mce-btn button{
  color:#4b3528!important;
  -webkit-text-fill-color:#4b3528!important;
}
html.odt-mode-orange body.admin.odt-ticket-view:not(.modal-open) #wrapper .tox-tbtn svg,
html.odt-mode-orange body.admin.odt-ticket-view:not(.modal-open) #wrapper .tox-mbtn svg{
  fill:#4b3528!important;
}
html.odt-mode-orange body.admin.odt-ticket-view:not(.modal-open) #wrapper .tox-tbtn:hover,
html.odt-mode-orange body.admin.odt-ticket-view:not(.modal-open) #wrapper .tox-mbtn:hover,
html.odt-mode-orange body.admin.odt-ticket-view:not(.modal-open) #wrapper .mce-btn:hover{
  background:#ffd9b8!important;
}

/* Tables/DataTables: a number of Perfex addons attach pale text directly to row
   descendants. Force neutral reading text while preserving icons and status pills. */
html.odt-mode-orange body.admin #wrapper .table>tbody>tr>td,
html.odt-mode-orange body.admin #wrapper table>tbody>tr>td{
  color:#4a372c!important;
  -webkit-text-fill-color:#4a372c!important;
}
html.odt-mode-orange body.admin #wrapper .table>tbody>tr>td a:not(.btn):not(.label):not(.badge),
html.odt-mode-orange body.admin #wrapper table>tbody>tr>td a:not(.btn):not(.label):not(.badge){
  color:#8d3905!important;
  -webkit-text-fill-color:#8d3905!important;
}
html.odt-mode-orange body.admin #wrapper .table>tbody>tr>td span:not(.label):not(.badge):not(.caret):not(.fa),
html.odt-mode-orange body.admin #wrapper .table>tbody>tr>td p,
html.odt-mode-orange body.admin #wrapper .table>tbody>tr>td div:not(.progress):not(.progress-bar):not(.dropdown-menu),
html.odt-mode-orange body.admin #wrapper table>tbody>tr>td span:not(.label):not(.badge):not(.caret):not(.fa),
html.odt-mode-orange body.admin #wrapper table>tbody>tr>td p{
  color:#5a463a!important;
  -webkit-text-fill-color:#5a463a!important;
}
html.odt-mode-orange body.admin #wrapper .table>tbody>tr>td .text-muted,
html.odt-mode-orange body.admin #wrapper .table>tbody>tr>td small,
html.odt-mode-orange body.admin #wrapper table>tbody>tr>td .text-muted,
html.odt-mode-orange body.admin #wrapper table>tbody>tr>td small{
  color:#7b675b!important;
  -webkit-text-fill-color:#7b675b!important;
}
html.odt-mode-orange body.admin .dataTables_wrapper .dataTables_info,
html.odt-mode-orange body.admin .dataTables_wrapper .dataTables_length,
html.odt-mode-orange body.admin .dataTables_wrapper .dataTables_filter,
html.odt-mode-orange body.admin .dataTables_wrapper .dataTables_paginate,
html.odt-mode-orange body.admin .dataTables_wrapper .dataTables_length label,
html.odt-mode-orange body.admin .dataTables_wrapper .dataTables_filter label{
  color:#5c493d!important;
  -webkit-text-fill-color:#5c493d!important;
}

/* E-mail/inbox modules commonly use these container names and pale utility text. */
html.odt-mode-orange body.admin #wrapper .inbox,
html.odt-mode-orange body.admin #wrapper .mailbox,
html.odt-mode-orange body.admin #wrapper .email-inbox,
html.odt-mode-orange body.admin #wrapper .email-list,
html.odt-mode-orange body.admin #wrapper .mail-list,
html.odt-mode-orange body.admin #wrapper [class*="mailbox"],
html.odt-mode-orange body.admin #wrapper [class*="email-list"]{
  color:#443126!important;
}
html.odt-mode-orange body.admin #wrapper .inbox a:not(.btn),
html.odt-mode-orange body.admin #wrapper .mailbox a:not(.btn),
html.odt-mode-orange body.admin #wrapper .email-inbox a:not(.btn),
html.odt-mode-orange body.admin #wrapper .email-list a:not(.btn),
html.odt-mode-orange body.admin #wrapper .mail-list a:not(.btn){
  color:#7f3508!important;
  -webkit-text-fill-color:#7f3508!important;
}

/* Pagination in bright mode. */
html.odt-mode-orange body.admin .pagination>li>a,
html.odt-mode-orange body.admin .pagination>li>span{
  background:#fffaf5!important;
  border-color:#dfc2aa!important;
  color:#5a4030!important;
  -webkit-text-fill-color:#5a4030!important;
}
html.odt-mode-orange body.admin .pagination>.active>a,
html.odt-mode-orange body.admin .pagination>.active>span,
html.odt-mode-orange body.admin .pagination>.active>a:hover{
  background:#9f3f05!important;
  border-color:#873400!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}


/* --------------------------------------------------------------------------
   v1.3.2 - BRIGHT MODE COMPONENT CONTRAST FIXES
   Notifications, finance overview widgets and Task modal metadata.
   -------------------------------------------------------------------------- */

/* Header dropdowns live inside the dark navigation, but the dropdown itself is
   a light reading surface in Light/Orange modes. Do not let header white text
   leak into notification headings/actions. */
html.odt-mode-orange body.admin #header .dropdown-menu,
html.odt-mode-light body.admin #header .dropdown-menu{
  color:#3b2a1f!important;
  -webkit-text-fill-color:#3b2a1f!important;
}
html.odt-mode-orange body.admin #header .dropdown-menu h1,
html.odt-mode-orange body.admin #header .dropdown-menu h2,
html.odt-mode-orange body.admin #header .dropdown-menu h3,
html.odt-mode-orange body.admin #header .dropdown-menu h4,
html.odt-mode-orange body.admin #header .dropdown-menu h5,
html.odt-mode-orange body.admin #header .dropdown-menu h6,
html.odt-mode-orange body.admin #header .dropdown-menu strong,
html.odt-mode-orange body.admin #header .dropdown-menu b,
html.odt-mode-orange body.admin #header .dropdown-menu span:not(.badge):not(.label):not(.caret),
html.odt-mode-orange body.admin #header .dropdown-menu p,
html.odt-mode-orange body.admin #header .dropdown-menu small,
html.odt-mode-orange body.admin #header .dropdown-menu div:not(.progress):not(.progress-bar),
html.odt-mode-orange body.admin #header .dropdown-menu a:not(.btn){
  color:#4a372c!important;
  -webkit-text-fill-color:#4a372c!important;
  text-shadow:none!important;
}
html.odt-mode-light body.admin #header .dropdown-menu h1,
html.odt-mode-light body.admin #header .dropdown-menu h2,
html.odt-mode-light body.admin #header .dropdown-menu h3,
html.odt-mode-light body.admin #header .dropdown-menu h4,
html.odt-mode-light body.admin #header .dropdown-menu h5,
html.odt-mode-light body.admin #header .dropdown-menu h6,
html.odt-mode-light body.admin #header .dropdown-menu strong,
html.odt-mode-light body.admin #header .dropdown-menu b,
html.odt-mode-light body.admin #header .dropdown-menu span:not(.badge):not(.label):not(.caret),
html.odt-mode-light body.admin #header .dropdown-menu p,
html.odt-mode-light body.admin #header .dropdown-menu small,
html.odt-mode-light body.admin #header .dropdown-menu div:not(.progress):not(.progress-bar),
html.odt-mode-light body.admin #header .dropdown-menu a:not(.btn){
  color:#344054!important;
  -webkit-text-fill-color:#344054!important;
  text-shadow:none!important;
}
html.odt-mode-orange body.admin #header .dropdown-menu .text-muted,
html.odt-mode-orange body.admin #header .dropdown-menu small{color:#746459!important;-webkit-text-fill-color:#746459!important}
html.odt-mode-light body.admin #header .dropdown-menu .text-muted,
html.odt-mode-light body.admin #header .dropdown-menu small{color:#667085!important;-webkit-text-fill-color:#667085!important}
/* Real colored controls inside header dropdowns keep their intended white text. */
html.odt-mode-orange body.admin #header .dropdown-menu .btn-primary,
html.odt-mode-orange body.admin #header .dropdown-menu .btn-danger,
html.odt-mode-orange body.admin #header .dropdown-menu .btn-success,
html.odt-mode-orange body.admin #header .dropdown-menu .btn-warning,
html.odt-mode-orange body.admin #header .dropdown-menu .btn-info,
html.odt-mode-light body.admin #header .dropdown-menu .btn-primary,
html.odt-mode-light body.admin #header .dropdown-menu .btn-danger,
html.odt-mode-light body.admin #header .dropdown-menu .btn-success,
html.odt-mode-light body.admin #header .dropdown-menu .btn-warning,
html.odt-mode-light body.admin #header .dropdown-menu .btn-info{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Dashboard finance overview panels are tagged by theme.js. Neutral counts and
   metadata must stay readable while semantic red/green/orange status colors survive. */
html.odt-mode-orange body.admin #wrapper .odt-finance-overview .odt-finance-readable{
  color:#4a372c!important;
  -webkit-text-fill-color:#4a372c!important;
  text-shadow:none!important;
}
html.odt-mode-orange body.admin #wrapper .odt-finance-overview .text-muted.odt-finance-readable,
html.odt-mode-orange body.admin #wrapper .odt-finance-overview small.odt-finance-readable{
  color:#746459!important;
  -webkit-text-fill-color:#746459!important;
}
html.odt-mode-light body.admin #wrapper .odt-finance-overview .odt-finance-readable{
  color:#344054!important;
  -webkit-text-fill-color:#344054!important;
  text-shadow:none!important;
}
html.odt-mode-light body.admin #wrapper .odt-finance-overview .text-muted.odt-finance-readable,
html.odt-mode-light body.admin #wrapper .odt-finance-overview small.odt-finance-readable{
  color:#667085!important;
  -webkit-text-fill-color:#667085!important;
}

/* Task modal: core task CSS was still leaking dark-mode title/date chips into
   bright modes. The selectors below intentionally outrank admin.css. */
html.odt-mode-orange body.admin .modal.odt-task-modal .modal-title,
html.odt-mode-orange body.admin .modal.odt-task-modal .task-name,
html.odt-mode-orange body.admin .modal.odt-task-modal .bold,
html.odt-mode-orange body.admin .modal.odt-task-modal .task-info-heading,
html.odt-mode-orange body.admin .modal.odt-task-modal .task-info-value,
html.odt-mode-orange body.admin .modal.odt-task-modal .task-info-text,
html.odt-mode-orange body.admin .modal.odt-task-modal [class*="tw-font-semibold"],
html.odt-mode-orange body.admin .modal.odt-task-modal [class*="tw-font-medium"]{
  color:#342419!important;
  -webkit-text-fill-color:#342419!important;
  text-shadow:none!important;
}
html.odt-mode-light body.admin .modal.odt-task-modal .modal-title,
html.odt-mode-light body.admin .modal.odt-task-modal .task-name,
html.odt-mode-light body.admin .modal.odt-task-modal .bold,
html.odt-mode-light body.admin .modal.odt-task-modal .task-info-heading,
html.odt-mode-light body.admin .modal.odt-task-modal .task-info-value,
html.odt-mode-light body.admin .modal.odt-task-modal .task-info-text,
html.odt-mode-light body.admin .modal.odt-task-modal [class*="tw-font-semibold"],
html.odt-mode-light body.admin .modal.odt-task-modal [class*="tw-font-medium"]{
  color:#1d2939!important;
  -webkit-text-fill-color:#1d2939!important;
  text-shadow:none!important;
}

html.odt-mode-orange body.admin .modal.odt-task-modal .odt-task-bright-input,
html.odt-mode-orange body.admin .modal.odt-task-modal input[name*="date" i],
html.odt-mode-orange body.admin .modal.odt-task-modal input[id*="date" i],
html.odt-mode-orange body.admin .modal.odt-task-modal .datepickerinput,
html.odt-mode-orange body.admin .modal.odt-task-modal .date-input{
  background:#fffdf9!important;
  background-image:none!important;
  color:#342419!important;
  -webkit-text-fill-color:#342419!important;
  border-color:#dfc2aa!important;
  box-shadow:none!important;
}
html.odt-mode-light body.admin .modal.odt-task-modal .odt-task-bright-input,
html.odt-mode-light body.admin .modal.odt-task-modal input[name*="date" i],
html.odt-mode-light body.admin .modal.odt-task-modal input[id*="date" i],
html.odt-mode-light body.admin .modal.odt-task-modal .datepickerinput,
html.odt-mode-light body.admin .modal.odt-task-modal .date-input{
  background:#fff!important;
  background-image:none!important;
  color:#1f2937!important;
  -webkit-text-fill-color:#1f2937!important;
  border-color:#cfd7e2!important;
  box-shadow:none!important;
}
html.odt-mode-orange body.admin .modal.odt-task-modal .odt-task-bright-chip,
html.odt-mode-orange body.admin .modal.odt-task-modal .task-info .text-has-action,
html.odt-mode-orange body.admin .modal.odt-task-modal .task-single-col-right .text-has-action,
html.odt-mode-orange body.admin .modal.odt-task-modal .odt-task-right .text-has-action{
  background:transparent!important;
  background-image:none!important;
  color:#4a372c!important;
  -webkit-text-fill-color:#4a372c!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html.odt-mode-light body.admin .modal.odt-task-modal .odt-task-bright-chip,
html.odt-mode-light body.admin .modal.odt-task-modal .task-info .text-has-action,
html.odt-mode-light body.admin .modal.odt-task-modal .task-single-col-right .text-has-action,
html.odt-mode-light body.admin .modal.odt-task-modal .odt-task-right .text-has-action{
  background:transparent!important;
  background-image:none!important;
  color:#344054!important;
  -webkit-text-fill-color:#344054!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html.odt-mode-orange body.admin .modal.odt-task-modal .odt-task-right i,
html.odt-mode-orange body.admin .modal.odt-task-modal .task-single-col-right i{color:#6f4b35!important}
html.odt-mode-light body.admin .modal.odt-task-modal .odt-task-right i,
html.odt-mode-light body.admin .modal.odt-task-modal .task-single-col-right i{color:#667085!important}

/* Task modal header can contain linked task titles that carry pale text utility
   classes. Keep the whole header readable while preserving badges/buttons. */
html.odt-mode-orange body.admin .modal.odt-task-modal .modal-header *:not(.btn):not(.label):not(.badge):not(.caret),
html.odt-mode-orange body.admin .modal.odt-task-modal .modal-header a:not(.btn){
  color:#342419!important;
  -webkit-text-fill-color:#342419!important;
  text-shadow:none!important;
}
html.odt-mode-light body.admin .modal.odt-task-modal .modal-header *:not(.btn):not(.label):not(.badge):not(.caret),
html.odt-mode-light body.admin .modal.odt-task-modal .modal-header a:not(.btn){
  color:#1d2939!important;
  -webkit-text-fill-color:#1d2939!important;
  text-shadow:none!important;
}


/* --------------------------------------------------------------------------
   v1.3.3 - CALENDAR + RICH TEXT EDITOR BRIGHT-MODE FIXES
   FullCalendar and third-party TinyMCE/Summernote compose surfaces.
   -------------------------------------------------------------------------- */

/* FullCalendar v3/v4/v5/v6: the core admin stylesheet is intentionally dark.
   Bright modes must override the calendar itself, not only its surrounding card. */
html.odt-mode-orange body.admin .fc,
html.odt-mode-orange body.admin .fc-view-container,
html.odt-mode-orange body.admin .fc-view,
html.odt-mode-orange body.admin .fc-scroller,
html.odt-mode-orange body.admin .fc-day-grid-container,
html.odt-mode-orange body.admin .fc-time-grid-container,
html.odt-mode-orange body.admin .fc-list-view,
html.odt-mode-orange body.admin .fc-scrollgrid,
html.odt-mode-orange body.admin .fc-scrollgrid-section>td,
html.odt-mode-orange body.admin .fc-daygrid-body,
html.odt-mode-orange body.admin .fc-timegrid-body{
  background:#fffaf5!important;
  color:#342419!important;
  border-color:#dfc2aa!important;
}
html.odt-mode-orange body.admin .fc-widget-content,
html.odt-mode-orange body.admin .fc-day,
html.odt-mode-orange body.admin .fc-daygrid-day,
html.odt-mode-orange body.admin .fc-timegrid-slot,
html.odt-mode-orange body.admin .fc-scrollgrid td{
  background:#fffdf9!important;
  color:#4a372c!important;
  border-color:#e4c8b1!important;
}
html.odt-mode-orange body.admin .fc-widget-header,
html.odt-mode-orange body.admin .fc-day-header,
html.odt-mode-orange body.admin .fc-col-header-cell,
html.odt-mode-orange body.admin .fc-scrollgrid-section-header th{
  background:#ffead7!important;
  color:#5a3924!important;
  border-color:#dfc2aa!important;
}
html.odt-mode-orange body.admin .fc-toolbar h2,
html.odt-mode-orange body.admin .fc-toolbar-title,
html.odt-mode-orange body.admin .fc .fc-toolbar-title{
  color:#633312!important;
  -webkit-text-fill-color:#633312!important;
  text-shadow:none!important;
}
html.odt-mode-orange body.admin .fc-day-number,
html.odt-mode-orange body.admin .fc-daygrid-day-number,
html.odt-mode-orange body.admin .fc-col-header-cell-cushion,
html.odt-mode-orange body.admin .fc-list-day-text,
html.odt-mode-orange body.admin .fc-list-day-side-text{
  color:#843a0a!important;
  -webkit-text-fill-color:#843a0a!important;
}
html.odt-mode-orange body.admin .fc-other-month,
html.odt-mode-orange body.admin .fc-day-other,
html.odt-mode-orange body.admin .fc-day-disabled{
  background:#fff4e9!important;
  color:#967b69!important;
}
html.odt-mode-orange body.admin .fc-unthemed .fc-today,
html.odt-mode-orange body.admin .fc-day-today{
  background:#ffe1c6!important;
  box-shadow:inset 0 0 0 1px #f2a365!important;
}
html.odt-mode-orange body.admin .fc-state-default,
html.odt-mode-orange body.admin .fc-button{
  background:#fff4e9!important;
  background-image:none!important;
  border-color:#d9b392!important;
  color:#4d321f!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
html.odt-mode-orange body.admin .fc-state-default:hover,
html.odt-mode-orange body.admin .fc-button:hover{
  background:#ffe4cb!important;
  border-color:#e89758!important;
  color:#7f3508!important;
}
html.odt-mode-orange body.admin .fc-state-active,
html.odt-mode-orange body.admin .fc-state-down,
html.odt-mode-orange body.admin .fc-button-active,
html.odt-mode-orange body.admin .fc-button-primary:not(:disabled).fc-button-active{
  background:#9f3f05!important;
  border-color:#873400!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html.odt-mode-orange body.admin .fc-list-heading td,
html.odt-mode-orange body.admin .fc-list-day-cushion{
  background:#ffead7!important;
  color:#5a3924!important;
  border-color:#dfc2aa!important;
}
html.odt-mode-orange body.admin .fc-list-item:hover td,
html.odt-mode-orange body.admin .fc-list-event:hover td{background:#fff0e2!important}

html.odt-mode-light body.admin .fc,
html.odt-mode-light body.admin .fc-view-container,
html.odt-mode-light body.admin .fc-view,
html.odt-mode-light body.admin .fc-scroller,
html.odt-mode-light body.admin .fc-day-grid-container,
html.odt-mode-light body.admin .fc-time-grid-container,
html.odt-mode-light body.admin .fc-list-view,
html.odt-mode-light body.admin .fc-scrollgrid,
html.odt-mode-light body.admin .fc-scrollgrid-section>td,
html.odt-mode-light body.admin .fc-daygrid-body,
html.odt-mode-light body.admin .fc-timegrid-body{
  background:#fff!important;
  color:#1d2939!important;
  border-color:#d7dee8!important;
}
html.odt-mode-light body.admin .fc-widget-content,
html.odt-mode-light body.admin .fc-day,
html.odt-mode-light body.admin .fc-daygrid-day,
html.odt-mode-light body.admin .fc-timegrid-slot,
html.odt-mode-light body.admin .fc-scrollgrid td{
  background:#fff!important;
  color:#344054!important;
  border-color:#dfe4ec!important;
}
html.odt-mode-light body.admin .fc-widget-header,
html.odt-mode-light body.admin .fc-day-header,
html.odt-mode-light body.admin .fc-col-header-cell,
html.odt-mode-light body.admin .fc-scrollgrid-section-header th{
  background:#f3f6f9!important;
  color:#344054!important;
  border-color:#d7dee8!important;
}
html.odt-mode-light body.admin .fc-toolbar h2,
html.odt-mode-light body.admin .fc-toolbar-title{color:#1d2939!important;-webkit-text-fill-color:#1d2939!important;text-shadow:none!important}
html.odt-mode-light body.admin .fc-day-number,
html.odt-mode-light body.admin .fc-daygrid-day-number,
html.odt-mode-light body.admin .fc-col-header-cell-cushion{color:#475467!important;-webkit-text-fill-color:#475467!important}
html.odt-mode-light body.admin .fc-other-month,
html.odt-mode-light body.admin .fc-day-other,
html.odt-mode-light body.admin .fc-day-disabled{background:#f7f9fc!important;color:#98a2b3!important}
html.odt-mode-light body.admin .fc-unthemed .fc-today,
html.odt-mode-light body.admin .fc-day-today{background:#fff1e6!important;box-shadow:inset 0 0 0 1px #ffc999!important}
html.odt-mode-light body.admin .fc-state-default,
html.odt-mode-light body.admin .fc-button{background:#fff!important;background-image:none!important;border-color:#cfd7e2!important;color:#344054!important;text-shadow:none!important;box-shadow:none!important}
html.odt-mode-light body.admin .fc-state-default:hover,
html.odt-mode-light body.admin .fc-button:hover{background:#fff4eb!important;border-color:#f3a76c!important;color:#9a3f00!important}
html.odt-mode-light body.admin .fc-state-active,
html.odt-mode-light body.admin .fc-state-down,
html.odt-mode-light body.admin .fc-button-active,
html.odt-mode-light body.admin .fc-button-primary:not(:disabled).fc-button-active{background:#c45100!important;border-color:#9a3f00!important;color:#fff!important;-webkit-text-fill-color:#fff!important}

/* Generic rich-text chrome for compose screens from third-party modules. The iframe
   document background itself is synchronized by theme.js because parent CSS cannot
   cross the iframe document boundary. */
html.odt-mode-orange body.admin .tox-tinymce:not(.odt-ticket-editor),
html.odt-mode-orange body.admin .mce-tinymce:not(.odt-ticket-editor),
html.odt-mode-orange body.admin .note-editor{
  border-color:#dfc2aa!important;
  background:#fffdf9!important;
}
html.odt-mode-orange body.admin .tox .tox-editor-header,
html.odt-mode-orange body.admin .tox .tox-toolbar-overlord,
html.odt-mode-orange body.admin .tox .tox-toolbar__primary,
html.odt-mode-orange body.admin .tox .tox-toolbar,
html.odt-mode-orange body.admin .tox .tox-menubar,
html.odt-mode-orange body.admin .mce-panel,
html.odt-mode-orange body.admin .mce-toolbar-grp,
html.odt-mode-orange body.admin .mce-menubar,
html.odt-mode-orange body.admin .note-editor .note-toolbar{
  background:#fff7ef!important;
  color:#342419!important;
  border-color:#dfc2aa!important;
}
html.odt-mode-orange body.admin .tox .tox-edit-area,
html.odt-mode-orange body.admin .mce-edit-area,
html.odt-mode-orange body.admin .note-editor .note-editable,
html.odt-mode-orange body.admin .tox .tox-edit-area__iframe{
  background:#fffdf9!important;
  color:#342419!important;
  border-color:#dfc2aa!important;
}
html.odt-mode-orange body.admin .tox .tox-tbtn,
html.odt-mode-orange body.admin .tox .tox-mbtn,
html.odt-mode-orange body.admin .mce-btn{
  background:transparent!important;
  color:#4a372c!important;
}
html.odt-mode-orange body.admin .tox .tox-tbtn svg{fill:#4a372c!important}
html.odt-mode-orange body.admin .tox .tox-tbtn:hover,
html.odt-mode-orange body.admin .tox .tox-tbtn--enabled,
html.odt-mode-orange body.admin .tox .tox-mbtn:hover,
html.odt-mode-orange body.admin .mce-btn:hover{background:#ffe4cb!important;color:#7f3508!important}

html.odt-mode-light body.admin .tox-tinymce:not(.odt-ticket-editor),
html.odt-mode-light body.admin .mce-tinymce:not(.odt-ticket-editor),
html.odt-mode-light body.admin .note-editor{border-color:#d7dee8!important;background:#fff!important}
html.odt-mode-light body.admin .tox .tox-editor-header,
html.odt-mode-light body.admin .tox .tox-toolbar-overlord,
html.odt-mode-light body.admin .tox .tox-toolbar__primary,
html.odt-mode-light body.admin .tox .tox-toolbar,
html.odt-mode-light body.admin .tox .tox-menubar,
html.odt-mode-light body.admin .mce-panel,
html.odt-mode-light body.admin .mce-toolbar-grp,
html.odt-mode-light body.admin .mce-menubar,
html.odt-mode-light body.admin .note-editor .note-toolbar{background:#f8fafc!important;color:#1d2939!important;border-color:#d7dee8!important}
html.odt-mode-light body.admin .tox .tox-edit-area,
html.odt-mode-light body.admin .mce-edit-area,
html.odt-mode-light body.admin .note-editor .note-editable,
html.odt-mode-light body.admin .tox .tox-edit-area__iframe{background:#fff!important;color:#1d2939!important;border-color:#d7dee8!important}
html.odt-mode-light body.admin .tox .tox-tbtn svg{fill:#344054!important}

/* Calendar popovers / "more" windows in bright modes. */
html.odt-mode-orange body.admin .fc-popover,
html.odt-mode-orange body.admin .fc-more-popover,
html.odt-mode-orange body.admin .fc-popover .fc-header{
  background:#fffaf5!important;
  color:#342419!important;
  border-color:#dfc2aa!important;
  box-shadow:0 18px 48px rgba(110,55,16,.16)!important;
}
html.odt-mode-orange body.admin .fc-popover .fc-header{background:#ffead7!important;color:#5a3924!important}
html.odt-mode-light body.admin .fc-popover,
html.odt-mode-light body.admin .fc-more-popover,
html.odt-mode-light body.admin .fc-popover .fc-header{
  background:#fff!important;
  color:#1d2939!important;
  border-color:#d7dee8!important;
  box-shadow:0 18px 48px rgba(15,23,42,.14)!important;
}
html.odt-mode-light body.admin .fc-popover .fc-header{background:#f3f6f9!important;color:#344054!important}